:root{color:#e8fbff;font-synthesis:none;text-rendering:optimizelegibility;background:#050d17;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:0;height:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 30%,#184f693d,#0000 42%),linear-gradient(145deg,#050b14,#091829 58%,#111327);min-height:100vh;overflow:hidden}button,input{font:inherit}button{cursor:pointer}#app{background:#050d17;position:relative;overflow:hidden}.game-canvas{image-rendering:pixelated;display:block}.ui-layer{z-index:20;pointer-events:none;color:#e8fbff;position:absolute;inset:0}.ui-screen,.ui-overlay{pointer-events:auto}.ui-screen{background:radial-gradient(circle at 50% 34%,#1e647e4d,#0000 44%),linear-gradient(145deg,#040b14f7,#091827f7 58%,#111327fa);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100%;padding:36px 24px;display:flex}.ui-heading{text-align:center;max-width:720px}.ui-eyebrow{color:#5debd8;letter-spacing:.22em;text-shadow:0 0 11px #46e8d899;font:800 11px/1.2 ui-monospace,monospace}.ui-heading h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(32px,5vw,62px)}.ui-heading p{color:#89aeb9;margin:0;line-height:1.55}.menu-panel{background:#081926bd;border:1px solid #5de1dd33;border-radius:13px;gap:12px;padding:15px 18px;display:flex}.menu-stat{text-align:center;color:#82a5af;gap:4px;min-width:105px;font-size:12px;display:grid}.menu-stat b{color:#e9ffff;font:800 22px/1 ui-monospace,monospace}.ui-button{color:#d9faff;background:#183746b8;border:1px solid #6fc9d559;border-radius:8px;padding:10px 22px;transition:transform .15s,border-color .15s,background .15s}.ui-button:hover,.ui-button:focus-visible{outline-offset:2px;background:#2b626fd1;border-color:#64efdd;outline:2px solid #64efdd4d;transform:translateY(-2px)}.ui-button-primary{color:#041218;background:#5debd8;border-color:#5debd8;font-weight:900}.ui-button-share{color:#ffd77c;border-color:#ffd77c7a}.ui-toast{pointer-events:auto;z-index:50;color:#eaffff;white-space:pre-wrap;text-align:center;background:#05151ef0;border:1px solid #64efdd80;border-radius:8px;max-width:min(680px,100% - 32px);padding:11px 16px;font:12px/1.4 ui-monospace,monospace;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000052}.loot-interaction{z-index:49;color:#f4fdff;background:#05121df0;border:1px solid #75dcffa6;border-radius:7px;padding:9px 14px;font:800 12px/1.3 ui-monospace,monospace;position:absolute;bottom:82px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #00000059}.loot-notice{align-items:center;gap:8px;display:flex}.loot-notice-shape{color:#67f1db;text-shadow:0 0 10px #67f1dbbf;font-size:18px;line-height:1}.ui-hint,.hud-tab-hint{color:#6f929d;font:11px/1.4 ui-monospace,monospace}.settings-panel{color:#89aeb9;border:1px solid #5dd3d229;border-radius:7px;gap:16px;margin:0;padding:8px 12px;font:11px/1.2 ui-monospace,monospace;display:flex}.settings-panel legend{color:#5debd8;padding:0 5px}.settings-panel label{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.settings-panel input{accent-color:#5debd8}.settings-panel{grid-template-columns:1fr 1fr;gap:10px 16px;width:min(390px,100%);display:grid}.settings-panel .volume-setting{grid-column:1/-1;grid-template-columns:64px minmax(0,1fr) 36px;gap:8px;display:grid}.volume-setting input{width:100%;min-width:0;min-height:28px}.volume-setting output{text-align:right;color:#d9faff}.settings-panel input:focus-visible{outline-offset:3px;outline:2px solid #64efdd}.menu-screen{overscroll-behavior:contain;justify-content:flex-start;height:100%;min-height:0;overflow-y:auto}.menu-screen>*{flex-shrink:0}@media (width<=480px){.menu-screen{gap:16px;padding:20px 16px}.menu-panel{gap:4px;width:100%;padding:12px 8px}.menu-stat{flex:1;min-width:0}.ui-hint{text-align:center}}.weapon-screen{overscroll-behavior:contain;justify-content:flex-start;height:100%;min-height:0;scroll-padding-block:12px;overflow-y:auto}.weapon-screen>*{flex-shrink:0}.weapon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1120px,100%);display:grid}.weapon-card{text-align:left;background:linear-gradient(160deg,#112f3deb,#06121deb);border:1px solid #5bced54d;border-radius:12px;flex-direction:column;align-items:flex-start;min-height:280px;padding:15px;display:flex}.weapon-card:hover{border-color:#5debd8;box-shadow:0 0 24px #3bddd71a}.weapon-card.is-locked{filter:saturate(.45);opacity:.72}.weapon-card-top{color:#64ebd9;justify-content:space-between;width:100%;font:800 10px/1.2 ui-monospace,monospace;display:flex}.weapon-mode{color:#769aa4}.weapon-card h2{margin:18px 0 6px;font-size:18px}.weapon-card p{color:#8aabb4;min-height:48px;margin:0 0 15px;font-size:12px;line-height:1.5}.weapon-bars{color:#7d9ca5;gap:6px;width:100%;font:11px/1.2 ui-monospace,monospace;display:grid}.weapon-bars span{justify-content:space-between;display:flex}.weapon-bars b{color:#e6ffff}.unlock-copy{color:#65e8d4;min-height:30px;margin-top:auto;font-size:11px;line-height:1.4}.is-locked .unlock-copy{color:#d09a69}.weapon-select-button{color:#d9ffff;background:#1e4f5873;border:1px solid #5bdbd359;border-radius:6px;width:100%;margin-top:11px;padding:8px 6px;font-size:12px}.weapon-select-button:focus-visible{outline-offset:3px;border-color:#64efdd;outline:2px solid #64efdd}.weapon-select-button:disabled{cursor:not-allowed;color:#71858b;background:#19242a99;border-color:#71858b40}.combat-hud{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050f19db;border:1px solid #6edeeb4d;border-radius:9px;width:250px;padding:10px 11px;font:11px/1.2 ui-monospace,monospace;position:absolute;top:14px;left:14px;box-shadow:0 9px 25px #00000042}.hud-identity{color:#70f0db;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hud-identity span{color:#90abb3;font-size:9px}.combat-hud{pointer-events:none}.hud-loadout{color:#80eedb;justify-content:space-between;gap:6px;margin-bottom:6px;font-size:10px;display:flex}.hud-volley{grid-column:1/-1}:is(.ui-layer:has(.ui-overlay) .loot-interaction,.ui-layer:has(.ui-overlay) .loot-notice){display:none}.hud-label{color:#accbd1;justify-content:space-between;margin:4px 0 3px;font-size:9px;display:flex}.hud-bar{background:#071018;border:1px solid #c3f6ff26;border-radius:5px;height:5px;overflow:hidden}.hud-bar i{border-radius:inherit;background:linear-gradient(90deg,#e5464e,#ff7a4b);width:0;height:100%;transition:width .18s;display:block}.hud-bar-xp i{background:linear-gradient(90deg,#22bce1,#5beed2)}.hud-core{grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;display:grid}.hud-stat{color:#7f9ca6;border:1px solid #5aaab81f;border-radius:4px;justify-content:space-between;gap:4px;padding:4px 5px;font-size:10px;display:flex}.hud-stat b{color:#e9ffff}.hud-secondary{color:#8daab2;border-top:1px solid #5db9c233;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;padding-top:7px;font-size:10px;display:grid}.hud-secondary[hidden]{display:none}.hud-secondary div{justify-content:space-between;gap:4px;display:flex}.hud-secondary b{color:#e2ffff}.hud-tab-hint{text-align:right;margin-top:8px;font-size:8px}kbd{color:#cde8ec;background:#14242d;border:1px solid #4d6972;border-bottom-width:2px;border-radius:3px;padding:1px 4px}.ui-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030a11d4;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:26px;display:flex;position:absolute;inset:0}.upgrade-grid{grid-template-columns:repeat(3,1fr);gap:15px;width:min(940px,100%);display:grid}.upgrade-card{color:#e6ffff;text-align:left;background:linear-gradient(160deg,#103642f2,#071622f5);border:1px solid #67dcd561;border-radius:13px;min-height:205px;padding:18px;transition:transform .15s,border-color .15s}.upgrade-card:hover,.upgrade-card:focus-visible{outline-offset:2px;border-color:#5debd8;outline:2px solid #5debd83d;transform:translateY(-5px)}.upgrade-card:disabled{cursor:default;opacity:.65}.upgrade-card.rarity-rare{border-color:#70a8ff8c}.upgrade-card.rarity-epic{border-color:#c37bff99}.card-rarity,.card-tags{color:#62eada;letter-spacing:.1em;font:800 10px/1.2 ui-monospace,monospace}.rarity-rare .card-rarity{color:#7eafff}.rarity-epic .card-rarity{color:#ce8cff}.upgrade-card h2{margin:18px 0 8px;font-size:20px}.upgrade-card p{color:#91b0b9;min-height:42px;margin:0 0 18px;line-height:1.5}.card-tags{color:#8ba8b0;letter-spacing:0}.result-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:min(720px,100%);display:grid}.result-grid>div{text-align:center;color:#86aab4;background:#0c2734a6;border:1px solid #5dd3d238;border-radius:8px;gap:5px;padding:14px 10px;font-size:11px;display:grid}.result-grid b{color:#f2ffff;font:800 20px/1 ui-monospace,monospace}@media (width<=1000px){.weapon-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.weapon-grid{grid-template-columns:repeat(2,1fr)}.upgrade-grid{grid-template-columns:1fr;max-height:78vh;overflow-y:auto}.combat-hud{width:min(220px,100vw - 16px);top:8px;left:8px}.result-grid{grid-template-columns:repeat(2,1fr)}}.save-summary{color:#cdeef2;max-width:640px;margin:8px auto;font-size:13px;line-height:1.6}.overwrite-dialog{text-align:center}