:root{color:#f3f5f2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101312;font-family:Arial Narrow,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:#0d1211;cursor:pointer;background:#a5f6f0;border:1px solid #a5f6f0;border-radius:7px;min-height:44px;padding:0 18px;font-weight:800}button:active{transform:translateY(1px)}button.secondary{color:#f3f5f2;background:0 0;border-color:#384240}button.danger{background:#f06f5d;border-color:#f06f5d}button.go{background:#f6c85f;border-color:#f6c85f}input{color:#f3f5f2;background:#151918;border:1px solid #384240;border-radius:7px;outline:none;width:100%;padding:12px 13px}input:focus{border-color:#a5f6f0}.app-shell{color:#f3f5f2;background-color:#101312;background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(0deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:62px 1fr 38px;height:100dvh;min-height:100dvh;display:grid}.topbar,.logbar,.panel{background:#121615f0;border:1px solid #2c3432}.topbar{border-radius:7px;justify-content:space-between;align-items:center;min-width:0;margin:10px 12px 0;padding:0 14px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand strong,.brand span{display:block}.brand span,.statusline,.phase-list,.metric-row span,.leader-row small,.arena-head p,.metrics p,.logbar{color:#9aa5a2}.brand strong{line-height:1}.brand span{margin-top:3px;line-height:1.05}.mark{color:#a5f6f0;letter-spacing:-.05em;border:1px solid #a5f6f0;border-radius:7px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.statusline{gap:14px;min-width:max-content;font-family:Consolas,monospace;font-size:12px;display:flex}.join{border-radius:8px;place-self:center;gap:16px;width:min(520px,100vw - 28px);padding:clamp(18px,3vw,28px);display:grid}.join h1,.arena h2,.side h2{letter-spacing:-.04em;margin:0}.join h1{max-width:10ch;font-size:clamp(38px,7vw,70px);line-height:.92}.join p{color:#b8c2bf;max-width:28ch;margin:14px 0 0;font-size:clamp(16px,2.2vw,19px);line-height:1.25}.join label{color:#cbd3d0;gap:7px;font-size:13px;display:grid}.button-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.button-row button,.control button,.side button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.game-grid{grid-template-columns:minmax(190px,240px) minmax(420px,1fr) minmax(210px,280px);gap:12px;min-height:0;padding:12px;display:grid}.panel{border-radius:8px}.side{scrollbar-color:#52605d #151918;scrollbar-width:thin;min-height:0;padding:14px;overflow:auto}.phase-list{gap:8px;margin:18px 0;padding:0;font-size:13px;list-style:none;display:grid}.phase-list li{grid-template-columns:24px 1fr;align-items:center;gap:8px;display:grid}.phase-list span{color:#d6ddda;border:1px solid #384240;border-radius:6px;place-items:center;height:24px;display:grid}.phase-list .active{color:#f3f5f2}.phase-list .active span{color:#101312;background:#a5f6f0;border-color:#a5f6f0}.phase-list .done span{color:#f6c85f;border-color:#f6c85f}.control{gap:10px;display:grid}.timer,.countdown,.final-tag{text-align:center;color:#f6c85f;border:1px solid #384240;border-radius:7px;padding:12px;font-family:Consolas,monospace}.countdown{font-size:52px;line-height:1}.arena{grid-template-rows:auto 1fr;min-width:0;min-height:0;padding:16px;display:grid;position:relative;overflow:hidden}.arena-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.arena-head h2{font-size:clamp(28px,4vw,52px);line-height:.95}.arena-head p{margin:8px 0 0}.arena-ring{background:radial-gradient(circle,#0000 0 34%,#a5f6f014 34.3% 34.6%,#0000 35%),linear-gradient(120deg,#ffffff09,#0000 45%),#131716;border:1px solid #2c3432;border-radius:8px;min-height:0;margin-top:14px;position:relative;overflow:hidden}.player-node{z-index:2;background:#181d1b;border:1px solid #52605d;border-radius:8px;gap:4px;width:clamp(118px,14vw,168px);min-height:86px;padding:12px;transition:left .45s,top .45s,border-color .16s;display:grid;position:absolute;translate:-50% -50%}.player-node.self{border-color:#a5f6f0}.player-node.offline{opacity:.48}.player-node strong,.player-node span,.player-node b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-node span{color:#9aa5a2;font-size:12px}.player-node b{color:#f6c85f;font-size:26px}.packets{position:absolute;inset:0;overflow:hidden}.packets i{top:calc(12% + (var(--i) * 6%));opacity:0;background:#a5f6f0;width:70px;height:2px;position:absolute;left:-12%}.packets.active i{animation:1.8s linear infinite packet-run;animation-delay:calc(var(--i) * -140ms)}@keyframes packet-run{0%{opacity:0;transform:translate(0)}12%{opacity:.7}88%{opacity:.7}to{opacity:0;transform:translate(125vw)}}@media (prefers-reduced-motion:reduce){.packets.active i{animation:none}}.results-beat{gap:6px;width:min(330px,100% - 32px);display:grid;position:absolute;bottom:16px;right:16px}.results-beat.final-results{width:min(520px,100% - 32px)}.result-row,.leader-row,.metric-row{align-items:center;gap:10px;display:grid}.result-row{background:#181d1b;border:1px solid #384240;border-radius:7px;grid-template-columns:40px 1fr 54px;padding:9px 10px;animation:.45s both rank-in}.final-results .result-row{grid-template-columns:40px 1fr 58px}.final-results .result-row small{color:#9aa5a2;grid-column:2/4;line-height:1.25}@keyframes rank-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-row em{color:#f6c85f;text-align:right;font-style:normal}.leaderboard{gap:8px;margin:18px 0;display:grid}.leader-row{border-bottom:1px solid #2c3432;grid-template-columns:26px 1fr 44px;padding:9px 0}.leader-row span{color:#a5f6f0;font-family:Consolas,monospace}.leader-row strong,.leader-row small{display:block}.leader-row b{color:#f6c85f;text-align:right}.metrics{gap:9px;display:grid}.mini-graph{border:1px solid #2c3432;border-radius:7px;align-items:end;gap:3px;height:92px;padding:8px;display:flex}.mini-graph i{background:#a5f6f0;flex:1;min-width:2px}.metric-row{grid-template-columns:1fr auto;font-family:Consolas,monospace;font-size:13px}.metric-row strong{color:#f3f5f2}.metrics p{margin:3px 0 0;font-size:12px;line-height:1.35}.logbar{white-space:nowrap;border-radius:7px;align-items:center;gap:14px;margin:0 12px 10px;padding:0 10px;font-family:Consolas,monospace;font-size:12px;display:flex;overflow:hidden}.logbar span:first-child{color:#a5f6f0}@media (width<=900px){.app-shell{background-size:52px 52px;grid-template-rows:auto auto 42px;align-content:start;height:auto;min-height:100dvh;overflow:auto}.topbar{min-height:76px;margin:14px 18px 0;padding:10px 12px}.mark{width:46px;height:46px;font-size:18px}.brand{gap:12px}.brand strong{font-size:19px}.brand span{font-size:18px}.statusline{flex-direction:column;align-items:flex-end;gap:4px;font-size:16px}.join{align-self:start;gap:18px;margin-top:clamp(38px,12dvh,96px);padding:clamp(24px,7vw,34px)}.join h1{max-width:9ch;font-size:clamp(44px,12vw,64px);line-height:.91}.join p{max-width:27ch;font-size:20px}.join label{gap:9px;font-size:16px}input{min-height:56px;padding:14px 16px;font-size:18px}button{min-height:58px;font-size:20px}.game-grid{grid-template-columns:1fr;padding:14px 18px}.arena{min-height:560px}.side{max-height:none}.logbar{min-height:42px;margin:0 18px 14px;font-size:16px}}@media (width<=520px){.app-shell{min-height:100svh}.topbar{margin-inline:18px}.statusline span:first-child{display:none}.join{width:calc(100vw - 36px);margin-top:clamp(32px,11dvh,78px)}.button-row{grid-template-columns:1fr}.button-row button{justify-content:center}}