:root{--bg-0: #0a0e14;--bg-1: #101722;--bg-2: #16202e;--panel: #131c29e6;--line: #223145;--text: #dce7f2;--text-dim: #7f93a8;--accent: #2fe6b4;--accent-2: #ff3f9e;--danger: #ff3b3b;--warn: #ffb02e;font-size:15px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:radial-gradient(1200px 700px at 70% -10%,#1a2740 0%,transparent 60%),radial-gradient(900px 600px at -10% 110%,#14223a 0%,transparent 55%),var(--bg-0);color:var(--text);font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;user-select:none}.hidden{display:none!important}#menu-screen{height:100%;display:flex;flex-direction:column;padding:28px clamp(20px,4vw,56px);overflow-y:auto}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.logo{display:flex;align-items:center;gap:16px}.logo-mark{display:flex;align-items:center;color:var(--accent);padding:4px 6px}.logo-delta{height:40px;width:auto;color:var(--accent);filter:drop-shadow(0 0 16px #2fe6b466)}.logo-text h1{font-size:22px;font-weight:700}.logo-text p{color:var(--text-dim);font-size:13px;margin-top:2px}.header-actions{position:relative}.settings-btn{display:flex;align-items:center;gap:7px;background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s}.settings-btn:hover{border-color:var(--accent);background:#2fe6b412}.settings-panel{position:absolute;right:0;top:calc(100% + 10px);width:288px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;z-index:60;box-shadow:0 18px 50px #000a;backdrop-filter:blur(8px)}.settings-panel h3{font-size:14px;font-weight:600;color:var(--text-dim);letter-spacing:1.5px;margin-bottom:12px}.settings-panel .field{margin-bottom:11px}.settings-panel .field:last-of-type{margin-bottom:0}.settings-checks{display:flex;flex-direction:column;gap:9px;border-top:1px dashed var(--line);margin-top:14px;padding-top:12px}.menu-body{flex:1;display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,1.6fr) minmax(300px,1.4fr);gap:18px;align-items:stretch;min-height:0}@media(max-width:1200px){.menu-body{grid-template-columns:1fr}.gun-list{max-height:300px}.preview-wrap{height:380px}}.menu-mid{display:flex;flex-direction:column;gap:18px;min-width:0}.menu-mid .primary-btn{margin-top:22px}.menu-mid .modules-panel{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.menu-mid .modules-panel h2{margin-top:0}.menu-mid .config-panel{position:relative;z-index:30}.menu-mid .modules-panel{position:relative;z-index:1}.menu-mid .modules-panel .mode-row{margin-bottom:6px}.menu-mid .modules-panel .primary-btn{margin-top:20px}.menu-mid .panel h2{font-size:15px}.menu-mid .field label{font-size:14px}.menu-mid .module-no{font-size:13px}.menu-mid .module-name{font-size:19px}.menu-mid .module-desc{font-size:14px}.menu-mid .mode-btn{font-size:16px}.menu-mid .mode-btn span{font-size:13px}.menu-mid .primary-btn{font-size:17px}.menu-mid .btn-hint{font-size:12px}.menu-mid .config-panel{padding:22px 24px}.menu-mid .config-panel .slider-grid{gap:17px 18px}.menu-mid .config-panel .field label{margin-bottom:9px}.menu-mid .config-panel h2{margin-bottom:15px}.menu-mid .config-panel .preset-block{margin-top:21px;padding-top:17px}.menu-mid .config-panel .scheme-dropdown{margin-bottom:12px}.menu-mid .config-panel .preset-btn{padding:10px 12px}.value-edit{cursor:pointer;text-decoration:underline dotted rgba(127,147,168,.55);text-underline-offset:3px}.value-edit:hover{color:var(--accent)}.value-editor{width:62px;height:20px;background:var(--bg-2);color:var(--accent);border:1px solid var(--accent);border-radius:5px;font:inherit;font-size:13px;font-weight:600;padding:0 4px;outline:none;appearance:textfield;-moz-appearance:textfield}.value-editor::-webkit-outer-spin-button,.value-editor::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.preset-block{border-top:1px dashed var(--line);margin-top:16px;padding-top:14px}.preset-block h2{font-size:14px;font-weight:600;color:var(--text-dim);letter-spacing:1.5px;margin:0 0 10px}.scheme-dropdown{position:relative;margin-bottom:9px}.scheme-current{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;font-weight:600;cursor:pointer;outline:none}.scheme-current:hover,.scheme-current:focus{border-color:var(--accent)}.scheme-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px;z-index:40;box-shadow:0 18px 50px #000a}.scheme-option{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:7px;cursor:pointer}.scheme-option:hover{background:#1d2a3d}.scheme-option.active{background:#2fe6b414}.scheme-rename{flex:0 0 33%;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);font-size:13px;padding:5px 7px;outline:none;min-width:0}.scheme-rename:hover{border-color:#33507a}.scheme-rename:focus{border-color:var(--accent);background:var(--bg-2)}.scheme-option.empty .scheme-rename{color:var(--text-dim)}.scheme-check{color:var(--accent);font-size:13px;font-weight:700}.preset-btn{background:#2fe6b418;color:var(--accent);border:1px solid #2fe6b455;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.preset-btn:hover{background:#2fe6b430;border-color:var(--accent)}.preset-btn.dirty{box-shadow:0 0 0 1px var(--accent),0 0 14px #2fe6b466}.guns-panel{display:flex;flex-direction:column;min-height:0;padding:16px 14px}.gun-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.gun-list::-webkit-scrollbar{width:8px}.gun-list::-webkit-scrollbar-thumb{background:#2a3a52;border-radius:4px}.gun-list::-webkit-scrollbar-track{background:transparent}.gun-item{flex:0 0 auto;line-height:1.2;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:10px 13px;color:var(--text);font-size:15px;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gun-item:hover{border-color:#33507a}.gun-item.selected{border-color:var(--accent);background:#2fe6b415;color:var(--accent);font-weight:700}.preview-panel{display:flex;flex-direction:column;min-height:0}.preview-wrap{position:relative;flex:1;min-height:420px;border:1px solid var(--line);border-radius:10px;overflow:auto;background:radial-gradient(400px 260px at 50% 100%,#16233a 0%,transparent 70%),var(--bg-0)}.preview-wrap::-webkit-scrollbar{width:8px;height:8px}.preview-wrap::-webkit-scrollbar-thumb{background:#2a3a52;border-radius:4px}.preview-wrap::-webkit-scrollbar-track{background:transparent}#preview-canvas{display:block}.preview-meta{margin-top:10px;font-size:13px;color:var(--text-dim);text-align:center}.preview-legend{display:flex;justify-content:center;gap:18px;margin-top:8px;font-size:12px;color:var(--text-dim)}.preview-legend span{display:flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px}.dot-current{background:var(--accent)}.dot-ghost{background:#8c9baa;opacity:.6}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;backdrop-filter:blur(6px)}.panel h2{font-size:14px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin:4px 0 12px}.panel h2:not(:first-child){margin-top:22px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:92px}.module-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:14px 16px;justify-content:center;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.module-card:hover{border-color:#33507a;transform:translateY(-1px)}.module-card.selected{border-color:var(--accent);background:linear-gradient(135deg,#2fe6b41a,#16202e 60%);box-shadow:0 0 0 1px #2fe6b444,0 8px 24px #0006}.module-no{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:2px}.module-name{font-size:18px;font-weight:700}.module-desc{font-size:13px;color:var(--text-dim);line-height:1.4}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:72px}.mode-btn{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px;cursor:pointer;font-size:15px;font-weight:600;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.mode-btn span{font-size:12px;font-weight:400;color:var(--text-dim)}.mode-btn.selected{border-color:var(--accent);background:#2fe6b415}.field-row{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.field-row label{font-size:13px;color:var(--text-dim)}select{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;outline:none}select:focus{border-color:var(--accent)}.slider-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}.field label{display:flex;justify-content:space-between;font-size:13px;color:var(--text-dim);margin-bottom:6px}.field output{color:var(--accent);font-weight:600}input[type=range]{width:100%;height:4px;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--accent) var(--fill, 50%),#223145 var(--fill, 50%));border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#dffef4;border:2px solid var(--accent);box-shadow:0 0 8px #2fe6b488}.check-row{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:7px;font-size:14px;cursor:pointer}.check input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.primary-btn{width:100%;margin-top:20px;background:linear-gradient(135deg,#2fe6b4,#1db98d);color:#04241a;font-size:16px;font-weight:800;border:none;border-radius:10px;padding:14px;cursor:pointer;transition:filter .15s,transform .1s;display:flex;flex-direction:column;align-items:center;gap:3px}.primary-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}.btn-hint{font-size:11px;font-weight:500;opacity:.75}.ghost-btn{width:100%;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px;font-size:14px;cursor:pointer;margin-top:8px;transition:border-color .15s,background .15s}.ghost-btn:hover{border-color:#33507a;background:#16202e88}#game-screen{position:fixed;inset:0;background:var(--bg-0)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:none}#game-screen.unlocked #game-canvas{cursor:crosshair}#lock-hint{position:absolute;left:50%;bottom:108px;transform:translate(-50%);z-index:5;font-size:14px;color:#b8cfe6;background:#0d1419d9;border:1px solid var(--line);border-radius:999px;padding:9px 22px;pointer-events:none;white-space:nowrap}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#060a10cc;backdrop-filter:blur(4px);z-index:10}.overlay-card{width:min(420px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:30px 32px;text-align:center;box-shadow:0 24px 80px #000a}.overlay-card h2{font-size:20px;margin-bottom:6px}.overlay-tip{color:var(--text-dim);font-size:13px;margin-bottom:18px}.result-grade{font-size:64px;font-weight:900;line-height:1;margin-bottom:8px;text-shadow:0 0 40px currentColor}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:18px 0;text-align:left}.result-stats .stat{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.stat .stat-label{font-size:11px;color:var(--text-dim)}.stat .stat-value{font-size:17px;font-weight:700;margin-top:1px}.result-extra{font-size:12px;color:var(--text-dim);margin-bottom:14px;min-height:16px}.result-actions{display:flex;flex-direction:column}.result-actions .primary-btn{margin-top:0}