:root{color-scheme:dark;--gold:#f0c35a;--gold2:#ffe39a;--gold-d:#9a6a18;--crim:#e0243c;--crim-d:#6d0a18;--cyan:#46e1ff;--ink:#07080c;--steel:#aab4bd;--panel:#0b0e14;
 --disp:Impact,Haettenschweiler,'Arial Narrow Bold','Arial Black',sans-serif;--ui:'Arial Black',Arial,Helvetica,sans-serif;--body:Arial,Helvetica,sans-serif;font-family:var(--body)}
*{box-sizing:border-box}html{background:#05060a}body{margin:0;color:#e9edf1;background:#05060a;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
button,input,select{font:inherit}button{cursor:pointer}
button:focus-visible,a:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}
#arena{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;z-index:0;display:block;background:#05060a}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 38%,#000000b8 100%)}
#flash{position:fixed;inset:0;z-index:30;pointer-events:none;background:radial-gradient(circle at 50% 75%,#ffe9a8cc,#ffb43c33 55%,transparent 80%);opacity:0}
body.celebrating #flash{animation:wash .7s ease-out}
.topline,main{position:relative;z-index:2}
.topline{display:flex;justify-content:space-between;align-items:center;padding:8px max(18px,calc((100vw - 1500px)/2));background:linear-gradient(#0a0c12f2,#07080cd8);border-bottom:2px solid var(--crim);box-shadow:0 6px 24px #000a;font:800 11px var(--body);letter-spacing:1.6px}
.brand img{display:block;height:34px;width:auto}.back{color:var(--gold)}
main{max-width:1560px;margin:auto;padding:18px 20px 16px}
.eyebrow{margin:0;font:800 10px var(--body);letter-spacing:2.2px;color:var(--gold)}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--crim);margin-right:7px;transform:rotate(45deg)}
.fine{margin:10px 0 0;font-size:11px;line-height:1.55;color:#97a3ae}
/* ---------- Layout ---------- */
.layout{display:flex;flex-direction:column;gap:14px;max-width:760px;margin:auto}
.col-left,.col-right{display:contents}
.hero{order:0;text-align:center}.machine{order:1}.round-card{order:2}.paytable{order:3}.how{order:4}.ticket{order:5}
@media(min-width:1180px){
 .layout{display:grid;grid-template-columns:minmax(250px,300px) auto minmax(250px,300px);gap:26px;max-width:none;justify-content:center;align-items:start}
 .col-left,.col-right{display:flex;flex-direction:column;gap:16px}.hero{text-align:left}
 .layout .machine{order:0;--mw:min(700px,max(480px,calc((100vh - 410px)*.946 + 30px)));width:var(--mw)}
 .t-plinko{font-size:56px}
}
/* ---------- Title ---------- */
h1{margin:12px 0 10px;display:flex;flex-direction:column;align-items:inherit;line-height:.9}
.hero h1{align-items:center}@media(min-width:1180px){.hero h1{align-items:flex-start}}
.t-plinko{display:block;font-family:var(--disp);font-size:clamp(58px,15vw,92px);letter-spacing:3px;line-height:.95;background:linear-gradient(180deg,#fff 0,#e9eef2 28%,#8a949c 52%,#dfe5e9 70%,#6a737a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.6px #d9a93c;filter:drop-shadow(0 3px 0 #3b2a07) drop-shadow(0 8px 14px #000)}
.t-plate{display:inline-block;margin-top:6px;padding:7px 26px 6px;background:linear-gradient(180deg,#ffe9a6,#e3ab38 45%,#a97716 55%,#f6cf6a);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);filter:drop-shadow(0 4px 8px #000)}
.t-plate b{display:block;font:400 clamp(17px,4.2vw,25px)/1 var(--disp);letter-spacing:2.5px;color:#14100a;text-shadow:0 1px 0 #ffffff66}
.tagline{margin:0;font-size:12px;line-height:1.6;color:#b9c4cd}.tagline b{color:#fff}
.ticket{border:1px solid #e5c37266;background:linear-gradient(160deg,#241a08ee,#0b0d12ee 60%);padding:18px 20px 16px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));box-shadow:inset 0 0 30px #f0c35a14}
.jackpot{font:400 76px/1 var(--disp);margin-top:8px;letter-spacing:1px;color:var(--gold2);text-shadow:0 0 26px #f0c35a88,0 3px 0 #6b4a0e}.jackpot span{display:block;font:800 10px var(--body);letter-spacing:2.2px;color:#fff;margin-top:6px;text-shadow:none}
.card{background:linear-gradient(180deg,#0e131bee,#080a0fee);border:1px solid #2c3743;border-top:2px solid var(--cyan);padding:16px 18px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);box-shadow:inset 0 0 40px #46e1ff0a}
.card h2{margin:0 0 12px;font:400 20px var(--disp);letter-spacing:2px;color:#fff;display:flex;justify-content:space-between;align-items:baseline}.card h2 span{font:800 11px var(--body);letter-spacing:1px;color:var(--cyan)}
.paytable ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.paytable li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-left:4px solid var(--c);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 22%,transparent),transparent)}
.paytable b{font:800 11px var(--body);letter-spacing:1.4px}.paytable span{font:400 22px var(--disp);letter-spacing:1px}
.t0{--c:#8ea0ae}.t1{--c:#35c8ec}.t2{--c:#e0344f}.t3{--c:#ff7a38}.t4{--c:#ffd566}.paytable .t4 span{color:var(--gold2)}
.how ol{margin:0;padding-left:18px;font-size:12px;line-height:1.55;color:#c1cbd3;display:grid;gap:9px}.how b{color:#fff}.keys{letter-spacing:1px;font-weight:700;color:#6f7e8b}
#history{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}#history span{display:block;padding:7px 10px;font:800 12px var(--body);color:#59656f;background:#0a0e14;border:1px solid #1d2630;letter-spacing:.5px}#history span:before{content:attr(data-n);color:#3d4852;margin-right:8px;font-size:10px}#history span.hit{color:#fff;border-color:#e0344f66;background:linear-gradient(90deg,#e0344f33,#0a0e14)}#history span.big{color:var(--gold2);border-color:#f0c35a99;background:linear-gradient(90deg,#f0c35a44,#0a0e14)}
/* ---------- Cabinet ---------- */
.machine{position:relative;width:100%;padding:12px 12px 14px;border-radius:18px 18px 10px 10px;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 4px),linear-gradient(135deg,#454d58,#12161d 12%,#0a0d13 60%,#3c424a);border:2px solid #b69a5b;box-shadow:inset 0 0 0 4px #0c1016,inset 0 0 0 5px #8a8d8c,0 30px 80px #000,-10px 0 50px #ff183233,10px 0 50px #00cfff2e}
.machine:before,.machine:after{content:'';position:absolute;top:50%;width:8px;height:26%;transform:translateY(-50%);border-radius:4px;pointer-events:none}
.machine:before{left:-5px;background:linear-gradient(#ff304e00,#ff304e,#ff304e00);box-shadow:0 0 18px #ff304e}.machine:after{right:-5px;background:linear-gradient(#46e1ff00,#46e1ff,#46e1ff00);box-shadow:0 0 18px #46e1ff}
.scorebug{display:grid;grid-template-columns:1.5fr 1fr 1.15fr .9fr;gap:6px;margin:0 0 10px}
.sb{position:relative;padding:9px 8px 8px;text-align:center;background:linear-gradient(180deg,#0e1a26f0,#080c13f0);border-top:2px solid var(--cyan);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));box-shadow:inset 0 0 18px #46e1ff14}
.sb:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#46e1ff0a 0 1px,transparent 1px 3px);pointer-events:none}
.sb>span{display:block;font:800 8.5px var(--body);letter-spacing:1.7px;color:#7fb5c7}
.sb strong{display:block;margin-top:3px;font:400 clamp(22px,3.2vw,32px)/1.05 var(--disp);letter-spacing:1px;color:#fff;font-variant-numeric:tabular-nums}.sb strong span{font-size:.55em;color:#6f8a98;margin-left:2px}
.sb-score{border-top-color:var(--gold)}.sb-score strong{color:var(--gold2);text-shadow:0 0 18px #f0c35a77;font-size:clamp(26px,4vw,38px)}
#pips{display:flex;justify-content:center;gap:3px;margin-top:5px}#pips i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c0,#e0a830 55%,#7a4c0e);box-shadow:0 0 5px #f0c35a99}#pips i.used{background:#171d25;box-shadow:none;border:1px solid #2a343e}
.board-wrap{position:relative;border-radius:6px;overflow:hidden;line-height:0;box-shadow:0 0 0 2px #05070a,0 0 0 3px #7e8588,0 0 34px #46e1ff22,0 0 34px #ff304e1c}
canvas#game{display:block;width:100%;height:auto;aspect-ratio:700/740;touch-action:none;cursor:crosshair;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
#score-pop{position:absolute;left:50%;top:15%;transform:translateX(-50%);pointer-events:none;opacity:0;font:400 clamp(30px,6vw,46px)/1 var(--disp);color:#fff;letter-spacing:2px;text-shadow:0 0 18px #46e1ff,0 3px 0 #000}
#score-pop.show{animation:pop 1s ease-out both}
#board-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 92%,#fff3c8,#ffc457aa 35%,transparent 70%)}
body.celebrating #board-flash{animation:wash .55s ease-out}
#pin-count{position:absolute;left:0;right:0;top:24%;display:flex;justify-content:center;gap:5%;pointer-events:none;line-height:1}
#pin-count i{font:400 clamp(60px,15vw,108px)/1 var(--disp);font-style:normal;color:#fff;opacity:0;-webkit-text-stroke:2px #8c5a0c;text-shadow:0 0 28px #f0c35a,0 6px 0 #000}
#pin-count i:nth-child(3){color:var(--gold2);font-size:1.28em}
body.celebrating #pin-count i{animation:slam .5s cubic-bezier(.2,1.6,.4,1) both}
body.celebrating #pin-count i:nth-child(2){animation-delay:.26s}body.celebrating #pin-count i:nth-child(3){animation-delay:.52s;animation-duration:.9s}
#jackpot-banner{position:absolute;left:0;right:0;top:50%;padding:16px 6px 14px;text-align:center;line-height:1;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#0a0804f2 14% 86%,transparent);border-block:2px solid #f0c35acc;color:var(--gold2);font:400 clamp(30px,7vw,54px)/1 var(--disp);letter-spacing:3px;text-shadow:0 0 28px #f0c35a99,0 3px 0 #6b4a0e}
#jackpot-banner small{display:block;font:800 9px var(--body);letter-spacing:3.4px;color:#fff;margin-bottom:9px;text-shadow:none}#jackpot-banner span{display:block;font-size:1.45em;margin-top:4px;color:#fff;-webkit-text-stroke:1.4px #d9a93c}
body.celebrating #jackpot-banner{animation:banner 1.55s .35s both}
body.celebrating .board-wrap{animation:punch .5s ease-out}
body.celebrating .machine{box-shadow:inset 0 0 0 4px #0c1016,inset 0 0 0 5px #8a8d8c,0 30px 80px #000,0 0 90px #f0c35a77}
.commentary{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:9px 12px;background:linear-gradient(90deg,#1a0a10,#0a0f16);border-left:4px solid var(--crim);min-height:44px}
.live{flex:none;padding:3px 7px;background:var(--crim);font:800 9px var(--body);letter-spacing:1.5px;border-radius:2px;animation:blink 1.6s steps(2,jump-none) infinite}
#message{margin:0;font:700 12px/1.35 var(--body);letter-spacing:.5px;color:#e8eef3;text-transform:uppercase}
.controls{background:transparent}
.aim-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 6px 4px;font:800 10px var(--body);letter-spacing:2px;color:var(--cyan)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;touch-action:pan-y}
input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,var(--crim),#2a3340 50%,var(--cyan));border-radius:3px;border:1px solid #05070a}
input[type=range]::-moz-range-track{height:6px;background:linear-gradient(90deg,var(--crim),#2a3340 50%,var(--cyan));border-radius:3px;border:1px solid #05070a}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-11px;border-radius:50%;border:2px solid #5a3708;background:radial-gradient(circle at 35% 30%,#fff3c0,#e0a830 55%,#8a5a14);box-shadow:0 3px 8px #000}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:2px solid #5a3708;background:radial-gradient(circle at 35% 30%,#fff3c0,#e0a830 55%,#8a5a14)}
.drop{position:relative;overflow:hidden;display:block;width:100%;margin:8px 0 0;padding:16px 18px;border:0;color:#16100a;font:400 26px/1 var(--disp);letter-spacing:3px;text-align:center;background:linear-gradient(180deg,#ffeaa6,#f0bb3e 48%,#c78a1f 52%,#f7d072);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);box-shadow:0 0 0 #0000;transition:transform .12s,filter .12s}
.drop:before{content:'';position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(90deg,transparent,#ffffffaa,transparent);transform:skewX(-20deg);animation:shine 3.4s ease-in-out infinite}
.drop:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.drop:active:not(:disabled){transform:translateY(1px) scale(.99)}
.drop:disabled{background:linear-gradient(180deg,#59606a,#2c3239);color:#9aa4ad;cursor:not-allowed}.drop:disabled:before{display:none}
.drop span{display:inline-block;margin-left:6px}
.utility{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.utility button,#close-final,#close-help,#cancel-reset,#enter-muted{padding:11px 8px;border:1px solid #3b4753;color:#d6dee5;background:linear-gradient(#141b24,#0b1016);font:800 11px var(--body);letter-spacing:1px}
.utility button:hover,#enter-muted:hover,#close-final:hover,#cancel-reset:hover{border-color:var(--cyan);color:#fff}
.quality-row{display:flex;align-items:center;gap:10px;padding:10px 4px 0;font:800 9px var(--body);letter-spacing:1.6px;color:#7f93a1}
.quality-row select{background:#0b1016;color:#e8eef3;border:1px solid #3b4753;padding:6px 8px;font:800 10px var(--body);letter-spacing:1px}.quality-row span{margin-left:auto;color:var(--cyan)}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:1500px;margin:26px auto 0;padding:14px 4px;border-top:1px solid #ffffff1a;font-size:11px;color:#8d99a4;letter-spacing:.6px}footer a{color:var(--gold)}
/* ---------- Dialogs ---------- */
dialog{border:0;padding:0;background:transparent;color:#fff;max-width:min(92vw,520px);width:100%;overflow:visible}dialog::backdrop{background:#02030acc;backdrop-filter:blur(5px)}
.final-inner{position:relative;padding:34px 30px 28px;text-align:center;background:linear-gradient(170deg,#1b1408f2,#080a10f6 55%);border:1px solid #f0c35a99;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));box-shadow:inset 0 0 60px #f0c35a18}
.final-inner h2{margin:12px 0;font:400 clamp(40px,10vw,58px)/.95 var(--disp);letter-spacing:2px;color:var(--gold2);text-shadow:0 0 28px #f0c35a77,0 3px 0 #5a3a08}.final-inner p{color:#c9d2d9;font-size:13px;line-height:1.6}
.final-inner strong{display:block;font:400 clamp(60px,16vw,92px)/1 var(--disp);color:#fff;text-shadow:0 0 30px #46e1ff88;margin:6px 0}
.final-inner .drop{margin-top:16px}.final-inner button:not(.drop){margin-top:10px;width:100%}
.intro-inner h2{display:flex;flex-direction:column;align-items:center;text-shadow:none}.intro-inner .t-plinko{font-size:clamp(64px,18vw,104px)}.intro-line{font:800 12px var(--body)!important;letter-spacing:4px;color:#fff!important;margin:14px 0 8px}
/* ---------- Motion ---------- */
@keyframes pop{0%{opacity:0;transform:translate(-50%,16px) scale(.7)}18%{opacity:1;transform:translate(-50%,0) scale(1.1)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-26px) scale(1)}}
@keyframes slam{0%{opacity:0;transform:scale(2.6)}35%{opacity:1;transform:scale(.94)}55%{transform:scale(1.04)}80%{opacity:1}100%{opacity:0;transform:scale(1)}}
@keyframes banner{0%{opacity:0;transform:translateY(-50%) scaleY(.4)}16%{opacity:1;transform:translateY(-50%) scaleY(1.05)}26%{transform:translateY(-50%) scaleY(1)}84%{opacity:1;transform:translateY(-50%)}100%{opacity:0;transform:translateY(-50%) scale(1.04)}}
@keyframes punch{0%{transform:scale(1)}12%{transform:translate(5px,-3px) scale(1.018)}26%{transform:translate(-4px,3px) scale(1.012)}42%{transform:translate(3px,-1px) scale(1.006)}60%{transform:translate(-2px,1px)}100%{transform:none}}
@keyframes wash{0%{opacity:.95}100%{opacity:0}}@keyframes shine{0%,55%{left:-80px}100%{left:120%}}@keyframes blink{50%{opacity:.45}}
#jackpot-banner{transform:translateY(-50%)}
/* ---------- Presets ---------- */
body[data-quality=performance] .vignette{background:radial-gradient(ellipse at 50% 45%,transparent 45%,#000000a0 100%)}
body[data-quality=performance] .t-plinko,body[data-quality=performance] .t-plate,body[data-quality=performance] .machine{filter:none;box-shadow:none}
body[data-quality=performance] .drop:before,body[data-quality=performance] .live{animation:none}
body[data-quality=performance] dialog::backdrop{backdrop-filter:none}
body[data-quality=performance].celebrating .board-wrap{animation:none}
/* ---------- Responsive ---------- */
@media(min-width:761px) and (max-width:1179px){.layout{max-width:700px}.how,.paytable,.round-card,.ticket{order:auto}.col-left,.col-right{display:contents}.hero{order:0}.machine{order:1}}
@media(max-width:760px){
 main{padding:10px max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
 .topline{padding:6px 12px;font-size:9px}.brand img{height:26px}
 .hero .eyebrow,.hero .tagline,.ticket{display:none}.hero h1{margin:2px 0 0;flex-direction:row;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.t-plinko{font-size:46px}.t-plate{margin:0;padding:5px 16px 4px}.t-plate b{font-size:14px;letter-spacing:1.6px}
 .layout{gap:10px}.machine{padding:8px 7px 10px;border-radius:12px}.machine:before,.machine:after{display:none}
 .scorebug{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:4px;margin-bottom:7px}.sb{padding:6px 3px 5px}.sb>span{font-size:6.8px;letter-spacing:.8px}.sb strong{font-size:19px}.sb-score strong{font-size:22px}#pips i{width:5px;height:5px}#pips{gap:2px;margin-top:3px}
 .commentary{padding:7px 9px;min-height:38px}#message{font-size:10.5px}
 .controls{position:sticky;bottom:0;z-index:4;margin:0 -7px -10px;padding:0 7px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#0a0d1300,#0a0d13f2 18%)}
 .aim-row{padding:6px 2px 0;gap:8px;font-size:9px}.drop{padding:14px 12px;font-size:23px;margin-top:4px}.utility{margin-top:7px;gap:6px}.utility button{padding:9px 4px;font-size:10px}.quality-row{padding-top:7px}.quality-row span{font-size:8px}
 .card{padding:14px}.final-inner{padding:26px 18px 22px}footer{flex-direction:column;text-align:center;margin-top:14px}
}
@media(max-width:380px){.sb>span{font-size:6px}.sb strong{font-size:17px}.t-plinko{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.celebrating #jackpot-banner{opacity:1;animation:none}body.celebrating #pin-count i:nth-child(3){opacity:1}#flash,#board-flash{display:none}}

/* ---------- Championship path ---------- */
.titles ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.titles li{display:grid;grid-template-columns:1fr auto;column-gap:8px;padding:8px 10px;border-left:4px solid #3a4550;background:#0a0e14;opacity:.62}
.titles li b{font:800 10.5px var(--body);letter-spacing:1.1px}.titles li i{grid-row:2;font:normal 700 10px var(--body);color:#7f93a1;margin-top:2px}.titles li span{grid-row:1/3;grid-column:2;align-self:center;font:400 20px var(--disp);color:var(--gold2)}
.titles li.earned{opacity:1;border-left-color:var(--gold);background:linear-gradient(90deg,#f0c35a44,#0a0e14)}.titles li.earned b:after{content:' \2713';color:var(--gold2)}
.tbar{height:6px;background:#10161d;margin:12px 0 0;border:1px solid #28323d}#title-bar{height:100%;width:0;background:linear-gradient(90deg,var(--crim),var(--gold));transition:width .5s}
.titles h3{margin:14px 0 8px;font:800 10px var(--body);letter-spacing:1.8px;color:var(--cyan)}
.jb{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.jb span{padding:8px 0;text-align:center;font:400 22px/1 var(--disp);color:#59656f;background:#0a0e14;border:1px solid #1d2630}.jb small{display:block;font:800 9px var(--body);letter-spacing:.5px;margin-top:3px}.jb span.earned{color:var(--gold2);border-color:#f0c35a99;background:linear-gradient(#f0c35a44,#0a0e14)}
#title-banner{position:absolute;left:0;right:0;top:34%;padding:14px 6px 12px;text-align:center;line-height:1;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#0a0804f2 12% 88%,transparent);border-block:2px solid var(--tc,#f0c35a);color:var(--tc,#f0c35a)}
#title-banner small{display:block;font:800 9px var(--body);letter-spacing:3.4px;color:#fff;margin-bottom:8px}#title-banner b{display:block;font:400 clamp(24px,5.6vw,42px)/1 var(--disp);letter-spacing:2px;text-shadow:0 0 24px var(--tc,#f0c35a)}#title-banner span{display:block;margin-top:8px;font:400 clamp(20px,4vw,28px)/1 var(--disp);color:#fff;letter-spacing:2px}
#title-banner.us{--tc:#d6dde3}#title-banner.hw{--tc:#f0c35a}#title-banner.uni{--tc:#7defff}#title-banner.jp{--tc:#ff5a70}
#title-banner.show{animation:tbanner 2.1s both}
@keyframes tbanner{0%{opacity:0;transform:scale(.85)}10%{opacity:1;transform:scale(1.04)}18%{transform:scale(1)}86%{opacity:1}100%{opacity:0;transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){#title-banner.show{opacity:1}}
.titles{order:2}