:root{--panel: #2B2D42;--card: #3A3D5C;--accent: #F4C20D;--accent2: #8FB8DE;--text: #F7F3E8;--shadow: #1B1C2E;--danger: #D62828;--ok: #2E8B3A;--c: 12px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#bfe3f5;color:var(--text);font-family:Rubik,Segoe UI,system-ui,sans-serif;font-variant-numeric:tabular-nums}#sky{position:fixed;inset:0;background:linear-gradient(#bfe3f5,#f7ebd2)}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.chamfer{clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}.shadow{filter:drop-shadow(4px 4px 0 var(--shadow))}.left{position:absolute;left:48px;top:50%;transform:translateY(-50%);width:360px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:14px}.title-wrap{filter:drop-shadow(4px 4px 0 var(--shadow))}.title{--c: 18px;background:var(--panel);padding:18px 22px 16px;border-left:0}.title h1{margin:0;font-size:30px;line-height:1.05;color:var(--accent);text-transform:uppercase;letter-spacing:3px;font-weight:800}.title small{display:block;margin-top:8px;color:var(--accent2);letter-spacing:4px;font-size:12px;text-transform:uppercase}.panel-wrap{filter:drop-shadow(4px 4px 0 var(--shadow))}.panel{--c: 14px;background:var(--panel);padding:20px 22px;display:flex;flex-direction:column;gap:14px}.panel h2{margin:0;font-size:18px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}.panel p{margin:0;line-height:1.45;color:var(--text);font-size:14px}.muted{color:var(--accent2)}.btn-wrap{display:block;filter:drop-shadow(4px 4px 0 var(--shadow));transition:transform .12s linear}.btn-wrap:active{transform:translate(2px,2px);filter:drop-shadow(2px 2px 0 var(--shadow))}.btn{--c: 12px;width:100%;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:16px;letter-spacing:3px;text-transform:uppercase;color:var(--text);background:var(--card);padding:14px 22px;text-align:left;transition:background-color .14s linear,color .14s linear}.btn:hover,.btn:focus-visible{--c: 17px;background:var(--accent);color:#1b1c2e;outline:none}.btn.primary{background:var(--accent);color:#1b1c2e;text-align:center}.btn.primary:hover{--c: 17px;background:var(--text)}.btn.danger:hover{background:var(--danger);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{padding:10px 16px;font-size:13px;text-align:center}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent2)}.input-wrap{filter:drop-shadow(3px 3px 0 var(--shadow))}.input{--c: 9px;width:100%;border:0;outline:none;font:inherit;font-weight:700;font-size:18px;letter-spacing:1px;color:var(--text);background:var(--card);padding:12px 14px}.input:focus{background:#46497a}.row{display:flex;gap:10px;align-items:stretch}.row>.btn-wrap{flex:1}.row>.btn-wrap.fit{flex:0 0 auto}.status-line{min-height:20px;font-size:14px;color:var(--accent2);letter-spacing:1px}.status-line.err{color:#ff8a80}.status-line.ok{color:#8bd48f}.seg{display:flex;gap:6px}.seg .btn-wrap{flex:1}.seg .btn{text-align:center;padding:10px 6px;font-size:13px;letter-spacing:2px}.seg .btn.on{background:var(--accent);color:#1b1c2e}.settings-nav{display:flex;flex-direction:column;gap:12px}.controls-list{display:grid;grid-template-columns:max-content 1fr;gap:8px 14px;align-items:center;font-size:14px}.controls-list .keycap{justify-self:start;min-width:64px;padding:3px 8px;font-size:12px;letter-spacing:1px}.seg.lang .btn-wrap{position:relative}.seg.lang .btn-wrap:active{transform:none;filter:drop-shadow(4px 4px 0 var(--shadow))}.seg.lang .btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;font-size:11px;letter-spacing:1.5px}.seg.lang .btn:disabled{--c: 12px;opacity:1;background:var(--card);color:var(--accent2)}.seg.lang .btn svg{width:66px;height:44px;display:block;opacity:.9}.seg.lang .soon{position:absolute;left:50%;top:32px;transform:translate(-50%,-50%) rotate(-8deg);background:#1b1c2e99;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:3px 8px;pointer-events:none;white-space:nowrap}input[type=range]{width:100%;accent-color:var(--accent)}.card{--c: 12px;background:var(--card);padding:16px;display:flex;gap:14px;align-items:center;min-height:96px}.card svg{flex:0 0 64px;width:64px;height:64px}.card b{display:block;color:var(--accent);letter-spacing:2px;text-transform:uppercase;font-size:14px;margin-bottom:4px}.dots{display:flex;gap:8px;justify-content:center}.dots i{width:10px;height:10px;background:var(--card);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.dots i.on{background:var(--accent)}.big{font-size:40px;font-weight:800;color:var(--accent);letter-spacing:2px;line-height:1}.corner{position:absolute;right:28px;bottom:24px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.chip-wrap{filter:drop-shadow(3px 3px 0 var(--shadow))}.chip{--c: 8px;background:var(--panel);padding:8px 14px;font-size:13px;letter-spacing:2px;text-transform:uppercase;display:flex;gap:10px;align-items:center}.dot{width:10px;height:10px;background:#999;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.dot.on{background:#6fd36f}.dot.off{background:var(--danger)}.dot.wait{background:var(--accent)}.toast{position:absolute;left:50%;bottom:40px;transform:translate(-50%)}.deco{position:absolute;right:0;top:0;width:220px;height:220px;pointer-events:none;opacity:0}@media(max-width:760px){.left{left:16px}.corner{right:12px;bottom:12px}}.admin-panel{width:min(360px,calc(100vw - 32px))}.test-badge{position:absolute;left:50%;bottom:14px;transform:translate(-50%);pointer-events:none;z-index:5}#ui.ingame>.left,#ui.ingame>.corner{display:none}#ui>.hud,#ui>.fade,#ui>.labels,#ui>.toast{pointer-events:none}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:none}.hud .pause,.hud .pause *{pointer-events:auto}.hud-info{position:absolute;left:20px;top:18px;display:flex;gap:10px}.hud-net{position:absolute;left:50%;top:64px;transform:translate(-50%);background:var(--danger);padding:8px 16px;font-size:13px;letter-spacing:2px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.prompt{position:absolute;left:50%;bottom:86px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.prompt .off{opacity:.6}.keycap{display:inline-block;min-width:22px;text-align:center;background:var(--accent);color:#1b1c2e;font-weight:800;padding:1px 6px;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}.labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.lbl-wrap{position:absolute;left:0;top:0;will-change:transform;filter:drop-shadow(2px 2px 0 var(--shadow));display:none}.lbl{--c: 6px;background:var(--panel);color:var(--text);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 10px;white-space:nowrap}.lbl.dim{opacity:.7;color:var(--accent2)}.lbl.brand{display:flex;align-items:center;gap:6px;padding-left:4px}.lbl.brand svg{width:18px;height:18px;flex:none}.brand-logo-wrap{--c: 4px;display:inline-block;flex:none;vertical-align:middle;line-height:0}.brand-logo-wrap svg{width:100%;height:100%;display:block}.lbl.player{background:var(--accent);color:#1b1c2e}.fade{position:absolute;inset:0;background:#1b1c2e;opacity:0;pointer-events:none;transition:opacity .3s linear}.fade.on{opacity:1;transition:none}.hud-eco{position:absolute;right:20px;top:18px;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:60vw}.hud-round{position:absolute;left:50%;top:18px;transform:translate(-50%)}