:root{--bottom-h:clamp(176px, 30vh, 218px);--gap:12px;--radius:22px;--radius-s:14px;--bg:#0d0f13;--glass:#181b2285;--glass-strong:#14161cb8;--glass-soft:#ffffff12;--glass-hover:#ffffff24;--stroke:#ffffff29;--stroke-soft:#ffffff14;--blur:blur(26px) saturate(170%);--shadow:0 10px 40px #00000061, 0 1px 0 #ffffff1f inset;--text:#f5f6f8;--muted:#ebeef59e;--accent:#ff7a45;--accent-hi:#ffb347;--accent-grad:linear-gradient(135deg, #ffb347 0%, #ff7a45 48%, #ff4d6d 100%);--cool-grad:linear-gradient(135deg, #6ee7ff 0%, #5b8cff 55%, #9b6bff 100%);--olive:#9bd16a;--gold:#ffd27a;--bad:#ff6b6b;--good:#5fe08a;--blue:#5b9dff;--panel:var(--glass);--panel-2:var(--glass-soft);--border:var(--stroke-soft);--border-hi:var(--stroke);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#app,.stage{position:fixed;inset:0}.canvas-host{cursor:default;position:absolute;inset:0;overflow:hidden}.game-canvas{display:block}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hidden{display:none!important}.res,.top-stats,.top-buttons,.minimap-box,.info-panel,.card-box,.tooltip,.toast,.mode-banner,.cursor-hint,.review-bar,.panel,.asset-loading-card{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);box-shadow:var(--shadow)}.topbar{top:var(--gap);left:var(--gap);right:var(--gap);align-items:center;gap:10px;height:44px;font-size:14px;display:flex;position:absolute;pointer-events:none!important}.topbar>*{pointer-events:auto}.side-badge{background:var(--glass);height:44px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 8px;font-size:14px;font-weight:650;display:flex}.side-flag{border-radius:7px;flex-direction:column;width:40px;height:28px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000059,0 0 0 1px #ffffff40}.side-flag span{flex:1}.res-bar{gap:8px;display:flex}.res{border-radius:999px;align-items:center;gap:7px;min-width:104px;height:44px;padding:0 16px 0 12px;display:flex}.res-icon{filter:saturate(1.15);font-size:17px}.res-value{font-variant-numeric:tabular-nums;font-size:17px;font-weight:650}.res-rate{color:var(--good);font-size:11px;font-weight:600}.top-stats{height:44px;color:var(--muted);border-radius:999px;align-items:center;gap:16px;padding:0 18px;font-size:13px;display:flex}.top-stats .stat{color:var(--text);font-weight:650}.pop.full{color:var(--bad)}.age{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.clock{font-variant-numeric:tabular-nums}.top-buttons{border-radius:999px;align-items:center;gap:6px;height:44px;margin-left:auto;padding:0 6px;display:flex}.speed-box{background:#00000038;border-radius:999px;gap:2px;padding:3px;display:flex}.btn{font:inherit;color:var(--text);background:var(--glass-soft);border:1px solid var(--stroke);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:10px 20px;font-weight:600;transition:background .18s,transform .12s,box-shadow .18s,border-color .18s}.btn:hover{background:var(--glass-hover);border-color:#ffffff4d}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent-grad);color:#fff;border-color:#ffffff59;box-shadow:0 8px 26px #ff6e466b,inset 0 1px #ffffff59}.btn.primary:hover{filter:brightness(1.08)saturate(1.1)}.btn.danger{color:#fff;background:linear-gradient(135deg,#ff6b6b,#d6336c);border-color:#ffffff4d}.btn.small{padding:7px 14px;font-size:13px}.btn.tiny{background:0 0;border-color:#0000;padding:5px 11px;font-size:13px}.btn.tiny:hover{background:var(--glass-hover)}.btn.on{color:#14161b;background:#fff;border-color:#fff;box-shadow:0 2px 10px #ffffff40}.btn.disabled{opacity:.4;pointer-events:none}.bottom{left:var(--gap);right:var(--gap);bottom:var(--gap);height:calc(var(--bottom-h) - var(--gap));align-items:stretch;gap:var(--gap);display:flex;position:absolute;pointer-events:none!important}.bottom>*{pointer-events:auto;border-radius:var(--radius)}.minimap-box{width:calc(var(--bottom-h) - var(--gap));flex:none;height:100%;padding:8px}.minimap-canvas{border-radius:calc(var(--radius) - 8px);cursor:crosshair;background:#000;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #ffffff1a}.info-panel{flex:1;min-width:0;height:100%;padding:14px 20px;overflow:hidden auto}.card-box{flex:none;width:372px;height:100%;padding:10px}.card-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:calc((var(--bottom-h) - var(--gap) - 36px) / 3);gap:7px;display:grid}.card-btn{font:inherit;color:var(--text);background:var(--glass-soft);border:1px solid var(--stroke-soft);border-radius:var(--radius-s);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px;transition:background .16s,transform .1s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.card-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f,#0000);position:absolute;inset:0 0 55%}.card-btn:hover{background:var(--glass-hover);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 6px 18px #0000004d}.card-btn:active{transform:scale(.96)}.card-btn.active{background:linear-gradient(var(--glass-strong), var(--glass-strong)) padding-box, var(--accent-grad) border-box;border:1.5px solid #0000;box-shadow:0 0 22px #ff7a4573}.card-btn.disabled{opacity:.35}.card-btn.unaffordable{border-color:#ff6b6bb3}.card-icon{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 4px #0006);width:38px;height:38px}.card-glyph{font-size:25px;line-height:38px}.card-key{text-align:center;min-width:16px;color:var(--text);background:#00000059;border-radius:6px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:4px;left:5px}.card-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--muted);font-size:10px;font-weight:500;line-height:12px;overflow:hidden}.info-head{align-items:center;gap:14px;margin-bottom:6px;display:flex}.info-panel::-webkit-scrollbar{width:6px}.info-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.portrait{object-fit:contain;border:1px solid var(--stroke-soft);background:#ffffff14;border-radius:12px;width:44px;height:44px}.portrait.big{border-radius:18px;width:64px;height:64px}.portrait.ph{color:var(--muted);place-items:center;display:grid}.info-name{letter-spacing:-.02em;font-size:20px;font-weight:700}.info-owner{color:var(--muted);margin-bottom:6px;font-size:12px}.hp-bar{background:#00000059;border-radius:999px;width:240px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.hp-fill{border-radius:999px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px}.hp-bar span{text-align:center;text-shadow:0 1px 2px #0009;font-size:10px;font-weight:700;line-height:16px;display:block;position:relative}.info-line{color:var(--muted);margin:2px 0;font-size:13px}.info-line.warn{color:var(--gold)}.info-empty{color:var(--text);padding-top:6px;font-size:15px;font-weight:600}.info-hint.small{opacity:.6;font-size:12px;font-weight:400}.multi-head{color:var(--muted);margin-bottom:8px;font-size:13px}.multi-grid{grid-template-columns:repeat(auto-fill,44px);gap:6px;max-height:120px;display:grid;overflow:hidden}.multi-cell{cursor:pointer;border-radius:12px;position:relative}.multi-cell.active .portrait{border-color:var(--accent-hi);box-shadow:0 0 12px #ffa05080}.multi-cell .portrait{width:44px;height:38px}.mini-hp{background:#0006;border-radius:999px;height:3px;margin-top:2px;overflow:hidden}.mini-hp-fill{border-radius:999px;height:100%}.queue{gap:8px;margin-top:8px;display:flex}.queue-cell{cursor:pointer;width:44px;position:relative}.queue-bar{background:#0006;border-radius:999px;height:4px;margin-top:3px;overflow:hidden}.queue-fill{background:var(--cool-grad);border-radius:999px;height:100%}.queue-wait{font-size:12px;position:absolute;top:2px;right:3px}.trade{flex-direction:column;gap:5px;margin-top:6px;display:flex}.trade-row{align-items:center;gap:5px;display:flex}.trade-label{width:56px;color:var(--muted);font-size:12px}.tooltip{z-index:30;background:var(--glass-strong);border-radius:18px;width:310px;padding:14px 16px;position:fixed;pointer-events:none!important}.tt-title{margin-bottom:5px;font-size:15px;font-weight:700}.tt-line{color:var(--muted);margin:3px 0;font-size:12px;line-height:1.4}.tt-cost{gap:6px;margin:8px 0 2px;display:flex}.cost-chip{background:#ffffff1a;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.cost-chip.lacking{color:var(--bad);background:#ff6b6b29}.tt-reason{color:var(--bad);margin-top:6px;font-size:12px;font-weight:650}.toasts{left:50%;bottom:calc(var(--bottom-h) + 16px);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--glass-strong);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:550;animation:.28s cubic-bezier(.2,.9,.3,1.2) toast-in}.toast.error{color:#ffd0d0;border-color:#ff6b6b99;box-shadow:0 8px 30px #ff505040}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.selbox{background:#78b4ff24;border:1.5px solid #ffffffe6;border-radius:6px;position:absolute;box-shadow:0 0 18px #78b4ff59;pointer-events:none!important}.cursor-hint{white-space:nowrap;background:#78141eb8;border-color:#ff6b6b99;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:550;position:absolute;pointer-events:none!important}.mode-banner{border-radius:999px;padding:8px 20px;font-size:13px;font-weight:600;position:absolute;top:74px;left:50%;transform:translate(-50%);pointer-events:none!important}.debug{top:66px;left:var(--gap);color:#9fffb0;background:#00000080;border-radius:10px;padding:6px 10px;font:11px ui-monospace,SF Mono,monospace;position:absolute;pointer-events:none!important}.menu-layer{z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-layer.opaque{background:radial-gradient(60% 50% at 18% 20%,#ff8c468c,#0000 70%),radial-gradient(55% 50% at 85% 25%,#ff46786b,#0000 70%),radial-gradient(70% 60% at 50% 100%,#5a78ff66,#0000 70%),#0d0f13}.menu-layer:not(.opaque){-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#080a0e73}.menu-layer.review{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;align-items:flex-start}.review-bar{pointer-events:auto;border-radius:999px;align-items:center;gap:14px;margin-top:72px;padding:10px 20px;display:flex}.title-screen{position:absolute;inset:0;overflow:hidden}.skyline{opacity:.55;mix-blend-mode:multiply;width:100%;height:38%;position:absolute;bottom:0;left:0}.title-box{text-align:center;z-index:1;padding:30px 40px;position:relative}.title-kicker{letter-spacing:.32em;color:#ffffffbf;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:600}.title-box h1{letter-spacing:-.04em;color:#fff;text-shadow:0 10px 50px #00000059;margin:0;font-size:76px;font-weight:800}.title-sub{color:#ffffffc7;margin:12px 0 34px;font-size:18px;font-weight:450}.title-foot{color:#ffffff8c;margin-top:28px;font-size:12px}.menu-buttons{width:320px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow);background:#ffffff1a;border:1px solid #ffffff38;border-radius:30px;flex-direction:column;gap:10px;margin:0 auto;padding:14px;display:flex}.menu-buttons .btn{border-radius:18px;padding:14px 20px;font-size:16px}.panel{background:var(--glass-strong);border-radius:30px;width:min(640px,92vw);max-height:90vh;padding:28px 32px;position:relative;overflow:auto;box-shadow:0 30px 90px #00000080,inset 0 1px #ffffff24}.panel.wide{width:min(900px,94vw)}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.panel h2{letter-spacing:-.03em;color:#fff;margin:0 0 16px;font-size:28px;font-weight:750}.panel h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;font-size:12px;font-weight:700}.lead{color:var(--muted);line-height:1.55}.lead.small{font-size:13px}.result-win{color:var(--good);font-size:17px;font-weight:600}.result-lose{color:var(--bad);font-size:17px;font-weight:600}.row-buttons{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.diff-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.diff-card{font:inherit;color:var(--text);text-align:left;background:var(--glass-soft);border:1.5px solid var(--stroke-soft);cursor:pointer;border-radius:20px;padding:16px;transition:background .18s,transform .12s,box-shadow .18s}.diff-card:hover{background:var(--glass-hover);transform:translateY(-2px)}.diff-card.on{background:linear-gradient(#281e1cd9, #281e1cd9) padding-box, var(--accent-grad) border-box;border-color:#0000;box-shadow:0 10px 34px #ff6e464d}.diff-name{margin-bottom:4px;font-size:17px;font-weight:700}.diff-cards.sides{grid-template-columns:repeat(2,1fr)}.side-dot{vertical-align:1px;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block;box-shadow:0 0 10px}.diff-desc{color:var(--muted);font-size:12px;line-height:1.4}.seed-row{align-items:center;gap:10px;display:flex}.seed-input{width:140px;font:inherit;color:var(--text);border:1px solid var(--stroke);background:#0000004d;border-radius:999px;outline:none;padding:9px 14px}.seed-input:focus{border-color:var(--accent-hi);box-shadow:0 0 0 3px #ff964640}.slots{flex-direction:column;gap:8px;display:flex}.slot{background:var(--glass-soft);border:1px solid var(--stroke-soft);border-radius:18px;align-items:center;gap:8px;padding:12px 14px;display:flex}.slot-info{flex:1;font-size:14px}.slot-info.empty{color:var(--muted)}.slot-info.error{color:var(--bad)}.setting{background:var(--glass-soft);border-radius:16px;align-items:center;gap:12px;margin:6px 0;padding:10px 14px;display:flex}.setting>span:first-child{flex:1}.setting input[type=range]{width:220px;accent-color:var(--accent)}.setting input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.slider-val{text-align:right;width:44px;color:var(--muted);font-variant-numeric:tabular-nums}.setting select{font:inherit;color:var(--text);border:1px solid var(--stroke);background:#0000004d;border-radius:999px;padding:6px 12px}.help-intro p,.help-intro li{color:var(--muted);font-size:14px;line-height:1.55}.help-table{border-collapse:collapse;width:100%;font-size:13px}.help-table td{border-bottom:1px solid var(--stroke-soft);vertical-align:top;padding:7px 8px}.help-table .keys{width:34%;color:var(--text);white-space:nowrap;font-weight:650}.results-table{border-collapse:collapse;width:100%;margin-top:12px}.results-table th,.results-table td{border-bottom:1px solid var(--stroke-soft);text-align:right;font-variant-numeric:tabular-nums;padding:8px 10px;font-size:14px}.results-table td:first-child,.results-table th:first-child{text-align:left;color:var(--muted)}@media (max-width:1100px){.side-name{display:none}.side-badge{padding:0 8px}.card-box{width:300px}.res{min-width:86px;padding:0 12px 0 10px}.top-stats{gap:10px;padding:0 14px}}.idle{color:var(--gold);border-color:#ffd27a99}.asset-loading{z-index:100;background:radial-gradient(60% 50% at 20% 20%,#ff8c4680,#0000 70%),radial-gradient(60% 60% at 80% 90%,#5a78ff66,#0000 70%),#0d0f13;place-items:center;display:grid;position:absolute;inset:0}.asset-loading-card{text-align:center;border-radius:30px;width:min(540px,90vw);padding:36px}.asset-loading-card h2{letter-spacing:-.03em;color:#fff;font-weight:750}.asset-loading-card progress{width:100%;height:16px;accent-color:var(--accent)}.asset-loading-card .btn{margin:8px}.benchmark-reset{z-index:8;opacity:.75;font-size:11px;position:absolute;top:104px;left:12px}