:root{--bg: #0a0e14;--panel: rgba(10,14,20,.82);--panel-solid: #121820;--fg: #c5d1de;--dim: #5a6b7c;--accent: #6bcbff;--good: #8ce071;--warn: #ffcc66;--bad: #ff6b6b;--border: #1f2a36}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:none}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#ui-root button,#ui-root input,#ui-root [data-interactive]{pointer-events:auto}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top,10px));left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hud-panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:8px 12px;min-width:140px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-panel-center{text-align:center;min-width:100px}.hud-panel-right{text-align:right;min-width:110px}.hud-label{font-size:10px;color:var(--dim);letter-spacing:1.2px;margin-bottom:4px}.hud-value{font-size:22px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}.hud-subvalue{font-size:11px;color:var(--fg);font-variant-numeric:tabular-nums;margin-top:2px}.hud-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.hud-bar-fill{height:100%;transition:width .18s ease-out,background .2s ease-out}.upgrade-bar{position:absolute;bottom:max(12px,env(safe-area-inset-bottom,12px));left:10px;right:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.upgrade-btn{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:8px 6px 6px;color:var(--fg);font-family:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;transition:background .12s,border-color .12s,transform .08s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upgrade-btn:not(:disabled):active{transform:translateY(1px);background:#6bcbff1f}.upgrade-btn:not(:disabled):hover{border-color:var(--accent)}.upgrade-btn:disabled{opacity:.5;cursor:default}.upgrade-btn[data-maxed]{opacity:.7;border-color:var(--good)}.upgrade-label{font-size:10px;color:var(--dim);letter-spacing:1px;text-transform:uppercase}.upgrade-value{font-size:16px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1.1}.upgrade-unit{font-size:10px;color:var(--dim);margin-left:2px;font-weight:400}.upgrade-meta{display:flex;justify-content:space-between;align-items:baseline;gap:4px;font-size:10px;margin-top:2px}.upgrade-lvl{color:var(--dim);font-variant-numeric:tabular-nums}.upgrade-cost{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}.upgrade-cost-bad{color:var(--bad)}.upgrade-btn[data-maxed] .upgrade-cost{color:var(--good)}.hud-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel-solid);border:1px solid var(--accent);border-radius:10px;padding:28px 36px 24px;text-align:center;min-width:300px;max-width:calc(100vw - 32px);max-height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;touch-action:pan-y;box-shadow:0 8px 40px #6bcbff2e}.hud-modal::-webkit-scrollbar{width:6px}.hud-modal::-webkit-scrollbar-track{background:transparent}.hud-modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.hud-modal::-webkit-scrollbar-thumb:hover{background:var(--dim)}.hud-modal-title{font-size:18px;color:var(--accent);letter-spacing:3px;margin-bottom:6px}.hud-modal-sub{font-size:11px;color:var(--dim);margin-bottom:20px;letter-spacing:.5px}.hud-modal-stats{font-size:13px;display:flex;flex-direction:column;gap:8px;color:var(--fg);font-variant-numeric:tabular-nums;text-align:left;margin-bottom:20px}.hud-modal-stats>div{display:flex;justify-content:space-between;gap:16px}.hud-modal-btn{width:100%;padding:12px 20px;background:transparent;border:1px solid var(--accent);border-radius:6px;color:var(--accent);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:background .12s,transform .08s}.hud-modal-btn+.hud-modal-btn{margin-top:8px}.hud-modal-btn:hover{background:#6bcbff1f}.hud-modal-btn:active{transform:translateY(1px);background:#6bcbff33}.hud-modal-btn-secondary{border-color:var(--border);color:var(--fg)}.hud-modal-btn-secondary:hover{background:#ffffff0a;border-color:var(--dim)}.hud-modal-hint{margin-top:14px;font-size:11px;color:var(--dim);line-height:1.4}.hud-modal-lifetime{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:12px;display:flex;flex-direction:column;gap:4px;font-variant-numeric:tabular-nums;text-align:left}.hud-modal-lifetime>div{display:flex;justify-content:space-between;gap:16px}.hud-modal-alloy{margin:20px 0 16px;padding:12px 16px;background:#6bcbff0d;border:1px solid var(--border);border-radius:6px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:11px;letter-spacing:1.2px}.hud-modal-alloy-val{font-size:20px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:0}.hud-submeta{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin-top:4px;padding-top:4px;border-top:1px solid var(--border);font-variant-numeric:tabular-nums}.hud-modal-wide{min-width:320px;max-width:min(520px,calc(100vw - 32px));padding:24px 24px 20px}.workshop-category{margin-bottom:14px}.workshop-cat-label{font-size:10px;color:var(--dim);letter-spacing:2px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border);text-transform:uppercase}.workshop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.workshop-card{background:transparent;border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--fg);font-family:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:border-color .12s,background .12s,transform .08s}.workshop-card:not(:disabled):hover{border-color:var(--accent)}.workshop-card:not(:disabled):active{transform:translateY(1px);background:#6bcbff14}.workshop-card:disabled{opacity:.55;cursor:default}.workshop-card[data-maxed]{opacity:.85;border-color:var(--good)}.workshop-card[data-locked]{opacity:.45;border-style:dashed}.workshop-card[data-locked] .workshop-card-label{color:var(--dim)}.workshop-card-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.workshop-card-label{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.5px}.workshop-card-lvl{font-size:10px;color:var(--dim);font-variant-numeric:tabular-nums}.workshop-card-desc{font-size:11px;color:var(--fg);line-height:1.35;opacity:.85}.workshop-card-cost{margin-top:2px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.hud-modal-cf{margin:10px 0 16px;padding:12px 16px;background:#8ce0710d;border:1px solid var(--border);border-radius:6px;display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:11px;letter-spacing:1.2px}.hud-modal-cf-val{font-size:20px;font-weight:700;color:var(--good);font-variant-numeric:tabular-nums;letter-spacing:0}.prestige-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.prestige-label{font-size:11px;color:var(--dim);letter-spacing:1.5px;text-align:center}.prestige-preview,.prestige-earn,.prestige-consequences{font-size:12px;font-variant-numeric:tabular-nums}.prestige-preview{text-align:center}.prestige-earn{text-align:center;font-weight:700}.prestige-consequences{color:var(--dim);font-size:11px;text-align:center;line-height:1.5}.prestige-consequences>div+div{margin-top:2px}.prestige-btn-armed{background:#8ce07126;border-color:var(--good);color:var(--good)}.prestige-btn-armed:hover{background:#8ce07140}.hud-dim{color:var(--dim)}.hud-good{color:var(--good)}.hud-charge{color:var(--warn);font-weight:700}.hud-modal-charge{margin:0 0 16px;padding:10px 14px;background:#ffcc660f;border:1px solid var(--border);border-radius:6px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;letter-spacing:1px;font-variant-numeric:tabular-nums}.hud-submeta-charge{color:var(--warn)}.ach-category{margin-bottom:14px}.ach-cat-label{font-size:10px;color:var(--dim);letter-spacing:2px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border);text-transform:uppercase}.ach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.ach-card{background:transparent;border:1px solid var(--border);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;font-size:11px;transition:border-color .12s,background .12s}.ach-card-label{font-size:12px;font-weight:700;letter-spacing:.5px}.ach-card-desc{font-size:10.5px;line-height:1.35;opacity:.85}.ach-card-reward{margin-top:2px;font-size:10px;font-variant-numeric:tabular-nums}.ach-locked{opacity:.55}.ach-locked .ach-card-label{color:var(--dim)}.ach-unlocked{border-color:var(--good);background:#8ce0710d}.ach-unlocked .ach-card-label{color:var(--good)}.ach-unlocked .ach-card-reward{color:var(--good);font-weight:700}.toast-stack{position:absolute;top:70px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:20;pointer-events:none;max-width:min(300px,calc(100vw - 24px))}.toast{background:var(--panel-solid);border:1px solid var(--good);border-radius:6px;padding:10px 14px;box-shadow:0 4px 20px #8ce07133;animation:toast-in .22s ease-out,toast-out .3s ease-in 3.6s forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toast-label{font-size:9px;color:var(--good);letter-spacing:2px;margin-bottom:3px}.toast-name{font-size:13px;font-weight:700;color:var(--fg);margin-bottom:2px}.toast-desc{font-size:10.5px;color:var(--dim);line-height:1.35}.toast-reward{margin-top:6px;font-size:11px;color:var(--good);font-weight:700;font-variant-numeric:tabular-nums}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translate(20px)}}.burst-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:78px;height:78px;border-radius:50%;background:var(--panel);border:2px solid var(--border);color:var(--dim);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .12s,color .12s}.burst-btn-fill{position:absolute;left:0;right:0;bottom:0;background:#6bcbff2e;transition:height .08s linear;pointer-events:none}.burst-btn-label{position:relative;z-index:1;font-variant-numeric:tabular-nums}.burst-btn-sub{position:relative;z-index:1;font-size:9px;color:var(--dim);letter-spacing:1.5px}.burst-btn-ready{border-color:var(--accent);color:var(--accent);animation:burst-pulse 1.8s ease-in-out infinite}.burst-btn-ready:hover{background:#6bcbff14}.burst-btn-ready:active{transform:translateY(-50%) scale(.96)}@keyframes burst-pulse{0%,to{box-shadow:0 0 #6bcbff80}50%{box-shadow:0 0 16px 2px #6bcbff66}}.burst-btn-active{border-color:var(--good);color:var(--good);box-shadow:0 0 20px #8ce07173}.burst-btn-active .burst-btn-fill{background:#8ce07138}.burst-btn:disabled{cursor:default}.speed-btn{position:absolute;left:10px;bottom:calc(max(12px,env(safe-area-inset-bottom,12px)) + 82px);padding:6px 12px;min-width:48px;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--dim);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .12s,border-color .12s,background .12s}.speed-btn:hover{color:var(--fg);border-color:var(--dim)}.speed-btn:active{transform:translateY(1px)}.speed-btn[data-fast=true]{color:var(--warn);border-color:var(--warn);background:#ffcc6614}.speed-btn[data-fast=true]:hover{background:#ffcc662e}.cease-btn{position:absolute;right:10px;bottom:calc(max(12px,env(safe-area-inset-bottom,12px)) + 82px);padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--dim);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:color .12s,border-color .12s,background .12s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cease-btn:hover{color:var(--fg);border-color:var(--dim)}.cease-btn:active{transform:translateY(1px)}.cease-btn-armed{background:#ff6b6b26;border-color:var(--bad);color:var(--bad)}.cease-btn-armed:hover{background:#ff6b6b40}.integrity-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,64,64,.42) 100%);animation:integrity-flash .38s ease-out forwards;z-index:9}@keyframes integrity-flash{0%{opacity:1}to{opacity:0}}.mute-btn{position:absolute;top:max(10px,env(safe-area-inset-top,10px));right:10px;width:36px;height:36px;background:var(--panel);border:1px solid var(--border);border-radius:50%;color:var(--fg);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:11;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mute-btn:hover{border-color:var(--accent)}.version-tag{position:absolute;bottom:6px;right:10px;font-size:9px;color:var(--dim);opacity:.55;font-variant-numeric:tabular-nums;letter-spacing:.5px;pointer-events:none}.boss-hp-bar{position:absolute;top:58px;left:50%;transform:translate(-50%);width:min(92%,420px);pointer-events:none;z-index:6;font-family:inherit;color:#f0f4f8;text-align:center}.boss-hp-label{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:4px;text-shadow:0 0 6px rgba(0,0,0,.8)}.boss-hp-bar[data-shielded="1"] .boss-hp-label{color:#6bcbff}.boss-hp-bar[data-shielded="0"] .boss-hp-label{color:#ff7a7a}.boss-hp-track{width:100%;height:14px;background:#0a0e14d9;border:1px solid rgba(180,200,220,.35);border-radius:2px;overflow:hidden;box-shadow:0 0 12px #0009}.boss-hp-fill{height:100%;transition:width .12s linear;background:linear-gradient(90deg,#ff5252,#ff8b52)}.boss-hp-bar[data-shielded="1"] .boss-hp-fill{background:linear-gradient(90deg,#6bcbff,#3a8bc7);opacity:.55}.boss-hp-numbers{font-size:10px;letter-spacing:1px;margin-top:3px;opacity:.75;font-variant-numeric:tabular-nums}.wave-clear{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:22px;letter-spacing:4px;font-weight:700;color:var(--accent);text-shadow:0 0 20px rgba(107,203,255,.6);pointer-events:none;animation:wave-clear-fade 1.5s ease-out forwards;white-space:nowrap}@keyframes wave-clear-fade{0%{opacity:0;transform:translate(-50%,-40%) scale(.85)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@media(max-width:380px){.wave-clear{font-size:18px;letter-spacing:3px}}@media(max-width:380px){.hud-panel{min-width:0;padding:6px 10px}.hud-value{font-size:18px}.upgrade-value{font-size:14px}}