@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;font-family:Chakra Petch,system-ui,sans-serif;background:#080c12;color:#eef5fb;font-synthesis:none;--top: #3ba7ff;--bottom: #ff6b35;--line: rgba(158, 188, 218, .18)}*{box-sizing:border-box}html,body,#app{margin:0;min-width:320px;min-height:100%}body{min-height:100dvh;overflow:hidden}button{font:inherit}.shell{min-height:100dvh;display:grid;grid-template-rows:52px minmax(0,1fr) 38px;background:linear-gradient(#05080dd1,#05080df0),var(--arena-image),#080c12;background-size:cover;background-position:center;isolation:isolate}.topbar,.statusbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#05090ed6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;position:relative;z-index:4}.statusbar{border-top:1px solid var(--line);border-bottom:0;color:#8291a0;letter-spacing:.08em}.brand{font-size:16px;font-weight:600;letter-spacing:.2em}.brand i{font-style:normal;color:var(--top)}.brand span{color:#677787;font-size:9px;letter-spacing:.16em;margin-left:10px}.top-actions{display:flex;gap:8px}.icon-button{width:32px;height:30px;border:1px solid var(--line);background:#0c131c;color:#c9d6df;display:grid;place-items:center;cursor:pointer;border-radius:3px}.icon-button:hover{border-color:#526a7e;color:#fff}.icon-button:active,.primary:active{transform:translateY(1px)}.arena-layout{min-height:0;display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,390px) minmax(180px,1fr);max-width:1180px;width:100%;margin:0 auto;padding:12px 20px;gap:24px}.hud{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:16px}.hud.bottom{text-align:right}.player-tag{display:flex;align-items:center;gap:10px;color:#8da0b0;font:500 10px IBM Plex Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.hud.bottom .player-tag{justify-content:flex-end}.player-tag:before{content:"";width:24px;height:2px;background:var(--top);box-shadow:0 0 12px var(--top)}.hud.bottom .player-tag:before{order:2;background:var(--bottom);box-shadow:0 0 12px var(--bottom)}.callsign{font-size:clamp(30px,4vw,52px);line-height:.85;font-weight:700;letter-spacing:-.05em;text-transform:uppercase}.hud.top .callsign{color:var(--top)}.hud.bottom .callsign{color:var(--bottom)}.round-pips{display:flex;gap:6px}.hud.bottom .round-pips{justify-content:flex-end}.pip{width:22px;height:4px;background:#1b2732}.hud.top .pip.on{background:var(--top);box-shadow:0 0 10px #3ba7ff80}.hud.bottom .pip.on{background:var(--bottom);box-shadow:0 0 10px #ff6b3580}.module{border-top:1px solid var(--line);padding-top:10px}.module-label{color:#637384;font:500 9px IBM Plex Mono,monospace;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px}.piece-slot{width:72px;height:52px;border:1px solid var(--line);background:#0a1018b8;display:grid;place-items:center;font:600 24px IBM Plex Mono,monospace}.hud.bottom .piece-slot{margin-left:auto}.piece-slot.top-color{color:var(--top)}.piece-slot.bottom-color{color:var(--bottom)}.queue{display:flex;gap:5px;flex-wrap:wrap}.hud.bottom .queue{justify-content:flex-end}.queue span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);background:#0c131c;color:#81909e;font:600 12px IBM Plex Mono,monospace}.metric{font:500 12px IBM Plex Mono,monospace;color:#8695a4}.metric strong{color:#fff;font-size:18px;margin-right:5px}.board-host{min-width:320px;min-height:0;height:100%;position:relative}.board-host canvas{width:100%;height:100%;display:block}.board-label{position:absolute;left:50%;transform:translate(-50%);z-index:2;pointer-events:none;color:#526273;font:500 9px IBM Plex Mono,monospace;letter-spacing:.2em;text-transform:uppercase}.board-label.top{top:4px}.board-label.bottom{bottom:4px}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#04070bb8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:opacity .2s ease}.overlay.hidden{opacity:0;pointer-events:none}.panel{width:min(720px,calc(100vw - 32px));border:1px solid rgba(116,147,173,.3);background:#080d14f0;box-shadow:0 30px 90px #00000080;padding:clamp(24px,5vw,52px);position:relative;overflow:hidden}.panel:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--top) 0 49%,transparent 49% 51%,var(--bottom) 51%)}.eyebrow{font:500 10px IBM Plex Mono,monospace;color:#7790a3;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px}.title{font-size:clamp(58px,12vw,118px);line-height:.72;letter-spacing:-.075em;text-transform:uppercase;margin:0 0 28px}.title .top-ink{color:var(--top)}.title .bottom-ink{color:var(--bottom)}.lead{max-width:54ch;color:#9aa9b5;font:400 14px/1.7 IBM Plex Mono,monospace;margin:0 0 26px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:28px}.control-set{color:#788795;font:400 10px/1.8 IBM Plex Mono,monospace}.control-set strong{display:block;margin-bottom:5px;font-size:11px;color:#fff;letter-spacing:.1em}kbd{border:1px solid #31404e;background:#101923;color:#d9e5ec;border-radius:2px;padding:2px 5px;font:500 9px IBM Plex Mono,monospace}.primary{border:0;background:#eef5fb;color:#080c12;min-width:180px;padding:13px 22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.primary:hover{background:#fff}.primary:disabled{cursor:wait;opacity:.45}.countdown{font:700 clamp(110px,25vw,240px)/.8 "Chakra Petch",sans-serif;letter-spacing:-.08em;text-shadow:0 0 55px rgba(255,255,255,.18)}.end-title{font-size:clamp(48px,9vw,90px);line-height:.9;letter-spacing:-.05em;margin:0 0 14px;text-transform:uppercase}@media(max-width:820px){body{overflow:auto}.shell{min-height:100dvh;grid-template-rows:46px minmax(700px,1fr) 34px}.arena-layout{grid-template-columns:88px minmax(280px,1fr) 88px;gap:8px;padding:8px}.callsign{font-size:24px}.player-tag{font-size:7px;gap:4px}.player-tag:before{width:10px}.module{padding-top:6px}.piece-slot{width:46px;height:38px;font-size:18px}.queue span{width:22px;height:22px}.hud{gap:10px}.module-label,.metric{font-size:7px}.metric strong{font-size:12px}.topbar,.statusbar{padding:0 10px}.brand span,.statusbar span:nth-child(2){display:none}}@media(max-width:560px)and (orientation:portrait){.shell{grid-template-rows:46px minmax(620px,calc(100dvh - 80px)) 34px}.arena-layout{grid-template-columns:58px minmax(240px,1fr) 58px;padding-inline:2px}.hud .queue span:nth-child(n+4),.hud .module:nth-of-type(3){display:none}.callsign{writing-mode:vertical-rl;font-size:19px;letter-spacing:-.02em}.hud.bottom .callsign{margin-left:auto}.player-tag{display:none}.controls{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.topbar,.statusbar,.overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080c12}}