:root{--accent: #6fe3ff;--accent-dim: rgba(111, 227, 255, .35);--gold: #ffd57a;--danger: #ff5f6e;--panel: rgba(10, 12, 26, .72);--panel-border: rgba(111, 227, 255, .22);--text: #dfe8ff;--text-dim: #8b95b8}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b0918;font-family:Segoe UI,Roboto,Arial,sans-serif;color:var(--text);user-select:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#ui-root,#hud{position:absolute;inset:0;pointer-events:none}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px}.ch-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);background:var(--accent);box-shadow:0 0 6px var(--accent)}.ch-ring{position:absolute;inset:0;transform:rotate(-90deg)}.ch-ring-bg{fill:none;stroke:#ffffff1f;stroke-width:3}.ch-ring-fg{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;opacity:0;transition:opacity .1s}.hud-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(255,40,60,.45) 100%)}.hud-vignette.hit{animation:hitflash .5s ease-out}@keyframes hitflash{0%{opacity:1}to{opacity:0}}.hud-top{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.objective-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:8px 22px;text-align:center;backdrop-filter:blur(4px);min-width:320px}.objective-title{font-size:10px;letter-spacing:3px;color:var(--text-dim)}.objective-text{font-size:15px;margin-top:2px;color:var(--text)}.objective-text.flash{animation:objflash .8s ease-out}@keyframes objflash{0%{color:var(--gold);text-shadow:0 0 12px var(--gold)}to{color:var(--text)}}.cores-row{margin-top:4px;font-size:14px}.core-pip{color:#3a4066;margin:0 3px}.core-pip.on{color:var(--gold);text-shadow:0 0 8px var(--gold)}.core-carried{color:var(--accent);font-size:12px;margin-left:8px}.bar{height:12px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);overflow:hidden;flex:1}.bar-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent),#9ff0ff);border-radius:6px;transition:width .15s ease-out}.bar.hp .bar-fill{background:linear-gradient(90deg,#58d68d,#9dedbc)}.bar.hp .bar-fill.low{background:linear-gradient(90deg,#ff5f6e,#ff9aa4)}.bar.stamina{height:7px}.bar.stamina .bar-fill{background:linear-gradient(90deg,#ffd57a,#ffe9b8)}.hud-bottom{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:18px}.status-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:10px 14px;width:230px;backdrop-filter:blur(4px)}.bar-row{display:flex;align-items:center;gap:8px;margin:3px 0}.bar-ico{width:16px;text-align:center;font-size:12px;color:var(--text-dim)}.hp-text{font-size:12px;width:28px;text-align:right;color:var(--text-dim)}.repair-row{font-size:11px;color:var(--accent);margin-top:4px;min-height:14px}.hotbar{display:flex;gap:6px}.hb-slot{position:relative;width:58px;height:58px;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:border-color .1s,transform .1s}.hb-slot.active{border-color:var(--accent);box-shadow:0 0 12px var(--accent-dim),inset 0 0 8px #6fe3ff1f;transform:translateY(-4px)}.hb-slot.disabled{opacity:.35}.hb-key{position:absolute;top:2px;left:5px;font-size:9px;color:var(--text-dim)}.hb-icon{font-size:24px;line-height:1}.hb-count{position:absolute;bottom:2px;right:5px;font-size:11px;font-weight:700;color:var(--gold)}.heat-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;padding:8px 12px;width:120px;backdrop-filter:blur(4px)}.heat-label{font-size:9px;letter-spacing:2px;color:var(--text-dim);margin-bottom:4px}.bar.heat{height:8px}.bar.heat .bar-fill{background:linear-gradient(90deg,#ffd57a,#ff5f3d)}.bar.heat .bar-fill.low{background:#ff2f3d;animation:heatblink .4s infinite alternate}@keyframes heatblink{0%{opacity:.5}to{opacity:1}}.interact-hint{position:absolute;left:50%;top:58%;transform:translate(-50%);background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:7px 18px;font-size:14px;color:var(--accent);opacity:0;transition:opacity .15s;text-shadow:0 0 8px var(--accent-dim)}.toasts{position:absolute;right:20px;top:90px;display:flex;flex-direction:column;gap:6px;max-width:320px}.toast{background:var(--panel);border:1px solid var(--panel-border);border-left:3px solid var(--accent);border-radius:6px;padding:8px 14px;font-size:13px;animation:toastin .25s ease-out;backdrop-filter:blur(4px)}.toast.out{opacity:0;transition:opacity .5s}.toast-ico{color:var(--accent);margin-right:8px}@keyframes toastin{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.boss-bar{position:absolute;top:90px;left:50%;transform:translate(-50%);width:min(520px,60vw);text-align:center}.boss-name{font-size:15px;letter-spacing:3px;color:#d9a4ff;text-shadow:0 0 10px rgba(180,77,255,.7);margin-bottom:4px}.bar.boss{height:14px;border-color:#b44dff66}.bar.boss .bar-fill{background:linear-gradient(90deg,#b44dff,#d9a4ff)}.beacon-bar{position:absolute;bottom:110px;left:50%;transform:translate(-50%);width:min(420px,50vw)}.beacon-label{font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:3px;text-align:center}.bar.beacon{height:12px;border-color:#ffd57a66}.bar.beacon .bar-fill{background:linear-gradient(90deg,var(--gold),#ffe9b8)}.bar.beacon .bar-fill.low{background:linear-gradient(90deg,#ff5f3d,#ff9a6e)}.defense-bar{position:absolute;top:16px;right:20px;width:220px}.defense-label{font-size:11px;letter-spacing:1px;color:var(--accent);margin-bottom:4px;text-align:right}.bar.defense{height:8px}.fps-counter{position:absolute;top:8px;left:10px;font-size:12px;color:var(--text-dim);font-family:Consolas,monospace}#menus{position:absolute;inset:0;pointer-events:none}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow-y:auto;padding:20px}#main-menu{background:radial-gradient(ellipse at 50% 120%,rgba(111,227,255,.14),transparent 60%),radial-gradient(ellipse at 80% -20%,rgba(180,77,255,.18),transparent 55%),linear-gradient(180deg,#0d0a1c,#1c1533 55%,#2a2145)}.screen.dim{background:#080714b8;backdrop-filter:blur(3px)}.menu-card{background:#0e0e1eeb;border:1px solid var(--panel-border);border-radius:14px;padding:34px 44px;width:min(430px,92vw);display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:0 0 60px #6fe3ff14,0 18px 50px #0009;max-height:92vh;overflow-y:auto}.menu-card.wide{width:min(640px,94vw)}.menu-card h2{letter-spacing:4px;font-size:20px;color:var(--accent)}.menu-card h2.victory{color:var(--gold);text-shadow:0 0 18px rgba(255,213,122,.6)}.menu-card h2.defeat{color:var(--danger);text-shadow:0 0 18px rgba(255,95,110,.5)}.menu-card p{font-size:13.5px;line-height:1.55;color:var(--text-dim)}.menu-card p.warn{color:#ffb45f}.game-logo{font-size:52px;font-weight:900;letter-spacing:10px;background:linear-gradient(180deg,#cfefff,var(--accent) 60%,#4a90b0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(111,227,255,.25)}.game-sub{font-size:15px;letter-spacing:12px;color:var(--gold);margin-top:-8px}.game-desc{margin:8px 0}.seed-row{display:flex;align-items:center;gap:8px;justify-content:center}.seed-row label{font-size:12px;color:var(--text-dim);letter-spacing:2px}.seed-row input{background:#ffffff0f;border:1px solid var(--panel-border);color:var(--accent);font-family:Consolas,monospace;font-size:14px;padding:7px 12px;border-radius:6px;width:200px;text-align:center;outline:none}.seed-row input:focus{border-color:var(--accent)}.btn{pointer-events:auto;background:#6fe3ff14;border:1px solid var(--panel-border);color:var(--text);font-size:14px;padding:11px 20px;border-radius:8px;cursor:pointer;transition:all .12s;letter-spacing:1px;font-family:inherit}.btn:hover:not(:disabled){background:#6fe3ff2e;border-color:var(--accent);box-shadow:0 0 16px var(--accent-dim)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:linear-gradient(180deg,#6fe3ff40,#6fe3ff1a);border-color:var(--accent);color:#eaffff}.btn.big{font-size:17px;padding:15px 24px;letter-spacing:2px}.btn.small{padding:7px 14px;font-size:13px}.btn.danger:hover{border-color:var(--danger);box-shadow:0 0 16px #ff5f6e4d;background:#ff5f6e1f}.menu-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.menu-row .btn{flex:1;min-width:140px}.controls-block{text-align:left}.hidden-block{display:none}.controls-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;font-size:13px;margin-top:6px}.controls-grid span:nth-child(odd){color:var(--accent);font-family:Consolas,monospace;text-align:right}.controls-grid span:nth-child(2n){color:var(--text-dim)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.set-row label{color:var(--text-dim)}.set-row input[type=range]{width:150px;accent-color:var(--accent)}.set-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.set-row select{background:#1a1a30;color:var(--text);border:1px solid var(--panel-border);padding:5px 10px;border-radius:6px;font-family:inherit}.craft-card{text-align:left}.res-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.res-chip{background:#ffffff0f;border:1px solid var(--panel-border);border-radius:20px;padding:4px 14px;font-size:12.5px;color:var(--text-dim)}.res-chip b{color:var(--accent);margin-right:4px}.craft-list{display:flex;flex-direction:column;gap:8px}.craft-row{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px}.craft-row.locked{opacity:.65}.craft-row.owned{opacity:.5}.craft-ico{font-size:26px;width:36px;text-align:center}.craft-info{flex:1;display:flex;flex-direction:column;gap:2px}.craft-name{font-size:14px;color:var(--text)}.craft-desc{font-size:11.5px;color:var(--text-dim)}.craft-cost{font-size:11.5px}.cost{color:#9adbc4}.cost.missing{color:var(--danger)}.craft-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.craft-hint-bench{font-size:12px;color:var(--gold)}.stats-grid{display:grid;grid-template-columns:1fr auto;gap:6px 24px;font-size:14px;background:#ffffff0a;border-radius:10px;padding:14px 22px;text-align:left}.stats-grid span{color:var(--text-dim)}.stats-grid b{color:var(--accent);font-family:Consolas,monospace}@media (max-width: 1350px){.hud-bottom{gap:10px}.status-panel{width:190px}.hb-slot{width:50px;height:50px}}