:root{--bg:rgba(16,22,32,.86);--line:#3a4a63;--gold:#d9b865;--txt:#e8e2d0;--dim:#9aa6b8;--blue:#4fb4ff;--red:#ff5d4d;--purple:#d070ff}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#101418;font-family:Segoe UI,system-ui,sans-serif;color:var(--txt);user-select:none}#renderCanvas,#overlay{position:fixed;inset:0;width:100%;height:100%;display:block}#overlay{pointer-events:none}.panel{background:var(--bg);border:1px solid var(--line);border-radius:6px;backdrop-filter:blur(4px);box-shadow:0 4px 18px #00000073}button{font:inherit;color:var(--txt);background:#243044;border:1px solid var(--line);border-radius:4px;padding:4px 9px;cursor:pointer}button:hover:not(:disabled){background:#2f4160;border-color:var(--gold)}button:disabled{opacity:.4;cursor:default}button.on{background:#3b5a8c;border-color:#8fc0ff}button.hot{background:#6b2a86;border-color:var(--purple)}button.danger{background:#5a2a2a}#hud{position:fixed;inset:0;pointer-events:none}#hud .panel,#hud button{pointer-events:auto}#topbar{position:absolute;top:8px;left:8px;right:8px;display:flex;align-items:center;gap:18px;padding:6px 12px;font-size:13px;flex-wrap:wrap}.tb-group{display:flex;align-items:center;gap:10px}.title{font-weight:800;letter-spacing:.18em;color:var(--gold)}.title span{color:var(--txt)}.clock{font:700 20px/1 Consolas,monospace;min-width:62px}.speeds button{padding:3px 7px;margin-right:2px}.strength{display:flex;flex-direction:column;gap:1px;min-width:210px;font-size:12px}.strength .bar{height:6px;background:#0a0f18;border-radius:3px;overflow:hidden}.strength .bar i{display:block;height:100%;background:linear-gradient(90deg,#4fb4ff,#8fd0ff)}.strength em{color:var(--dim);font-style:normal}.dim{color:var(--dim)}.objectives{display:flex;align-items:center;gap:6px;font-size:12px;flex:1}.chip{padding:2px 8px;border-radius:10px;background:#333;border:1px solid #555}.chip.ger{background:#26385f;border-color:#5a86d4}.chip.rus{background:#5a2626;border-color:#d45a5a}#topbar .wide{white-space:nowrap}#minimap{position:absolute;left:8px;bottom:8px;padding:4px}#minimap canvas{display:block;width:264px;height:192px;cursor:crosshair;border-radius:3px}#bottom{position:absolute;left:290px;right:330px;bottom:8px;padding:8px 10px;display:flex;gap:12px;min-height:118px}.sel{flex:1;min-width:0;font-size:12.5px}.hint{line-height:1.45}.hint .blue{color:var(--blue)}.cards{display:flex;gap:6px;flex-wrap:wrap;max-height:84px;overflow:hidden}.card{width:128px;padding:4px 6px;background:#1c2638;border:1px solid var(--line);border-radius:4px;cursor:pointer}.card:hover{border-color:var(--gold)}.cn{font-weight:700;color:var(--blue);font-size:12px}.cm{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb{height:4px;background:#0a0f18;margin:3px 0}.hb i{display:block;height:100%}.ub{height:3px;background:#0a0f18;margin:0 0 3px}.ub i{display:block;height:100%;background:linear-gradient(90deg,#ffd24d,#ff8a4d)}.cs{font-size:10.5px;color:var(--dim)}.stale{color:#ffd28a}.comm{margin-top:6px}.good{color:#7fe07f}.warn{color:#ffc34d}.hot{color:var(--purple)}.cmds{display:grid;grid-template-columns:repeat(4,86px);gap:5px;align-content:start}.cmd{display:flex;flex-direction:column;align-items:center;padding:5px 2px;font-size:12px;line-height:1.1}.cmd small{color:var(--dim);font-size:10px}#log{position:absolute;right:8px;bottom:8px;width:312px;padding:6px 8px}.log-title{font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:3px}.log-body{max-height:112px;overflow:hidden;font-size:11.5px;line-height:1.3}.m{margin-bottom:2px}.m span{color:var(--dim);font-family:Consolas,monospace}.m.intel{color:#e2a8ff}.m.alert{color:#ff9d8f}.m.order{color:var(--blue)}#help{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,92vw);padding:18px 26px;font-size:13.5px;line-height:1.5;z-index:5}#help h2{margin:0 0 8px;color:var(--gold)}#help h3{margin:10px 0 4px;color:var(--blue);font-size:13px;letter-spacing:.1em;text-transform:uppercase}#help .cols{display:grid;grid-template-columns:1fr 1fr;gap:26px}#help .purple{color:var(--purple)}#menu{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a101a8c,#06090eeb);z-index:10}#menu.show{display:flex}.menu-box{width:min(980px,94vw);padding:26px 32px;text-align:center}.menu-box h1{margin:0;font-size:46px;letter-spacing:.3em;color:var(--gold);font-weight:800}.menu-box h1 span{color:var(--txt)}.menu-box .sub{color:var(--dim);margin:4px 0 18px}.sides{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0}.side{padding:14px 16px;border:2px solid var(--line);border-radius:8px;cursor:pointer;text-align:left;background:#182134}.side:hover{border-color:var(--gold)}.side.pick{border-color:var(--blue);background:#1d2c47}.side h3{margin:0 0 4px}.side p{margin:4px 0;font-size:13px;color:#cfd6e4;line-height:1.45}.row{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:10px}.big{font-size:18px;padding:10px 34px;background:#7a5a1f;border-color:var(--gold);font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;font-size:14px}.stats div{padding:8px;background:#182134;border-radius:6px}#fatal{position:fixed;inset:0;background:#200;color:#fbb;padding:30px;z-index:99;white-space:pre-wrap;font-family:Consolas,monospace}@media(max-width:1100px){#bottom{left:8px;right:8px;bottom:212px}#log{display:none}}