@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-latin.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-italic-latin.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#070313;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button{appearance:none;-webkit-appearance:none;font-family:inherit}a{color:#ffd54a}a:hover{color:#fff}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bannerPop{0%{transform:translate(-50%) scale(.4);opacity:0}12%{transform:translate(-50%) scale(1.12);opacity:1}75%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(1.04);opacity:0}}@keyframes pulseBtn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes trophyPop{0%{transform:scale(.3) rotate(-14deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.stage{position:fixed;inset:0;overflow:hidden;background:#070313;font-family:Archivo,system-ui,sans-serif}.stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.hud{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 14px);display:flex;flex-direction:column;gap:8px;align-items:flex-start;pointer-events:none}.scorebug{display:flex;align-items:stretch;height:52px;border-radius:11px;overflow:hidden;box-shadow:0 7px 22px #00000073;font-variant-numeric:tabular-nums}.sb-brand{display:flex;align-items:center;background:#0a0e18eb;padding:0 16px;color:#fff;font-weight:900;font-style:italic;font-size:15px;letter-spacing:1.5px}.sb-alive{display:flex;align-items:center;background:#fffffff0;padding:0 14px;color:#0b0f18;font-weight:900;font-size:20px}.sb-alive span{color:#8a93a3;font-size:11px;font-weight:800;margin-left:6px;letter-spacing:1px}.sb-clock{display:flex;align-items:center;background:#ffd54af2;padding:0 14px;margin-left:2px;color:#3a2a00;font-weight:900;font-size:20px}.pill{background:#070b14cc;border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:7px 14px;color:#ffd54a;font-weight:800;font-size:12px;letter-spacing:1.5px}.pausebtn{pointer-events:auto;width:46px;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#070b14cc;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 7px 22px #00000059}.pausebtn i{width:5px;height:18px;border-radius:3px;background:#ffd54a;display:block}.panel{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);bottom:12px;width:216px;display:flex;flex-direction:column;gap:8px}.panel-head{display:flex;gap:8px;align-items:center}.panel-title{flex:1;color:#8ea0bd;font-weight:800;font-size:11px;letter-spacing:2px;padding-left:24px}.autocam{height:44px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#070b14b8;color:#c8d2e2;font-weight:800;font-size:11px;letter-spacing:1px;cursor:pointer}.autocam.sel{border-color:#ffd54a;background:#ffd54a26;color:#ffd54a}.panel-body{flex:1;display:flex;gap:8px;min-height:0}.rail{width:14px;position:relative;flex:none;border-radius:7px;background:#070b14a6;border:1px solid rgba(255,255,255,.12)}.rows{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;min-height:0}.prow{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 10px;border-radius:12px;border:2px solid rgba(255,255,255,.12);background:#070b14b8;color:#fff;cursor:pointer;text-align:left;font-family:inherit;opacity:1;flex:none}.prow.sel{border-color:#ffd54a;background:#ffd54a24}.prow.out{cursor:default;opacity:.45}.prow-rank{width:17px;color:#ffd54a;font-weight:900;font-size:13px;flex:none;font-variant-numeric:tabular-nums}.prow-dot{width:26px;height:26px;border-radius:50%;flex:none;background-position:center;background-size:cover}.prow-dot.dim{filter:saturate(.2);opacity:.6}.prow-main{min-width:0;flex:1}.prow-name{display:block;font-weight:900;font-size:13px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow-gap{display:block;color:#8ea0bd;font-weight:700;font-size:10px;letter-spacing:.5px}.banner{position:absolute;top:18%;left:calc(50% - 108px);transform:translate(-50%);text-align:center;pointer-events:none;animation:bannerPop 2.2s ease-out both}.banner-face{position:relative;width:160px;height:160px;margin:0 auto 12px}.banner-face img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.6))}.banner-bar{position:absolute;left:-6%;top:50%;width:112%;height:18px;margin-top:-9px;background:#e8232e;border-radius:9px;box-shadow:0 4px 14px #00000080}.banner-title{font-size:min(9vw,84px);font-weight:900;font-style:italic;color:#fff;letter-spacing:2px;-webkit-text-stroke:2px rgba(0,0,0,.2);text-shadow:0 10px 40px rgba(0,0,0,.5);white-space:nowrap}.banner-pill{margin-top:8px;display:inline-block;color:#fff;font-weight:900;font-size:17px;letter-spacing:4px;padding:5px 18px;border-radius:99px;box-shadow:0 8px 24px #0006}.menu{position:absolute;inset:0;background:url(/assets/smr-splash.png) center/cover,#070313;display:flex;align-items:center;justify-content:center}.menu-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0508104d,#050810b8)}.card{position:relative;text-align:center;animation:popIn .3s ease-out;background:#080c16e6;border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:28px 44px;box-shadow:0 30px 80px #00000080;width:min(600px,94vw);max-height:94vh;overflow-y:auto}.eyebrow{color:#ffd54a;font-weight:800;font-size:12px;letter-spacing:5px;margin-bottom:8px}.mtitle{color:#fff;font-weight:900;font-style:italic;font-size:40px;letter-spacing:1px;margin-bottom:20px}.mlabel{color:#8ea0bd;font-weight:800;font-size:11px;letter-spacing:2px;margin-bottom:7px;text-align:left}.chiprow{display:flex;gap:8px;justify-content:center;margin-bottom:14px;flex-wrap:wrap}.chip{min-width:52px;height:44px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#c8d2e2;font-weight:800;font-size:14px;cursor:pointer;letter-spacing:.5px}.chip.sel{border-color:#ffd54a;background:#ffd54a26;color:#ffd54a}.chip.icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 14px}.chip.icon svg{flex:none}.swatch{width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;justify-content:center;gap:2px;flex:none}.swatch i{width:5px;height:5px;border-radius:50%;display:block}.mhint{color:#56637d;font-weight:600;font-size:11.5px;margin:-6px 0 14px;letter-spacing:.3px}.pickrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pickrow .mlabel{flex:1;margin-bottom:0}.roster{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:14px}.rchip{width:100%;aspect-ratio:1;min-width:0;border-radius:50%;padding:0;cursor:pointer;background-position:center;background-size:cover;background-color:transparent;border:2px solid rgba(255,255,255,.14);box-shadow:none;opacity:.35;filter:saturate(.3)}.rchip.sel{border-color:#ffd54a;box-shadow:0 0 10px #ffd54a73;opacity:1;filter:none}.setrow{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}.setgroup{display:flex;gap:8px;align-items:center}.setgroup .mlabel{margin-bottom:0}.cta{width:100%;height:58px;border-radius:16px;border:none;background:linear-gradient(135deg,#ffd54a,#ff9d1b);color:#3a2200;font-weight:900;font-style:italic;font-size:21px;letter-spacing:3px;cursor:pointer;box-shadow:0 14px 34px #ffa01459;animation:pulseBtn 2.2s ease-in-out infinite;margin-top:18px}.mfoot{color:#56637d;font-weight:600;font-size:11.5px;margin-top:11px;letter-spacing:.3px;line-height:1.5}.done{position:absolute;inset:0;background:#0508108c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.done-card{text-align:center;animation:popIn .35s ease-out;background:#080c16e0;border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:32px 54px;box-shadow:0 30px 80px #00000080;max-width:94vw}.trophy{font-size:58px;animation:trophyPop .7s ease-out both}.weyebrow{color:#ffd54a;font-weight:800;font-size:13px;letter-spacing:5px;margin:6px 0 16px}.wdot{width:96px;height:96px;border-radius:50%;margin:0 auto;background-position:center;background-size:cover}.wname{color:#fff;font-weight:900;font-style:italic;font-size:42px;letter-spacing:1px;margin-top:14px}.wsub{color:#8ea0bd;font-weight:700;font-size:13px;letter-spacing:2px;margin:6px 0 24px}.wbtns{display:flex;gap:12px;justify-content:center}.btn-gold{height:54px;padding:0 32px;border-radius:15px;border:none;background:linear-gradient(135deg,#ffd54a,#ffb01b);color:#3a2200;font-weight:900;letter-spacing:2px;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-ghost{height:54px;padding:0 26px;border-radius:15px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#fff;font-weight:800;letter-spacing:2px;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}.pause-title{color:#fff;font-weight:900;font-style:italic;font-size:42px;letter-spacing:2px;margin-bottom:26px}#rotate{display:none}@media(orientation:portrait)and (min-width:600px){#rotate{position:fixed;inset:0;z-index:999;background:#070313;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;font-family:Archivo,system-ui,sans-serif;text-align:center}}.rot-device{width:62px;height:100px;border:5px solid #ffd54a;border-radius:14px;box-shadow:0 0 30px #ffd54a59;animation:rotDevice 2s ease-in-out infinite}@keyframes rotDevice{0%,18%{transform:rotate(0)}50%,88%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rot-title{color:#ffd54a;font-weight:900;font-style:italic;font-size:30px;letter-spacing:3px}.rot-sub{color:#8ea0bd;font-weight:800;font-size:12px;letter-spacing:2px}@media(orientation:portrait){.panel{top:auto;left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);width:auto;gap:6px}.panel-body{flex:none;flex-direction:column}.rail{width:auto;height:14px}.rows{flex:none;flex-direction:row;overflow-y:hidden;overflow-x:auto;padding-bottom:2px}.prow{width:158px}.banner{left:50%}}@media(max-width:520px){.card{padding:18px 16px;border-radius:20px}.eyebrow{font-size:10px;letter-spacing:4px;margin-bottom:6px}.mtitle{font-size:26px;margin-bottom:12px}.chiprow{margin-bottom:10px}.chip{height:40px;font-size:13px;min-width:44px;padding:0 10px}.chip.icon{height:46px;gap:6px;padding:0 10px}.mhint{margin:-4px 0 10px}.roster{grid-template-columns:repeat(7,1fr);margin-bottom:10px}.setrow{gap:10px}.cta{height:52px;font-size:18px;margin-top:12px}.mfoot{margin-top:8px}.banner-title{font-size:min(11vw,84px)}}@media(max-width:430px){.sb-brand{padding:0 10px;font-size:12px}}
