:root{--bone: #e7e0c9;--dim: #b4ab90;--ochre: #c9a65a;--red: #b5523b;--panel: rgba(30, 28, 22, .86);--line: rgba(231, 224, 201, .22);--olive: #5f5f3c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#2d2b25;color:var(--bone);font:15px/1.4 Trebuchet MS,Segoe UI,system-ui,sans-serif;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}canvas#view{position:fixed;inset:0;width:100vw;height:100vh;display:block}button{font:inherit;color:var(--bone);background:#464232d9;border:1px solid var(--line);border-radius:6px;padding:10px 16px;cursor:pointer;min-height:44px}button:hover:not(:disabled){background:#5f5a40f2}button.primary{background:#8a7238;border-color:#d8b871;color:#1d1a12;font-weight:700}button.primary:hover:not(:disabled){background:#a1863f}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}kbd{background:#3c392d;border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:12px}small,.note{color:var(--dim)}.note{font-size:13px}[hidden]{display:none!important}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}.screen{pointer-events:auto}#screen-title{position:absolute;inset:0;display:flex;align-items:center;padding:4vh 5vw;background:linear-gradient(90deg,#181611e0,#1816118c 45%,#18161100 75%)}.title-wrap{width:min(420px,92vw)}.logo{margin:0;font:900 clamp(40px,7.5vw,76px)/.9 "Impact","Haettenschweiler","Arial Narrow Bold",sans-serif;letter-spacing:.06em;color:var(--bone);text-shadow:0 3px 0 #1b1913,0 0 30px rgba(0,0,0,.5)}.logo span{display:block;color:var(--ochre);letter-spacing:.12em}.tag{margin:8px 0 14px;color:var(--dim);letter-spacing:.04em}.menu{display:grid;gap:8px}.menu button{text-align:left;padding:11px 16px;font-size:16px;letter-spacing:.03em}.player-strip{display:flex;gap:10px;align-items:center;background:#1e1c16bf;border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin-bottom:12px}.player-strip .lvl{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:#4a4a2f;border:2px solid var(--ochre);font-weight:800}.player-strip .who{flex:1;min-width:0}.player-strip .who b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xpbar{height:6px;background:#1e1c16;border-radius:3px;overflow:hidden;margin-top:4px}.xpbar i{display:block;height:100%;background:var(--ochre)}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,94vw);max-height:92vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 22px;box-shadow:0 20px 60px #00000080;touch-action:pan-y}.panel h2{margin:0 0 12px;font:800 26px Impact,Arial Narrow Bold,sans-serif;letter-spacing:.08em}.badge{font:600 12px Trebuchet MS,sans-serif;letter-spacing:.04em;vertical-align:middle;background:#5a3a2c;border:1px solid #a8664c;color:#f0cdb9;padding:3px 8px;border-radius:12px}.row{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.field{margin:10px 0}.field>label{display:block;margin-bottom:6px;font-weight:600}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices button[aria-pressed=true]{background:#6d6440;border-color:var(--ochre);box-shadow:inset 0 0 0 1px var(--ochre)}input[type=range]{width:100%;height:32px;accent-color:var(--ochre)}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:var(--ochre)}.controls-help{font-size:13px;color:var(--dim);background:#0003;border-radius:6px;padding:8px 10px;display:grid;gap:6px}.controls-help b{color:var(--bone);margin-right:6px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px}.stat{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:4px 0}.unlock{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.unlock .lv{flex:none;width:54px;font-size:12px;color:var(--dim)}.unlock.locked{opacity:.55}.unlock .kind{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ochre)}.ach-list{display:grid;gap:8px}.ach{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0000002e}.ach .medal{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#33312a;border:2px dashed #6b6656;font-weight:800;color:#6b6656}.ach.earned .medal{background:radial-gradient(circle at 35% 35%,#e3c47e,#8a6a2d);border:2px solid #f0d89a;color:#2a2112}.ach .meta{font-size:12px;color:var(--dim)}.ach .pbar{height:5px;background:#1e1c16;border-radius:3px;overflow:hidden;margin-top:5px}.ach .pbar i{display:block;height:100%;background:var(--olive)}.ach .diff{font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:10px;border:1px solid var(--line)}.board{width:100%;border-collapse:collapse}.board th,.board td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line)}.board tr.me td{color:var(--ochre);font-weight:700}.empty{padding:18px;text-align:center;color:var(--dim);border:1px dashed var(--line);border-radius:8px}select{font:inherit;color:var(--bone);background:#3c392d;border:1px solid var(--line);border-radius:6px;padding:9px;min-height:44px;width:100%}.end-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.end-grid div{background:#00000038;border-radius:6px;padding:8px 10px}.end-grid b{display:block;font-size:22px}#topbar{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:40;display:flex;gap:8px}.mute{padding:8px 12px;min-height:40px;display:flex;gap:6px;align-items:center;background:#1e1c16cc}.mute[aria-pressed=true]{border-color:#a8664c;color:#f0cdb9}.mute svg{width:18px;height:18px}body.in-run #topbar{top:auto;bottom:max(10px,env(safe-area-inset-bottom));right:50%;transform:translate(50%)}body.in-run #topbar .mute{min-height:34px;padding:5px 10px;font-size:12px}body.in-run #cynnx-game-chip{display:none}#toasts{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:30;display:grid;gap:6px;justify-items:center;pointer-events:none;width:min(560px,90vw)}.toast{background:#1c1a14e6;border:1px solid var(--line);border-left:4px solid var(--dim);padding:7px 14px;border-radius:6px;font-size:14px;animation:tin .25s ease-out;text-align:center}.toast.toast-warn{border-left-color:var(--red)}.toast.toast-good{border-left-color:#8ea25a}.toast.toast-ach{border-left-color:var(--ochre);font-weight:700}@keyframes tin{0%{opacity:0;transform:translateY(-6px)}}#hud{position:fixed;inset:0;z-index:5;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:150px;display:flex;gap:24px;align-items:flex-start}.hud-wave b{display:block;font:800 24px Impact,Arial Narrow Bold,sans-serif;letter-spacing:.06em}.hud-wave span{color:var(--dim);font-size:13px}.hud-label,.hud-small{font-size:12px;color:var(--dim)}.sections{display:flex;gap:4px;margin:3px 0}.sections div{width:34px;height:9px;background:#00000080;border:1px solid rgba(231,224,201,.35);border-radius:2px;overflow:hidden}.sections div i{display:block;height:100%;background:#b7a46b}.sections div.low i{background:#c0603f}.sections div.here{border-color:var(--bone)}.crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#f0e8d2d9;box-shadow:0 0 2px #000c}.crosshair .t,.crosshair .b{left:10px;width:2px;height:6px}.crosshair .t{top:0}.crosshair .b{bottom:0}.crosshair .l,.crosshair .r{top:10px;height:2px;width:6px}.crosshair .l{left:0}.crosshair .r{right:0}.crosshair .c{left:10px;top:10px;width:2px;height:2px}.prompt{position:absolute;left:50%;top:60%;transform:translate(-50%);background:#181611bf;border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:14px;text-align:center;min-width:220px}.prompt-bar{height:4px;background:#1e1c16;margin-top:5px;border-radius:2px;overflow:hidden}.prompt-bar i{display:block;height:100%;width:0;background:var(--ochre)}.hud-bottom-left{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:230px}.bar-row{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:4px}.bar-row span{width:50px;color:var(--dim)}.bar{flex:1;height:9px;background:#0000008c;border:1px solid rgba(231,224,201,.3);border-radius:2px;overflow:hidden}.bar i{display:block;height:100%}.bar.hp i{background:#a8473a}.bar.morale i{background:#8b8e58}.squad{display:flex;gap:6px;margin-top:4px;font-size:11px}.squad div{background:#00000073;border:1px solid var(--line);border-radius:4px;padding:2px 6px}.squad .wounded{border-color:#c0603f;color:#f0b7a1}.squad .dead{opacity:.45;text-decoration:line-through}.hud-bottom-right{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));text-align:right}.ammo{font:800 30px Impact,Arial Narrow Bold,sans-serif;letter-spacing:.05em}.hurt{position:absolute;inset:0;box-shadow:inset 0 0 140px 40px #82140abf;opacity:0;transition:opacity .35s}#touch{position:fixed;inset:0;z-index:6}.touch-look{position:absolute;top:0;right:0;width:60%;height:100%;touch-action:none}.stick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:26px;width:130px;height:130px;border-radius:50%;background:#1e1c1659;border:2px solid rgba(231,224,201,.35);display:grid;place-items:center;touch-action:none}.knob{width:56px;height:56px;border-radius:50%;background:#e7e0c966;border:2px solid rgba(231,224,201,.6);pointer-events:none}.tbtn{position:absolute;border-radius:50%;background:#1e1c168c;border:2px solid rgba(231,224,201,.45);font-weight:800;touch-action:none;padding:0}.tbtn.down{background:#c9a65a99}.tbtn.fire{right:max(26px,env(safe-area-inset-right));bottom:34px;width:96px;height:96px;font-size:18px;background:#7832238c}.tbtn.reload{right:calc(max(26px,env(safe-area-inset-right)) + 112px);bottom:26px;width:62px;height:62px;font-size:20px}.tbtn.use{right:calc(max(26px,env(safe-area-inset-right)) + 104px);bottom:104px;width:66px;height:66px;font-size:22px}.tbtn.swap{right:calc(max(26px,env(safe-area-inset-right)) + 16px);bottom:142px;width:58px;height:58px;font-size:20px}.tbtn.ready{left:50%;transform:translate(-50%);bottom:60px;width:auto;height:52px;border-radius:26px;padding:0 26px;background:#8a7238d9;color:#1d1a12}.tbtn.pause{left:max(14px,env(safe-area-inset-left));top:70px;width:46px;height:46px;font-size:14px}body.touch .hud-bottom-left{bottom:auto;top:64px;left:auto;right:max(14px,env(safe-area-inset-right));width:180px}body.touch .hud-bottom-right{right:auto;left:50%;transform:translate(-50%);bottom:auto;top:max(8px,env(safe-area-inset-top));text-align:center}body.touch .hud-top{right:46%}body.touch .hud-top .hud-line{display:none}body.touch .ammo{font-size:24px}body.touch .prompt{top:54%}body.touch #toasts{top:56px}body.touch .controls-help .desk{display:none}body:not(.touch) .controls-help .mob{opacity:.7}#rotate{position:fixed;inset:0;z-index:100000;background:#24221c;display:grid;place-content:center;text-align:center;padding:30px}.rot-icon{font-size:54px;color:var(--ochre)}.loading{position:fixed;inset:0;display:grid;place-items:center;z-index:50;background:#2d2b25;font-size:18px;letter-spacing:.08em}@media (max-height: 500px){.panel{padding:12px 16px;max-height:94vh}.panel h2{font-size:21px;margin-bottom:6px}.menu{gap:5px;grid-template-columns:1fr 1fr}.menu button{padding:8px 12px;font-size:14px;min-height:40px}.menu button.primary{grid-column:1 / -1}.logo{font-size:34px}.tag{display:none}.player-strip .who small{font-size:12px}.player-strip{padding:5px 10px;margin-bottom:8px}.player-strip .lvl{width:34px;height:34px}#screen-title{padding:2vh 4vw}.note{font-size:12px;margin:6px 0 0}.hud-wave b{font-size:20px}}