.hud{flex:none;justify-content:space-between;align-items:baseline;display:flex}.hud-game{font-weight:700}.hud-timer{font-variant-numeric:tabular-nums;color:var(--muted)}.play{flex:auto;min-height:0;display:flex}.message{color:var(--muted);text-align:center;flex:none;margin:0;font-size:13px}.dash{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex;position:relative}.dash-canvas{border-radius:var(--radius);touch-action:none;background:#8fd3f4;border:3px solid #201826;flex:1 1 0;width:100%;min-height:0;display:block}.dash-overlay{pointer-events:none;text-shadow:0 2px #ffffffa6;align-items:baseline;gap:12px;display:flex;position:absolute;top:14px;left:16px}.dash-place{font-size:26px;font-weight:800}.dash-lap{color:var(--muted);font-size:13px}.dash-bar{background:var(--panel-2);border:2px solid #201826;border-radius:999px;flex:none;height:10px;position:relative;overflow:hidden}.dash-bar i{border-radius:50%;width:6px;height:6px;margin-left:-3px;transition:left .1s linear;position:absolute;top:1px}.dash-bar i.is-me{width:10px;height:10px;margin-left:-5px;top:-1px;box-shadow:0 0 0 2px #201826}.dash-bar-cut{background:var(--bad);width:2px;transition:left .1s linear;position:absolute;top:0;bottom:0}.dash-keys{flex:none;gap:8px;display:none}.dash-keys button{border:1px solid var(--line);background:var(--panel);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;flex:1 1 0;padding:14px 0;font-weight:600}.dash-keys button:active{background:var(--panel-2);border-color:var(--accent)}@media (hover:none),(width<=720px){.dash-keys{display:flex}}body[data-mode=game] .top{display:none}body[data-mode=game] .stage{padding:10px}body[data-layout=pip] .top,body[data-layout=grid] .top{display:none}body[data-mode=game] .stage.game-dash{gap:0;padding:0;position:relative}.stage-playing.game-dash .play{position:relative}.stage-playing.game-dash .message,.stage-playing.game-dash .hud-game{display:none}.stage-playing.game-dash .hud{z-index:2;pointer-events:none;text-shadow:0 2px #ffffffb3;font-size:18px;font-weight:800;position:absolute;top:12px;right:16px}.stage-playing.game-dash .hud-timer{color:var(--text)}.game-dash .dash{gap:0}.game-dash .dash-canvas{border:0;border-radius:0}.game-dash .dash-overlay{z-index:2}.game-dash .dash-bar{z-index:2;background:#fffaf0bf;position:absolute;bottom:14px;left:16px;right:16px}.game-dash .dash-keys{z-index:2;position:absolute;bottom:34px;left:12px;right:12px}.hud{align-items:center;gap:12px;display:flex}.hud-leave{border:2px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--muted);pointer-events:auto;border-radius:50%;margin-left:auto;padding:0;font-size:13px;font-weight:800;line-height:1}.hud-leave:hover{border-color:var(--bad);color:var(--bad)}.stage-playing.game-dash .hud-leave{margin-left:4px}.dash-item{z-index:3;pointer-events:none;justify-items:center;gap:3px;display:grid;position:absolute;top:10px;left:50%;transform:translate(-50%)}.dash-item canvas{width:48px;height:48px;image-rendering:pixelated;border-radius:6px}.dash-item-name{color:var(--text);text-shadow:0 1px #fffc;white-space:nowrap;font-size:12px;font-weight:800}.dash-out{z-index:3;pointer-events:none;color:#fff;text-align:center;background:#1c1226d1;border:2px solid #fff;border-radius:10px;justify-items:center;gap:6px;padding:14px 22px;animation:.35s cubic-bezier(.2,1.4,.4,1) dash-out-in;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.dash-out[hidden]{display:none}.dash-out b{letter-spacing:.04em;text-transform:uppercase;color:#ff8a8a;font-size:24px;font-weight:800}.dash-out span{opacity:.9;max-width:260px;font-size:13px}@keyframes dash-out-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.sk{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.sk-canvas,.sk-labels{width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block;position:absolute;inset:0}.sk-canvas{background:#7ec8f0}.sk-labels{pointer-events:none}.sk-top{z-index:2;pointer-events:none;align-items:center;gap:14px;display:flex;position:absolute;top:10px;left:14px;right:150px}.sk-turn{white-space:nowrap;flex-direction:column;flex:none;display:flex}.sk-who{color:#fff;text-shadow:0 2px #1c1226,0 0 6px #1c122699;font-size:20px;font-weight:800}.sk-hint{color:#fff;opacity:.85;text-shadow:0 1px #1c1226;min-height:15px;font-size:12px}.sk-clock{color:#fff;background:#1c1226b8;border:2px solid #fff;border-radius:50%;place-items:center;min-width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.sk-clock:empty{visibility:hidden}.sk-clock.is-low{color:#ff6b5e;border-color:#ff6b5e}.sk-wind{color:#fff;text-shadow:0 1px #1c1226;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.sk-wind-bar{background:#1c122699;border:2px solid #fff;border-radius:999px;width:120px;height:10px;position:relative;overflow:hidden}.sk-wind-bar:after{content:"";opacity:.6;background:#fff;width:1px;position:absolute;top:0;bottom:0;left:50%}.sk-wind-bar i{background:#7ee06a;position:absolute;top:0;bottom:0}.sk-wind-bar i.is-left{background:#4fa3ff}.sk-bottom{z-index:2;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.sk-meters{flex-direction:column;align-self:center;gap:4px;width:260px;max-width:100%;display:flex}.sk-mp,.sk-power{box-sizing:content-box;background:#1c122699;border:2px solid #fff;border-radius:999px;height:8px;overflow:hidden}.sk-mp i,.sk-power i{height:100%;display:block}.sk-mp i{background:#7ee06a}.sk-power i{background:linear-gradient(90deg,#ffe27a,#ffb03d,#ff6b5e)}.sk-weapons{gap:6px;display:flex}.sk-slot{cursor:pointer;background:#1c1226b8;border:2px solid #ffffff59;border-radius:10px;width:46px;height:46px;padding:5px;position:relative}.sk-slot canvas{width:32px;height:32px;image-rendering:pixelated;display:block}.sk-slot span{color:#fff;opacity:.7;font-size:10px;font-weight:700;position:absolute;bottom:1px;right:3px}.sk-slot.is-special{border-color:#ffd23f}.sk-slot.is-on{background:#3c2850e6;border-color:#fff;transform:translateY(-3px)}.sk-slot:disabled{cursor:default;opacity:.55}.sk-slot.is-on:disabled{opacity:.85}.sk-tip{color:#fff;text-align:center;text-shadow:0 1px #1c1226,0 0 4px #1c1226cc;max-width:460px;font-size:12px}.sk-bottom:not(.is-mine) .sk-tip{opacity:.75}.sk-keys{z-index:2;gap:8px;display:none;position:absolute;bottom:120px;left:12px;right:12px}.sk-keys button{border:1px solid var(--line);-webkit-user-select:none;user-select:none;touch-action:none;background:#fffaf0d9;border-radius:10px;flex:1 1 0;padding:12px 0;font-weight:700}@media (hover:none),(width<=720px){.sk-keys{display:flex}}body[data-mode=game] .stage.game-skirmish{gap:0;padding:0;position:relative}.stage-playing.game-skirmish .play{position:relative}.stage-playing.game-skirmish .message,.stage-playing.game-skirmish .hud-game,.stage-playing.game-skirmish .hud-timer{display:none}.sg{background:#173022;flex:auto;min-height:0;position:relative;overflow:hidden}.sg-canvas,.sg-labels{width:100%;height:100%;image-rendering:pixelated;touch-action:none;display:block;position:absolute;inset:0}.sg-labels{pointer-events:none}.sg-top{z-index:2;pointer-events:none;background:#1a1222c7;border:2px solid #1a1222;border-radius:12px;align-items:center;gap:10px;padding:4px 6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 3px #00000059}.sg-k{text-align:center;color:#fff;border-radius:8px;min-width:34px;padding:2px 8px;font-size:20px;font-weight:900}.sg-k0{background:#1d4f9a;box-shadow:inset 0 -3px #4fa3ff}.sg-k1{background:#9a1d2a;box-shadow:inset 0 -3px #ff5e5e}.sg-clock{color:#fff;text-align:center;font-variant-numeric:tabular-nums;min-width:52px;font-size:18px;font-weight:800}.sg-clock.is-late{color:#ff8a8a;animation:1s ease-in-out infinite sg-pulse}@keyframes sg-pulse{50%{transform:scale(1.12)}}.sg-feed{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:12px;right:12px}.sg-feed div{color:#fff;border-left:4px solid var(--c);background:#1a1222d1;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:700;animation:.3s cubic-bezier(.2,1.4,.4,1) sg-in}@keyframes sg-in{0%{opacity:0;transform:translate(20px)}}.sg-dead{z-index:2;pointer-events:none;color:#fff;filter:saturate(.6);background:radial-gradient(circle,#14081433,#140814a6);place-content:center;justify-items:center;gap:4px;display:grid;position:absolute;inset:0}.sg-dead[hidden]{display:none}.sg-dead b{letter-spacing:.06em;text-transform:uppercase;color:#ff8a8a;text-shadow:0 3px #1a1222;font-size:34px;font-weight:900}.sg-dead span{text-shadow:0 2px #1a1222;font-size:15px;font-weight:700}.sg-dead em{color:#ffd23f;font-size:22px;font-style:normal}.sg-hud{z-index:2;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.sg-me{background:#1a1222d9;border:2px solid #1a1222;border-radius:12px;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex;box-shadow:0 3px #00000059}.sg-lvl{color:#1a1222;background:#ffd23f;border:2px solid #1a1222;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:grid}.sg-bars{flex-direction:column;gap:4px;width:190px;display:flex}.sg-hp,.sg-xp{background:#3a2a3a;border:2px solid #1a1222;border-radius:5px;position:relative;overflow:hidden}.sg-hp{height:16px}.sg-xp{height:7px}.sg-hp i,.sg-hp em,.sg-xp i{display:block;position:absolute;top:0;bottom:0;left:0}.sg-hp i{background:linear-gradient(#9af07a,#46c06a);transition:width .15s}.sg-hp em{background:#e8f4ffd9;left:auto;right:0}.sg-hp span{text-align:center;color:#fff;text-shadow:0 1px #1a1222;font-size:11px;font-weight:800;line-height:12px;display:block;position:relative}.sg-xp i{background:#c58cff;transition:width .3s}.sg-abs{gap:6px;display:flex}.sg-ab{cursor:pointer;color:#fff;background:linear-gradient(#4a3466,#2c1e40);border:2px solid #1a1222;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:58px;height:58px;padding:2px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #0006,inset 0 2px #ffffff1f}.sg-ab b{font-size:18px;font-weight:900;line-height:1}.sg-ab span{text-align:center;opacity:.85;font-size:9px;font-weight:700;line-height:1.05}.sg-ab i{pointer-events:none;background:conic-gradient(#0a0610c7 var(--cd,0deg), transparent 0);position:absolute;inset:0}.sg-ab em{pointer-events:none;color:#fff;text-shadow:0 2px #1a1222;place-items:center;font-size:20px;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}.sg-ab.is-ready{border-color:#ffd23f}.sg-ab.is-cooling b,.sg-ab.is-cooling span,.sg-ab.is-locked b,.sg-ab.is-locked span{opacity:.2}.sg-ab.is-ready[data-slot=r]{box-shadow:0 3px #0006,0 0 14px #ffd23f99}.sg-ab.is-locked{filter:grayscale();opacity:.6}.sg-ab.is-locked em{font-size:13px}.sg-ab[data-slot=a]{cursor:default;background:linear-gradient(#5a3a3a,#3a2028);width:50px}.sg-ab[data-slot=a].is-on{border-color:#ff6b5e}.sg-buffs{flex-direction:column;align-self:center;gap:4px;display:flex}.sg-buffs span{color:#1a1222;background:var(--c);white-space:nowrap;border:2px solid #1a1222;border-radius:7px;padding:2px 7px;font-size:11px;font-weight:800}.sg-mini{z-index:2;cursor:pointer;touch-action:none;image-rendering:pixelated;border:2px solid #1a1222;border-radius:6px;position:absolute;bottom:10px;right:10px;box-shadow:0 3px #00000059}@media (width<=1150px){.sg-hud{left:10px;transform:none}}@media (width<=900px){.sg-bars{width:130px}.sg-ab{width:48px;height:48px}.sg-ab span{display:none}}@media (height<=470px){.sg-mini{display:none}.sg-ab{width:44px;height:44px}}.sg-ab.is-aiming{border-color:#7ee8ff;transform:translateY(-4px);box-shadow:0 3px #0006,0 0 16px #7ee8ffb3}.sg-ab{transition:transform .12s cubic-bezier(.2,1.4,.4,1)}.sg-ab.is-ready[data-slot=r]{animation:1.6s ease-in-out infinite sg-ult}@keyframes sg-ult{50%{box-shadow:0 3px #0006,0 0 22px #ffd23fe6}}.sg-vignette{z-index:1;pointer-events:none;opacity:calc(var(--low,0) * .9);background:radial-gradient(#0000 45%,#c814288c 100%);transition:opacity .3s;position:absolute;inset:0}.sg-vignette.is-hit{animation:.35s ease-out sg-hit}@keyframes sg-hit{0%{opacity:.75}to{opacity:calc(var(--low,0) * .9)}}.sg-banner{z-index:3;pointer-events:none;text-align:center;opacity:0;justify-items:center;gap:6px;display:grid;position:absolute;top:64px;left:50%;transform:translate(-50%)scale(.6)}@keyframes sg-banner{0%{opacity:0;filter:blur(4px);transform:translate(-50%)scale(1.8)}12%{opacity:1;filter:none;transform:translate(-50%)scale(1)}82%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.96)translateY(-8px)}}.sg-banner-title canvas{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--c,#fff) 60%, transparent));display:block}.sg-banner-sub{color:#fff;text-shadow:0 2px #1a1222,0 0 8px #1a1222cc;background:#1a12228c;border-radius:8px;max-width:min(560px,80vw);padding:3px 12px;font-size:14px;font-weight:800}.sg-banner-sub:empty{display:none}.sg-mute{z-index:3;color:#fff;cursor:pointer;background:#1a1222cc;border:2px solid #1a1222;border-radius:10px;width:36px;height:36px;padding:7px;position:absolute;top:12px;left:12px;box-shadow:0 3px #00000059}.sg-mute svg{width:100%;height:100%;display:block}.sg-mute.is-off{color:#ff8a8a}.sg-hints{z-index:2;pointer-events:none;background:#1a1222cc;border:2px solid #1a1222;border-radius:12px;grid-template-columns:auto auto;gap:3px 14px;padding:8px 12px;transition:opacity .8s,transform .8s;display:grid;position:absolute;top:58px;left:12px}.sg-hints span{color:#fff;text-shadow:0 1px #1a1222;white-space:nowrap;font-size:12px}.sg-hints span:last-child{opacity:.75;grid-column:1/-1;font-size:11px}.sg-hints b{color:#ffd23f}.sg-hints.is-gone{opacity:0;transform:translate(-20px)}.sg-dead-by{opacity:.85;font-size:13px!important}.sg-dead-by:empty{display:none}@media (height<=470px){.sg-hints{display:none}.sg-banner{top:50px}}.sg .sg-canvas{transition:filter .6s}.sg.is-dead .sg-canvas{filter:grayscale(.75)brightness(.8)}.sg-ab[data-slot=b]{background:linear-gradient(#2c4a66,#1c2c40);width:44px}.sg-ab[data-slot=b].is-on{border-color:#a8d4ff;box-shadow:0 0 14px #a8d4ffb3}.sg-board{z-index:4;pointer-events:none;background:#140c1ceb;border:2px solid #1a1222;border-radius:14px;gap:14px;padding:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000080}.sg-board[hidden]{display:none}.sg-board table{border-collapse:collapse;color:#fff;min-width:300px;font-size:13px}.sg-board caption{text-align:left;color:var(--c);padding-bottom:6px;font-size:15px;font-weight:900}.sg-board th{text-align:left;letter-spacing:.08em;text-transform:uppercase;opacity:.6;padding:3px 8px;font-size:10px}.sg-board td{white-space:nowrap;border-top:1px solid #ffffff14;padding:5px 8px}.sg-board td:first-child{border-left:3px solid var(--c);font-weight:800}.sg-board tr.is-me td{background:#ffd23f1f}body[data-mode=game] .stage.game-siege{gap:0;padding:0;position:relative}.stage-playing.game-siege .play{position:relative}.stage-playing.game-siege .message,.stage-playing.game-siege .hud-game,.stage-playing.game-siege .hud-timer{display:none}.stage-playing.game-siege .hud{z-index:5;position:absolute;top:12px;right:12px}.game-siege .sg-feed{top:60px}.sg-face{flex:none;width:52px;height:52px;position:relative}.sg-face canvas{width:52px;height:52px;image-rendering:pixelated;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--c,#4fa3ff) 45%, #2c1e40), #1a1222);border:2px solid var(--c,#4fa3ff);box-sizing:border-box;border-radius:10px;display:block}.sg-face.is-dead canvas{filter:grayscale()brightness(.6)}.sg-face .sg-lvl{width:24px;height:24px;font-size:13px;position:absolute;bottom:-6px;right:-8px}.sg-tip{pointer-events:none;color:#fff;background:#140c1cf2;border:2px solid #1a1222;border-radius:12px;gap:4px;width:280px;padding:10px 12px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}.sg-tip[hidden]{display:none}.sg-tip b{color:#ffd23f;font-size:15px}.sg-tip span{opacity:.92;font-size:12px;line-height:1.35}.sg-tip em{color:#a8d4ff;font-size:11px;font-style:normal}.sg-hud{position:absolute}.sg-status{pointer-events:none;gap:4px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.sg-status span{text-transform:uppercase;letter-spacing:.05em;color:#1a1222;background:var(--c);border:2px solid #1a1222;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:900;animation:.2s sg-in}.sg-ab.is-fresh:after{content:"";pointer-events:none;background:#ffffffb3;border-radius:10px;animation:.45s ease-out forwards sg-fresh;position:absolute;inset:0}@keyframes sg-fresh{0%{opacity:1}to{opacity:0}}.sg-clock{justify-items:center;line-height:1;display:grid}.sg-clock small{opacity:.65;letter-spacing:.04em;margin-top:2px;font-size:10px;font-weight:700}.sg-clock small:empty{display:none}.sg-dead-watch{opacity:.6;font-size:11px!important}.sg-dead-watch:empty{display:none}.sg-flash{z-index:3;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.sg-flash.is-on{animation:.9s ease-out sg-flash}@keyframes sg-flash{0%{opacity:.9}to{opacity:0}}.sg-ab-icon{color:#ffe9a8;width:26px;height:26px;text-decoration:none;display:block}.sg-ab-icon svg{width:100%;height:100%;display:block}.sg-ab[data-slot=r] .sg-ab-icon{color:#ffd23f}.sg-ab[data-slot=b] .sg-ab-icon{color:#a8d4ff;width:22px;height:22px}.sg-ab b.sg-ab-key{color:#fff;background:#1a1222;border-radius:4px;padding:1px 3px;font-size:10px;line-height:1;position:absolute;top:2px;left:3px}.sg-ab.has-icon span{font-size:8.5px}.sg-ab.is-cooling .sg-ab-icon,.sg-ab.is-locked .sg-ab-icon{opacity:.25}.sg-face.is-up{animation:.7s ease-out sg-up}@keyframes sg-up{0%{filter:drop-shadow(0 0 #ffd23f);transform:scale(1)}30%{filter:drop-shadow(0 0 12px #ffd23f)brightness(1.4);transform:scale(1.18)}to{filter:none;transform:scale(1)}}.place-btn{cursor:pointer;background:var(--panel-2);border:2px solid var(--line-2);color:var(--text);font:inherit;letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;margin-right:10px;padding:9px 14px;font-size:13px;font-weight:800;transition:border-color .15s,background .15s,transform .15s;display:flex}.place-btn svg{color:#f2d8a6;width:18px;height:18px}.place-btn:hover{background:var(--panel-3);border-color:#f2d8a6;transform:translateY(-1px)}body[data-mode=lobby] .place-btn,body[data-mode=place] .top{display:none}body[data-mode=place] .stage.stage-place{gap:0;padding:0;position:relative;overflow:hidden}.pl{-webkit-user-select:none;user-select:none;position:absolute;inset:0}.pl-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.pl-top{pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.pl-top>*{pointer-events:auto}.pl-back{cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:13px;font-weight:800;display:flex}.pl-back svg{width:16px;height:16px}.pl-title{color:#f6eedb;letter-spacing:.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c122699;border:2px solid #f2d8a640;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.pl-title svg{color:#f2d8a6;width:18px;height:18px}.pl-edit{cursor:pointer;font:inherit;color:#2b2233;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#f2d8a6;border-radius:16px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:900;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;bottom:18px;right:18px}.pl-edit svg{width:18px;height:18px}.pl-edit:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.pl-hint{color:#f6eedb;pointer-events:none;white-space:nowrap;background:#1c1226d1;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;top:64px;left:50%;transform:translate(-50%)}.pl-sel{z-index:2;background:#1c1226e6;border:2px solid #f2d8a659;border-radius:14px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;box-shadow:0 8px 24px #00000059}.pl-sel button{cursor:pointer;color:#f6eedb;font:inherit;background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:800;display:flex}.pl-sel button:hover{background:#f2d8a629}.pl-sel svg{width:16px;height:16px}.pl-colour{border-left:1px solid #ffffff1f;border-right:1px solid #ffffff1f;align-items:center;gap:2px;padding:0 4px;display:flex}.pl-colour button{padding:7px 5px}.pl-vname{text-align:center;color:#f2d8a6;min-width:54px;font-size:12px}.pl-drawer{z-index:4;background:linear-gradient(#2b2238,#21162e);border-left:2px solid #f2d8a640;flex-direction:column;width:min(360px,44%);animation:.28s cubic-bezier(.2,.9,.3,1) pl-rise;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #0000004d}@keyframes pl-rise{0%{transform:translate(100%)}to{transform:none}}.pl-drawer-head{align-items:center;gap:6px;padding:12px 12px 6px;display:flex}.pl-drawer-coins{padding:5px 11px 5px 7px;font-size:13px}.is-editing .pl-top>.grow~*{visibility:hidden}.pl-tabs{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:4px;padding:4px 10px 8px;display:flex}.pl-keys{color:var(--muted);text-align:center;border-top:1px solid #ffffff14;padding:8px 12px 10px;font-size:11px;font-weight:700}.pl-keys kbd{font:inherit;color:#f6eedb;background:#ffffff14;border-radius:5px;padding:1px 5px}.pl-tabs [data-tab]{cursor:pointer;font:inherit;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.pl-tabs [data-tab].is-on{color:#f6eedb;background:#f2d8a629}.pl-undo,.pl-redo{cursor:pointer;color:#f6eedb;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.pl-undo:disabled,.pl-redo:disabled{opacity:.35;cursor:default}.pl-undo svg,.pl-redo svg{width:16px;height:16px}.pl-done{padding:7px 18px;font-size:13px}.pl-list{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;min-height:0;padding:10px 12px 14px;display:flex;overflow:hidden auto}.pl-card{cursor:grab;touch-action:none;color:#f6eedb;width:calc(33.3333% - 5.33333px);font:inherit;background:#f6eedb0f;border:2px solid #f6eedb1f;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:6px 6px 8px;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.pl-card:hover{background:#f6eedb1a;border-color:#f2d8a6;transform:translateY(-2px)}.pl-card canvas{width:56px;height:56px;image-rendering:pixelated}.pl-card-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:800;line-height:1.2;overflow:hidden}.pl-count{color:#f2d8a6;font-size:11px;font-weight:900;position:absolute;top:6px;right:8px}.pl-empty{color:var(--muted);text-align:center;max-width:260px;margin:24px auto;font-size:13px;line-height:1.5}.pl-finish{flex-direction:column;gap:8px;width:100%;padding-bottom:6px;display:flex}.pl-finish h3,.pl-shelf h3,.pl-size h3{letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--muted);margin:4px 0 0;font-size:11px}.pl-swatches{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pl-swatch{cursor:pointer;color:#f6eedb;font:inherit;background:#f6eedb0d;border:2px solid #f6eedb1f;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:5px 5px 7px;font-size:11px;font-weight:800;display:flex}.pl-swatch canvas{aspect-ratio:3/2;width:100%;max-width:72px;height:auto;image-rendering:pixelated;border-radius:7px}.pl-swatch.is-on,.pl-swatch:hover{border-color:#f2d8a6}.pl-coins,.coins-pill{color:#fbe7a8;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c122699;border:2px solid #f2c94c59;border-radius:999px;align-items:center;gap:6px;padding:7px 13px 7px 9px;font-size:14px;font-weight:900;display:flex}.pl-coins svg,.coins-pill svg{width:18px;height:18px}.pl-coins.is-bump,.coins-pill.is-bump{animation:.5s cubic-bezier(.2,.9,.3,1.4) coin-bump}@keyframes coin-bump{30%{border-color:#f2c94c;transform:scale(1.18)}}.coins-pill{background:var(--panel-2);border-color:var(--line-2);margin-right:8px;padding:8px 13px 8px 9px;font-size:13px}body[data-mode=lobby] .coins-pill{display:none}.pl-shelf{flex-wrap:wrap;gap:8px;width:100%;padding-bottom:6px;display:flex}.pl-price{color:#fbe7a8;align-items:center;gap:3px;font-size:11px;font-weight:900;display:flex}.pl-price svg,.pl-grow svg,.pl-buy-ok svg{width:13px;height:13px}.pl-card.is-short .pl-price{color:var(--muted)}.pl-card.is-short canvas{opacity:.7}.pl-tag{color:#2b2233;letter-spacing:.06em;text-transform:uppercase;background:#f2c94c;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:900;position:absolute;top:5px;left:6px}.pl-size-box{color:#f6eedb;flex-direction:column;justify-content:center;gap:8px;padding:2px 0;font-size:13px;display:flex}.pl-size-box span{color:var(--muted);font-size:12px;line-height:1.5}.pl-size-box svg{vertical-align:-2px;width:13px;height:13px}.pl-build.is-on{color:#2b2233;background:#f2d8a6}.pl-newroom{gap:6px;display:flex}.pl-roomname{color:#f6eedb;min-width:0;font:inherit;background:#ffffff0f;border:2px solid #f2d8a64d;border-radius:10px;flex:1;padding:8px 10px;font-size:13px;font-weight:700}.pl-roomname:focus{border-color:#f2d8a6;outline:none}.pl-grow{align-items:center;gap:5px;padding:8px 12px;font-size:12px;display:flex}.pl-buy{z-index:3;color:#f6eedb;white-space:nowrap;background:#1c1226eb;border:2px solid #f2c94c73;border-radius:14px;align-items:center;gap:8px;padding:6px 6px 6px 14px;font-size:13px;font-weight:800;display:flex;position:absolute;box-shadow:0 8px 24px #00000059}.pl-buy-ok{align-items:center;gap:5px;padding:7px 14px;font-size:13px;display:flex}.pl-buy-ok.is-short{filter:saturate(.4)brightness(.85)}.pl-buy-no{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-weight:800}.pl-buy-no:hover{color:#f6eedb}.pl-rooms{gap:4px;display:flex}.pl-rooms button,.pl-tabs2 button,.pl-access button{cursor:pointer;color:#cdbfa8;font:inherit;background:#1c122699;border:2px solid #f2d8a633;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.pl-rooms button.is-on,.pl-tabs2 button.is-on,.pl-access button.is-on{color:#2b2233;background:#f2d8a6;border-color:#f2d8a6}.pl-pill,.pl-icon{cursor:pointer;color:#f6eedb;font:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c122699;border:2px solid #f2d8a640;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:900;transition:border-color .15s,transform .15s;display:flex}.pl-icon{padding:7px}.pl-pill svg,.pl-icon svg{width:18px;height:18px}.pl-pill:hover,.pl-icon:hover{border-color:#f2d8a6;transform:translateY(-1px)}.pl-like svg{color:#ff9aae}.pl-like.is-on{background:#ff7a9a38;border-color:#ff9aae}.pl-like.is-on svg{fill:#ff9aae}.pl-say{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c1226b8;border:2px solid #f2d8a638;border-radius:16px;gap:4px;padding:5px;display:flex;position:absolute;bottom:16px;left:16px}.pl-say>button{color:#f6eedb;cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.pl-say>button:hover{background:#f2d8a629}.pl-say svg{width:20px;height:20px}.pl-phrases{background:#1c1226f0;border:2px solid #f2d8a640;border-radius:14px;flex-wrap:wrap;gap:5px;width:300px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.pl-phrases button{color:#f6eedb;font:inherit;cursor:pointer;background:#f6eedb1a;border:0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.pl-phrases button:hover{color:#2b2233;background:#f2d8a6}.pl-givebtn{background:#e6bfb8}.pl-panel{z-index:4;background:linear-gradient(#2b2238f7,#21162efa);border:2px solid #f2d8a647;border-radius:18px;flex-direction:column;width:min(360px,100% - 28px);animation:.25s cubic-bezier(.2,.9,.3,1) pl-slide;display:flex;position:absolute;top:64px;bottom:80px;right:14px;overflow:hidden;box-shadow:0 16px 40px #0006}@keyframes pl-slide{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.pl-panel header{justify-content:space-between;align-items:center;padding:12px 14px 6px 16px;display:flex}.pl-panel h2{color:#f6eedb;margin:0;font-size:16px}.pl-close{color:#f6eedb;cursor:pointer;background:#ffffff0f;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.pl-close svg{width:16px;height:16px}.pl-panel-body{flex-direction:column;flex:1;gap:10px;padding:6px 14px 14px;display:flex;overflow-y:auto}.pl-muted{color:var(--muted);margin:4px 0;font-size:13px;line-height:1.5}.pl-tabs2{flex-wrap:wrap;gap:5px;display:flex}.pl-rows,.pl-notes{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pl-rows li,.pl-notes li{background:#f6eedb0d;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pl-face{background:var(--panel-3);color:#f6eedb;object-fit:cover;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.pl-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pl-row-main b{color:#f6eedb;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.pl-row-main small{color:var(--muted);align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.pl-row-main small svg{color:#ff9aae;width:11px;height:11px}.pl-sticker svg{width:30px;height:30px;display:block}.pl-x{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.pl-x svg{width:14px;height:14px}.pl-noteform{background:#f6eedb0f;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.pl-stickers{flex-wrap:wrap;gap:4px;display:flex}.pl-stickers button{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.pl-stickers button.is-on{background:#f2d8a624;border-color:#f2d8a6}.pl-stickers svg{width:26px;height:26px}.pl-words{flex-wrap:wrap;gap:4px;display:flex}.pl-words button{color:#f6eedb;font:inherit;cursor:pointer;background:#f6eedb14;border:0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.pl-words button.is-on{color:#2b2233;background:#f2d8a6}.pl-pin{align-self:flex-end}.pl-giftlist{flex-wrap:wrap;gap:8px;display:flex}.pl-access{flex-wrap:wrap;align-content:center;align-items:center;gap:5px;width:100%;padding:2px 0;display:flex}.pl-access button{white-space:nowrap;padding:5px 10px;font-size:11px}.pl-access span{width:100%;color:var(--muted);font-size:11px}.pl-roomlink{color:#f6eedb;font:inherit;cursor:pointer;background:0 0;border:2px solid #f2d8a633;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.pl-roomlink.is-on{background:#f2d8a629;border-color:#f2d8a6}.pl-addroom{align-items:center;gap:5px;padding:7px 11px;font-size:12px;display:flex}.pl-addroom svg{width:13px;height:13px}.board li .visit-btn{cursor:pointer;border:1px solid var(--line-2);color:#f2d8a6;opacity:.7;background:0 0;border-radius:9px;place-items:center;width:28px;height:28px;margin-left:6px;display:grid}.board li .visit-btn:hover{opacity:1;border-color:#f2d8a6}.board li .visit-btn svg{width:15px;height:15px}.pl-sky{width:100%}.pl-sky i{width:100%;height:0}@media (height<=560px){.pl-card{gap:2px;padding:4px 4px 5px}.pl-card canvas{width:40px;height:40px}.pl-drawer-head{padding-top:8px}.pl-keys{display:none}.pl-list{gap:6px;padding:6px 10px 10px}.pl-card-name{font-size:10px}.pl-tag{top:2px;left:3px}}.pl-card>.pl-card-name,.pl-card>.pl-price{flex-shrink:0}.pl-card>canvas{object-fit:contain;flex-shrink:1;min-height:22px}.pl-piano{-webkit-user-select:none;user-select:none;gap:2px;height:120px;display:flex;position:relative}.pl-wk{color:#9a8e7a;font:inherit;cursor:pointer;background:#fbf6ea;border:2px solid #2b2233;border-radius:0 0 7px 7px;flex:1;justify-content:center;align-items:flex-end;padding-bottom:4px;font-size:9px;font-weight:900;display:flex}.pl-bk{cursor:pointer;z-index:1;background:#2b2233;border:2px solid #2b2233;border-radius:0 0 5px 5px;width:5.2%;height:62%;position:absolute;top:0}.pl-wk.is-down{background:#f2d8a6}.pl-bk.is-down{background:#6a5a94}.pl-tip{z-index:5;pointer-events:none;white-space:nowrap;color:#f6eedb;background:#1c1226eb;border:1px solid #f2d8a64d;border-radius:9px;padding:5px 10px;font-size:12px;font-weight:800;position:absolute}.pl-who{z-index:6;background:#1c1226f5;border:2px solid #f2d8a64d;border-radius:12px;flex-direction:column;gap:4px;min-width:140px;padding:8px;display:flex;position:absolute;box-shadow:0 8px 24px #0006}.pl-who b{color:#f6eedb;padding:2px 4px 4px;font-size:13px}.pl-who button{text-align:left;color:#f6eedb;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:800}.pl-who button:hover{background:#f2d8a629}.pl-who button[data-who=block]{color:#ff9a9a}.pl-blocked{max-width:240px}.pl-blockrow{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex;color:#f6eedb!important}.pl-blockrow button{color:#f2d8a6;font:inherit;cursor:pointer;background:0 0;border:1px solid #f2d8a64d;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.pl-tip.is-short{color:#ff9a9a}.pl-brushes{width:100%;margin:8px 0 4px}.watchbar{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140f22d1;border:1px solid #ffffff14;border-radius:16px;align-items:flex-end;gap:8px;max-width:calc(100% - 24px);padding:8px 12px 6px;display:flex;position:absolute;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%)}.watchbar[hidden]{display:none}.watchbar-label{letter-spacing:.08em;text-transform:uppercase;color:#a99cc4;align-self:center;padding-right:4px;font-size:11px;font-weight:700}.watchbar-p{all:unset;cursor:pointer;flex-direction:column;flex:none;align-items:center;gap:3px;width:64px;display:flex}.watchbar-p canvas{width:52px;height:52px;image-rendering:pixelated;box-sizing:border-box;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--c,#4fa3ff) 45%, #2c1e40), #1a1222);border:2px solid var(--c,#4fa3ff);border-radius:12px;transition:transform .12s,box-shadow .12s;display:block}.watchbar-p:hover canvas{transform:translateY(-2px)}.watchbar-p.is-on canvas{box-shadow:0 0 0 3px #ffd23f,0 6px 18px #ffd23f59}.watchbar-p.is-out canvas{filter:grayscale()brightness(.6)}.watchbar-name{color:#e9e3ff;white-space:nowrap;text-overflow:ellipsis;max-width:64px;font-size:11px;font-weight:600;overflow:hidden}.watchbar-p.is-on .watchbar-name{color:#ffd23f}.sg.is-watching .sg-hud,.sg.is-watching .sg-hints,.sk.is-watching .sk-bottom{display:none}.dash.is-watching .watchbar{bottom:34px}.sg.is-watching .watchbar{max-width:calc(100% - 480px)}:root{--bg:#120b1a;--bg-2:#180f22;--panel:#21162e;--panel-2:#2b1d3b;--panel-3:#372749;--line:#3a2a4f;--line-2:#56406e;--text:#fff3e4;--muted:#b09fc4;--dim:#7c6a93;--accent:#ff8a3d;--accent-2:#ffd23f;--good:#6ee07a;--bad:#ff5d6a;--gold:#ffd23f;--silver:#c9d6ee;--bronze:#e8955c;--ink:#0d0814;--radius:16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 15% -10%, #ff8a3d29, transparent 60%), radial-gradient(900px 600px at 110% 10%, #7850ff29, transparent 60%), radial-gradient(800px 500px at 50% 120%, #ff5a8c1a, transparent 60%), var(--bg);font:15px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:6px 6px;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#00000059;border-radius:8px;margin:4px 0;box-shadow:inset 0 0 0 2px #0d0814cc,inset 2px 0 0 2px #ffffff08}::-webkit-scrollbar-thumb{border:2px solid var(--ink);background:linear-gradient(90deg,#ffffff47 0 2px,#0000 2px),linear-gradient(#8a70ae,#5e4880);border-radius:8px;min-height:44px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ffffff59 0 2px,#0000 2px),linear-gradient(#ffbe7a,#f06a24)}::-webkit-scrollbar-thumb:active{background:linear-gradient(90deg,#fff6 0 2px,#0000 2px),linear-gradient(#ffe27a,#ffb03d)}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{display:none}canvas{image-rendering:pixelated}#app{z-index:1;flex-direction:column;display:flex;position:relative}h1,h2,h3{margin:0}h2{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}h3{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.empty{color:var(--muted);margin:0;font-size:13px}.grow{flex:auto}.btn{letter-spacing:.04em;text-transform:uppercase;border:3px solid var(--ink);background:var(--panel-3);color:var(--text);box-shadow:0 4px 0 var(--ink);white-space:nowrap;border-radius:12px;padding:12px 18px;font:800 14px/1 system-ui,-apple-system,Segoe UI,sans-serif;transition:transform 80ms,box-shadow 80ms,filter .15s}.btn:hover{box-shadow:0 6px 0 var(--ink);filter:brightness(1.1);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.btn-go{color:#2a0f00;text-shadow:0 1px #ffffff59;background:linear-gradient(#ffbe7a 0%,#ff8a3d 55%,#f06a24 100%)}.btn-ghost{border-color:var(--line-2);color:var(--text);background:#ffffff0a;box-shadow:0 3px #00000073}.btn-ghost:hover{border-color:var(--accent);box-shadow:0 5px #00000073}.btn-big{border-radius:14px;padding:16px 32px;font-size:18px}.btn-small{padding:8px 12px;font-size:12px}.btn-mini{box-shadow:0 2px 0 var(--ink);border-width:2px;border-radius:9px;padding:6px 10px;font-size:11px}@keyframes breathe{0%,to{box-shadow:0 4px 0 var(--ink), 0 0 0 0 #ff8a3d00}50%{box-shadow:0 4px 0 var(--ink), 0 0 26px 4px #ff8a3d73}}.cab-play,.start.is-ready,.again{animation:2.2s ease-in-out infinite breathe}.cab-play:hover,.start.is-ready:hover,.again:hover{animation:none}.help{border:2px solid var(--line-2);width:30px;height:30px;color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d081499;border-radius:50%;place-items:center;padding:0;font-size:14px;font-weight:900;line-height:1;transition:border-color .15s,color .15s,transform .15s;display:inline-grid}.help:hover{border-color:var(--accent-2);color:var(--accent-2);transform:scale(1.08)}.avatar{background:var(--panel-3) center / cover no-repeat;width:28px;height:28px;color:var(--muted);border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.boot{color:var(--muted);text-align:center;gap:6px;margin:auto;padding:24px;display:grid}.boot strong{color:var(--text);font-size:18px}.boot-error strong{color:var(--bad)}.top{border-bottom:2px solid var(--ink);background:linear-gradient(#08040cb3,#08040c59);flex:none;align-items:center;gap:18px;padding:10px 20px;display:flex;box-shadow:0 1px #ffffff0d}.logo{display:flex}.here{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.here b{color:var(--text)}.faces{display:flex}.faces .avatar{width:26px;height:26px;margin-left:-8px}.faces .avatar:first-child{margin-left:0}.me{position:relative}.me-chip{text-align:left;background:var(--panel-2);border:2px solid var(--line-2);color:var(--text);border-radius:999px;align-items:center;gap:9px;padding:4px 12px 4px 4px;transition:border-color .15s,background .15s;display:flex}.me-chip:hover,.me-chip[aria-expanded=true]{border-color:var(--accent);background:var(--panel-3)}.me-pfp{width:38px;height:38px;font-size:15px}.me-caret{color:var(--muted);font-size:11px;transition:transform .2s}.me-chip[aria-expanded=true] .me-caret{transform:rotate(180deg)}.me-menu{z-index:25;background:linear-gradient(180deg, var(--panel-2), var(--panel));border:3px solid var(--ink);width:min(340px,100vw - 24px);max-height:min(72vh,620px);box-shadow:0 5px 0 var(--ink), 0 24px 50px #0000008c;transform-origin:100% 0;border-radius:18px;flex-direction:column;gap:12px;padding:14px;animation:.18s cubic-bezier(.2,.9,.3,1.3) both drop;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}@keyframes drop{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.me-menu .here{border-bottom:2px solid var(--line);padding-bottom:10px}.me-text{line-height:1.15;display:grid}.me-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;font-weight:800;overflow:hidden}.me-rank{color:var(--accent-2);font-size:11px;font-weight:700}.layout{flex-direction:column;flex:auto;min-height:0;display:flex}.stage{flex-direction:column;flex:auto;gap:18px;min-width:0;min-height:0;padding:22px 24px;display:flex;overflow-y:auto}.hello{gap:2px;display:grid}.hello-title{letter-spacing:-.01em;font-size:26px;font-weight:900}.hello-sub{color:var(--muted);margin:0}.cabinets{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.cab{border:3px solid var(--ink);background:linear-gradient(180deg, var(--panel-2), var(--panel));box-shadow:0 6px 0 var(--ink), 0 24px 40px #00000059;border-radius:20px;flex-direction:column;transition:transform .2s cubic-bezier(.2,.9,.3,1.3),box-shadow .2s;display:flex;overflow:hidden}.cab:hover{box-shadow:0 10px 0 var(--ink), 0 30px 50px #00000073;transform:translateY(-4px)rotate(-.4deg)}.cab-screen{aspect-ratio:2;border-bottom:3px solid var(--ink);background:#000;position:relative}.cab-scene{object-fit:cover;object-position:50% 78%;width:100%;height:100%;display:block;position:absolute;inset:0}.cab[data-game=skirmish] .cab-scene{object-position:50% 42%}.cab[data-game=siege] .cab-scene{object-position:50% 30%}.cab-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000021 2px 3px);position:absolute;inset:0;box-shadow:inset 0 0 40px #0000008c}.cab-screen .help{z-index:1;position:absolute;top:10px;right:10px}.cab-live{z-index:1;letter-spacing:.06em;text-transform:uppercase;background:#0d0814b8;border:2px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:11px;font-weight:800;display:flex;position:absolute;top:10px;left:10px}.cab-live i{background:var(--bad);width:8px;height:8px;box-shadow:0 0 8px var(--bad);border-radius:50%;animation:1.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.35}}.cab-body{gap:10px;padding:14px 18px 18px;display:grid}.cab-title{display:flex}.cab-tag{color:var(--muted);margin:0;font-size:14px}.cab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cab-play{flex:auto;padding:14px 20px;font-size:16px}.lobbies-sec{gap:10px;display:grid}.lobbies-sec h2{align-items:center;gap:8px;display:flex}.lobby-count:not(:empty){background:var(--accent);color:#2a0f00;letter-spacing:0;border-radius:999px;padding:1px 8px;font-size:11px}.lobbies{flex-direction:column;gap:8px;display:flex}.lobby-row{background:var(--panel);border:2px solid var(--line);border-radius:14px;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;padding:8px 10px 8px 8px;transition:border-color .15s,transform .15s;display:grid}.lobby-row:hover{border-color:var(--line-2);transform:translate(2px)}.lobby-row canvas{background:var(--panel-2);border-radius:10px;width:48px;height:48px;display:block}.lobby-what{min-width:0;display:grid}.lobby-game{font-weight:900}.lobby-host{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.lobby-seats{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.seat-dots{gap:3px;display:flex}.seat-dots i{background:var(--good);width:7px;height:7px;box-shadow:0 0 0 1px var(--ink);border-radius:2px}.lobby-row.is-playing{opacity:.75}.lobby-row.is-playing .seat-dots i{background:var(--accent)}.rail-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.scope{position:relative}.pill{border:2px solid var(--line-2);background:var(--panel-2);white-space:nowrap;color:var(--text);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:800}.pill:hover{border-color:var(--accent)}.scope-menu{z-index:5;background:var(--panel-2);border:2px solid var(--ink);min-width:150px;box-shadow:0 4px 0 var(--ink), 0 16px 30px #0006;border-radius:12px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 6px);right:0}.scope-menu li{cursor:pointer;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:700}.scope-menu li:hover{background:var(--panel-3)}.podium-mini{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:6px;margin:0;padding:0;list-style:none;display:grid}.podium-mini li{background:var(--panel-3);border:2px solid var(--line-2);text-align:center;border-radius:12px 12px 6px 6px;justify-items:center;gap:3px;min-width:0;padding:8px 4px 6px;display:grid}.podium-mini li.p1{background:linear-gradient(180deg, #ffd23f2e, var(--panel));border-color:#ffd23f80;padding-top:14px}.podium-mini li.is-me{box-shadow:0 0 0 2px var(--accent)}.podium-mini li.is-empty{opacity:.4}.podium-mini .avatar{width:36px;height:36px}.podium-mini .p1 .avatar{border-color:var(--gold);width:46px;height:46px;box-shadow:0 0 12px #ffd23f80}.podium-mini .p2 .avatar{border-color:var(--silver)}.podium-mini .p3 .avatar{border-color:var(--bronze)}.podium-mini .medal{width:18px;height:18px;color:var(--ink);border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.podium-mini .p1 .medal{background:var(--gold)}.podium-mini .p2 .medal{background:var(--silver)}.podium-mini .p3 .medal{background:var(--bronze)}.podium-mini .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:800;overflow:hidden}.podium-mini .points{color:var(--accent-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:900}.board{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.board li{background:var(--panel-3);border:2px solid #0000;border-radius:10px;grid-template-columns:20px 28px 1fr auto;align-items:center;gap:8px;padding:6px 9px;display:grid}.board li.is-me{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--panel))}.board li.is-away{opacity:.45}.board li.empty{color:var(--muted);background:0 0;padding:0;font-size:13px;display:block}.rank{color:var(--dim);text-align:right;font-variant-numeric:tabular-nums;font-size:12px;font-weight:900}.who{min-width:0;display:grid}.who .name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.who .stat{color:var(--muted);font-size:11px}.board .points{font-variant-numeric:tabular-nums;color:var(--accent-2);font-weight:900}.chase{background:var(--panel-2);border:2px dashed var(--line-2);border-radius:12px;gap:6px;padding:10px 12px;display:grid}.chase-text{font-size:12px;font-weight:800}.chase-bar{background:var(--ink);border-radius:999px;height:8px;overflow:hidden}.chase-bar i{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.2,.9,.3,1);display:block}.friends-wrap{gap:8px;min-height:0;display:grid}.friends{flex-direction:column;gap:5px;max-height:34vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.friends li{background:var(--panel-3);border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.friends li.empty{background:0 0;padding:0;display:block}.friends .avatar{position:relative}.friends .avatar:after{content:"";border:2px solid var(--panel);background:#8a8a8a;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-3px;right:-3px}.friends .avatar[data-status=online]:after{background:var(--good)}.friends .avatar[data-status=idle]:after{background:var(--gold)}.friends .avatar[data-status=dnd]:after{background:var(--bad)}.friends .stat{text-transform:capitalize}.stage-lobby{padding-bottom:0}.lobby{flex-direction:column;gap:16px;min-height:100%;display:flex}.lobby-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lobby-name{align-items:flex-end;gap:10px;display:flex}.lobby-title{display:flex}.lobby-kind{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:800;line-height:1}.vis{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.vis select{text-transform:none;letter-spacing:0;color:var(--text);border:2px solid var(--line-2);background:var(--panel-2);border-radius:10px;padding:7px 10px;font:700 13px system-ui}.lobby-main{grid-template-columns:minmax(240px,340px) 1fr;align-items:stretch;gap:16px;display:grid}.spotlight{border:3px solid var(--ink);background:radial-gradient(60% 70% at 50% 15%, #ffd69638, transparent 70%), linear-gradient(180deg, var(--panel-2), var(--panel));box-shadow:0 6px 0 var(--ink);border-radius:20px;justify-items:center;gap:6px;padding:12px 16px 16px;display:grid;position:relative}.spot-stage{justify-content:center;width:100%;display:flex;position:relative}.spot-char{aspect-ratio:420/300;width:min(100%,290px);height:auto;display:block}.look-arrow{z-index:1;border:3px solid var(--ink);background:var(--panel-3);width:36px;height:36px;color:var(--text);box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;padding:0 0 3px;font-size:24px;font-weight:900;line-height:1;transition:transform .1s,background .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.look-arrow:hover{background:var(--accent);color:#2a0f00;transform:translateY(-50%)scale(1.08)}.look-arrow:active{transform:translateY(-48%)scale(.96)}.look-prev{left:4px}.look-next{right:4px}.spot-name{display:flex}.spot-look{color:var(--accent-2);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.spot-look-dots{gap:5px;display:flex}.spot-look-dots i{background:var(--line-2);width:9px;height:9px;box-shadow:0 0 0 1px var(--ink);border-radius:3px;transition:background .2s,transform .2s}.spot-look-dots i.is-on{background:var(--accent-2);transform:scale(1.25)}.spot-note{text-align:center;color:var(--muted);max-width:420px;margin:0;font-size:13px}.roster{flex-direction:column;gap:10px;min-width:0;display:flex}.roster h3{gap:8px;display:flex}.roster-n{color:var(--text)}.seats{flex-wrap:wrap;align-content:start;gap:10px;display:flex}.seat{background:var(--panel);border:2px solid var(--line);text-align:left;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:44px auto;align-content:center;place-items:center start;gap:1px 10px;min-width:0;padding:5px 14px 5px 5px;display:grid}.seat canvas{background:var(--panel-3);border-radius:10px;grid-row:span 2;width:44px;height:44px;display:block}.seat-name{text-overflow:ellipsis;white-space:nowrap;align-self:end;max-width:150px;font-size:14px;font-weight:800;overflow:hidden}.seat-tags{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-self:start;min-height:0;font-size:11px;font-weight:800}.seat.is-me{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.seat.is-host .seat-tags{color:var(--accent-2)}.seat[data-team="0"]{box-shadow:inset 4px 0 #4fa3ff}.seat[data-team="1"]{box-shadow:inset 4px 0 #ff5e5e}.seat[data-team="0"] .seat-tags{color:#8cc4ff}.seat[data-team="1"] .seat-tags{color:#ff9a9a}.team-swap{border-color:var(--c,#fff)!important;color:var(--c,#fff)!important}.seat.is-away{opacity:.45}.seat.is-new{animation:.5s cubic-bezier(.2,.9,.3,1.5) pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.seat.is-open{border-style:dashed;border-color:var(--line-2);background:0 0;align-items:center;gap:10px;min-height:58px;padding:5px 8px 5px 16px;animation:2.6s ease-in-out infinite invite;display:flex}@keyframes invite{50%{border-color:color-mix(in srgb, var(--accent) 60%, var(--line-2))}}.seat-open{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.seat-buttons{gap:6px;display:flex}.pick{flex-direction:column;gap:10px;min-width:0;display:flex}.picker{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.skin{border:3px solid var(--ink);background:var(--panel-2);box-shadow:0 3px 0 var(--ink);border-radius:14px;justify-items:center;gap:2px;padding:6px 8px 8px;transition:transform .12s,background .15s;display:grid}.skin:hover{background:var(--panel-3);transform:translateY(-3px)}.skin.is-on{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 35%, var(--panel-3)), var(--panel-3));box-shadow:0 0 0 3px var(--accent), 0 6px 0 var(--ink)}.skin{align-content:center}.skin canvas{aspect-ratio:1;width:min(100%,132px);height:auto;display:block}.skin-name{color:var(--muted);font-size:11px;font-weight:800}.skin.is-on .skin-name{color:var(--text)}.lobby-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#120b1a00,#120b1aeb 30%);flex-wrap:wrap;align-items:center;gap:10px;margin:auto -24px 0;padding:14px 24px 16px;display:flex;position:sticky;bottom:0}.waiting{color:var(--muted);font-size:13px;font-weight:700}.waiting.is-waiting:after{content:"";animation:1.4s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.start:not(.is-ready){filter:saturate(.6)}.stage-countdown{justify-content:center;align-items:center;overflow:hidden}.countdown{justify-items:center;gap:6px;display:grid}.countdown-char{width:220px;height:220px;margin:-10px 0 -18px;display:block}.countdown-ready{letter-spacing:.3em;text-transform:uppercase;color:var(--accent-2);font-size:12px;font-weight:900}.stage-countdown{background:radial-gradient(40% 50% at 50% 55%,#ffaa5a2e,#0000 70%)}.countdown-n{align-items:center;min-height:130px;display:flex}.countdown-n.punch{animation:.55s cubic-bezier(.2,.9,.3,1.4) punch}@keyframes punch{0%{opacity:0;transform:scale(2.2)}60%{opacity:1}to{transform:scale(1)}}.countdown-tip{color:var(--muted);text-align:center;max-width:460px;margin:6px 0 0;font-size:13px}.stage-results{padding:0}.results-screen{text-align:center;background:radial-gradient(60% 50% at 50% 30%,#ffd23f24,#0000 70%);flex-direction:column;align-items:center;gap:12px;min-height:100%;padding:26px 24px 30px;display:flex;position:relative}.confetti{pointer-events:none;z-index:3;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.verdict{animation:.6s cubic-bezier(.2,.9,.3,1.4) both slam;display:flex}@keyframes slam{0%{opacity:0;transform:scale(2.4)rotate(-4deg)}to{opacity:1;transform:none}}.verdict-sub{color:var(--muted);margin:0;font-size:15px;font-weight:600;animation:.5s .2s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.podium{justify-content:center;align-items:flex-end;gap:10px;margin-top:6px;display:flex}.step{justify-items:center;width:150px;animation:.5s both rise;display:grid}.step.s1{animation-delay:.35s}.step.s2{animation-delay:.2s}.step.s3{animation-delay:50ms}.step canvas{width:120px;height:120px;margin-bottom:-4px;display:block}.step.s1 canvas{width:140px;height:140px}.step-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:900;overflow:hidden}.step-score{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700}.step-block{border:3px solid var(--ink);width:100%;box-shadow:0 5px 0 var(--ink);border-radius:12px 12px 4px 4px;place-items:start center;padding-top:10px;display:grid}.s1 .step-block{background:linear-gradient(#ffe27a,#e8a21c);height:110px}.s2 .step-block{background:linear-gradient(#e8eefc,#9aa8c8);height:80px}.s3 .step-block{background:linear-gradient(#f6b88a,#c06a3a);height:60px}.step.is-me .step-name{color:var(--accent-2)}.step.is-me .step-block{box-shadow:0 5px 0 var(--ink), 0 0 26px #ffd23f8c}.results{flex-direction:column;gap:5px;width:min(420px,100%);margin:0;padding:0;list-style:none;display:flex}.results li{background:var(--panel);text-align:left;border-radius:12px;grid-template-columns:26px 36px 1fr auto;align-items:center;gap:10px;padding:5px 12px;display:grid}.results li.is-me{box-shadow:0 0 0 2px var(--accent)}.results .place{color:var(--dim);font-weight:900}.result-char{width:36px;height:36px;display:block}.results .name{font-weight:800}.results .stat{color:var(--muted);font-size:12px}.reward{background:var(--panel-2);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:10px 18px;animation:.4s both rise;display:flex}.reward-pts{color:var(--muted);font-size:14px;font-weight:800}.reward-n{color:var(--accent-2);font-variant-numeric:tabular-nums;margin-right:2px;font-size:26px;font-weight:900}.reward-rank{font-size:14px;font-weight:800}.reward.is-up .reward-rank{color:var(--good)}.reward.is-up .reward-rank:before{content:"▲ "}.results-actions{gap:12px;margin-top:6px;display:flex}.auto-back{color:var(--dim);margin:0;font-size:12px;font-weight:700}.stage-playing{--bg:#fdf4e3;--panel:#fffdf7;--panel-2:#f6e9d2;--line:#e0cfae;--text:#2a2230;--muted:#8a7c6a;color:var(--text)}.help-panel{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08040cb3;place-items:center;padding:16px;animation:.15s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.help-card{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:3px solid var(--ink);width:min(500px,100%);max-height:90vh;box-shadow:0 6px 0 var(--ink), 0 30px 60px #00000080;border-radius:20px;gap:10px;padding:18px 22px 22px;animation:.3s cubic-bezier(.2,.9,.3,1.3) both pop;display:grid;overflow-y:auto}.help-card header{align-items:center;gap:10px;display:flex}.help-title{flex:auto;display:flex}.help-close{color:var(--muted);background:0 0;border:0;padding:2px 6px;font-size:28px;line-height:1}.help-close:hover{color:var(--text)}.help-goal{margin:0;font-size:15px}.help-card dl{grid-template-columns:auto 1fr;align-items:baseline;gap:7px 12px;margin:0;display:grid}.help-card dt{white-space:nowrap}.help-card dd{margin:0;font-size:14px}.help-card kbd{background:var(--panel-3);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:7px;padding:5px 8px;font:800 12px/1 ui-monospace,monospace}.help-card ul{color:var(--muted);gap:4px;margin:0;padding-left:18px;font-size:14px;display:grid}.toast{background:var(--accent-2);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);opacity:0;pointer-events:none;z-index:30;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:800;transition:opacity .2s,transform .2s cubic-bezier(.2,.9,.3,1.4);position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px)}.toast.is-on{opacity:1;transform:translate(-50%)}@media (width<=860px){.cab-screen{aspect-ratio:2.6}.cabinets{gap:14px}.spot-char{width:min(100%,250px)}.lobby-bar{flex-wrap:nowrap;gap:8px}.lobby-bar .btn{padding:10px 12px;font-size:12px}.lobby-bar .btn-big{padding:12px 20px;font-size:15px}.lobby-bar .waiting{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.lobby-main{grid-template-columns:1fr}.stage{padding:16px}.lobby-bar{margin:auto -16px 0;padding:12px 16px 14px}}@media (width<=520px){.me-text,.here span:last-child{display:none}.step{width:104px}.step canvas,.step.s1 canvas{width:96px;height:96px}.btn-big{padding:14px 20px;font-size:15px}}@media (height<=640px){.top{padding:6px 16px}.me-chip{padding:2px 10px 2px 2px}.me-pfp{width:30px;height:30px}.stage{gap:12px;padding:12px 18px}.hello-title{font-size:19px}.hello-sub{font-size:13px}.cab-screen{aspect-ratio:3.4}.cab-body{gap:8px;padding:10px 14px 12px}.cab-tag{display:none}.cab-play{padding:11px 16px;font-size:14px}.cab-actions .btn{padding:10px 14px}.lobby{gap:10px}.lobby-main{grid-template-columns:minmax(200px,250px) 1fr;gap:12px}.spotlight{gap:2px;padding:6px 10px 10px}.spot-char{width:min(100%,200px)}.spot-note{display:none}.look-arrow{width:30px;height:30px;font-size:19px}.picker{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.skin{padding:4px 4px 6px}.skin canvas{width:min(100%,76px)}.seats{flex-wrap:nowrap;gap:8px;padding-bottom:4px;overflow-x:auto}.seat{flex:none;grid-template-columns:36px auto;padding:4px 12px 4px 4px}.seat canvas{width:36px;height:36px}.seat.is-open{flex:none;min-height:0}.lobby-bar{margin:auto -18px 0;padding:10px 18px 12px}.lobby-bar .btn{padding:9px 12px;font-size:12px}.lobby-bar .btn-big{padding:11px 22px;font-size:15px}}@media (height<=470px){.hello{display:none}.cab-screen{aspect-ratio:3}.lobby-top{gap:8px}.spot-name,.spot-look{display:none}.spot-char{width:min(100%,140px)}.stage{padding:8px 16px}.lobby{gap:8px}.lobby-top .btn-small{padding:6px 10px}.lobby-bar{background:#120b1af5;margin:auto -16px 0;padding:6px 16px 8px}.lobby-bar .btn{padding:7px 10px;font-size:11px}.lobby-bar .btn-big{padding:9px 20px;font-size:14px}.skin canvas{width:min(100%,60px)}.roster h3,.pick h3{display:none}.seat{grid-template-columns:30px auto;column-gap:6px;padding:3px 10px 3px 4px}.seat canvas{width:30px;height:30px}.seat-name{max-width:90px;font-size:11px}.seat-tags{min-height:0;font-size:9px}.seat.is-open{gap:6px;padding:4px 6px 4px 10px;animation:none}.seat-open{font-size:10px}.seat-buttons .btn{padding:4px 7px;font-size:10px}}.kit-panel:empty{display:none}.kit-panel{background:var(--panel);border:2px solid var(--line);border-radius:16px;gap:8px;margin-top:14px;padding:12px 14px;display:grid}.kit-head{align-items:center;gap:10px;display:flex}.kit-name{font-size:15px;font-weight:900}.kit-role{letter-spacing:.1em;text-transform:uppercase;color:#1a1222;background:#ffd23f;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:900}.kit{grid-template-columns:1fr 1fr;gap:6px 16px;margin:0;padding:0;list-style:none;display:grid}.kit li{color:var(--muted);grid-template-columns:24px 1fr;align-items:start;gap:8px;font-size:12.5px;line-height:1.35;display:grid}.kit b{background:var(--panel-3);width:24px;height:24px;color:var(--text);box-shadow:0 0 0 2px var(--ink);border-radius:6px;place-items:center;font-size:12px;display:grid}.kit li:last-child b{color:#1a1222;background:#ffd23f}.kit strong{color:var(--text)}@media (height<=700px){.kit-panel{gap:4px;margin-top:8px;padding:8px 10px}.kit li{font-size:11px}.kit li span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (height<=470px){.kit-panel{display:none}}.pick:has(.kit-panel:not(:empty)) .picker{flex:none;grid-template-columns:repeat(6,minmax(0,1fr))}.pick:has(.kit-panel:not(:empty)) .skin canvas{width:min(100%,104px)}.kit-stats{flex-wrap:wrap;gap:12px;margin-left:auto;display:flex}.kit-stat{gap:2px;display:grid}.kit-stat em{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:9px;font-style:normal;font-weight:900}.kit-stat i{gap:2px;display:flex}.kit-stat u,.kit-stat s{border-radius:2px;width:9px;height:6px;text-decoration:none}.kit-stat u{box-shadow:0 0 0 1px var(--ink);background:#ffd23f}.kit-stat s{background:var(--panel-3)}.countdown-team{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--c);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:4px 14px;font-size:16px;font-weight:900}.cab-new{z-index:2;pointer-events:none;letter-spacing:.12em;text-transform:uppercase;color:#1a1222;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#ffd23f;border-radius:8px;padding:3px 9px;font-size:11px;font-weight:900;animation:2.4s ease-in-out infinite cab-new;position:absolute;top:10px;left:10px}@keyframes cab-new{50%{transform:rotate(-4deg)scale(1.06)}}.kit b.has-icon{color:#ffe9a8;width:30px;height:30px;padding:4px;position:relative}.kit b.has-icon svg{width:100%;height:100%;display:block}.kit b.has-icon sup{background:var(--ink);color:#fff;border-radius:4px;padding:1px 3px;font-size:9px;line-height:1;position:absolute;bottom:-5px;right:-5px}.kit li:last-child b.has-icon{color:#1a1222}.kit li{grid-template-columns:30px 1fr}.signin{justify-items:center;gap:28px;width:100%;max-width:1100px;margin:auto;padding:32px 20px;display:grid}.signin-card{text-align:center;justify-items:center;gap:18px;max-width:560px;display:grid}.signin-logo{min-height:40px}.signin-tag{color:var(--text);margin:0;font-size:18px;line-height:1.5}.signin-btn{color:#fff;background:#5865f2;border-radius:14px;align-items:center;gap:12px;padding:14px 26px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 6px #3c45a5}.signin-btn svg{width:26px;height:26px}.signin-btn:hover{transform:translateY(-1px)}.signin-btn:active{transform:translateY(4px);box-shadow:0 2px #3c45a5}.signin-note{color:var(--bad);margin:0;font-weight:600}.signin-note[hidden]{display:none}.signin-fine{color:var(--muted);max-width:420px;margin:0;font-size:13px;line-height:1.5}.signin-fine a{color:inherit}.signin-shots{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.signin-shots img{aspect-ratio:16/9;object-fit:cover;border:1px solid #ffffff14;border-radius:12px;width:100%}@media (width<=720px){.signin-shots{grid-template-columns:repeat(2,1fr)}}.sign-out{all:unset;cursor:pointer;color:var(--muted);text-align:center;border:1px solid #ffffff1a;border-radius:10px;margin:12px 0 2px;padding:8px 12px;font-size:13px;font-weight:600;display:block}.sign-out:hover{color:var(--text);background:#ffffff0d}.pill:disabled{cursor:default;opacity:1}