:root{--void: #0a0612;--temple: #2a1440;--panel: rgba(18, 9, 32, .82);--panel-solid: #170b28;--magenta: #ff2d9b;--cyan: #22e8ff;--red: #ff3b3b;--cream: #f6eddc;--gold: #ffd84d;--green: #5dff9a;--ink: #14101f;--muted: #b9a6d6;--line: rgba(255, 45, 155, .45);--glow-m: 0 0 12px rgba(255, 45, 155, .5), 0 0 34px rgba(255, 45, 155, .22);--glow-c: 0 0 12px rgba(34, 232, 255, .5), 0 0 34px rgba(34, 232, 255, .22);--font-display: "Luckiest Guy", "Bangers", Impact, sans-serif;--font-stamp: "Bangers", Impact, sans-serif;--font-body: "Rubik", system-ui, -apple-system, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(1200px 900px at 50% -10%,#2a1440 0%,var(--void) 60%);background-size:cover;background-position:center}@media (min-aspect-ratio: 1/1){.app:before{background-image:linear-gradient(#0a061280,#0a0612cc),url(/bg-desktop.png)}}@media (max-aspect-ratio: 1/1){.app:before{background-image:linear-gradient(#0a061273,#0a0612db),url(/bg-mobile.png)}}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(6,3,12,.85) 100%)}@media (min-aspect-ratio: 1/1){.app--title:before{background-image:linear-gradient(180deg,#0a06121f,#0a061214 45%,#0a0612e6),url(/bg-desktop.png)}}@media (max-aspect-ratio: 1/1){.app--title:before{background-image:linear-gradient(180deg,#0a06121a,#0a06120d 40%,#0a0612eb),url(/bg-mobile.png)}}.app--title:before{background-position:center 30%}.app--title:after{background:radial-gradient(ellipse at 50% 40%,transparent 55%,rgba(6,3,12,.6) 100%)}.app--title .app__main{align-items:end}.app--title .smoke{opacity:.5}.title{width:100%;display:flex;justify-content:center;padding-bottom:8px}@media (min-aspect-ratio: 8/5) and (min-width: 900px){.title{justify-content:flex-end;padding-right:4vw;padding-bottom:2vh}.title__tray{width:400px}}.title__tray{width:min(460px,100%);display:flex;flex-direction:column;align-items:stretch;gap:14px;animation:trayIn .6s cubic-bezier(.2,1.2,.3,1)}@keyframes trayIn{0%{transform:translateY(40px);opacity:0}}.title__tagline{text-align:center;font-family:var(--font-display);font-size:.85rem;letter-spacing:.2em;color:var(--cream);opacity:.85;text-shadow:0 2px 0 #000,0 0 16px rgba(255,45,155,.5)}.btn--xl{min-height:66px;font-size:1.6rem;letter-spacing:.08em;border-radius:18px;animation:breathe 2.6s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 6px #8a1246,0 0 44px #ff2d9bcc,inset 0 1px #ffffff59}}.btn--bot{border-color:#22e8ff8c;box-shadow:0 6px #120820,var(--glow-c),inset 0 1px #ffffff1f;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn--bot:active:not(:disabled){box-shadow:0 1px #120820,var(--glow-c)}.btn__icon{font-size:1.2rem;line-height:1}.codeform{display:flex;flex-direction:column;gap:8px}.codeform__label{text-align:center;font-family:var(--font-display);font-size:.72rem;letter-spacing:.2em;color:var(--muted)}.codeform__row{display:flex;gap:10px;align-items:stretch;justify-content:center}.code{position:relative;display:flex;gap:8px;cursor:text}.code__cell{width:52px;height:56px;border-radius:12px;border:2px solid rgba(255,255,255,.16);background:#0a0612bf;display:grid;place-items:center;font-family:var(--font-display);font-size:1.7rem;padding-top:4px;color:var(--gold);text-shadow:0 0 12px rgba(255,216,77,.6);transition:border-color .12s ease,box-shadow .12s ease}.code__cell--filled{border-color:#ffd84d99}.code:focus-within .code__cell--active{border-color:var(--magenta);box-shadow:var(--glow-m)}.code__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;font-size:16px}.codeform__row .btn{min-width:96px}.smoke{position:fixed;width:60vmax;height:60vmax;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(40px);animation:drift 18s ease-in-out infinite alternate}.smoke--a{top:-22vmax;left:-22vmax;background:radial-gradient(circle,rgba(255,45,155,.2),transparent 60%)}.smoke--b{bottom:-26vmax;right:-22vmax;background:radial-gradient(circle,rgba(34,232,255,.13),transparent 60%);animation-duration:24s}@keyframes drift{to{transform:translate(8vmax,6vmax) scale(1.15)}}.app{min-height:100%;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));gap:14px}.app__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.app__header-right{display:flex;align-items:center;gap:10px}.app__main{flex:1;display:grid;place-items:center}.app__footer{text-align:center;color:var(--muted);font-size:.7rem;letter-spacing:.06em;opacity:.7}.brand{display:block;object-fit:contain}.brand--sm{height:46px;filter:drop-shadow(0 0 10px rgba(255,45,155,.35))}.brand--lg{height:clamp(150px,32vw,240px);filter:drop-shadow(0 12px 30px rgba(0,0,0,.6)) drop-shadow(0 0 28px rgba(255,45,155,.35));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}.brand-text{margin:0;font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 3px 0 #000,0 0 18px rgba(255,45,155,.35)}.brand-text--sm{font-size:1.4rem}.brand-text--lg{font-size:clamp(2.4rem,10vw,4rem)}.brand-text span{color:var(--red)}.iconbtn{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:linear-gradient(180deg,#3b1d5e,#22103a);color:var(--cream);font-size:1.15rem;cursor:pointer;box-shadow:0 4px #120820,var(--glow-m)}.iconbtn:active{transform:translateY(3px);box-shadow:0 1px #120820}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#120920cc;border:1px solid rgba(255,255,255,.12);font-size:.75rem;letter-spacing:.04em;color:var(--muted)}.badge__dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.badge--open{color:var(--green)}.badge--open .badge__dot{background:var(--green);box-shadow:0 0 8px var(--green)}.badge--connecting .badge__dot,.badge--closed .badge__dot{background:var(--gold);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.landing-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(520px,100%)}.panel{width:min(520px,100%);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--line);border-radius:20px;padding:clamp(18px,5vw,28px);display:flex;flex-direction:column;gap:18px;box-shadow:var(--glow-m),0 30px 60px -30px #000,inset 0 1px #ffffff14}.panel--wide{width:min(720px,100%)}.panel__lede{margin:0;color:var(--muted);line-height:1.5;text-align:center}.stack{display:flex;flex-direction:column;gap:14px}.screen-title{margin:0;text-align:center;font-family:var(--font-display);font-size:clamp(1.4rem,5vw,1.9rem);letter-spacing:.05em;text-shadow:0 3px 0 #000,0 0 18px rgba(255,45,155,.35)}.hint{margin:0;text-align:center;color:var(--muted);font-size:.85rem}.btn{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.06em;color:var(--cream);min-height:52px;padding:4px 22px 0;border-radius:14px;border:2px solid rgba(255,45,155,.5);background:linear-gradient(180deg,#3b1d5e,#22103a);box-shadow:0 6px #120820,0 0 16px #ff2d9b33,inset 0 1px #ffffff1f;text-shadow:0 2px 0 rgba(0,0,0,.6);cursor:pointer;transition:transform .06s ease,box-shadow .06s ease,filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px #120820,0 0 16px #ff2d9b33}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{font-size:1.2rem;background:linear-gradient(180deg,#ff5db8,#ff2d6e 55%,#d9184f);border-color:#ffb3d9;box-shadow:0 6px #8a1246,0 0 26px #ff2d9b80,inset 0 1px #ffffff59}.btn--primary:active:not(:disabled){box-shadow:0 1px #8a1246,0 0 26px #ff2d9b80}.btn--ghost{background:transparent;box-shadow:none;border-color:#ffffff2e;color:var(--muted);font-size:.95rem}.btn--ghost:active:not(:disabled){transform:translateY(2px);box-shadow:none}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-family:var(--font-display);font-size:.8rem;letter-spacing:.15em}.divider:before,.divider:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.join{display:flex;gap:10px}.input{flex:1;min-height:52px;padding:4px 16px 0;border-radius:14px;border:2px solid rgba(255,255,255,.14);background:#0a0612b3;color:var(--gold);font-family:var(--font-display);font-size:1.5rem;letter-spacing:.4em;text-align:center;text-transform:uppercase}.input::placeholder{color:#b9a6d680;letter-spacing:.25em;font-size:1rem}.input:focus{outline:none;border-color:var(--magenta);box-shadow:var(--glow-m)}.error{margin:0;color:var(--red);font-size:.9rem;text-align:center}.roomcode{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.roomcode__label{color:var(--muted);font-family:var(--font-display);font-size:.75rem;letter-spacing:.2em}.roomcode__value{font-family:var(--font-display);font-size:clamp(2.6rem,13vw,3.6rem);letter-spacing:.25em;color:var(--gold);text-shadow:0 4px 0 #6b4a00,0 0 22px rgba(255,216,77,.55)}.lobby-wait{text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px}.lobby-wait__spinner,.overlay__spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--magenta);box-shadow:var(--glow-m);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hudbar{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(760px,100%);margin:0 auto}.hudbar__vs{font-family:var(--font-stamp);font-size:1.6rem;color:var(--red);-webkit-text-stroke:1px var(--cream);text-shadow:0 0 14px rgba(255,59,59,.6)}.plate{flex:1;display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--panel);border:2px solid var(--line);border-radius:14px;box-shadow:var(--glow-m),inset 0 1px #ffffff14;min-height:64px}.plate--left{transform:skew(-8deg)}.plate--left>*{transform:skew(8deg)}.plate--right{transform:skew(8deg);flex-direction:row-reverse;text-align:right}.plate--right>*{transform:skew(-8deg)}.plate--right .plate__hearts{justify-content:flex-end}.plate--empty{opacity:.4;border-style:dashed}.plate--offline{opacity:.6}.plate__body{display:flex;flex-direction:column;gap:2px;min-width:0}.plate__name{font-family:var(--font-display);font-size:1rem;letter-spacing:.05em;text-shadow:0 2px 0 #000;display:flex;align-items:baseline;gap:8px}.plate--right .plate__name{flex-direction:row-reverse}.plate__state{font-family:var(--font-body);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.plate__hearts{display:flex;gap:3px}.plate__offline{font-size:.7rem;color:var(--gold)}.ico-heart--full{filter:drop-shadow(0 0 6px rgba(255,45,77,.85));animation:heartbeat 1.6s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}8%{transform:scale(1.12)}16%{transform:scale(1)}}.ico-heart--empty{opacity:.55}.avatar{display:grid;place-items:center;border-radius:50%;border:3px solid var(--magenta);background:radial-gradient(circle at 50% 30%,#3a2b52,#1c1430);position:relative;overflow:hidden;box-shadow:var(--glow-m),inset 0 0 18px #0009;flex:0 0 auto}.avatar--a2{border-color:var(--cyan);box-shadow:var(--glow-c),inset 0 0 18px #0009}.avatar--sm{width:46px;height:46px}.avatar--md{width:84px;height:84px}.avatar--lg{width:128px;height:128px;border-width:4px}.avatar__img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.15)}.avatar__face{font-size:1.6em;line-height:1}.avatar--sm .avatar__face{font-size:1.3rem}.avatar--lg .avatar__face{font-size:3.4rem}.state--buzzed{filter:saturate(1.2) hue-rotate(-8deg)}.state--high{filter:saturate(1.4) hue-rotate(18deg) contrast(1.1);animation:flicker 2.2s infinite}.state--gone{filter:grayscale(.9) brightness(.55);border-color:#fff3!important;box-shadow:none!important}@keyframes flicker{0%,to{box-shadow:var(--glow-m)}45%{box-shadow:0 0 6px #ff2d9b4d}50%{box-shadow:0 0 22px #ff2d9be6}}.avatar-picker{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.avatar-picker--big{gap:24px}.avatar-picker__opt{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 16px 12px;border-radius:18px;border:2px solid rgba(255,255,255,.12);background:#0a061299;color:var(--cream);cursor:pointer;font-family:var(--font-display);letter-spacing:.05em;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.avatar-picker__opt:hover:not(:disabled){transform:translateY(-3px)}.avatar-picker__opt.is-selected{border-color:var(--gold);box-shadow:0 0 0 3px #ffd84d40,0 0 26px #ffd84d59}.avatar-picker__opt:disabled{opacity:.6;cursor:not-allowed}.char-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.char-picker__opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px;border-radius:14px;border:2px solid rgba(255,255,255,.12);background:#0a061299;color:var(--cream);cursor:pointer;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.char-picker__opt strong{font-family:var(--font-display);letter-spacing:.05em;font-size:15px}.char-picker__opt small{opacity:.7;font-size:12px;line-height:1.3}.char-picker__opt:hover{transform:translateY(-2px)}.char-picker__opt.is-selected{border-color:var(--gold);box-shadow:0 0 0 3px #ffd84d40,0 0 20px #ffd84d4d}.cs{position:relative;width:min(100%,880px);display:flex;flex-direction:column;align-items:stretch;gap:clamp(8px,1.6vh,16px);padding:0 0 4px}.cs__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,#ff2d9b29 0,#ff2d9b29 49.6%,#f6eddc2e 49.6%,#f6eddc2e 50.4%,#22e8ff24 50.4%,#22e8ff24),radial-gradient(circle at 20% 30%,rgba(255,45,155,.18),transparent 40%),radial-gradient(circle at 80% 70%,rgba(34,232,255,.18),transparent 40%)}.cs__head{text-align:center;display:flex;flex-direction:column;gap:2px}.cs__eyebrow{font-family:var(--font-stamp);font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.cs__title{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,6.5vw,3rem);line-height:1;letter-spacing:.03em;color:var(--cream);text-shadow:0 4px 0 #000,0 0 24px rgba(255,45,155,.35)}.cs__roster{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,3vw,26px);align-items:end}.cs__fighter{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(46px,14vw,90px) 0 0;border:0;background:none;color:var(--cream);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.2,1.4,.4,1),filter .18s ease;filter:saturate(.55) brightness(.75);--art: clamp(140px, min(33vh, 40vw), 320px);padding-top:calc(var(--art) * .14)}.cs__fighter:hover:not(:disabled){filter:saturate(.9) brightness(.95)}.cs__fighter--mine,.cs__fighter--theirs{filter:none}.cs__fighter--mine{transform:translateY(-10px) scale(1.03);z-index:1}.cs__fighter:disabled{cursor:default}.cs--locked .cs__fighter:not(.cs__fighter--mine):not(.cs__fighter--theirs){filter:saturate(.3) brightness(.5)}.cs__plate{position:absolute;left:4%;right:4%;top:calc(var(--art) * .3);bottom:0;border-radius:22px;transform:skewY(-3deg);border:3px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#2a1440f2,#0a0612f2);box-shadow:0 20px 44px #0000008c;transition:border-color .18s ease,box-shadow .18s ease}.cs__fighter--m .cs__plate{background:linear-gradient(160deg,#78145ad9,#14061af2)}.cs__fighter--c .cs__plate{background:linear-gradient(160deg,#0a5a78d9,#060c1af2)}.cs__fighter--mine.cs__fighter--m .cs__plate{border-color:var(--magenta);box-shadow:var(--glow-m),0 20px 44px #0000008c}.cs__fighter--mine.cs__fighter--c .cs__plate,.cs__fighter--theirs.cs__fighter--c .cs__plate{border-color:var(--cyan);box-shadow:var(--glow-c),0 20px 44px #0000008c}.cs__fighter--theirs.cs__fighter--m .cs__plate{border-color:var(--magenta);box-shadow:var(--glow-m),0 20px 44px #0000008c}.cs__art{position:relative;width:var(--art);max-width:92%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6));transition:transform .18s cubic-bezier(.2,1.4,.4,1)}.cs__fighter--mine .cs__art{animation:cs-breathe 3s ease-in-out infinite}@keyframes cs-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.015)}}.cs__tags{position:absolute;top:calc(var(--art) * .24);left:8%;display:flex;flex-direction:column;gap:6px}.cs__tag{padding:3px 10px;border-radius:8px;font-family:var(--font-stamp);font-size:clamp(.75rem,2.6vw,1rem);letter-spacing:.14em;transform:rotate(-6deg);box-shadow:0 4px 12px #00000080;animation:stampIn .3s cubic-bezier(.2,1.6,.4,1) both}.cs__tag--you{background:var(--magenta);color:#fff}.cs__tag--opp{background:var(--cyan);color:#06202a}.cs__nameplate{position:relative;width:92%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 8px 12px;text-align:center}.cs__name{font-family:var(--font-display);font-size:clamp(1.4rem,min(7vw,5.5vh),3rem);line-height:1;letter-spacing:.06em;text-shadow:0 4px 0 #000}.cs__fighter--m .cs__name{color:#ff8ccb}.cs__fighter--c .cs__name{color:#8df3ff}.cs__role{font-family:var(--font-stamp);font-size:clamp(.8rem,3vw,1.05rem);letter-spacing:.16em;text-transform:uppercase;color:var(--cream)}.cs__blurb{font-size:clamp(.7rem,2.4vw,.85rem);color:var(--muted)}.cs__vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,2vw,16px);padding:10px 12px;border-radius:20px;border:2px solid rgba(255,255,255,.1);background:#0a0612b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cs__seat{display:grid;grid-template-columns:52px 1fr;grid-template-areas:"img name" "img state";column-gap:10px;align-items:center;min-width:0}.cs__seat--opp{grid-template-columns:1fr 52px;grid-template-areas:"name img" "state img";text-align:right}.cs__seat img,.cs__seatq{grid-area:img;width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:3px solid var(--magenta);background:#1c1430;display:grid;place-items:center;font-family:var(--font-display);color:var(--muted)}.cs__seat--opp img,.cs__seat--opp .cs__seatq{border-color:var(--cyan)}.cs__seat--empty .cs__seatq{border-color:#ffffff2e}.cs__seatname{grid-area:name;font-family:var(--font-display);font-size:1rem;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs__seatstate{grid-area:state;font-family:var(--font-stamp);font-size:.8rem;letter-spacing:.14em;color:var(--muted)}.cs__seat--ready .cs__seatstate{color:var(--green)}.cs__lock{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:clamp(96px,26vw,150px);min-height:72px;padding:8px 14px;border-radius:18px;border:3px solid var(--gold);background:linear-gradient(180deg,#ffe98a,#f2b830);color:#3a2200;cursor:pointer;box-shadow:0 6px #a86a00,0 0 26px #ffd84d66;transition:transform .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent}.cs__lock:active{transform:translateY(4px);box-shadow:0 2px #a86a00,0 0 26px #ffd84d66}.cs__lock--on{background:linear-gradient(180deg,#2a1440,#170b28);border-color:var(--green);color:var(--green);box-shadow:0 6px #0e3a20,0 0 26px #5dff9a59}.cs__vsword{font-family:var(--font-display);font-size:clamp(1.4rem,5vw,2rem);line-height:1;letter-spacing:.08em;font-style:italic}.cs__lockword{font-family:var(--font-stamp);font-size:.8rem;letter-spacing:.22em}.cs--go .cs__vs{border-color:var(--green);box-shadow:0 0 0 3px #5dff9a33,0 0 30px #5dff9a59}.cs__hint{margin:0;text-align:center;color:var(--muted);font-size:.85rem}.app:has(.cs) .mascot{width:clamp(90px,14vw,150px);right:max(12px,env(safe-area-inset-right))}@media (max-width: 760px){.app:has(.cs) .mascot{display:none}}@media (max-width: 520px){.cs__seat{grid-template-columns:40px 1fr}.cs__seat--opp{grid-template-columns:1fr 40px}.cs__seat img,.cs__seatq{width:40px;height:40px}.cs__seatname{font-size:.85rem}.cs__seatstate{font-size:.68rem}}.intro{text-align:center;display:flex;flex-direction:column;gap:22px}.intro__stage{position:relative;width:min(92vw,720px);height:clamp(200px,34vh,320px);margin:0 auto;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#7a2dff59,#0a061233 70%);animation:slam .55s cubic-bezier(.2,1.4,.3,1)}.intro__stage canvas{display:block;width:100%;height:100%}.intro__fighters{display:flex;align-items:center;justify-content:center;gap:28px}.intro__fighter{display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-display);letter-spacing:.06em;font-size:1.1rem;text-shadow:0 2px 0 #000}.intro__fighter--in-left{animation:slideL .5s cubic-bezier(.2,1.2,.3,1)}.intro__fighter--in-right{animation:slideR .5s cubic-bezier(.2,1.2,.3,1)}.intro__vs{font-family:var(--font-stamp);font-size:clamp(4rem,14vw,7rem);line-height:1;color:var(--red);-webkit-text-stroke:2px var(--cream);text-shadow:0 0 30px rgba(255,59,59,.6),0 6px 0 #5a0d0d;animation:slam .55s cubic-bezier(.2,1.4,.3,1)}.intro__tag{color:var(--muted);font-size:1.05rem}@keyframes slideL{0%{transform:translate(-80px);opacity:0}}@keyframes slideR{0%{transform:translate(80px);opacity:0}}@keyframes slam{0%{transform:scale(4);opacity:0;filter:blur(10px)}}.roulette{width:min(700px,100%);text-align:center;display:flex;flex-direction:column;gap:18px}.roulette__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rslot{padding:16px 8px 12px;border-radius:18px;border:2px solid rgba(255,255,255,.12);background:var(--panel);display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .08s ease,box-shadow .08s ease,border-color .08s ease}.rslot__thumb{font-size:2.4rem;filter:drop-shadow(0 4px 0 rgba(0,0,0,.5))}.rslot__name{font-family:var(--font-display);font-size:.95rem;letter-spacing:.05em;text-shadow:0 2px 0 #000}.rslot__cat{font-size:.62rem;color:var(--muted);letter-spacing:.15em}.rslot--soon{opacity:.45}.rslot--active{border-color:var(--magenta);box-shadow:var(--glow-m);transform:translateY(-4px)}.rslot--winner{border-color:var(--gold);box-shadow:0 0 0 3px #ffd84d4d,0 0 30px #ffd84db3;transform:scale(1.1);animation:winflash .4s ease 2}@keyframes winflash{50%{box-shadow:0 0 0 6px #ffd84d80,0 0 44px #ffd84d}}.roulette__result{font-family:var(--font-stamp);font-size:1.8rem;letter-spacing:.08em;color:var(--gold);text-shadow:0 0 18px rgba(255,216,77,.6);animation:stampIn .3s ease}.instruction{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:520px}.instruction__badge{font-family:var(--font-display);letter-spacing:.1em;padding:8px 18px 6px;border-radius:999px;background:linear-gradient(180deg,#ff5db8,#d9184f);border:2px solid #ffb3d9;box-shadow:0 4px #8a1246,var(--glow-m);text-shadow:0 2px 0 rgba(0,0,0,.5)}.instruction__text{font-family:var(--font-display);font-size:clamp(1.5rem,5.5vw,2.1rem);line-height:1.25;letter-spacing:.03em;margin:0;text-shadow:0 3px 0 #000,0 0 22px rgba(255,45,155,.35)}.table{width:min(760px,100%);display:flex;flex-direction:column;gap:10px}.side{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.12);border-radius:20px;padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 1px #ffffff0f}.side--you{border-color:var(--line);box-shadow:var(--glow-m),inset 0 1px #ffffff0f}.side__meta{display:flex;align-items:center;gap:12px}.side__name{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.05em;text-shadow:0 2px 0 #000}.side__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.role{font-family:var(--font-display);font-size:.78rem;letter-spacing:.1em;padding:4px 10px 2px;border-radius:8px;border:2px solid}.role--dealer{color:var(--gold);border-color:#ffd84d99;box-shadow:0 0 10px #ffd84d59}.role--guesser{color:var(--cyan);border-color:#22e8ff99;box-shadow:0 0 10px #22e8ff59}.puffs{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.puffs__label{font-family:var(--font-display);font-size:.62rem;letter-spacing:.15em;color:var(--muted);margin-right:4px}.played{display:flex;align-items:center;gap:8px;margin-left:auto}.played__label{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.played__cards{display:flex;gap:3px}.played__chip{width:20px;height:26px;border-radius:4px;background:#f6eddc;display:grid;place-items:center;font-size:.85rem;line-height:1;box-shadow:0 1px 3px #00000080}.played__chip--red{color:#e0163f}.played__chip--black{color:#1b1526}.zone{position:relative}.zone__stake{font-size:.9rem;color:var(--muted);text-align:center;min-height:1.2em;margin-top:-2px}.helpbtn{position:absolute;right:0;top:0;width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#0a0612b3;color:var(--cream);font-family:var(--font-display);font-size:1rem;cursor:pointer}.helpbtn:hover{border-color:var(--magenta);box-shadow:var(--glow-m)}.howto{width:min(520px,100%)}.howto__steps{list-style:none;margin:0;padding:0;counter-reset:step;display:flex;flex-direction:column;gap:10px}.howto__step{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;background:#0a0612a6;border:1px solid rgba(255,255,255,.1);text-align:left;counter-increment:step}.howto__step:before{content:counter(step);font-family:var(--font-display);font-size:1.1rem;color:var(--gold);min-width:1.2em;text-shadow:0 2px 0 #000}.howto__icon{font-size:1.8rem;line-height:1;min-width:2rem;text-align:center}.howto__icon--rb{display:inline-flex;gap:4px;justify-content:center}.dot{width:16px;height:16px;border-radius:50%;display:inline-block}.dot--red{background:#e0163f;box-shadow:0 0 8px #e0163fb3}.dot--black{background:#14101f;border:2px solid var(--cyan)}.howto__text{font-size:.95rem;line-height:1.35}.howto__text b{color:var(--gold)}.howto--compact .howto__step{padding:8px 12px}.howto--compact .howto__text{font-size:.88rem}.howto__foot{margin:12px 0 0;font-size:.85rem;color:var(--muted);text-align:center}.ico-puff--full{filter:drop-shadow(0 0 6px rgba(255,45,155,.9))}.ico-puff--empty{opacity:.45}.hand-backs{display:flex}.hand-backs .card{margin-right:-14px}.hand-backs .card:last-child{margin-right:0}.card{width:66px;height:94px;border-radius:9px;background:linear-gradient(160deg,#fffaf0,#efe3cf);color:var(--ink);border:1px solid #d9cbb0;position:relative;display:grid;place-items:center;box-shadow:0 4px 10px #00000073,inset 0 0 0 3px #fff;flex:0 0 auto;font-family:var(--font-display)}.card--sm{width:44px;height:62px;border-radius:6px;box-shadow:0 2px 6px #00000073,inset 0 0 0 2px #fff}.card--red{color:#e0163f}.card--black{color:#1b1526}.card--ghost{background:transparent;border:2px dashed rgba(255,255,255,.15);box-shadow:none}.card--back{background:radial-gradient(circle at 50% 40%,rgba(255,45,155,.35),transparent 60%),repeating-linear-gradient(45deg,#2a1440 0,#2a1440 6px,#3a1d5c 6px,#3a1d5c 12px);border:1px solid rgba(255,45,155,.7);box-shadow:0 4px 10px #00000073,inset 0 0 0 3px #1a0d2c,0 0 12px #ff2d9b59}.card__logo{font-family:var(--font-display);color:#f6eddcd9;font-size:1.2rem;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,45,155,.9)}.card--sm .card__logo{font-size:.8rem}.card__pip{font-size:2.1rem;line-height:1;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}.card--sm .card__pip{font-size:1.3rem}.card__corner{position:absolute;font-size:.72rem;line-height:.9;text-align:center}.card__corner--tl{top:5px;left:6px}.card__corner--br{bottom:5px;right:6px;transform:rotate(180deg)}.card--sm .card__corner{display:none}.flip{width:66px;height:94px;perspective:900px}.flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.flip--revealed .flip__inner{transform:rotateY(180deg)}.flip__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden}.flip__face--front{transform:rotateY(180deg)}.zone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}.zone__status{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.04em;text-shadow:0 2px 0 #000,0 0 14px rgba(255,45,155,.35);min-height:1.4em}.zone__timer{font-family:var(--font-display);font-size:1.5rem;color:var(--magenta);text-shadow:0 0 14px rgba(255,45,155,.8);min-height:1.4em}.zone__empty{font-family:var(--font-display);font-size:.75rem;letter-spacing:.2em;color:var(--muted);opacity:.5;text-transform:uppercase}.ring{position:relative;display:grid;place-items:center}.ring:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:2px solid rgba(255,45,155,.35);box-shadow:inset 0 0 34px #ff2d9b2e,0 0 20px #ff2d9b2e;background:radial-gradient(circle,#180a28eb,#0a06128c 70%)}.ring__svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.ring__track{fill:none;stroke:#ffffff14;stroke-width:6}.ring__arc{fill:none;stroke:var(--magenta);stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 8px var(--magenta));transition:stroke-dashoffset .1s linear}.ring__content{position:relative;z-index:1}.verdict{text-align:center;animation:stampIn .35s cubic-bezier(.2,1.6,.4,1)}.verdict__big{display:block;font-family:var(--font-stamp);font-size:2rem;letter-spacing:.06em;line-height:1}.verdict--correct .verdict__big{color:var(--green);text-shadow:0 0 18px rgba(93,255,154,.7)}.verdict--wrong .verdict__big{color:var(--gold);text-shadow:0 0 18px rgba(255,216,77,.7)}.verdict__small{display:block;font-size:.85rem;color:var(--muted)}.fan{position:relative;height:138px;display:flex;justify-content:center;align-items:flex-end;padding-top:22px}.fan__card{background:none;border:0;padding:0;margin:0 -14px;transform-origin:50% 150%;transition:transform .18s ease,filter .18s ease;cursor:default}.fan:not(.fan--active) .fan__card{filter:brightness(.82)}.fan--active .fan__card{cursor:pointer}.fan--active .fan__card:hover,.fan--active .fan__card:focus-visible{transform:translateY(-26px) scale(1.1) rotate(0)!important;z-index:5;filter:brightness(1.05) drop-shadow(0 0 12px rgba(255,45,155,.8))}.guess-row{display:flex;gap:14px;padding:10px 0 4px}.guess{flex:1;min-height:72px;font-size:1.8rem;letter-spacing:.1em}.guess--red{background:linear-gradient(180deg,#ff5d7a,#e0163f 60%,#a80f2f);border-color:#ffb3c1;box-shadow:0 6px #6b0a1e,0 0 26px #ff2d4d80}.guess--red:active:not(:disabled){box-shadow:0 1px #6b0a1e,0 0 26px #ff2d4d80}.guess--black{background:linear-gradient(180deg,#2a2140,#14101f 60%,#08060c);border-color:var(--cyan);box-shadow:0 6px #05040a,var(--glow-c)}.guess--black:active:not(:disabled){box-shadow:0 1px #05040a,var(--glow-c)}.pile{display:flex;align-items:center;gap:10px}.pile__stats{display:flex;flex-direction:column;gap:2px;font-size:.7rem;color:var(--muted);letter-spacing:.06em}.pile__stats b{font-family:var(--font-display);font-size:.95rem;color:var(--cream);margin-right:3px}.arena{width:min(720px,100%);display:flex;flex-direction:column;gap:10px}.stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0}.stage__body{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.drawpad{width:min(360px,90vw);height:min(260px,40vh);border-radius:28px;border:3px solid rgba(255,255,255,.12);background:radial-gradient(circle at 50% 40%,#2a1440,#0e0716 75%);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:transform .08s ease,box-shadow .15s ease,border-color .15s ease}.drawpad:disabled{cursor:default}.drawpad__crown{font-size:clamp(4rem,18vw,7rem);line-height:1;filter:grayscale(1) brightness(.35);transition:filter .1s ease,transform .1s ease}.drawpad__label{font-family:var(--font-display);letter-spacing:.15em;font-size:1rem;color:var(--muted)}.drawpad--wait:active{transform:scale(.98)}.drawpad--go{border-color:var(--gold);box-shadow:0 0 0 4px #ffd84d59,0 0 60px #ffd84dcc;background:radial-gradient(circle at 50% 40%,#6b4a00,#2a1440 70%);animation:gopulse .5s ease-in-out infinite alternate}.drawpad--go .drawpad__crown{filter:none;transform:scale(1.15);filter:drop-shadow(0 0 24px rgba(255,216,77,1))}.drawpad--go .drawpad__label{color:var(--gold);font-size:1.6rem}.drawpad--resolve{opacity:.8}@keyframes gopulse{to{box-shadow:0 0 0 8px #ffd84d80,0 0 90px #ffd84d}}.bar{position:relative;width:min(620px,100%);height:84px;margin:10px 0 0;touch-action:manipulation}.bar--live{cursor:pointer}.bar__track{position:absolute;left:0;right:0;top:50%;height:22px;transform:translateY(-50%);border-radius:999px;background:#0a0612cc;border:2px solid rgba(255,255,255,.12);box-shadow:inset 0 2px 8px #0009}.bar__zone{position:absolute;top:50%;height:34px;transform:translateY(-50%);border-radius:10px;background:linear-gradient(180deg,#5dff9a73,#5dff9a33);border:2px solid var(--green);box-shadow:0 0 22px #5dff9a99,inset 0 0 12px #5dff9a66;animation:zonepulse 1.2s ease-in-out infinite alternate}@keyframes zonepulse{to{box-shadow:0 0 34px #5dff9ae6,inset 0 0 16px #5dff9a99}}.bar__chip{position:absolute;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(#1b1526 0,#1b1526 20deg,#f6eddc 20deg,#f6eddc 40deg);border:4px solid #2a1440;box-shadow:0 6px 14px #0009,0 0 16px #ff2d9b80;display:grid;place-items:center;will-change:left}.bar__chipface{width:26px;height:26px;border-radius:50%;background:var(--magenta);color:var(--cream);font-family:var(--font-display);font-size:.65rem;display:grid;place-items:center;padding-top:2px}.bar__chip--hit{box-shadow:0 0 0 4px #5dff9a99,0 0 30px #5dff9ae6;animation:stampIn .3s ease}.bar__chip--miss{box-shadow:0 0 0 4px #ff3b3b99,0 0 30px #ff3b3be6;animation:shakeS .4s ease}.bar__meta{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stopbtn{width:100%;animation:none}.rps-pick{display:flex;gap:12px;width:100%;justify-content:center;flex-wrap:wrap}.rps-btn{flex:1 1 150px;max-width:200px;min-height:150px;border-radius:22px;border:3px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#3b1d5e,#22103a);color:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px #120820,inset 0 1px #ffffff1f;transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease,opacity .2s ease;touch-action:manipulation}.rps-btn:hover:not(:disabled){border-color:var(--magenta);box-shadow:0 6px #120820,var(--glow-m)}.rps-btn:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px #120820}.rps-btn:disabled{cursor:default}.rps-btn--picked{border-color:var(--gold);box-shadow:0 6px #120820,0 0 0 3px #ffd84d4d,0 0 26px #ffd84d99}.rps-btn--dim{opacity:.35}.rps-btn__icon{font-size:3.2rem;line-height:1;filter:drop-shadow(0 4px 0 rgba(0,0,0,.5))}.rps-btn__label{font-family:var(--font-display);letter-spacing:.08em;font-size:1.05rem}.rps-reveal{display:flex;align-items:center;gap:18px;animation:stampIn .35s cubic-bezier(.2,1.6,.4,1)}.rps-reveal__vs{font-family:var(--font-stamp);font-size:1.6rem;color:var(--red)}.rps-card{width:140px;height:150px;border-radius:22px;border:3px solid rgba(255,255,255,.14);background:#0a0612b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.rps-card__icon{font-size:3.4rem;line-height:1}.rps-card__who{font-family:var(--font-display);letter-spacing:.08em;font-size:.9rem;color:var(--muted)}.rps-card--win{border-color:var(--green);box-shadow:0 0 30px #5dff9a99}.rps-card--loss{border-color:var(--red);box-shadow:0 0 20px #ff3b3b66;filter:saturate(.6)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:40}.overlay--banner{pointer-events:none;background:radial-gradient(circle,rgba(10,6,18,.55),transparent 70%)}@keyframes stampIn{0%{transform:rotate(-5deg) scale(2.4);opacity:0}}.hl{pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#140a22c7,#06030cf0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sceneLoadIn .25s ease-out both}.hl__stage{display:grid;grid-template-columns:minmax(96px,1fr) minmax(150px,1.4fr) minmax(96px,1fr);align-items:end;gap:clamp(8px,3vw,28px);width:min(96vw,760px);padding:0 12px}.hl__player{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;padding:10px 8px 12px;border-radius:18px;border:2px solid rgba(255,255,255,.1);background:#0a06128c;animation:hlSideIn .45s cubic-bezier(.2,1.3,.4,1) both}.hl__player--you{animation-delay:.05s}.hl__player--opp{animation-delay:.12s}@keyframes hlSideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}}.hl__player--lost{border-color:#ff3b3b8c;box-shadow:0 0 #ff3b3b00;animation:hlSideIn .45s cubic-bezier(.2,1.3,.4,1) both,hlHit .5s .65s ease-out both}.hl__player--safe{border-color:#ffd84d59}@keyframes hlHit{0%{transform:translate(0);box-shadow:0 0 #ff3b3b99}25%{transform:translate(-8px) rotate(-2deg)}50%{transform:translate(7px) rotate(2deg);box-shadow:0 0 40px 6px #ff3b3b59}75%{transform:translate(-4px)}to{transform:translate(0);box-shadow:0 0 24px 2px #ff3b3b40}}.hl__avatar{width:clamp(72px,18vw,120px);aspect-ratio:1}.hl__avatar img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}.hl__player--lost .hl__avatar img{filter:drop-shadow(0 8px 12px rgba(0,0,0,.6)) saturate(.6);animation:hlSlump .6s .7s ease-out both}@keyframes hlSlump{to{transform:translateY(6px) rotate(-6deg)}}.hl__name{font-family:var(--font-stamp);font-size:clamp(.9rem,3vw,1.2rem);letter-spacing:.08em;color:var(--cream);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hl__player--you .hl__name{color:var(--magenta)}.hl__player--opp .hl__name{color:var(--cyan)}.hl__hearts{display:flex;gap:4px}.hl__heart{position:relative;display:inline-flex}.hl__heart .ico-heart{animation:none}.hl__heart-fly{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;animation:hlHeartOut 1.1s .65s cubic-bezier(.3,0,.7,1) both}@keyframes hlHeartOut{0%{transform:scale(1);opacity:1}20%{transform:scale(1.5) rotate(-10deg);opacity:1}to{transform:translateY(-52px) scale(.5) rotate(25deg);opacity:0}}.hl__crack{position:absolute;left:50%;top:14%;width:5px;height:66%;background:var(--void);transform:translate(-50%);clip-path:polygon(50% 0,85% 28%,40% 48%,75% 68%,30% 100%,48% 66%,12% 46%,55% 26%);animation:hlCrack .2s .75s steps(1) both;opacity:0}@keyframes hlCrack{to{opacity:1}}.hl__minus{position:absolute;top:6px;right:8px;font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2.4rem);color:var(--red);text-shadow:0 3px 0 #000,0 0 18px rgba(255,59,59,.8);animation:hlMinus 1.4s .75s cubic-bezier(.2,1.2,.4,1) both}@keyframes hlMinus{0%{opacity:0;transform:translateY(10px) scale(.4)}25%{opacity:1;transform:translateY(-14px) scale(1.25)}70%{opacity:1;transform:translateY(-40px) scale(1)}to{opacity:0;transform:translateY(-70px) scale(.9)}}.hl__host{display:flex;flex-direction:column;align-items:center;gap:4px;animation:hlSideIn .4s cubic-bezier(.2,1.3,.4,1) both}.hl__mascot{width:clamp(130px,34vw,240px);aspect-ratio:1;object-fit:contain;transform-origin:50% 100%;filter:drop-shadow(0 12px 16px rgba(0,0,0,.6))}.hl__host--laugh .hl__mascot{animation:mascot-shake .5s ease-in-out infinite}.hl__host--sad .hl__mascot{animation:mascot-slump 3.5s ease-in-out infinite}.hl__bubble{position:relative;padding:10px 16px;border-radius:18px;background:var(--cream);color:var(--ink);font-family:var(--font-display);font-size:clamp(1rem,3.6vw,1.5rem);letter-spacing:.03em;text-align:center;box-shadow:0 8px 22px #00000073,0 0 0 3px #ff2d9b59;animation:bubble-in .3s .2s cubic-bezier(.2,1.4,.4,1) both;transform-origin:50% 100%}.hl__bubble:after{content:"";position:absolute;left:50%;bottom:-9px;border-width:10px 8px 0 8px;border-style:solid;border-color:var(--cream) transparent transparent transparent;transform:translate(-50%)}.hl--you .hl__bubble{box-shadow:0 8px 22px #00000073,0 0 0 3px #ff3b3b73}@media (max-width: 420px){.hl__stage{gap:6px;padding:0 4px}}.overlay--paused{background:#06030cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay__card{text-align:center;padding:28px 32px;border-radius:20px;background:var(--panel);border:2px solid var(--line);box-shadow:var(--glow-m);display:flex;flex-direction:column;align-items:center;gap:12px}.overlay__card h2{margin:0;font-family:var(--font-display);letter-spacing:.05em}.overlay__card p{margin:0;color:var(--muted)}.overlay--modal{background:#06030cb8}.modal{width:min(470px,92vw);max-height:88vh;overflow-y:auto;background:var(--panel-solid);border:2px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--glow-m),0 30px 60px -20px #000}.modal__head{display:flex;align-items:center;justify-content:space-between}.modal__head h2{margin:0;font-family:var(--font-display);letter-spacing:.05em;font-size:1.6rem;text-shadow:0 3px 0 #000}.modal__section{display:flex;flex-direction:column;gap:12px}.modal__label{color:var(--muted);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.slider__row{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;line-height:1.2}.slider__val{font-family:var(--font-display);font-size:1rem;line-height:1;color:var(--gold);min-width:3ch;text-align:right}.slider input{width:100%;accent-color:var(--magenta)}.switch{display:flex;align-items:center;gap:10px;font-weight:500}.switch input{width:20px;height:20px;accent-color:var(--magenta)}.matchresult{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.matchresult__title{margin:0;font-family:var(--font-stamp);font-size:clamp(3.4rem,16vw,6rem);line-height:1;letter-spacing:.06em;animation:slam .55s cubic-bezier(.2,1.4,.3,1)}.matchresult__title.win{color:var(--gold);-webkit-text-stroke:2px #6b4a00;text-shadow:0 0 30px rgba(255,216,77,.7),0 8px 0 #6b4a00}.matchresult__title.loss{color:var(--red);-webkit-text-stroke:2px #5a0d0d;text-shadow:0 0 30px rgba(255,59,59,.6),0 8px 0 #5a0d0d}.matchresult__sub{color:var(--muted);margin:0;font-size:1.05rem}#root.fx-shake{animation:shakeS .45s cubic-bezier(.36,.07,.19,.97)}#root.fx-shake-big{animation:shakeB .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shakeS{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(3px,-1px)}30%,50%,70%{transform:translate(-4px,2px)}40%,60%{transform:translate(4px,-2px)}}@keyframes shakeB{10%,90%{transform:translate(-5px,3px)}20%,80%{transform:translate(7px,-3px)}30%,50%,70%{transform:translate(-10px,5px)}40%,60%{transform:translate(10px,-5px)}}#root.fx-flash-good:after,#root.fx-flash-bad:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;animation:fadeOut .35s forwards}#root.fx-flash-good:after{background:#5dff9a2e}#root.fx-flash-bad:after{background:#ff2d9b33}@keyframes fadeOut{to{opacity:0}}@media (max-width: 480px){.join{flex-direction:column}.card,.flip{width:56px;height:80px}.fan{height:122px}.fan__card{margin:0 -12px}.plate{padding:6px 10px;gap:8px}.plate--left,.plate--right{transform:skew(-5deg)}.plate--right{transform:skew(5deg)}.plate--left>*{transform:skew(5deg)}.plate--right>*{transform:skew(-5deg)}.plate__state{display:none}.guess{font-size:1.5rem;min-height:64px}.roulette__grid{gap:8px}.rslot__thumb{font-size:1.8rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.app--ingame:before{background-image:none!important;background:linear-gradient(180deg,#1c1233,#0d0817)}.app--ingame:after{background:radial-gradient(ellipse at 50% 30%,rgba(255,45,155,.08),transparent 60%),radial-gradient(ellipse at center,transparent 60%,rgba(6,3,12,.7) 100%)}.app--ingame .smoke{opacity:.35}.app[data-game=QUICK_DRAW]:before{background:linear-gradient(180deg,#2a1a10,#0d0817)}.app[data-game=STOP_THE_CHIP]:before{background:linear-gradient(180deg,#0f2a22,#0d0817)}.app[data-game=RPS]:before{background:linear-gradient(180deg,#24102a,#0d0817)}.app[data-game=BAZOOKA]:before{background:linear-gradient(180deg,#1a2140,#0d0817)}.app[data-game=HOCKEY]:before{background:linear-gradient(180deg,#241542,#07040d)}.callout-layer{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:55}.callout{text-align:center;animation:calloutIn 1.1s cubic-bezier(.2,1.4,.3,1) both;filter:drop-shadow(0 8px 24px rgba(0,0,0,.7))}.callout__text{font-family:var(--font-stamp);font-size:clamp(2.6rem,9vw,4.6rem);line-height:1;letter-spacing:.06em;color:var(--cream);-webkit-text-stroke:2px #000;text-shadow:0 6px 0 #000,0 0 30px rgba(255,45,155,.5)}.callout__sub{margin-top:6px;font-family:var(--font-display);font-size:1rem;letter-spacing:.15em;color:var(--cream);text-shadow:0 2px 0 #000;opacity:.9}.callout--good .callout__text{color:var(--green);text-shadow:0 6px 0 #000,0 0 30px rgba(93,255,154,.7)}.callout--bad .callout__text{color:var(--red);text-shadow:0 6px 0 #000,0 0 30px rgba(255,59,59,.7)}.callout--gold .callout__text{color:var(--gold);text-shadow:0 6px 0 #6b4a00,0 0 34px rgba(255,216,77,.8)}.callout--turn .callout__text{color:var(--cyan);text-shadow:0 6px 0 #000,0 0 30px rgba(34,232,255,.7)}@keyframes calloutIn{0%{transform:scale(2.4) rotate(-4deg);opacity:0}18%{transform:scale(1) rotate(-2deg);opacity:1}75%{transform:scale(1) rotate(-2deg);opacity:1}to{transform:scale(.9) translateY(-30px);opacity:0}}.iris{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;overflow:hidden}.iris__hole{position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 250vmax #000}.iris--closing .iris__hole{animation:irisClose .65s cubic-bezier(.6,0,.8,.2) forwards}.iris--closed .iris__hole{width:0;height:0}.iris--opening .iris__hole{animation:irisOpen .75s cubic-bezier(.2,.8,.3,1) forwards}@keyframes irisClose{0%{width:250vmax;height:250vmax}to{width:0;height:0}}@keyframes irisOpen{0%{width:0;height:0}to{width:250vmax;height:250vmax}}.bz{width:min(800px,100%);display:flex;flex-direction:column;gap:8px}.bz__hud{display:flex;align-items:center;justify-content:space-between;gap:10px}.hpplate{flex:1;display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:12px;background:var(--panel);border:2px solid rgba(255,255,255,.12)}.hpplate--active{border-color:var(--gold);box-shadow:0 0 18px #ffd84d59}.hpplate--dead{opacity:.5}.hpplate--right{text-align:right}.hpplate__name{font-family:var(--font-display);letter-spacing:.06em;font-size:.95rem;text-shadow:0 2px 0 #000}.hpplate__bar{height:10px;border-radius:999px;background:#00000080;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hpplate__fill{height:100%;background:linear-gradient(90deg,#5dff9a,#ffd84d 60%,#ff3b3b);transition:width .4s ease}.hpplate--right .hpplate__bar{transform:scaleX(-1)}.hpplate__hp{font-family:var(--font-display);font-size:.8rem;color:var(--muted)}.bz__wind{display:flex;flex-direction:row;align-items:center;gap:6px;min-width:110px;padding:4px 8px;border-radius:10px;background:#0a06128c}.bz__windlabel{font-family:var(--font-display);font-size:.62rem;letter-spacing:.2em;color:var(--muted)}.bz__windbar{position:relative;width:110px;height:8px;border-radius:999px;background:#00000080;border:1px solid rgba(255,255,255,.12);overflow:hidden}.bz__windbar:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff6}.bz__windfill{position:absolute;top:0;bottom:0;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.bz__windarrow{font-size:.8rem;color:var(--cyan)}.bz__stage{position:relative;border-radius:16px;overflow:hidden;border:2px solid rgba(255,255,255,.12);box-shadow:0 20px 50px -20px #000;background:#4b3f8c}.bz__canvas{display:block;width:100%;height:auto;aspect-ratio:800 / 480;touch-action:none;user-select:none;-webkit-user-select:none;background:#8fc8ff}.bz__canvas--live{cursor:crosshair}.bz__stage>.bz__wind{position:absolute;top:10px;right:10px;z-index:2}.bz__help{top:8px;right:8px}.bz__controls{display:flex;align-items:center;gap:10px}.bz__move{min-width:64px;min-height:56px;font-size:1.3rem;touch-action:manipulation}.bz__status{flex:1;text-align:center}.frame{width:min(720px,100%);display:flex;flex-direction:column;align-items:center;gap:10px}.frame--wide{width:min(800px,100%)}.frame__stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.verbchip{font-family:var(--font-stamp);font-size:clamp(1.9rem,6vw,2.8rem);letter-spacing:.06em;line-height:1;padding:8px 22px 4px;border-radius:14px;border:3px solid rgba(255,255,255,.18);background:#0a0612b3;color:var(--cream);-webkit-text-stroke:1px #000;text-shadow:0 4px 0 #000;min-height:3.2rem;animation:chipIn .28s cubic-bezier(.2,1.4,.3,1)}.verbchip--empty{opacity:0}.verbchip--live{animation:none;font-variant-numeric:tabular-nums}.verbchip--you{border-color:var(--magenta);box-shadow:var(--glow-m)}.verbchip--opp{border-color:#22e8ff80;color:var(--muted)}.verbchip--go{border-color:var(--gold);color:var(--gold);box-shadow:0 0 30px #ffd84d99;animation:chipIn .28s cubic-bezier(.2,1.4,.3,1),gopulse .5s ease-in-out infinite alternate}.verbchip--good{border-color:var(--green);color:var(--green)}.verbchip--bad{border-color:var(--red);color:var(--red)}@keyframes chipIn{0%{transform:scale(1.6);opacity:0}}.plate--active{border-color:var(--gold);box-shadow:0 0 0 3px #ffd84d59,0 0 28px #ffd84d99;animation:platepulse 1s ease-in-out infinite alternate}@keyframes platepulse{to{box-shadow:0 0 0 4px #ffd84d80,0 0 40px #ffd84de6}}.plate__puffs{position:relative;display:flex;gap:2px;margin-top:2px}.plate--right .plate__puffs{justify-content:flex-end}.plate__puffs--pop .ico-puff--empty:first-of-type{animation:puffpop .5s ease}.plate__minus{position:absolute;left:50%;top:-4px;font-family:var(--font-stamp);font-size:1.3rem;color:var(--red);text-shadow:0 2px 0 #000;animation:minusUp .9s ease forwards;pointer-events:none}@keyframes minusUp{0%{transform:translate(-50%) scale(1.4);opacity:1}to{transform:translate(-50%,-34px) scale(1);opacity:0}}@keyframes puffpop{0%{transform:scale(1.8);filter:drop-shadow(0 0 10px var(--red))}to{transform:scale(1)}}.instr{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.instr__icon{font-size:clamp(4rem,16vw,6.5rem);line-height:1;filter:drop-shadow(0 8px 0 rgba(0,0,0,.5));animation:float 2.4s ease-in-out infinite}.instr__name{font-family:var(--font-display);letter-spacing:.2em;font-size:.8rem;color:var(--muted)}.instr__verb{margin:0 0 10px;font-family:var(--font-stamp);font-size:clamp(2.6rem,11vw,4.6rem);line-height:1;letter-spacing:.05em;color:var(--cream);-webkit-text-stroke:2px #000;text-shadow:0 6px 0 #000,0 0 34px rgba(255,45,155,.6);animation:slam .5s cubic-bezier(.2,1.4,.3,1)}.instr__row{display:flex;align-items:center;gap:12px}.instr__row .btn{min-width:160px}.instr__help{position:static}.sh,.sh__opp,.sh__you{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.sh__center{padding:2px 0}.played{min-height:26px;display:flex;gap:3px;margin:0}.run{width:100%;display:flex;flex-direction:column;gap:10px}.run__view{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;background:#8fc8ff}.run--over .run__view:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff3b3b2e;pointer-events:none}.run__controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.run__hud{position:absolute;left:max(12px,env(safe-area-inset-left));top:calc(max(10px,env(safe-area-inset-top)) + 56px);display:flex;flex-direction:column;gap:4px;pointer-events:none;text-shadow:0 2px 0 rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.5)}.run__dist{font-family:var(--font-display);font-size:2.4rem;line-height:1;color:var(--cream)}.run__dist small{font-size:1rem;margin-left:4px;color:var(--muted)}.run__meta{display:flex;gap:12px;font-family:var(--font-stamp);font-size:1rem;letter-spacing:.06em;color:var(--cream)}.run__bananas{color:var(--gold)}.run__opp{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#22e8ff}.run__opp--out{color:#ff5b5b}.run__btn{min-height:60px;font-size:1.5rem;touch-action:manipulation}@media (pointer: coarse){.run__controls{display:none}}.run--cine .run__hud,.run--cine .run__controls{display:none}.scene-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:34;pointer-events:none}.scene-gate .scene-load{pointer-events:auto}.app--scene-gate .frame__stage>*>*:not([class*=__view]):not([class*=__canvas]):not(canvas){visibility:hidden}.scene-load{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 40%,#140c22b8,#08050ef0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sceneLoadIn .3s ease-out both}@keyframes sceneLoadIn{0%{opacity:0}}.scene-load__card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 34px;border-radius:22px;border:2px solid rgba(255,255,255,.14);background:#0a06128c;box-shadow:0 30px 60px #00000073;text-align:center}.scene-load__ring{width:54px;height:54px;border-radius:50%;border:5px solid rgba(255,255,255,.12);border-top-color:var(--gold);border-right-color:var(--magenta);animation:sceneSpin .9s linear infinite}@keyframes sceneSpin{to{transform:rotate(360deg)}}.scene-load__title{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.4rem);letter-spacing:.04em;color:var(--cream);text-shadow:0 3px 0 rgba(0,0,0,.6)}.scene-load__hint{font-family:var(--font-stamp);font-size:1rem;letter-spacing:.08em;color:var(--muted)}.scene-load__players{display:flex;gap:16px;margin-top:6px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.scene-load__p--ok{color:var(--magenta)}.scene-load__p--opp.scene-load__p--ok{color:var(--cyan)}.scene-title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden}.scene-title__bar{position:absolute;left:0;right:0;height:9%;background:#000;animation:sceneBarIn .6s cubic-bezier(.2,.8,.2,1) both}.scene-title__bar--top{top:0;transform-origin:top}.scene-title__bar--bottom{bottom:0;transform-origin:bottom}@keyframes sceneBarIn{0%{transform:scaleY(0)}}.scene-title__card{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:calc(9% + 22px);display:flex;flex-direction:column;gap:2px;animation:sceneTitleIn .7s .35s cubic-bezier(.2,.8,.2,1) both;text-shadow:0 3px 0 rgba(0,0,0,.7),0 0 24px rgba(0,0,0,.6)}@keyframes sceneTitleIn{0%{opacity:0;transform:translate(-30px)}}.scene-title__eyebrow{font-family:var(--font-stamp);font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.scene-title__name{font-family:var(--font-display);font-size:clamp(2rem,7vw,4rem);line-height:1;letter-spacing:.02em;color:var(--cream)}.scene-title__sub{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tm{position:relative;width:100%;height:100%;min-height:60vh}.tm__view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#9fd0ff;touch-action:none}.tm__view canvas{display:block;width:100%;height:100%}.tm__hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.tm__controls{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;grid-template-areas:". respawn" "brake brake" "left right";gap:10px;touch-action:none}.tm--cine .tm__hud,.tm--cine .tm__controls,.tm--cine .tm__cam,.tm--cine .tm__stats{display:none}.tm__btn{min-height:72px;font-size:1.7rem;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#0a061259;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#ffffff47}.tm__btn--left{grid-area:left;min-height:104px}.tm__btn--right{grid-area:right;min-height:104px}.tm__btn--brake{grid-area:brake;min-height:74px;border-color:#ff3b3b99;font-family:var(--font-stamp);font-size:1.5rem;letter-spacing:.08em}.tm__btn--respawn{grid-area:respawn;justify-self:end;min-width:96px;min-height:44px;font-size:1.3rem;border-color:#ffd84d80}@media (hover: hover) and (pointer: fine){.tm__controls{opacity:.35}}.tm__cam{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));min-height:36px;padding:4px 10px;font-size:.75rem;letter-spacing:.1em;background:#0a061259;border-color:#ffffff47;z-index:2}.tm__finish{position:absolute;left:50%;top:30%;transform:translate(-50%);min-width:240px;padding:14px 22px;border-radius:18px;background:#0a0612d1;border:3px solid rgba(255,255,255,.2);text-align:center;animation:stampIn .35s ease}.tm__finish-time{font-family:var(--font-stamp);font-size:2.6rem;letter-spacing:.05em;color:var(--cream);-webkit-text-stroke:1px #000;text-shadow:0 4px 0 #000}.tm__finish-medal{font-family:var(--font-display);letter-spacing:.14em;font-size:1rem;margin-top:2px;color:var(--muted)}.tm__finish-pb{font-family:var(--font-body);font-size:.85rem;color:var(--cream);opacity:.85;margin-top:4px}.tm__finish--author{border-color:#7fffd4}.tm__finish--author .tm__finish-medal{color:#7fffd4}.tm__finish--gold{border-color:var(--gold);box-shadow:0 0 30px #ffd84d73}.tm__finish--gold .tm__finish-medal{color:var(--gold)}.tm__finish--silver{border-color:#d7dbe6}.tm__finish--silver .tm__finish-medal{color:#d7dbe6}.tm__finish--bronze{border-color:#d08a4a}.tm__finish--bronze .tm__finish-medal{color:#d08a4a}.tm__series{position:absolute;right:max(14px,env(safe-area-inset-right));top:calc(max(14px,env(safe-area-inset-top)) + 44px);font-family:var(--font-stamp);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 0 #000,0 0 10px rgba(0,0,0,.6)}.tm__series b{font-family:var(--font-display);font-size:1rem;color:var(--gold)}.tm__cp{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));font-family:var(--font-display);letter-spacing:.08em;font-size:1rem;color:#fff;text-shadow:0 2px 0 #000,0 0 10px rgba(0,0,0,.6)}.practice{display:flex;gap:8px}.practice .btn--bot{flex:1}.practice__pick{min-width:120px;border-radius:12px;border:2px solid rgba(255,255,255,.16);background:#0a0612bf;color:var(--cream);font-family:var(--font-body);padding:0 10px}.tm__speed{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 160px);text-align:left;pointer-events:none;font-family:var(--font-body);font-size:.9rem;color:#fff;text-shadow:0 2px 0 #000}.tm__speed b{font-family:var(--font-display);font-size:1.6rem;margin-right:4px}.tm__callout{position:absolute;left:50%;top:calc(max(14px,env(safe-area-inset-top)) + 58px);transform:translate(-50%);padding:3px 14px 1px;border-radius:10px;font-family:var(--font-stamp);font-size:1.15rem;letter-spacing:.14em;white-space:nowrap;color:var(--cream);background:#0a06129e;border:2px solid rgba(255,255,255,.18);text-shadow:0 2px 0 #000;animation:tmCalloutIn .22s cubic-bezier(.2,1.4,.4,1),fadeOut .3s ease .6s forwards;pointer-events:none}@keyframes tmCalloutIn{0%{transform:translate(-50%) scale(.6);opacity:0}}.tm__callout--speed{color:var(--cyan);border-color:#22e8ff8c;box-shadow:0 0 18px #22e8ff59}.tm__callout--loop{color:var(--gold);border-color:#ffd84d8c}.tm__callout--bad{color:var(--red);border-color:#ff3b3b8c}.tm__split{position:absolute;left:50%;top:22%;transform:translate(-50%);font-family:var(--font-stamp);font-size:2.2rem;letter-spacing:.05em;padding:4px 16px 0;border-radius:12px;background:#0a0612b3;animation:stampIn .3s ease,fadeOut .4s ease 1.4s forwards}.tm__split--good{color:var(--green)}.tm__split--bad{color:var(--red)}.tm__result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:260px;padding:14px 18px;border-radius:16px;background:#0a0612d9;border:2px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:8px;animation:stampIn .35s ease}.tm__row{display:flex;justify-content:space-between;gap:16px;font-family:var(--font-display);letter-spacing:.06em;color:var(--muted)}.tm__row b{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--cream)}.tm__row--win,.tm__row--win b{color:var(--gold)}.app[data-game=TRACKMANIA]:before{background:linear-gradient(180deg,#2b6fe0,#9fd0ff 70%,#4f9a3f)}.app--fs{padding:0;gap:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app--fs .app__header,.app--fs .app__footer,.app--fs .smoke{display:none}.app--fs .app__main{position:fixed;top:0;right:0;bottom:0;left:0;display:block}.app--fs .frame,.app--fs .frame--wide{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:none;display:block}.app--fs .frame__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(3.6rem + max(10px,env(safe-area-inset-top))) max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));box-sizing:border-box}.app--fs .verbchip{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:3;white-space:nowrap}.app--fs .frame__stage:has(>.tm),.app--fs .frame__stage:has(>.hk){padding:0}.hk__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab}.hk__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;letter-spacing:.04em;background:#0b0714;z-index:4}.hk__board{position:absolute;top:calc(3.6rem + max(8px,env(safe-area-inset-top)));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:6px 14px;border-radius:14px;background:#08050e9e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;pointer-events:none}@media (min-aspect-ratio: 5/4){.hk__board{left:max(14px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);flex-direction:column;gap:8px}}.hk__team{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}.hk__team--opp{direction:rtl}.hk__name{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}.hk__team--you .hk__name{color:#7cff5b}.hk__team--opp .hk__name{color:#ff2d9b}.hk__score{grid-row:1 / span 2;font-family:var(--font-stamp);font-size:1.9rem;line-height:1;color:#fff}.hk__dots{display:flex;gap:5px;direction:ltr}.hk__dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.35)}.hk__dot--you{border-color:#7cff5b;background:#7cff5b;box-shadow:0 0 8px #7cff5b}.hk__dot--opp{border-color:#ff2d9b;background:#ff2d9b;box-shadow:0 0 8px #ff2d9b}.hk__mid{font-family:var(--font-stamp);font-size:.95rem;letter-spacing:.06em;color:#ffcf3a;min-width:2.4rem;text-align:center}.hk{position:relative;width:100%;max-width:480px;aspect-ratio:9 / 16}.app--fs .hk{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;aspect-ratio:auto}.hk__canvas{display:block;width:100%;height:100%;touch-action:none;cursor:none;background:#07040d}@media (hover: none){.hk__canvas{cursor:default}}.app--fs .tm{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.app--fs .run,.app--fs .bz{width:100%;max-width:none;height:100%;display:flex;flex-direction:column;justify-content:center}.app--fs .run,.app--fs .bz{position:absolute;top:0;right:0;bottom:0;left:0}.app--fs .run__view{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;border-radius:0;background:#0b0812}.app--fs .bz{display:block;padding:0;background:#5aa9e6}.app--fs .frame__stage:has(>.bz){padding:0}.bz__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:crosshair}.bz__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffd9;font-weight:700;letter-spacing:.04em;background:#5aa9e6;z-index:4}.app--fs .bz>.bz__wind{position:absolute;top:calc(3.6rem + max(8px,env(safe-area-inset-top)));left:50%;transform:translate(-50%);z-index:3;width:min(260px,60vw);pointer-events:none}.app--fs .bz>.bz__controls{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:3}.bz__hint{position:absolute;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 100px);transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#08050e99;border:1px solid rgba(255,255,255,.14);color:#ffffffd9;font-size:.8rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;pointer-events:none;z-index:3}.app--fs .bz__stage{position:relative;width:100%;border-radius:0;border:0;box-shadow:none}.app--fs .bz__canvas{width:100%;height:auto;max-height:calc(100dvh - 3.6rem - 120px);object-fit:contain}.app--fs .run__controls,.app--fs .bz__controls{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));margin:0}.app--fs .run__btn,.app--fs .bz__move{min-height:72px;background:#0a061259;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#ffffff47}.app--fs .bz__controls{justify-content:space-between}.app--fs .bz__move{flex:0 0 30%}.app--fs .frame__stage:has(>.run),.app--fs .frame__stage:has(>.bz){padding:0}.app--fs .bz__wind{top:calc(max(10px,env(safe-area-inset-top)) + 4px);right:max(14px,env(safe-area-inset-right))}.app--fs .run,.app--fs .bz{gap:10px}.app--fs .run__controls,.app--fs .bz__controls{margin-top:auto}.quit__btn{position:fixed;left:max(12px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));z-index:45;min-width:42px;min-height:42px;padding:0;font-size:1.3rem;background:#0a061273;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#ffffff47}.app:not(.app--fs) .quit__btn{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}.app--fs .tm__cp{left:calc(max(14px,env(safe-area-inset-left)) + 52px)}@media (max-width: 560px){.app--fs .tm__cp{left:max(14px,env(safe-area-inset-left));top:calc(max(14px,env(safe-area-inset-top)) + 50px)}}@media (pointer: coarse){.tm__speed{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 254px)}}@media (pointer: coarse) and (max-height: 500px){.tm__controls{gap:6px;bottom:max(8px,env(safe-area-inset-bottom))}.tm__btn--left,.tm__btn--right{min-height:62px}.tm__btn--brake{min-height:44px;font-size:1.15rem}.tm__btn--respawn{min-height:32px;min-width:80px;font-size:1.05rem}.tm__speed{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 160px)}}.quit{display:flex;flex-direction:column;gap:10px}.quit__hint{margin:0 0 4px;color:var(--muted);font-size:.85rem}.quit__row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:12px 16px;line-height:1.15}.quit__row small{display:block;font-family:var(--font-body);font-size:.78rem;font-weight:500;letter-spacing:.02em;line-height:1.25;opacity:.8;text-transform:none}.btn--danger{border-color:#ff3b3bb3;color:var(--red)}.wd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2.6vh,22px);padding:calc(3.6rem + max(10px,env(safe-area-inset-top))) 14px max(14px,env(safe-area-inset-bottom));background:radial-gradient(900px 600px at 50% 110%,#3a1a5e 0%,transparent 60%),radial-gradient(700px 500px at 50% -10%,#1b2a4a 0%,transparent 60%),var(--void);user-select:none;-webkit-user-select:none;touch-action:manipulation}.wd__scores{position:absolute;top:max(10px,env(safe-area-inset-top));left:calc(max(12px,env(safe-area-inset-left)) + 52px);right:max(12px,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none}.wd__score{display:flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:999px;background:var(--panel);border:2px solid rgba(255,255,255,.1);font-size:.85rem;color:var(--muted);max-width:40vw}.wd__score span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd__score b{font-family:var(--font-stamp);font-size:1.6rem;line-height:1;color:var(--cream);letter-spacing:.04em}.wd__score--you{border-color:#22e8ff80;box-shadow:var(--glow-c)}.wd__score--you b{color:var(--cyan)}.wd__score--opp{border-color:#ff2d9b80}.wd__score--opp b{color:var(--magenta)}.wd__entry{display:flex;align-items:stretch;gap:10px;width:min(100%,560px)}.wd__slots{--tile: clamp(36px, min(8.5vw, 6.5vh), 56px);flex:1;min-height:calc(var(--tile) * 1.12 + 20px);display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:16px;background:#0a061299;border:2px solid rgba(34,232,255,.3);box-shadow:inset 0 0 0 1px #ffffff0a,0 10px 40px #00000080;overflow:hidden}.wd__ghost{color:#b9a6d68c;font-size:.95rem;letter-spacing:.04em;padding-left:4px}.wd__slot{width:var(--tile);height:calc(var(--tile) * 1.12);flex:0 0 auto;border-radius:10px;border:3px solid #fff3d8;background:linear-gradient(180deg,#fff9ea,#f3e5c2);box-shadow:0 4px #b89a6a,0 8px 18px #00000073;color:var(--ink);padding:0;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.wd__slot:active{transform:translateY(3px);box-shadow:0 1px #b89a6a}.wd__confirm{flex:0 0 auto;min-width:96px;padding:0 18px;border-radius:16px;border:3px solid #fff0a8;background:linear-gradient(180deg,#ffe37a,#f2b21c);color:#3a2600;font-family:var(--font-stamp);font-size:1.35rem;letter-spacing:.06em;box-shadow:0 6px #9a6b00,0 10px 24px #00000080,0 0 22px #ffd84d59;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,opacity .2s ease}.wd__confirm:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px #9a6b00}.wd__confirm:disabled{opacity:.4;cursor:default;box-shadow:0 6px #9a6b00}.wd__grid{--tile: clamp(28px, min( calc((100vw - 70px)/8) , 5.6vh), 58px);display:grid;grid-template-columns:repeat(var(--cols, 8),var(--tile));gap:6px;justify-content:center}.wd__glyph{font-family:var(--font-display);font-size:calc(var(--tile) * .62);line-height:1;letter-spacing:.02em;transform-origin:50% 100%}.wd__glyph--in{animation:wd-in .32s cubic-bezier(.2,1.4,.4,1) both}@keyframes wd-in{0%{transform:translateY(40px) scale(.5);opacity:0}60%{transform:translateY(-6px) scale(1.12);opacity:1}to{transform:translateY(0) scale(1)}}.wd__tile{width:var(--tile);height:calc(var(--tile) * 1.12);border-radius:11px;border:0;padding:0;display:grid;place-items:center;color:var(--ink);background:linear-gradient(180deg,#fff9ea,#f6e9c9);box-shadow:0 5px #b89a6a,0 9px 18px #00000080,inset 0 1px #fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .3s ease,background .3s ease;animation:wd-up .35s cubic-bezier(.2,1.3,.4,1) both}.wd__tile:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px #b89a6a,0 14px 24px #00000080,0 0 22px #ffd84d59,inset 0 1px #fff}.wd__tile:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #b89a6a}.wd__tile--lifted{background:#22e8ff14;box-shadow:inset 0 0 0 2px #22e8ff59;color:transparent;transform:scale(.92);cursor:default}.wd__tile--used{background:#0a061280;box-shadow:inset 0 2px 6px #0009;opacity:.55;cursor:default;animation:wd-burn .45s ease both}.wd__tile:disabled:not(.wd__tile--used):not(.wd__tile--lifted){cursor:default;opacity:.6}@keyframes wd-up{0%{transform:translateY(30px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes wd-burn{0%{background:#ffd84d;box-shadow:0 0 30px #ffd84de6;opacity:1;transform:scale(1.1)}to{background:#0a061280;opacity:.55;transform:scale(1)}}.wd__found{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(100%,560px);min-height:28px}.wd__chip{padding:4px 10px;border-radius:999px;background:#5dff9a1f;border:1px solid rgba(93,255,154,.45);color:var(--green);font-family:var(--font-stamp);font-size:.95rem;letter-spacing:.08em;animation:wd-up .3s ease both}.wd__hint{font-size:.8rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.wd--ok .wd__slots{border-color:var(--green);box-shadow:0 0 0 3px #5dff9a4d,0 0 44px #5dff9a8c}.wd--bad .wd__slots{border-color:var(--red);box-shadow:0 0 0 3px #ff3b3b4d,0 0 34px #ff3b3b80;animation:wd-shake .4s ease both}@keyframes wd-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion: reduce){.wd__tile,.wd__chip,.wd__glyph--in,.wd--bad .wd__slots{animation:none}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.backdrop__layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 40%;opacity:0}.backdrop__layer--in{animation:backdrop-in .9s ease both}.backdrop__layer--out{opacity:1;animation:backdrop-out .9s ease both}@keyframes backdrop-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}@media (max-aspect-ratio: 1/1){.backdrop__layer--locker{background-image:linear-gradient(#0a061259,#0a0612d9),url(/bg/locker-m.webp)}.backdrop__layer--arena{background-image:linear-gradient(#0a06124d,#0a0612d9),url(/bg/arena-m.webp)}.backdrop__layer--wheel{background-image:linear-gradient(#0a061259,#0a0612cc),url(/bg/wheel-m.webp)}.backdrop__layer--brief{background-image:linear-gradient(#0a061266,#0a0612db),url(/bg/brief-m.webp)}.backdrop__layer--podium{background-image:linear-gradient(#0a061233,#0a0612cc),url(/bg/podium-m.webp)}}@media (min-aspect-ratio: 1/1){.backdrop__layer--locker{background-image:linear-gradient(#0a061266,#0a0612d9),url(/bg/locker-d.webp)}.backdrop__layer--arena{background-image:linear-gradient(#0a061259,#0a0612d9),url(/bg/arena-d.webp)}.backdrop__layer--wheel{background-image:linear-gradient(#0a061266,#0a0612cc),url(/bg/wheel-d.webp)}.backdrop__layer--brief{background-image:linear-gradient(#0a061273,#0a0612db),url(/bg/brief-d.webp)}.backdrop__layer--podium{background-image:linear-gradient(#0a061240,#0a0612cc),url(/bg/podium-d.webp)}}.mascot{position:fixed;right:max(clamp(20px,5vw,88px),env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:30;width:clamp(120px,26vw,220px);pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.mascot__body{position:relative;width:100%;aspect-ratio:1;transform-origin:50% 100%;animation:mascot-bob 3.2s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}.mascot--excited .mascot__body{animation:mascot-hop .7s ease-in-out infinite}.mascot--laugh .mascot__body{animation:mascot-shake .5s ease-in-out infinite}.mascot--sad .mascot__body{animation:mascot-slump 3.5s ease-in-out infinite}.mascot--talking .mascot__body{animation:mascot-talk .26s ease-in-out infinite}.mascot--talking.mascot--excited .mascot__body{animation:mascot-hop .7s ease-in-out infinite}.mascot--talking.mascot--laugh .mascot__body{animation:mascot-shake .5s ease-in-out infinite}.mascot__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease}.mascot__img--on{opacity:1}.mascot__bubble{position:relative;max-width:min(74vw,340px);margin-right:12%;padding:10px 14px;border-radius:16px 16px 4px;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:clamp(.82rem,2.6vw,1rem);line-height:1.3;box-shadow:0 8px 22px #00000073,0 0 0 3px #ff2d9b59;animation:bubble-in .25s cubic-bezier(.2,1.4,.4,1) both;transform-origin:90% 100%}.mascot__bubble:after{content:"";position:absolute;right:18px;bottom:-9px;border-width:10px 10px 0 4px;border-style:solid;border-color:var(--cream) transparent transparent transparent}.mascot__cursor{animation:blink .6s steps(1) infinite;color:var(--magenta)}@keyframes mascot-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes mascot-talk{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(1px) scale(1.012,.985)}}@keyframes mascot-hop{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-16px) scale(.96,1.06)}60%{transform:translateY(0) scale(1.05,.95)}}@keyframes mascot-shake{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes mascot-slump{0%,to{transform:translateY(4px) rotate(2deg)}50%{transform:translateY(8px) rotate(3deg)}}@keyframes bubble-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes blink{50%{opacity:0}}@media (max-width: 480px){.mascot{width:34vw}}@media (prefers-reduced-motion: reduce){.mascot__body,.mascot--excited .mascot__body,.mascot--laugh .mascot__body,.mascot--sad .mascot__body,.mascot--talking .mascot__body{animation:none}}.carousel{--ring-r: 300px;--card-w: 190px;--card-h: 250px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}@media (max-width: 520px){.carousel{--card-w: 150px;--card-h: 200px;--ring-r: 240px}}.carousel__title{margin-bottom:4px}.carousel__stage{position:relative;width:100%;height:calc(var(--card-h) + 52px);perspective:1400px;perspective-origin:50% 40%;overflow:hidden}.gcard--back{filter:brightness(.3) saturate(.5)}.carousel__ring{position:absolute;left:50%;top:40px;width:var(--card-w);height:var(--card-h);margin-left:calc(var(--card-w) / -2);transform-style:preserve-3d;will-change:transform}.gcard{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;overflow:hidden;border:3px solid rgba(255,255,255,.16);background:#1a0f2a;box-shadow:0 16px 40px #0009;backface-visibility:hidden;transition:filter .2s ease,box-shadow .2s ease,border-color .2s ease;filter:brightness(.55) saturate(.8)}.gcard--front{filter:brightness(1) saturate(1.1);border-color:var(--card-accent, var(--gold));box-shadow:0 16px 40px #0009,0 0 30px color-mix(in srgb,var(--card-accent, var(--gold)) 55%,transparent)}.gcard--soon .gcard__art{filter:grayscale(.7) brightness(.6)}.gcard__art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:hue-rotate(var(--card-hue, 0deg)) saturate(1.15)}.gcard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--card-accent, var(--gold)) 38%,transparent));pointer-events:none}.gcard__shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#fff0 30%,#ffffff2e,#fff0 60%);opacity:0}.gcard--winner .gcard__shine{animation:shine 1.1s ease .15s both}.gcard__label{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 10px;background:linear-gradient(180deg,transparent,rgba(10,6,18,.92));text-align:center}.gcard__name{font-family:var(--font-display);font-size:1.05rem;color:var(--cream);letter-spacing:.03em;text-shadow:0 2px 0 #000}.gcard__cat{font-size:.7rem;letter-spacing:.18em;color:var(--card-accent, var(--muted));text-transform:uppercase}.gcard__label{z-index:1}.carousel--settled .gcard--winner{animation:gcard-pop .55s cubic-bezier(.2,1.4,.4,1) both;border-color:var(--card-accent, var(--gold));box-shadow:0 20px 50px #000000b3,0 0 0 4px color-mix(in srgb,var(--card-accent, var(--gold)) 45%,transparent),0 0 60px color-mix(in srgb,var(--card-accent, var(--gold)) 75%,transparent)}.carousel__controls{min-height:84px;display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:-6px}.carousel__lever{min-width:200px;animation:lever-pulse 1.1s ease-in-out infinite}.carousel__push{min-width:200px;border-color:#ffffff40}.carousel__push--live{border-color:var(--gold);box-shadow:0 0 22px #ffd84d73;animation:lever-pulse .8s ease-in-out infinite}.carousel__hint{opacity:.85}@keyframes lever-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes gcard-pop{0%{transform:rotateY(var(--ay, 0deg)) translateZ(var(--ring-r)) scale(1)}to{transform:rotateY(var(--ay, 0deg)) translateZ(calc(var(--ring-r) + 60px)) scale(1.08)}}@keyframes shine{0%{opacity:1;transform:translate(-120%)}to{opacity:0;transform:translate(120%)}}.carousel__pointer{position:absolute;left:50%;top:10px;width:0;height:0;margin-left:-12px;border-left:12px solid transparent;border-right:12px solid transparent;border-top:18px solid var(--gold);filter:drop-shadow(0 0 10px rgba(255,216,77,.8));animation:pointer-bob .8s ease-in-out infinite}@keyframes pointer-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.carousel__result{min-height:1.6em;font-family:var(--font-stamp);font-size:1.4rem;letter-spacing:.06em;color:var(--gold);opacity:0;transition:opacity .3s ease;text-shadow:0 0 18px rgba(255,216,77,.6)}.carousel__result--on{opacity:1}.tm__stats{position:absolute;left:50%;transform:translate(-50%);top:calc(max(10px,env(safe-area-inset-top)) + 64px);font:12px/1 monospace;color:#0f0;text-shadow:0 1px 0 #000;pointer-events:none}.qd{position:relative;width:100%;min-height:min(72vh,620px);border-radius:18px;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;background:#150a1f;isolation:isolate}.app--fs .qd{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;border-radius:0}.qd__sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 78%,rgba(255,140,40,.55),transparent 55%),linear-gradient(180deg,#120716,#3a1240 38%,#b4432a 68%,#f2a640 82%,#ffd58a);transition:filter .4s ease}.qd__haze{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/bg/arena-d.webp) center 40% / cover no-repeat;mix-blend-mode:luminosity;opacity:.28}.qd__ground{position:absolute;left:0;right:0;bottom:0;height:30%;background:repeating-linear-gradient(90deg,#0000 0,#0000 60px,#00000014 60px,#00000014 62px),linear-gradient(180deg,#8a5430,#4a2a1c 45%,#1a0c12);border-top:2px solid rgba(255,220,160,.35);box-shadow:0 -30px 60px #00000059 inset}.qd__rope{position:absolute;left:50%;top:-6px;width:4px;height:30%;margin-left:-2px;background:linear-gradient(180deg,#d9b98a,#8a6a44);transform-origin:50% 0;animation:qd-sway 3.4s ease-in-out infinite}.qd__crown{position:absolute;left:50%;bottom:-46px;width:clamp(64px,12vw,110px);transform:translate(-50%);filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,216,77,.35));transform-origin:50% 0}.qd--wait .qd__crown{animation:qd-crownglow 1.4s ease-in-out infinite}.qd--feint .qd__rope{animation:qd-jerk .32s cubic-bezier(.2,1.6,.4,1) 1}.qd--dropped .qd__rope{animation:qd-snap .25s ease-in both}.qd--dropped .qd__crown{animation:qd-fall .42s cubic-bezier(.5,0,.9,.6) both;filter:drop-shadow(0 0 40px rgba(255,216,77,1)) drop-shadow(0 12px 16px rgba(0,0,0,.7))}.qd__duel{position:absolute;left:0;right:0;bottom:9%;display:flex;justify-content:space-between;padding:0 8%;align-items:flex-end;pointer-events:none}.qd__fighter{position:relative;width:clamp(120px,24vw,240px);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .25s cubic-bezier(.2,1.4,.4,1),filter .3s ease;filter:drop-shadow(0 18px 18px rgba(0,0,0,.6))}.qd__body{width:100%;animation:qd-breathe 2.2s ease-in-out infinite;transform-origin:50% 100%}.qd__fighter img{width:100%;height:auto;display:block}.qd__fighter--opp img{transform:scaleX(-1)}.qd__fighter--tense .qd__body{animation:qd-tense .18s ease-in-out infinite}.qd__fighter--win{transform:translateY(-10px) scale(1.08)}.qd__fighter--win .qd__body{animation:none;filter:drop-shadow(0 0 26px rgba(255,216,77,.9))}.qd__fighter--hit{transform:translate(var(--hitdir, -34px)) rotate(var(--hitrot, -14deg));filter:drop-shadow(0 18px 18px rgba(0,0,0,.6)) grayscale(.4)}.qd__fighter--you.qd__fighter--hit{--hitdir: -34px;--hitrot: -14deg}.qd__fighter--opp.qd__fighter--hit{--hitdir: 34px;--hitrot: 14deg}.qd__fighter--jumped{transform:translateY(-16px) scale(1.04);filter:drop-shadow(0 18px 18px rgba(0,0,0,.6)) hue-rotate(-40deg) saturate(1.3)}.qd__name{font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;color:var(--cream);text-shadow:0 2px 0 #000}.qd__time{min-height:1.6em;font-family:var(--font-stamp);font-size:clamp(1.2rem,3vw,1.9rem);letter-spacing:.06em;color:var(--cream);text-shadow:0 2px 0 #000,0 0 16px rgba(0,0,0,.6)}.qd__time--win{color:var(--gold);text-shadow:0 2px 0 #000,0 0 22px rgba(255,216,77,.8);animation:qd-pop .5s cubic-bezier(.2,1.6,.4,1) both}.qd__time--lose{color:#ff6b6b}.qd__puffs{display:flex;gap:6px}.qd__puff{width:12px;height:12px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.35)}.qd__puff--on{background:var(--gold);border-color:#7a5a00;box-shadow:0 0 10px #ffd84db3}.qd__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.qd--go .qd__flash{animation:qd-flash .5s ease-out both}.qd--go .qd__sky{filter:brightness(1.35) saturate(1.2)}.qd__banner{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:clamp(2.6rem,9vw,6rem);letter-spacing:.06em;color:var(--gold);text-shadow:0 4px 0 #3a2400,0 0 40px rgba(255,216,77,.8);animation:qd-pop .35s cubic-bezier(.2,1.6,.4,1) both;pointer-events:none;white-space:nowrap}.qd__banner--bad{color:#ff5b5b;text-shadow:0 4px 0 #3a0a0a,0 0 40px rgba(255,60,60,.7)}.qd__banner--good{color:#5bff9a;text-shadow:0 4px 0 #063a1a,0 0 40px rgba(60,255,140,.7)}.qd__banner--neutral{color:var(--cream)}.qd__hint{position:absolute;left:0;right:0;bottom:3%;text-align:center;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#fff0dcbf;text-shadow:0 2px 0 #000;pointer-events:none}.qd--go .qd__hint{font-size:1.2rem;color:var(--gold)}@keyframes qd-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes qd-jerk{0%{transform:rotate(0) translateY(0)}30%{transform:rotate(-7deg) translateY(10px)}60%{transform:rotate(5deg) translateY(2px)}to{transform:rotate(0) translateY(0)}}@keyframes qd-snap{to{transform:translateY(-40%) scaleY(.2);opacity:0}}@keyframes qd-fall{0%{transform:translate(-50%) translateY(0) rotate(0)}to{transform:translate(-50%) translateY(52vh) rotate(-18deg)}}@keyframes qd-crownglow{0%,to{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(255,216,77,.25))}50%{filter:drop-shadow(0 8px 14px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(255,216,77,.6))}}@keyframes qd-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.02) translateY(-2px)}}@keyframes qd-tense{0%,to{transform:translate(-1px)}50%{transform:translate(1px)}}@keyframes qd-flash{0%{opacity:.95}to{opacity:0}}@keyframes qd-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.qd__time--win{animation-name:qd-poptime}@keyframes qd-poptime{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.qd__rope,.qd__crown,.qd__body{animation:none!important}}.rps{position:relative;width:100%;min-height:min(72vh,620px);border-radius:18px;overflow:hidden;user-select:none;-webkit-user-select:none;background:#0d0714;isolation:isolate}.app--fs .rps{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;border-radius:0}.rps__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(90,40,140,.55),transparent 60%),url(/bg/arena-d.webp) center 35% / cover no-repeat;filter:saturate(.85) brightness(.7)}.rps__ring{position:absolute;left:50%;bottom:14%;width:min(120vw,1100px);height:26%;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(255,45,155,.22),rgba(34,232,255,.08) 55%,transparent 72%);box-shadow:0 0 60px #ff2d9b40}.rps--shoot .rps__ring,.rps--reveal .rps__ring{background:radial-gradient(ellipse at 50% 50%,rgba(255,216,77,.35),rgba(255,45,155,.12) 55%,transparent 72%)}.rps__duel{position:absolute;left:0;right:0;bottom:30%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 7%;pointer-events:none}.app--fs .rps__duel{bottom:27%}.rps__fighter{position:relative;width:clamp(120px,23vw,230px);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .22s cubic-bezier(.2,1.4,.4,1),filter .3s ease;filter:drop-shadow(0 18px 18px rgba(0,0,0,.6))}.rps__body{width:100%;transform-origin:50% 100%;animation:qd-breathe 2.4s ease-in-out infinite}.rps__body img{width:100%;height:auto;display:block}.rps__fighter--opp .rps__body img{transform:scaleX(-1)}.rps__fighter--locked .rps__body{animation:none;transform:translateY(2px)}.rps__fighter--pound0 .rps__body,.rps__fighter--pound1 .rps__body{animation:rps-pound .45s cubic-bezier(.3,0,.2,1) 1}.rps__fighter--slam .rps__body{animation:rps-slam .35s cubic-bezier(.2,1.6,.4,1) both}.rps__fighter--win{transform:translateY(-12px) scale(1.08)}.rps__fighter--win .rps__body{animation:none;filter:drop-shadow(0 0 26px rgba(255,216,77,.9))}.rps__fighter--hit{transform:translateY(6px) scale(.96) rotate(var(--r, -6deg));filter:drop-shadow(0 18px 18px rgba(0,0,0,.6)) grayscale(.5)}.rps__fighter--opp.rps__fighter--hit{--r: 6deg}.rps__lock{position:absolute;top:-10px;padding:4px 10px;border-radius:999px;background:#0a0612cc;border:1px solid rgba(255,255,255,.25);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);animation:qd-poptime .3s cubic-bezier(.2,1.6,.4,1) both}.rps__hand{position:absolute;top:6%;display:flex;flex-direction:column;align-items:center;font-size:clamp(3.2rem,11vw,7rem);line-height:1;filter:drop-shadow(0 10px 14px rgba(0,0,0,.7));animation:rps-handin .32s cubic-bezier(.2,1.5,.4,1) both}.rps__fighter--you .rps__hand{left:70%;--from: -60px}.rps__fighter--opp .rps__hand{right:70%;--from: 60px}.rps__fighter--opp .rps__hand span{display:inline-block;transform:scaleX(-1)}.rps__hand small{font-family:var(--font-display);font-size:.9rem;letter-spacing:.08em;color:var(--cream);text-shadow:0 2px 0 #000}.rps__hand--win{filter:drop-shadow(0 0 28px rgba(255,216,77,1)) drop-shadow(0 10px 14px rgba(0,0,0,.7))}.rps__hand--lose{filter:grayscale(.7) drop-shadow(0 10px 14px rgba(0,0,0,.7));animation:rps-handin .32s cubic-bezier(.2,1.5,.4,1) both,rps-crack .5s ease .3s both}.rps__name{font-family:var(--font-display);font-size:1rem;color:var(--cream);text-shadow:0 2px 0 #000}.rps__puffs{display:flex;gap:6px}.rps__puff{width:12px;height:12px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.35)}.rps__puff--on{background:var(--gold);border-color:#7a5a00;box-shadow:0 0 10px #ffd84db3}.rps__beats{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);pointer-events:none}.rps__beat{font-family:var(--font-display);font-size:clamp(2.4rem,8vw,5.4rem);letter-spacing:.08em;color:var(--cream);text-shadow:0 4px 0 #000,0 0 30px rgba(255,45,155,.6);animation:rps-beat .45s ease-out both;white-space:nowrap}.rps__beat--shoot{color:var(--gold);font-size:clamp(3rem,11vw,7rem);text-shadow:0 4px 0 #3a2400,0 0 50px rgba(255,216,77,.9);animation:qd-poptime .3s cubic-bezier(.2,1.6,.4,1) both}.rps__verdict{position:absolute;left:50%;top:26%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:clamp(2.6rem,9vw,6rem);letter-spacing:.06em;animation:qd-pop .4s cubic-bezier(.2,1.6,.4,1) .25s both;pointer-events:none;white-space:nowrap}.rps__verdict--win{color:#5bff9a;text-shadow:0 4px 0 #063a1a,0 0 40px rgba(60,255,140,.7)}.rps__verdict--lose{color:#ff5b5b;text-shadow:0 4px 0 #3a0a0a,0 0 40px rgba(255,60,60,.7)}.rps__verdict--tie{color:var(--cream);text-shadow:0 4px 0 #000}.rps__picks{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.rps__timer{height:6px;border-radius:3px;background:#ffffff1f;overflow:hidden}.rps__timer-fill{height:100%;background:linear-gradient(90deg,var(--gold),#ff2d9b);transform-origin:0 50%;transition:transform .08s linear}.rps__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rps__card{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:18px;border:2px solid rgba(255,255,255,.22);background:linear-gradient(180deg,#28143cd9,#0e0818e6);color:var(--cream);cursor:pointer;touch-action:manipulation;transition:transform .12s cubic-bezier(.2,1.4,.4,1),border-color .15s ease,box-shadow .15s ease,opacity .2s ease}.rps__card:hover:not(:disabled){transform:translateY(-4px);border-color:var(--gold)}.rps__card:active:not(:disabled){transform:translateY(2px) scale(.98)}.rps__card--picked{transform:translateY(-10px) scale(1.06);border-color:var(--gold);box-shadow:0 0 0 3px #ffd84d59,0 12px 30px #0009,0 0 30px #ffd84d80}.rps__card--dim{opacity:.35}.rps__card:disabled{cursor:default}.rps__card-icon{font-size:clamp(2rem,7vw,3.2rem);line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6))}.rps__card-label{font-family:var(--font-display);font-size:.85rem;letter-spacing:.08em}@keyframes rps-pound{0%{transform:translateY(0)}40%{transform:translateY(-14px) scale(1.02)}60%{transform:translateY(4px) scale(.98)}to{transform:translateY(0)}}@keyframes rps-slam{0%{transform:translateY(-16px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes rps-handin{0%{opacity:0;transform:translate(var(--from, 0)) scale(.4) rotate(-20deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}@keyframes rps-crack{0%,to{transform:translate(0)}20%{transform:translate(-6px) rotate(-6deg)}40%{transform:translate(6px) rotate(6deg)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes rps-beat{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.shb{position:relative;width:100%;min-height:min(76vh,660px);border-radius:18px;overflow:hidden;user-select:none;-webkit-user-select:none;background:#0b0710;isolation:isolate}.app--fs .shb{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;border-radius:0}.shb__room{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 18%,rgba(255,200,120,.14),transparent 40%),linear-gradient(180deg,#120a18,#1b0f22 45%,#0b0710)}.shb__lamp{position:absolute;left:50%;top:-4%;width:60%;height:78%;transform:translate(-50%);background:conic-gradient(from 165deg at 50% 0%,transparent 0deg,rgba(255,214,150,.2) 10deg,rgba(255,214,150,.3) 15deg,rgba(255,214,150,.2) 20deg,transparent 30deg);transform-origin:50% 0;animation:shb-lamp 5.5s ease-in-out infinite;pointer-events:none}.shb__table{position:absolute;left:-20%;right:-20%;bottom:-10%;height:74%;border-radius:50% 50% 0 0/40% 40% 0 0;background:radial-gradient(ellipse at 50% 30%,rgba(60,150,90,.45),transparent 60%),repeating-linear-gradient(90deg,#0000 0,#0000 3px,#0000000f 3px,#0000000f 4px),linear-gradient(180deg,#1f5a3a,#143d29 55%,#0a2117);box-shadow:0 -12px 40px #0009,inset 0 6px #785028cc,inset 0 12px #3c230fe6}.shb__smoke{position:absolute;width:70%;height:46%;left:15%;top:8%;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(230,220,255,.16),transparent 65%);filter:blur(18px);animation:shb-smoke 9s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}.shb__smoke--b{left:5%;top:22%;width:60%;animation-duration:12s;animation-delay:-5s}.shb__opp{position:absolute;left:50%;top:5%;transform:translate(-50%);display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;justify-items:start}.app--fs .shb__opp{top:calc(max(10px,env(safe-area-inset-top)) + 72px)}.shb__oppbody{grid-row:1 / span 2;width:58px;height:58px;border-radius:50%;overflow:hidden;border:2px solid var(--cyan);box-shadow:0 0 16px #22e8ff80,0 10px 14px #0009;background:#0d1a26;transform-origin:50% 100%}.shb__opp--thinking .shb__oppbody{animation:shb-think .9s ease-in-out infinite}.shb__oppbody img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;display:block}.shb__oppname{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.9rem;color:var(--cream);text-shadow:0 2px 0 #000}.shb__oppname .shb__chip{width:18px;height:18px}.shb__oppcards{position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);display:flex;justify-content:center}.shb__oppcard{display:inline-block;margin:0 -13px;transform-origin:50% 160%}.shb__opp .shb__chips{margin-top:0}.shb__opp .shb__discard{grid-column:2;justify-content:flex-start}.shb__chips{display:flex;gap:8px;margin-top:6px}.shb__chip{position:relative;width:26px;height:26px;border-radius:50%;background:#ffffff14;border:2px dashed rgba(255,255,255,.2)}.shb__chip--on{border:3px dashed #fff;background:radial-gradient(circle at 50% 50%,#ffd23f 0,#ffd23f 34%,#b8860b 36%,#b8860b 62%,#ffd23f 64%);box-shadow:0 4px #6b4a00,0 0 12px #ffd84d80}.shb__chips--opp .shb__chip--on{background:radial-gradient(circle at 50% 50%,#22e8ff 0,#22e8ff 34%,#0b7a8a 36%,#0b7a8a 62%,#22e8ff 64%);box-shadow:0 4px #063a44,0 0 12px #22e8ff80}.shb__chip--burst:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;background:radial-gradient(circle,#e6dcffe6,#e6dcff00 70%);animation:shb-puff .9s ease-out both}.shb__discard{min-height:18px;display:flex;gap:3px;justify-content:center}.shb__mini{width:16px;height:20px;border-radius:3px;background:#f4ead8;font-size:11px;line-height:20px;text-align:center}.shb__mini--red{color:#e0163f}.shb__mini--black{color:#1b1526}.shb__spot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;display:grid;place-items:center}.shb__ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.shb__ring-track{fill:none;stroke:#ffffff1f;stroke-width:5}.shb__ring-fill{fill:none;stroke:var(--gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:339.3;transition:stroke-dashoffset .1s linear;filter:drop-shadow(0 0 6px rgba(255,216,77,.8))}.shb--guess .shb__ring-fill{stroke:#ff2d9b;filter:drop-shadow(0 0 8px rgba(255,45,155,.9))}.shb__slot{position:relative;z-index:1;filter:drop-shadow(0 16px 20px rgba(0,0,0,.7))}.flip--big,.flip--big .card{width:82px;height:116px}.flip--big .card__pip{font-size:2.6rem}.flip--big .card__corner{font-size:.85rem}.shb__empty{width:82px;height:116px;border-radius:10px;border:2px dashed rgba(255,255,255,.18);display:grid;place-items:center;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;text-align:center}.shb__call{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.06em;white-space:nowrap;text-align:center;animation:qd-poptime .35s cubic-bezier(.2,1.6,.4,1) .55s both;text-shadow:0 3px 0 #000}.shb__call small{display:block;font-family:var(--font-body);font-size:.75rem;letter-spacing:.08em;color:#ffffffbf}.shb__call--hit{color:#5bff9a}.shb__call--miss{color:#ff6b6b}.shb__slot{transition:filter .25s ease .55s}.shb--hit .shb__slot{filter:drop-shadow(0 0 26px rgba(91,255,154,.9))}.shb--miss .shb__slot{filter:drop-shadow(0 0 26px rgba(255,90,90,.9))}.shb__you{position:absolute;left:0;right:0;bottom:0;padding:0 12px max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:4px}.shb__youmeta{display:flex;align-items:center;gap:12px}.shb__youavatar{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid var(--magenta);box-shadow:0 0 14px #ff2d9b80;background:#1a0d2c}.shb__youavatar img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.shb__hand{position:relative;height:150px;display:flex;justify-content:center;align-items:flex-end;padding-top:24px}.shb__card{background:none;border:0;padding:0;margin:0 -16px;transform-origin:50% 160%;transition:transform .2s cubic-bezier(.2,1.4,.4,1),filter .2s ease,opacity .25s ease;cursor:default;filter:brightness(.8)}.shb__hand--live .shb__card{cursor:pointer;filter:brightness(1)}.shb__hand--live .shb__card:hover,.shb__hand--live .shb__card:focus-visible{transform:translateY(-30px) scale(1.12) rotate(0)!important;z-index:5;filter:brightness(1.08) drop-shadow(0 0 14px rgba(255,216,77,.8))}.shb__card--fly{transform:translateY(-46vh) scale(1.2) rotate(0)!important;opacity:0;z-index:6}.shb__calls{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,560px);padding-bottom:6px}.shb__callbtn{min-height:96px;border-radius:20px;font-family:var(--font-display);font-size:1.8rem;letter-spacing:.12em;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;touch-action:manipulation;transition:transform .12s cubic-bezier(.2,1.4,.4,1);animation:qd-poptime .3s cubic-bezier(.2,1.6,.4,1) both}.shb__callbtn:active{transform:scale(.96) translateY(3px)}.shb__callsuits{font-size:1.1rem;letter-spacing:.3em;opacity:.9}.shb__callbtn--red{background:linear-gradient(180deg,#ff5d7a,#e0163f 60%,#a80f2f);border:2px solid #ffb3c1;box-shadow:0 6px #6b0a1e,0 0 30px #ff2d4d80}.shb__callbtn--black{background:linear-gradient(180deg,#2a2140,#14101f 60%,#08060c);border:2px solid var(--cyan);box-shadow:0 6px #05040a,0 0 30px #22e8ff59}@keyframes shb-lamp{0%,to{transform:translate(-50%) rotate(-1.5deg)}50%{transform:translate(-50%) rotate(1.5deg)}}@keyframes shb-smoke{0%,to{transform:translate(0) scale(1);opacity:.8}50%{transform:translate(6%,-8%) scale(1.15);opacity:1}}@keyframes shb-think{0%,to{transform:translate(-2px) rotate(-1deg)}50%{transform:translate(2px) rotate(1deg)}}@keyframes shb-puff{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.6) translateY(-30px)}}@media (prefers-reduced-motion: reduce){.shb__lamp,.shb__smoke,.shb__oppbody{animation:none!important}}.admin{display:grid;grid-template-columns:minmax(240px,320px) 1fr;min-height:100dvh;background:#0e0814;color:var(--cream)}.admin__side{display:flex;flex-direction:column;gap:12px;padding:18px 14px;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#170c22,#0e0814)}.admin__brand{display:flex;align-items:center;gap:10px;padding:4px 6px 10px}.admin__brand img{width:44px;height:44px;object-fit:contain}.admin__title{font-family:var(--font-display);font-size:1.3rem}.admin__sub{font-size:.75rem;color:var(--muted);letter-spacing:.06em}.admin__list{display:flex;flex-direction:column;gap:6px;overflow:auto}.admin__item{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:8px;border-radius:14px;border:1px solid transparent;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.admin__item:hover{background:#ffffff0d}.admin__item--on{background:#ff2d9b24;border-color:#ff2d9b80}.admin__thumb{width:54px;height:72px;border-radius:8px;background-size:cover;background-position:center;box-shadow:0 6px 14px #00000080}.admin__thumb--card{filter:hue-rotate(var(--card-hue, 0deg)) saturate(1.1);box-shadow:0 6px 14px #00000059,inset 0 -3px 0 var(--card-accent, transparent)}.admin__itemname{font-family:var(--font-display);font-size:.95rem}.admin__itemblurb{font-size:.72rem;color:var(--muted);line-height:1.3}.admin__back{margin-top:auto;text-align:center;text-decoration:none}.admin__main{padding:28px clamp(16px,4vw,48px);display:flex;flex-direction:column;gap:22px;max-width:900px}.admin__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.admin__head h1{font-family:var(--font-display);font-size:1.8rem;margin:0 0 4px}.admin__head p{margin:0;color:var(--muted)}.admin__head a{text-decoration:none;white-space:nowrap}.admin__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.admin__field{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.admin__field--wide{grid-column:1 / -1}.admin__field--row{flex-direction:row;align-items:center;gap:10px}.admin__field--row input{width:22px;height:22px;accent-color:var(--magenta)}.admin__label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-size:.9rem;letter-spacing:.03em}.admin__label small{font-family:var(--font-body);font-size:.72rem;color:var(--muted)}.admin__input,.admin__textarea,.admin__key input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#120a1c;color:var(--cream);font:inherit;font-size:1rem}.admin__textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.5;resize:vertical}.admin__range{width:100%;accent-color:var(--magenta)}.admin__help{color:var(--muted);font-size:.75rem}.admin__foot{position:sticky;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;background:linear-gradient(180deg,#0e081400,#0e0814 30%)}.admin__key{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.admin__key input{width:140px;padding:8px 10px}.admin__status{font-size:.85rem;color:var(--muted)}.admin__status--ok{color:#5bff9a}.admin__status--err{color:#ff6b6b}@media (max-width: 720px){.admin{grid-template-columns:1fr}.admin__side{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.admin__list{flex-direction:row;overflow-x:auto;padding-bottom:6px}.admin__item{grid-template-columns:44px 1fr;min-width:200px}.admin__thumb{width:44px;height:58px}}.app[data-game=PENALTY]:before{background:linear-gradient(180deg,#0f2a1c,#07040d)}.app--fs .frame__stage:has(>.pk){padding:0}.pk{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0a1a12}.pk__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:crosshair}.pk__view--keeper{cursor:pointer}.pk__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;letter-spacing:.04em;background:#0a1a12;z-index:4}.pk__board{position:absolute;top:calc(3.6rem + max(8px,env(safe-area-inset-top)));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 14px;border-radius:14px;background:#08050e9e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;pointer-events:none}.pk__team{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}.pk__team--opp{direction:rtl}.pk__name{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}.pk__team--you .pk__name{color:#ff2d9b}.pk__team--opp .pk__name{color:#22e8ff}.pk__score{grid-row:1 / span 2;font-size:1.9rem;font-weight:900;line-height:1;color:#fff}.pk__dots{display:flex;gap:5px;direction:ltr}.pk__dot{width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:transparent}.pk__dot--goal{border-color:#7cff5b;background:#7cff5b;box-shadow:0 0 8px #7cff5b}.pk__dot--miss{border-color:#ff4d6d;background:#ff4d6d}.pk__kick{font-size:.7rem;font-weight:900;letter-spacing:.12em;color:#ffcf3a;padding:0 4px}.pk__controls{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3;pointer-events:none}.pk__controls>*{pointer-events:auto}.pk__hint{font-size:.85rem;font-weight:700;color:#ffffffd9;text-shadow:0 2px 8px rgba(0,0,0,.7);pointer-events:none}.pk__meter{position:relative;width:min(360px,80vw);height:16px;border-radius:10px;background:#0000008c;border:1px solid rgba(255,255,255,.2);overflow:hidden}.pk__meter-fill{height:100%;background:linear-gradient(90deg,#39d6ff,#7cff5b 45%,#ffcf3a 75%,#ff4d6d);transition:width 40ms linear}.pk__meter-sweet{position:absolute;top:0;bottom:0;left:52%;width:22%;border-left:2px dashed rgba(255,255,255,.5);border-right:2px dashed rgba(255,255,255,.5)}.pk__kickbtn{min-width:min(360px,80vw);user-select:none;-webkit-user-select:none;touch-action:none}.pk__kickbtn--done{opacity:.7}.pk__opp{position:absolute;top:calc(3.6rem + max(8px,env(safe-area-inset-top)) + 64px);left:50%;transform:translate(-50%);font-size:.75rem;color:#fff9;z-index:3;pointer-events:none}button,.btn,[role=button]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.app--ingame,.app--ingame *{-webkit-touch-callout:none}.app--ingame :not(input):not(textarea){-webkit-user-select:none;user-select:none}.tm__btn svg,.run__btn svg{pointer-events:none}.tm__btn,.run__btn{display:grid;place-items:center;color:#eaf2ff}.app[data-game=TOWER]:before{background:linear-gradient(180deg,#1a1030,#07040d)}.app--fs .frame__stage:has(>.tw){padding:0}.tw{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#1a1c2c}.tw__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:pointer}.tw__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;letter-spacing:.04em;background:#1a1c2c;z-index:4}.tw__hud{position:absolute;top:calc(3.6rem + max(10px,env(safe-area-inset-top)) + 8px);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:3}.tw__side{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;padding:6px 12px;border-radius:12px;background:#08050e8c;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tw__side--opp{direction:rtl}.tw__name{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}.tw__side--you .tw__name{color:#ffb347}.tw__side--opp .tw__name{color:#22e8ff}.tw__height{grid-row:1 / span 2;font-family:var(--font-stamp);font-size:2rem;line-height:1;color:#fff;letter-spacing:.04em;direction:ltr}.tw__height small{font-size:.95rem;color:#ffffff8c}.tw__puffs{display:flex;gap:2px;direction:ltr;font-size:.9rem;line-height:1}.tw__puff{transition:opacity .25s ease,transform .25s ease}.tw__puff--gone{opacity:.2;filter:grayscale(1);transform:scale(.85)}.tw__combo{grid-column:1 / span 2;justify-self:start;font-family:var(--font-stamp);font-size:.85rem;letter-spacing:.06em;color:#ffe27a;text-shadow:0 0 10px rgba(255,226,122,.7);animation:chipIn .28s cubic-bezier(.2,1.4,.3,1);direction:ltr}.tw__hint{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#08050e99;border:1px solid rgba(255,255,255,.14);color:#fffc;font-size:.8rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;pointer-events:none;z-index:3}.tw__hint--pulse{animation:twPulse .9s ease-in-out infinite alternate}@keyframes twPulse{0%{transform:translate(-50%) scale(1);box-shadow:0 0 #ffb34700}to{transform:translate(-50%) scale(1.06);box-shadow:0 0 18px #ffb34780}}@media (max-width: 480px){.tw__height{font-size:1.5rem}.tw__side{padding:4px 8px;column-gap:7px}.tw__hint{font-size:.72rem}}.app[data-game=MOSH]:before{background:linear-gradient(180deg,#2a1233,#05030a)}.app--fs .frame__stage:has(>.mo){padding:0}.mo{position:relative;width:100%;max-width:480px;aspect-ratio:9 / 16}.app--fs .mo{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;aspect-ratio:auto}.mo{overflow:hidden;background:#1a1030}.mo__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:crosshair}.mo__view canvas{display:block;width:100%!important;height:100%!important}.mo__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;letter-spacing:.04em;background:#1a1030;z-index:4}.mo__board{position:absolute;top:calc(3.6rem + max(8px,env(safe-area-inset-top)));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:6px 14px;border-radius:14px;background:#08050e9e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;pointer-events:none}.mo__team{display:flex;align-items:center;gap:8px}.mo__team--opp{flex-direction:row-reverse}.mo__name{font-family:var(--font-stamp);font-size:.95rem;letter-spacing:.08em}.mo__vs{color:#fff6}.mo__pips{display:flex;gap:5px}.mo__pip{width:11px;height:11px;border-radius:50%;background:#ffffff29}.mo__pip--you{background:#ff2d9b;box-shadow:0 0 10px #ff2d9bcc}.mo__pip--opp{background:#22e8ff;box-shadow:0 0 10px #22e8ffcc}.mo__dash{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:92px;height:92px;padding:0;border:0;border-radius:50%;background:#0a0612b8;color:var(--cream);font-family:var(--font-stamp);font-size:1.35rem;letter-spacing:.08em;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;z-index:4;cursor:pointer;transition:transform .12s ease}.mo__dash:active{transform:scale(.92)}.mo__dash-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#7cff5bd9 calc(var(--frac, 1) * 360deg),#ffffff1f 0);-webkit-mask:radial-gradient(circle,transparent 60%,#000 62%);mask:radial-gradient(circle,transparent 60%,#000 62%);pointer-events:none}.mo__dash-label{position:relative;z-index:1;padding-top:3px;-webkit-text-stroke:1px #000;text-shadow:0 3px 0 #000}.mo__dash--ready{box-shadow:0 0 26px #7cff5b8c;animation:moReady .9s ease-in-out infinite alternate}.mo__dash--ready .mo__dash-ring{background:conic-gradient(#7cff5b 360deg,#7cff5b 0)}.mo__dash--chili{box-shadow:0 0 34px #ff4d3dcc}.mo__dash--chili .mo__dash-ring{background:conic-gradient(#ff4d3d calc(var(--frac, 1) * 360deg),#ffffff1f 0)}.mo__dash--chili .mo__dash-label{font-size:2.2rem}@keyframes moReady{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (hover: hover) and (pointer: fine){.mo__dash{width:78px;height:78px;font-size:1.15rem}}.app[data-game=HEX_HEAT]:before{background:linear-gradient(180deg,#2a0a08,#07040d)}.app--fs .frame__stage:has(>.hh){padding:0}.hh{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#140806}.hh__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:crosshair}.hh--cine .hh__hud,.hh--cine .hh__jump,.hh--cine .hh__hint,.hh--cine .hh__call,.hh--cine .hh__stick,.hh--over .hh__jump,.hh--over .hh__hint{display:none}.hh__call{position:absolute;top:calc(3.6rem + max(10px,env(safe-area-inset-top)) + 4px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 24px 14px;border-radius:22px;background:#08050e9e;border:2px solid var(--call);box-shadow:0 0 34px color-mix(in srgb,var(--call) 55%,transparent),0 20px 40px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:3;animation:hhCallIn .28s cubic-bezier(.2,1.4,.4,1) both}@keyframes hhCallIn{0%{transform:translate(-50%) scale(.6);opacity:0}}.hh__shape{width:46px;height:46px;fill:var(--call);filter:drop-shadow(0 0 10px var(--call));animation:hhPulse .45s ease-in-out infinite alternate}@keyframes hhPulse{to{transform:scale(1.18)}}.hh__word{font-family:var(--font-display);font-size:2.4rem;line-height:1;color:var(--call);text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 22px var(--call);letter-spacing:.04em}.hh__bar{position:absolute;left:14px;right:14px;bottom:5px;height:4px;border-radius:2px;background:#ffffff24;overflow:hidden}.hh__bar-fill{height:100%;background:var(--call);transform-origin:left;transform:scaleX(1)}.hh__hud{position:absolute;right:max(12px,env(safe-area-inset-right));top:calc(max(10px,env(safe-area-inset-top)) + 56px);pointer-events:none;text-align:right;text-shadow:0 2px 0 rgba(0,0,0,.7);z-index:2}.hh__opp{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#22e8ff}.hh__opp--out{color:#ff5b5b}.hh__stick{position:absolute;left:0;top:0;display:none;width:0;height:0;pointer-events:none;z-index:2}.hh__stick:before{content:"";position:absolute;left:-64px;top:-64px;width:128px;height:128px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#0a061240}.hh__knob{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ff2d9b 70%);box-shadow:0 6px 16px #00000073}.hh__jump{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:96px;height:96px;min-height:0;padding:0;border-radius:50%;font-family:var(--font-display);font-size:1.2rem;background:#0a061259;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#ffffff4d;z-index:3;touch-action:manipulation}.hh__jump:active{transform:scale(.92)}.hh__hint{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));max-width:55%;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;text-shadow:0 2px 0 rgba(0,0,0,.7);z-index:2}@media (max-width: 560px){.hh__word{font-size:1.8rem}.hh__shape{width:36px;height:36px}.hh__call{padding:8px 18px 12px}}.app[data-game=BLUNT_JUMP]:before{background:linear-gradient(180deg,#2a1a08,#07040d)}.app--fs .frame__stage:has(>.bj){padding:0}.bj{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#1a1208}.bj__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:pointer}.bj--cine .bj__board,.bj--cine .bj__jump,.bj--cine .bj__hint,.bj--over .bj__jump,.bj--over .bj__hint{display:none}.bj__board,.bb__board{position:absolute;top:calc(3.6rem + max(8px,env(safe-area-inset-top)));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:8px 16px;border-radius:14px;background:#08050e9e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;pointer-events:none;white-space:nowrap}.bj__team,.bb__team{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.bj__team--opp,.bb__team--opp{align-items:flex-end}.bj__name,.bb__name{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.bj__team--you .bj__name,.bb__team--you .bb__name{color:#ff2d9b}.bj__team--opp .bj__name,.bb__team--opp .bb__name{color:#22e8ff}.bj__puffs,.bb__puffs{display:inline-flex;gap:5px}.bj__puff,.bb__puff{width:12px;height:12px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);transition:background .3s,box-shadow .3s}.bj__puff--on,.bb__puff--on{background:var(--gold);box-shadow:0 0 10px var(--gold)}.bj__tempo,.bb__round{font-family:var(--font-display);font-size:1.2rem;color:var(--cream);min-width:64px;text-align:center;line-height:1}.bb__round small{display:block;font-family:var(--font-stamp);font-size:.62rem;letter-spacing:.1em;color:var(--muted);margin-top:3px}.bj__jump{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);min-width:180px;min-height:72px;font-family:var(--font-display);font-size:1.5rem;z-index:3;touch-action:manipulation}.bj__jump:active{transform:translate(-50%) scale(.94)}.bj__hint,.bb__hint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(max(18px,env(safe-area-inset-bottom)) + 84px);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;pointer-events:none;text-shadow:0 2px 0 rgba(0,0,0,.7);z-index:2;white-space:nowrap}.app[data-game=BONG_BLAST]:before{background:linear-gradient(180deg,#0f2a1c,#07040d)}.app--fs .frame__stage:has(>.bb){padding:0}.bb{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#1a1410}.bb__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:default}.bb--pick .bb__view{cursor:pointer}.bb__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;letter-spacing:.04em;background:#1a1410;z-index:4}.bb__team--turn .bb__name{text-shadow:0 0 12px currentColor}.bb__team--turn .bb__puffs{animation:bbTurnPulse .8s ease-in-out infinite alternate}@keyframes bbTurnPulse{to{transform:scale(1.12)}}.bb__chips{position:absolute;left:50%;transform:translate(-50%);bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:10px;z-index:3}.bb__chip{width:56px;height:56px;min-height:0;padding:0;border-radius:50%;font-family:var(--font-display);font-size:1.3rem;background:#0a061273;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#ffffff4d;touch-action:manipulation}.bb--pick .bb__chip:not(:disabled){border-color:var(--gold);box-shadow:0 0 14px #ffcf3a59}.bb__chip--hot{transform:scale(1.12);background:#ffcf3a40}.bb__chip--spent{opacity:.35}.bb__hint{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 68px)}.bb--over .bb__chips,.bb--over .bb__hint{display:none}.bb__banner{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:3.4rem;letter-spacing:.06em;color:var(--cream);text-shadow:0 4px 0 rgba(0,0,0,.6),0 0 30px rgba(255,120,40,.8);pointer-events:none;z-index:3;animation:bbBannerIn .35s cubic-bezier(.2,1.5,.4,1) both}.bb__banner--boom{color:#ffb040}.bb__banner--safe{color:#8ff29a;font-size:2.2rem;text-shadow:0 4px 0 rgba(0,0,0,.6),0 0 24px rgba(60,220,120,.6)}@keyframes bbBannerIn{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}}@media (max-width: 560px){.bb__chip{width:46px;height:46px;font-size:1.1rem}.bb__chips{gap:7px}.bj__board,.bb__board{gap:10px;padding:6px 12px}.bb__banner{font-size:2.4rem}}@media (max-width: 560px){.hh__hud{top:calc(max(10px,env(safe-area-inset-top)) + 128px)}}.app[data-game=STOP_THE_CHIP]:before{background:linear-gradient(180deg,#1c0f30,#07040d)}.app--fs .frame__stage:has(>.sc){padding:0}.sc{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0b0714}.sc__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.sc__view--live{cursor:pointer}.sc__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;letter-spacing:.04em;background:#0b0714;z-index:4}.sc__round{align-self:center;font-family:var(--font-stamp);font-size:1rem;letter-spacing:.08em;color:#ffcf3a;padding:6px 12px;border-radius:12px;background:#08050e8c;border:1px solid rgba(255,255,255,.12)}.sc__stop{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:3;width:min(320px,70vw);max-width:none}.app[data-game=QUICK_DRAW]:before{background:linear-gradient(180deg,#2a1d3a,#07040d)}.app--fs .frame__stage:has(>.qd3){padding:0}.qd3{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#c9a066;touch-action:none;cursor:pointer}.qd3__view{position:absolute;top:0;right:0;bottom:0;left:0}.qd3--go{animation:qdGoFlash .35s ease-out}@keyframes qdGoFlash{0%{filter:brightness(2.2)}to{filter:brightness(1)}}.qd3__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffd9;font-weight:700;letter-spacing:.04em;background:#c9a066;z-index:4}.app--fs .frame__stage:has(>.rps3){padding:0}.rps3{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0d0714;user-select:none;-webkit-user-select:none}.rps3__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.rps3--shoot{animation:qdGoFlash .3s ease-out}.rps3__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffbf;font-weight:700;letter-spacing:.04em;background:#0d0714;z-index:4}.rps3 .rps__picks,.rps3 .rps__beats,.rps3 .rps__verdict{z-index:3}.app--fs .frame__stage:has(>.sh3){padding:0}.sh3{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#08050f;user-select:none;-webkit-user-select:none}.sh3__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.sh3--deal .sh3__view{cursor:pointer}.sh3__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffbf;font-weight:700;letter-spacing:.04em;background:#08050f;z-index:4}.sh3 .sh3__call{top:auto;bottom:30%;margin:0;z-index:3;font-size:2rem}.sh3 .sh3__calls{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,560px);z-index:3}.app--fs .frame__stage:has(>.wd3){padding:0}.wd3{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0b0714;user-select:none;-webkit-user-select:none}.wd3__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:pointer}.wd3__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffbf;font-weight:700;letter-spacing:.04em;background:#0b0714;z-index:4}.wd3__entry{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:3;width:min(92vw,560px)}.wd3__word{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:12px;background:#08050e9e;border:1px solid rgba(255,255,255,.14);font-family:var(--font-stamp);font-size:1.5rem;letter-spacing:.14em;color:#fff}.wd3__confirm{flex:0 0 auto;min-width:120px}.wd3__found{position:absolute;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 62px);transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:92vw;z-index:3;pointer-events:none}.dash{--d-bg: #f3f4f7;--d-surface: #ffffff;--d-surface-2: #f8f9fb;--d-border: #e3e6ec;--d-text: #161b26;--d-muted: #66708a;--d-accent: #3355e0;--d-accent-soft: #e8ecfb;--d-ok: #1f9d55;--d-danger: #d64545;min-height:100dvh;background:var(--d-bg);color:var(--d-text);font-family:var(--font-body);font-size:14px;line-height:1.45;display:flex;flex-direction:column}.dash *{text-shadow:none}.dash h1,.dash h2{font-family:var(--font-body);font-weight:600;letter-spacing:-.01em}.dash .btn{font-family:var(--font-body);font-weight:600;letter-spacing:0;text-transform:none;border-radius:8px;box-shadow:none;text-shadow:none;transform:none}.dash .btn--primary{background:var(--d-accent);border-color:var(--d-accent);color:#fff}.dash .btn--primary:disabled{opacity:.45}.dash .btn--ghost{background:var(--d-surface);border:1px solid var(--d-border);color:var(--d-text)}.dash .btn--ghost:hover{background:var(--d-surface-2)}.dash__top{display:flex;align-items:center;gap:24px;padding:0 24px;height:60px;border-bottom:1px solid var(--d-border);background:var(--d-surface);position:sticky;top:0;z-index:5}.dash__brand{display:flex;align-items:center;gap:10px;min-width:200px}.dash__brand img{width:32px;height:32px;object-fit:contain}.dash__title{font-weight:600;font-size:14px}.dash__sub{font-size:12px;color:var(--d-muted)}.dash__ribbon{display:flex;gap:4px;align-self:stretch;overflow-x:auto}.dash__tab{display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--d-muted);cursor:pointer;text-align:left;font-family:var(--font-body)}.dash__tab:hover{color:var(--d-text)}.dash__tab--on{color:var(--d-accent);border-bottom-color:var(--d-accent)}.dash__tablabel{font-size:14px;font-weight:600}.dash__tabhint{font-size:11px;color:var(--d-muted)}.dash__tools{margin-left:auto;display:flex;align-items:center;gap:12px}.dash__tools .btn{min-height:34px;padding:6px 12px;font-size:13px;text-decoration:none}.dash .admin__key{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--d-muted)}.dash .admin__key input,.dash .admin__input,.dash .admin__textarea{background:var(--d-surface);border:1px solid var(--d-border);border-radius:8px;color:var(--d-text);font-family:var(--font-body);font-size:13px;padding:6px 10px;box-shadow:none}.dash .admin__key input:focus,.dash .admin__input:focus,.dash .admin__textarea:focus{outline:2px solid var(--d-accent-soft);border-color:var(--d-accent)}.dash__main{flex:1;padding:24px;position:relative}.dash__section{display:flex;flex-direction:column;gap:18px;max-width:1320px}.dash__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.dash__head h1{font-size:20px;margin:0 0 2px}.dash__head p{margin:0;color:var(--d-muted);max-width:76ch}.dash__pill{align-self:center;padding:3px 10px;border-radius:999px;background:var(--d-accent-soft);color:var(--d-accent);font-size:12px;font-weight:600}.dash__toast,.dash .admin__status{font-size:13px;color:var(--d-muted)}.dash .admin__status--ok{color:var(--d-ok)}.dash .admin__status--err{color:var(--d-danger)}.dash__toast{position:fixed;right:20px;bottom:20px;padding:10px 14px;border-radius:8px;background:var(--d-surface);border:1px solid var(--d-border);box-shadow:0 6px 20px #1418281a}.dash__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}.gcard-dev{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid var(--d-border);background:var(--d-surface);transition:opacity .15s ease,filter .15s ease}.gcard-dev--off{opacity:.6;filter:saturate(.3)}.gcard-dev__art{position:relative;aspect-ratio:16 / 9;background-size:cover;background-position:center 30%;filter:hue-rotate(var(--card-hue, 0deg)) saturate(1.1);border-bottom:3px solid var(--card-accent, var(--d-border))}.gcard-dev__cat,.gcard-dev__badges{position:absolute;top:8px;filter:hue-rotate(calc(var(--card-hue, 0deg) * -1))}.gcard-dev__cat{left:8px;padding:2px 8px;border-radius:6px;background:#ffffffeb;color:var(--d-text);font-size:11px;font-weight:600;letter-spacing:.04em}.gcard-dev__badges{right:8px;display:flex;gap:4px}.gcard-dev__badges i{font-style:normal;padding:2px 7px;border-radius:6px;background:#ffffffeb;font-size:11px;font-weight:600;color:var(--d-muted)}.gcard-dev__body{padding:10px 12px 4px}.gcard-dev__name{font-weight:600;font-size:14px;color:var(--d-text)}.gcard-dev__blurb{font-size:12px;color:var(--d-muted)}.gcard-dev__actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px 12px}.gcard-dev__play{min-height:32px;padding:5px 10px;font-size:12px;white-space:nowrap;text-decoration:none}.dash__switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--d-muted);-webkit-user-select:none;user-select:none}.dash__switch input{position:absolute;opacity:0;width:0;height:0}.dash__switch-track{width:34px;height:20px;border-radius:999px;background:#cfd4de;position:relative;transition:background .15s ease}.dash__switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.dash__switch input:checked+.dash__switch-track{background:var(--d-ok)}.dash__switch input:checked+.dash__switch-track:after{transform:translate(14px)}.dash__switch--locked{opacity:.6;cursor:not-allowed}.gcard-dev .dash__switch-label{white-space:nowrap}.dash .admin--embedded{min-height:0;background:var(--d-surface);color:var(--d-text);border:1px solid var(--d-border);border-radius:10px;overflow:hidden}.dash .admin__side{padding:10px;background:var(--d-surface-2);border-right:1px solid var(--d-border)}.dash .admin__main{padding:22px 28px}.dash .admin__item{border-radius:8px;color:var(--d-text)}.dash .admin__item:hover{background:#eef0f5}.dash .admin__item--on{background:var(--d-accent-soft);border-color:transparent;box-shadow:none}.dash .admin__thumb{border-radius:6px;box-shadow:none}.dash .admin__itemname{font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:0}.dash .admin__itemblurb{font-size:11px;color:var(--d-muted)}.dash .admin__head h1{font-family:var(--font-body);font-weight:600;font-size:18px;letter-spacing:0}.dash .admin__head p{color:var(--d-muted)}.dash .admin__field{background:var(--d-surface-2);border:1px solid var(--d-border);border-radius:8px}.dash .admin__label{font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:0;color:var(--d-text)}.dash .admin__label small,.dash .admin__help{color:var(--d-muted)}.dash .admin__range,.dash .admin__field--row input[type=checkbox]{accent-color:var(--d-accent)}.dash .admin__foot{border-top:1px solid var(--d-border)}.chars{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:16px}.chars__list{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--d-border);border-radius:10px;background:var(--d-surface);align-self:start}.chars__stage{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--d-border);background:linear-gradient(180deg,#eef0f5,#dfe3ea);min-height:460px;height:min(70vh,640px)}.chars__view{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}.chars__view canvas{display:block;width:100%;height:100%}.chars__controls{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;pointer-events:none}.chars__controls>*{pointer-events:auto}.chars__group{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--d-muted, #6b7280);padding:8px 8px 2px}.chars__group+.chars__group,.admin__item+.chars__group{margin-top:8px;border-top:1px solid var(--d-border);padding-top:12px}.chars__open{margin:8px 4px 0;justify-content:center}.chars__stage--explorer{background:#140b26;height:min(78vh,760px)}.chars__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.chars__poses{display:flex;gap:4px;flex-wrap:wrap;padding:4px;border-radius:8px;background:var(--d-surface);border:1px solid var(--d-border)}.chars__poses .btn{min-height:28px;padding:3px 10px;font-size:12px;text-transform:capitalize;border-radius:6px}.chars__poses .btn--ghost{border-color:transparent}.chars__slider,.chars__spin{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--d-muted);padding:6px 10px;border-radius:8px;background:var(--d-surface);border:1px solid var(--d-border)}.chars__slider input{accent-color:var(--d-accent)}.dash .chars__spin .admin__label{font-size:12px;font-weight:500}@media (max-width: 760px){.chars{grid-template-columns:1fr}.chars__stage{min-height:420px}}.mkt__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.mkt__kpi{padding:14px 16px;border-radius:10px;border:1px solid var(--d-border);background:var(--d-surface)}.mkt__kpi-value{font-size:24px;font-weight:600;color:var(--d-muted)}.mkt__kpi-label{font-size:13px;font-weight:600}.mkt__kpi-sub{font-size:12px;color:var(--d-muted)}.mkt__cols{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}@media (max-width: 900px){.mkt__cols{grid-template-columns:1fr}}.mkt__panel{padding:16px;border-radius:10px;border:1px solid var(--d-border);background:var(--d-surface)}.mkt__panel h2{margin:0 0 6px;font-size:15px}.mkt__sources+h2{margin-top:18px}.mkt__muted{color:var(--d-muted);font-size:13px;margin:0 0 10px}.mkt__table{width:100%;border-collapse:collapse;font-size:13px}.mkt__table th,.mkt__table td{text-align:left;padding:8px;border-bottom:1px solid var(--d-border)}.mkt__table th{color:var(--d-muted);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.mkt__tag{padding:2px 8px;border-radius:6px;background:var(--d-surface-2);border:1px solid var(--d-border);font-size:11px;color:var(--d-muted)}.mkt__sources{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mkt__sources li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--d-border)}.mkt__sources .btn{min-height:30px;padding:4px 10px;font-size:12px;white-space:nowrap}.mkt__notes{margin:0;padding-left:18px;color:var(--d-muted);font-size:13px;display:flex;flex-direction:column;gap:6px}.app[data-game=GOHAN_SAYS]:before{background:linear-gradient(180deg,#1b3a5a,#0a1420)}.app--fs .frame__stage:has(>.gs){padding:0}.gs{position:relative;width:100%;max-width:480px;aspect-ratio:9 / 16;overflow:hidden;background:#16304a}.app--fs .gs{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;aspect-ratio:auto}.gs__view{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.gs__view canvas{display:block;width:100%!important;height:100%!important}.gs__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;letter-spacing:.04em;background:#16304a;z-index:4}.gs__board{position:absolute;top:calc(3.6rem + max(8px,env(safe-area-inset-top)));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:6px 14px;border-radius:14px;background:#08050e9e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;pointer-events:none}.gs__team{display:flex;align-items:center;gap:8px}.gs__team--opp{flex-direction:row-reverse}.gs__name{font-family:var(--font-stamp);font-size:.95rem;letter-spacing:.08em}.gs__vs{color:#fff6}.gs__pips{display:flex;gap:5px}.gs__pip{width:11px;height:11px;border-radius:50%;background:#ffffff29}.gs__pip--you{background:#ff2d9b;box-shadow:0 0 10px #ff2d9bcc}.gs__pip--opp{background:#22e8ff;box-shadow:0 0 10px #22e8ffcc}.gs__pads{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;gap:8px;z-index:4;transition:opacity .2s ease}.gs__pads--off{opacity:.55}.gs__pad{height:104px;border:3px solid rgba(255,255,255,.25);border-radius:22px;font-family:var(--font-stamp);font-size:1.6rem;letter-spacing:.1em;color:#fff;-webkit-text-stroke:1px #000;text-shadow:0 3px 0 #000;display:flex;align-items:center;justify-content:center;gap:12px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease}.gs__pad:active,.gs__pad--armed{transform:scale(.95)}.gs__pad--red{background:linear-gradient(180deg,#ff5a5a,#b81f1f);box-shadow:0 8px #6e0f0f,0 0 26px #ff3b3b59}.gs__pad--green{background:linear-gradient(180deg,#58ea72,#1f8f36);box-shadow:0 8px #0f4f1c,0 0 26px #3ddc5a59}.gs__pad--armed{box-shadow:0 2px #000,0 0 36px #fff9;border-color:#fff}.gs__flag{width:22px;height:30px;position:relative}.gs__flag:before{content:"";position:absolute;left:0;top:0;width:3px;height:30px;background:#f4e9d2;border-radius:2px}.gs__flag:after{content:"";position:absolute;left:3px;top:0;width:18px;height:13px;background:#ffffffd9;clip-path:polygon(0 0,100% 50%,0 100%)}.gs__ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(#ffcf3a calc(var(--k, 1) * 360deg),#ffffff1f 0);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);opacity:.9;justify-self:center}.gs__ring[data-hot="1"]{background:conic-gradient(#ff4d3d calc(var(--k, 1) * 360deg),#ffffff1f 0);filter:drop-shadow(0 0 8px rgba(255,77,61,.7))}@media (hover: hover) and (pointer: fine){.gs__pad{height:78px;font-size:1.25rem}}@media (max-height: 480px){.gs__pad{height:60px;font-size:1.15rem}.gs__ring{width:52px;height:52px}}.app[data-game=SNORE_SNEAK]:before{background:linear-gradient(180deg,#2a1d3a,#0a0714)}.app--fs .frame__stage:has(>.ss){padding:0}.ss{position:relative;width:100%;max-width:480px;aspect-ratio:9 / 16;overflow:hidden;background:#241a30;touch-action:none;user-select:none;-webkit-user-select:none}.app--fs .ss{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;aspect-ratio:auto}.ss:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 #ff3b3b00;transition:box-shadow .15s ease;z-index:2}.ss--awake:after{box-shadow:inset 0 0 90px 12px #ff3b3b8c}.ss__view{position:absolute;top:0;right:0;bottom:0;left:0}.ss__view canvas{display:block;width:100%!important;height:100%!important}.ss__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;letter-spacing:.04em;background:#241a30;z-index:4}.ss__board{position:absolute;top:calc(3.6rem + max(8px,env(safe-area-inset-top)));left:50%;transform:translate(-50%);width:min(340px,calc(100% - 32px));display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:14px;background:#08050e9e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;pointer-events:none}.ss__row{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px}.ss__name{font-family:var(--font-stamp);font-size:.85rem;letter-spacing:.08em}.ss__track{position:relative;height:10px;border-radius:6px;background:#ffffff24;overflow:hidden}.ss__fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;transform:scaleX(0);border-radius:6px}.ss__fill--you{background:linear-gradient(90deg,#ff2d9b,#ff7ac4);box-shadow:0 0 10px #ff2d9bcc}.ss__fill--opp{background:linear-gradient(90deg,#22e8ff,#8cf3ff);box-shadow:0 0 10px #22e8ffcc}.ss__pad{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);padding:18px 34px;border-radius:999px;border:3px solid rgba(255,255,255,.25);background:#0a0612b8;color:var(--cream);font-family:var(--font-stamp);font-size:1.3rem;letter-spacing:.1em;-webkit-text-stroke:1px #000;text-shadow:0 3px 0 #000;z-index:3;pointer-events:none;transition:transform .1s ease,box-shadow .15s ease}.ss__pad--on{transform:translate(-50%) scale(.96);border-color:#7cff5b;box-shadow:0 0 30px #7cff5b8c}.ss__pad--danger{border-color:#ff4d3d}.ss__pad--on.ss__pad--danger{box-shadow:0 0 34px #ff4d3db3}.ss__pad--stun{opacity:.6}.jp{position:relative;width:100%;max-width:480px;aspect-ratio:9 / 16;overflow:hidden;background:#16261b;touch-action:none;user-select:none;-webkit-user-select:none}.app--fs .jp{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;aspect-ratio:auto}.jp__view{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.jp__view canvas{display:block;width:100%!important;height:100%!important}.jp__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;letter-spacing:.04em;background:#16261b;z-index:4}.jp__board{position:absolute;top:calc(3.6rem + max(8px,env(safe-area-inset-top)));left:50%;transform:translate(-50%);width:min(360px,calc(100% - 32px));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#08050e9e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;pointer-events:none}.jp__side{display:flex;align-items:center;gap:8px;opacity:.7;transition:opacity .2s ease}.jp__side--opp{justify-content:flex-end}.jp__side--turn{opacity:1}.jp__name{font-family:var(--font-stamp);font-size:.85rem;letter-spacing:.08em;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jp__dots{display:inline-flex;gap:5px}.jp__dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 8px #ffffff59,inset -2px -2px 3px #00000073;transition:opacity .3s ease,transform .3s ease}.jp__dot--gone{opacity:.18;transform:scale(.7);box-shadow:none}.jp__dot--gold{width:16px;height:16px;box-shadow:0 0 12px #ffc23de6,inset -2px -2px 3px #00000073;animation:jp-gold 1s ease-in-out infinite alternate}@keyframes jp-gold{0%{transform:scale(.9)}to{transform:scale(1.1)}}.jp__clock{width:64px;height:8px;border-radius:5px;background:#ffffff24;overflow:hidden}.jp__clockfill{display:block;height:100%;transform-origin:left center;transform:scaleX(1);background:linear-gradient(90deg,#7cff5b,#d4f04a);box-shadow:0 0 8px #7cff5bb3}.jp__clockfill--low{background:linear-gradient(90deg,#ff4d3d,#ff8a3d);box-shadow:0 0 10px #ff4d3de6;animation:jp-blink .5s steps(2) infinite}@keyframes jp-blink{to{opacity:.5}}.jp__power{position:absolute;right:max(10px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);width:58px;height:min(46%,300px);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3;touch-action:none;transition:opacity .2s ease}.jp__power--off{opacity:.25;pointer-events:none}.jp__powertrack{position:relative;flex:1;width:26px;border-radius:14px;border:2px solid rgba(255,255,255,.3);background:#08050eb3;overflow:visible}.jp__powerfill{position:absolute;left:2px;right:2px;top:2px;bottom:2px;border-radius:12px;transform-origin:top center;transform:scaleY(0);background:linear-gradient(180deg,#7cff5b,#ffcf3a 60%,#ff4d3d);box-shadow:0 0 14px #ffcf3a99}.jp__powerknob{position:absolute;left:50%;top:0;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#c9a065 60%,#5a3a22);border:2px solid rgba(0,0,0,.5);box-shadow:0 4px 10px #00000080}.jp__power--on .jp__powerknob{box-shadow:0 0 22px #ffcf3acc}.jp__powerlabel{font-family:var(--font-stamp);font-size:.7rem;letter-spacing:.1em;color:var(--cream);-webkit-text-stroke:.5px #000;text-shadow:0 2px 0 #000}.jp__hint,.jp__note{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100% - 100px);padding:8px 14px;border-radius:999px;background:#08050eb3;border:1px solid rgba(255,255,255,.16);color:var(--cream);font-size:.8rem;text-align:center;z-index:3;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jp__note{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 38px);font-family:var(--font-stamp);letter-spacing:.06em;border-color:#ffcf3a80}.jp__hint+.jp__note{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 38px)}@media (min-aspect-ratio: 1/1){.jp__board{top:calc(3.2rem + max(6px,env(safe-area-inset-top)));width:min(420px,calc(100% - 120px));padding:6px 12px}.jp__power{height:min(60%,260px)}}