:root{--bg-0:#0b1020;--bg-1:#0f1626;--surface-1:#101728b8;--surface-1-opaque:#131b30;--surface-2:#ffffff0d;--surface-3:#ffffff17;--border-1:#94a3b824;--border-2:#94a3b847;--border-inner-hi:#ffffff0f;--text-1:#e6eaf2;--text-2:#bcc6d8;--text-3:#8894ad;--text-on-accent:#0b1020;--accent:#38bdf8;--accent-strong:#0ea5e9;--accent-soft:#38bdf824;--gold:#fbbf24;--success:#34d399;--danger:#f87171;--info:#38bdf8;--success-soft:#34d39924;--danger-soft:#f8717124;--cat-road:#94a3b8;--cat-residential:#60a5fa;--cat-commercial:#4ade80;--cat-industrial:#fbbf24;--cat-infrastructure:#c084fc;--cat-landmark:#f472b6;--cat-demolish:#f87171;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:15px;--fs-xl:18px;--fs-2xl:22px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-full:999px;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 16px #00000059, 0 1px 3px #0000004d;--shadow-lg:0 12px 40px #00000080, 0 2px 8px #00000059;--blur-panel:14px;--blur-modal:20px;--ease:cubic-bezier(.2, 0, 0, 1);--t-fast:.12s;--t-med:.2s;--z-hud:100;--z-panel:200;--z-modal:900;--z-toast:1000}:root[data-theme=light]{--bg-0:#eef2f8;--bg-1:#e2e8f2;--surface-1:#ffffffb8;--surface-1-opaque:#fff;--surface-2:#0f172a0d;--surface-3:#0f172a17;--border-1:#0f172a1f;--border-2:#0f172a38;--border-inner-hi:#ffffffb3;--text-1:#1e293b;--text-2:#3a4763;--text-3:#64708a;--text-on-accent:#fff;--accent:#0284c7;--accent-strong:#0369a1;--accent-soft:#0284c71f;--gold:#b45309;--success:#059669;--danger:#dc2626;--info:#0284c7;--success-soft:#0596691f;--danger-soft:#dc26261f;--cat-road:#64748b;--cat-residential:#2563eb;--cat-commercial:#16a34a;--cat-industrial:#d97706;--cat-infrastructure:#9333ea;--cat-landmark:#db2777;--cat-demolish:#dc2626;--shadow-sm:0 1px 2px #0f172a1a;--shadow-md:0 4px 16px #0f172a1a, 0 1px 3px #0f172a14;--shadow-lg:0 12px 40px #0f172a2e, 0 2px 8px #0f172a1a}.glass{background:linear-gradient(180deg, #ffffff0a, #fff0 40%), var(--surface-1);border:1px solid var(--border-1);box-shadow:inset 0 1px 0 var(--border-inner-hi), var(--shadow-md);border-radius:var(--r-md);-webkit-backdrop-filter:blur(var(--blur-panel)) saturate(1.2)}@supports not (backdrop-filter:blur(1px)){.glass{background:var(--surface-1-opaque)}}button{transition:background var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease);font-family:inherit}button:hover{background:var(--surface-3)}button:active{transform:scale(.97)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at 50% 0%, var(--bg-1) 0%, var(--bg-0) 60%);color:var(--text-1);font-family:var(--font-ui);height:100vh;overflow:hidden}#app{height:100vh;position:relative}#gameContainer{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#gameCanvas{border:1px solid var(--border-2);width:min(100vh - 32px,100vw - 32px);height:min(100vh - 32px,100vw - 32px);box-shadow:var(--shadow-lg);image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;background:#000}#ui-container{pointer-events:none;width:100%;height:100%;position:relative}.stat-value{color:#00ff7f;font-variant-numeric:tabular-nums;text-align:center;min-width:60px;font-size:18px;font-weight:700;display:inline-block}.slot-btn{color:#e0e0e0;cursor:pointer;text-align:center;background:linear-gradient(135deg,#1a3a3a,#0a2a2a);border:1px solid #00bfff;border-radius:3px;padding:6px 8px;font-size:11px;font-weight:700;transition:all .2s}.slot-btn:hover{background:linear-gradient(135deg,#2a5a5a,#1a3a3a);box-shadow:0 0 8px #00bfff66}.slot-btn.active{color:#000;background:linear-gradient(135deg,#00bfff,#09c);box-shadow:0 0 12px #00bfffb3}.modal{-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal);padding:var(--sp-4);animation:modal-fade var(--t-med) var(--ease);background:#070a1499;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-content{width:100%;max-width:440px;max-height:90vh;padding:var(--sp-5);background:linear-gradient(180deg, #ffffff0a, #fff0 40%), var(--surface-1);border:1px solid var(--border-1);box-shadow:inset 0 1px 0 var(--border-inner-hi), var(--shadow-lg);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(var(--blur-modal)) saturate(1.2);animation:modal-scale-in var(--t-med) var(--ease);overflow-y:auto}@supports not (backdrop-filter:blur(1px)){.modal-content{background:var(--surface-1-opaque)}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-content-wide{max-width:480px}.modal-content h2{font-size:var(--fs-2xl);color:var(--text-1);margin-bottom:var(--sp-2)}.modal-content p,.modal-lead{color:var(--text-2);font-size:var(--fs-md);margin-bottom:var(--sp-3)}.modal-section{margin:var(--sp-4) 0}.modal-section-title{font-size:var(--fs-sm);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-2);font-weight:700}.settings-group{flex-direction:column;gap:2px;display:flex}.toggle-row{justify-content:space-between;align-items:center;gap:var(--sp-3);color:var(--text-1);font-size:var(--fs-md);cursor:pointer;padding:8px 0;display:flex}.switch{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch-track{background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--r-full);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);position:absolute;inset:0}.switch-track:before{content:"";background:var(--text-2);width:14px;height:14px;transition:transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.switch-track{background:var(--accent-strong);border-color:var(--accent-strong)}.switch input:checked+.switch-track:before{background:var(--text-on-accent);transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.shortcut-list{gap:var(--sp-2) var(--sp-3);grid-template-columns:auto 1fr;margin:0;display:grid}.shortcut-row{display:contents}.shortcut-list dt{margin:0}.shortcut-list dd{color:var(--text-2);font-size:var(--fs-sm);align-self:center;margin:0}.shortcut-list kbd{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-sm);min-width:1.6em;color:var(--text-1);font-family:var(--font-ui);font-size:var(--fs-xs);text-align:center;padding:2px 6px;font-weight:700;display:inline-block}.option-cards{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.option-card{padding:var(--sp-2) var(--sp-1);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-sm);text-align:center;cursor:pointer;flex-direction:column;gap:2px;display:flex;position:relative}.option-card input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.option-card-title{font-size:var(--fs-sm);color:var(--text-1);font-weight:700}.option-card-sub{font-size:var(--fs-xs);color:var(--text-2);line-height:1.3}.option-card.selected{background:var(--accent-soft);border-color:var(--accent)}.option-card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.modal-buttons{gap:var(--sp-2);margin-top:var(--sp-4);display:flex}.modal-buttons-vertical{gap:var(--sp-2);margin-top:var(--sp-4);flex-direction:column;display:flex}.modal-buttons-vertical .btn-primary,.modal-buttons-vertical .btn-secondary{flex:none;width:100%}.btn-primary,.btn-secondary{padding:10px var(--sp-3);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-md);border:none;flex:1;font-weight:700}.btn-primary{background:var(--accent-strong);color:var(--text-on-accent)}.btn-secondary{background:var(--surface-3);color:var(--text-1);border:1px solid var(--border-2)}.slots{gap:var(--sp-2);margin:var(--sp-3) 0;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.slot-btn{padding:var(--sp-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-sm);color:var(--text-1);cursor:pointer;font-size:var(--fs-sm);text-align:center;font-weight:700}.slot-btn:hover{background:var(--surface-3)}.mobile-panel{z-index:var(--z-panel);pointer-events:auto;touch-action:manipulation;border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;height:45vh;max-height:80vh;padding-bottom:env(safe-area-inset-bottom,0px);transition:height var(--t-med) var(--ease);border-bottom:none;border-left:none;border-right:none;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.mobile-panel.sheet-collapsed{height:25vh}.mobile-sheet-grabber{width:100%;min-height:28px;padding:var(--sp-2) 0;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-sheet-handle{border-radius:var(--r-full);background:var(--border-2);width:40px;height:4px;transition:background var(--t-fast) var(--ease)}.mobile-sheet-grabber:hover .mobile-sheet-handle,.mobile-sheet-grabber:focus-visible .mobile-sheet-handle{background:var(--text-3)}.mobile-stat-strip{justify-content:space-around;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3) var(--sp-2);flex-shrink:0;display:flex}.mobile-stat-strip .stat-chip{flex:1;justify-content:center;min-width:0;overflow:hidden}.mobile-stat-strip .stat-chip-primary .stat-value{font-size:var(--fs-lg)}.mobile-tab-bar{padding:0 var(--sp-2) var(--sp-2);flex-shrink:0;gap:2px;display:flex}.mobile-tab-btn{border-radius:var(--r-sm);min-height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden}.mobile-tab-btn:before{content:"";background:var(--accent);height:0;transition:height var(--t-fast) var(--ease);border-radius:0 0 2px 2px;position:absolute;top:0;left:10px;right:10px}.mobile-tab-btn.active{background:var(--accent-soft);color:var(--accent)}.mobile-tab-btn.active:before{height:2px}.mobile-tab-icon{font-size:var(--fs-lg);line-height:1}.mobile-tab-label{font-size:var(--fs-xs);white-space:nowrap;line-height:1}.mobile-tab-content{padding:var(--sp-3);gap:var(--sp-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.mobile-tab-pane{display:none}.mobile-tab-pane.active{gap:var(--sp-3);flex-direction:column;display:flex}.mobile-stats-grid{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.mobile-stats-grid .stat-chip{width:100%}.demand-meter-container-mobile{border-top:1px solid var(--border-1);padding-top:var(--sp-2);flex-direction:column;gap:4px;display:flex}.demand-meter-mobile{padding:4px var(--sp-1);font-size:var(--fs-sm);color:var(--text-2);justify-content:space-between;align-items:center;display:flex}.demand-meter-mobile span{gap:var(--sp-2);display:flex}.btn-toggle-demand-mobile{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-sm);width:100%;min-height:44px;color:var(--text-1);cursor:pointer;font-size:var(--fs-sm);padding:10px;font-weight:700}.btn-toggle-demand-mobile:hover{background:var(--surface-3)}.mobile-chip-row{gap:var(--sp-2);flex-shrink:0;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-chip{min-height:44px;padding:0 var(--sp-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-full);color:var(--text-1);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.mobile-chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mobile-chip-demolish.active{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.mobile-chip-dot{background:var(--cat-color,var(--cat-road));border-radius:50%;flex-shrink:0;width:8px;height:8px}.mobile-chip-icon{font-size:var(--fs-md);line-height:1}.mobile-chip-label{font-size:var(--fs-sm);font-weight:700}.mobile-chip-road{--cat-color:var(--cat-road)}.mobile-chip-residential{--cat-color:var(--cat-residential)}.mobile-chip-commercial{--cat-color:var(--cat-commercial)}.mobile-chip-industrial{--cat-color:var(--cat-industrial)}.mobile-chip-infrastructure{--cat-color:var(--cat-infrastructure)}.mobile-chip-landmark{--cat-color:var(--cat-landmark)}.mobile-chip-demolish{--cat-color:var(--cat-demolish)}.mobile-build-description{padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-sm);flex-shrink:0;line-height:1.4}.mobile-build-options{gap:var(--sp-2);grid-template-columns:repeat(2,1fr);display:grid}.mobile-time-controls{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.mobile-time-btn{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-sm);min-height:56px;color:var(--text-1);cursor:pointer;font-size:var(--fs-lg);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.mobile-time-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.mobile-time-label{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;font-weight:700}.mobile-menu-buttons{gap:var(--sp-2);flex-direction:column;display:flex}.mobile-menu-btn{min-height:44px;padding:0 var(--sp-3);align-items:center;gap:var(--sp-2);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-sm);color:var(--text-1);cursor:pointer;font-size:var(--fs-md);text-align:left;font-weight:700;display:flex}.mobile-menu-btn:hover{background:var(--surface-3)}@media (width>=601px) and (width<=1024px){.mobile-panel{height:40vh}.mobile-panel.sheet-collapsed{height:22vh}.mobile-stats-grid{grid-template-columns:repeat(4,1fr)}.mobile-build-options{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.mobile-stats-grid{grid-template-columns:repeat(2,1fr)}.mobile-build-options{grid-template-columns:1fr}.mobile-tab-label{font-size:10px}}@media (width>=1025px){.mobile-panel{display:none!important}}.hud-bar{justify-content:space-between;align-items:center;gap:var(--sp-4);height:48px;padding:0 var(--sp-4);pointer-events:auto;z-index:var(--z-hud);border-top:none;border-left:none;border-right:none;border-radius:0;display:flex;position:fixed;top:0;left:0;right:0}.hud-primary{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.hud-time{background:var(--surface-2);border-radius:var(--r-full);align-items:center;gap:2px;padding:3px;display:flex}.hud-right{align-items:center;gap:var(--sp-2);display:flex}.hud-detail-toggle{color:var(--text-2);font-size:var(--fs-sm);padding:4px var(--sp-2);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none}.hud-detail-toggle[aria-expanded=true]{color:var(--accent)}.hud-menu-btn{background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-1);font-size:var(--fs-lg);cursor:pointer;justify-content:center;align-items:center;display:flex}.hud-pill{padding:3px var(--sp-2);border-radius:var(--r-full);font-size:var(--fs-xs);white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:inline-flex}.hud-pill-warn{background:var(--danger-soft);color:var(--danger)}.hud-pill-danger{background:var(--danger-soft);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.hidden{display:none!important}.stat-chip{padding:4px var(--sp-2);background:var(--surface-2);border-radius:var(--r-sm);align-items:center;gap:6px;display:inline-flex;position:relative}.stat-chip-primary{padding:2px var(--sp-2)}.stat-icon{font-size:var(--fs-md);line-height:1}.stat-chip-body{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-chip .stat-value{font-size:var(--fs-md);color:var(--text-1);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;line-height:1.1}.stat-chip-primary .stat-value{font-size:var(--fs-xl)}.stat-gold{color:var(--gold)!important}.stat-bar{border-radius:var(--r-full);background:#ffffff14;width:100%;min-width:34px;height:3px;display:block;overflow:hidden}.stat-bar-fill{border-radius:var(--r-full);background:var(--text-2);width:0%;height:100%;transition:width var(--t-med) var(--ease);display:block}.stat-bar-fill.bar-success{background:var(--success)}.stat-bar-fill.bar-mid{background:var(--text-2)}.stat-bar-fill.bar-danger{background:var(--danger)}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);background:linear-gradient(180deg, #ffffff0a, #fff0 40%), var(--surface-1-opaque);border:1px solid var(--border-1);border-radius:var(--r-sm);padding:4px var(--sp-2);font-size:var(--fs-sm);color:var(--text-1);white-space:nowrap;z-index:var(--z-toast);pointer-events:none;transition-delay:.3s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.hud-detail-panel{opacity:0;transition:grid-template-rows var(--t-med) var(--ease), opacity var(--t-med) var(--ease), transform var(--t-med) var(--ease);pointer-events:none;z-index:var(--z-hud);border-top:none;border-left:none;border-right:none;border-radius:0;grid-template-rows:0fr;display:grid;position:fixed;top:48px;left:0;right:0;transform:translateY(-4px)}.hud-detail-panel.open{opacity:1;pointer-events:auto;grid-template-rows:1fr;transform:translateY(0)}.hud-detail-inner{gap:var(--sp-2);min-height:0;padding:var(--sp-3) var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid;overflow:hidden}.time-btn{padding:5px var(--sp-3);color:var(--text-2);border-radius:var(--r-full);cursor:pointer;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;background:0 0;border:none;font-weight:700}.time-btn:hover{background:var(--surface-3);color:var(--text-1)}.time-btn.active{background:var(--accent-soft);color:var(--accent)}.build-toolbar-wrapper{bottom:var(--sp-5);align-items:center;gap:var(--sp-2);pointer-events:none;z-index:var(--z-hud);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.build-toolbar{gap:var(--sp-1);padding:var(--sp-1);pointer-events:auto;border-radius:var(--r-lg);display:flex}.build-cat-btn{border-radius:var(--r-md);width:56px;height:56px;color:var(--text-1);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden}.build-cat-btn:before{content:"";background:var(--cat-color,var(--cat-road));height:3px;transition:height var(--t-fast) var(--ease);border-radius:0 0 2px 2px;position:absolute;top:0;left:10px;right:10px}.build-cat-btn.active:before{height:4px}.build-cat-btn.active{background:var(--accent-soft)}.build-cat-demolish.active{background:var(--danger-soft)}.build-cat-icon{font-size:var(--fs-xl);line-height:1}.build-cat-label{font-size:var(--fs-xs);color:var(--text-2);line-height:1}.build-cat-road{--cat-color:var(--cat-road)}.build-cat-residential{--cat-color:var(--cat-residential)}.build-cat-commercial{--cat-color:var(--cat-commercial)}.build-cat-industrial{--cat-color:var(--cat-industrial)}.build-cat-infrastructure{--cat-color:var(--cat-infrastructure)}.build-cat-landmark{--cat-color:var(--cat-landmark)}.build-cat-demolish{--cat-color:var(--cat-demolish)}.build-subpanel{gap:var(--sp-2);padding:var(--sp-3);pointer-events:auto;opacity:0;visibility:hidden;max-height:320px;transition:opacity var(--t-med) var(--ease), transform var(--t-med) var(--ease);grid-template-columns:repeat(2,minmax(180px,1fr));display:grid;overflow-y:auto;transform:translateY(8px)}.build-subpanel.open{opacity:1;visibility:visible;transform:translateY(0)}.build-card{align-items:center;gap:var(--sp-2);padding:var(--sp-2);background:var(--surface-2);border-radius:var(--r-sm);color:var(--text-1);cursor:pointer;text-align:left;border:1px solid #0000;display:flex}.build-card.active{background:var(--accent-soft);border-color:var(--accent)}.build-card.unaffordable{opacity:.45}.build-card.unaffordable .build-card-cost{color:var(--danger)}.drag-demolish-toggle{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-sm);cursor:pointer;color:var(--text-1);font-size:var(--fs-sm);user-select:none;grid-column:1/-1;display:flex}.drag-demolish-checkbox{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.drag-demolish-track{border-radius:var(--r-full);background:var(--surface-3);border:1px solid var(--border-2);width:38px;height:22px;transition:background var(--t-fast) var(--ease);flex-shrink:0;position:relative}.drag-demolish-track:before{content:"";background:var(--text-2);width:16px;height:16px;transition:transform var(--t-fast) var(--ease), background var(--t-fast) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.drag-demolish-checkbox:checked+.drag-demolish-track{background:var(--danger-soft);border-color:var(--danger)}.drag-demolish-checkbox:checked+.drag-demolish-track:before{background:var(--danger);transform:translate(16px)}.drag-demolish-checkbox:focus-visible+.drag-demolish-track{outline:2px solid var(--accent);outline-offset:2px}.drag-demolish-text{color:var(--text-2)}.build-card-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.build-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.build-card-name{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.build-card-cost{font-size:var(--fs-xs);color:var(--gold);font-variant-numeric:tabular-nums}.budget-panel{bottom:var(--sp-4);left:var(--sp-4);z-index:var(--z-hud);pointer-events:auto;width:220px;position:fixed;overflow:hidden}.budget-panel-header{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);color:var(--text-1);cursor:pointer;font-size:var(--fs-sm);text-align:left;background:0 0;border:none;font-weight:700;display:flex}.budget-panel-header:hover{background:var(--surface-3)}.budget-panel-title{flex-shrink:0}.budget-panel-net{font-variant-numeric:tabular-nums;margin-left:auto}.budget-panel-caret{color:var(--text-2);transition:transform var(--t-fast) var(--ease);flex-shrink:0}.budget-panel.open .budget-panel-caret{transform:rotate(180deg)}.budget-panel-body{opacity:0;transition:grid-template-rows var(--t-med) var(--ease), opacity var(--t-med) var(--ease);grid-template-rows:0fr;display:grid}.budget-panel.open .budget-panel-body{opacity:1;grid-template-rows:1fr}.budget-panel-body-inner{min-height:0;padding:0 var(--sp-3) var(--sp-3);flex-direction:column;gap:2px;display:flex;overflow:hidden}.budget-row{justify-content:space-between;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);padding:3px 0;display:flex}.budget-row.hidden{display:none}.budget-row-net{padding-top:var(--sp-2);border-top:1px solid var(--border-1);font-weight:700;font-size:var(--fs-md);margin-top:2px}.budget-label{color:var(--text-2)}.budget-value{font-variant-numeric:tabular-nums;font-weight:700}.budget-positive{color:var(--success)}.budget-negative{color:var(--danger)}.budget-neutral{color:var(--text-2)}.mobile-budget-section{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border-1)}.mobile-budget-title{font-size:var(--fs-sm);color:var(--text-1);margin-bottom:var(--sp-2);font-weight:700}.menu-drawer-overlay{z-index:calc(var(--z-panel) - 1);pointer-events:auto;background:#070a1473;position:fixed;inset:0}.menu-drawer{gap:var(--sp-2);width:280px;max-width:85vw;padding:var(--sp-4);pointer-events:auto;z-index:var(--z-panel);transition:transform var(--t-med) var(--ease);border-top:none;border-bottom:none;border-right:none;border-radius:0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.menu-drawer.open{transform:translate(0)}.menu-drawer-header{padding-bottom:var(--sp-3);margin-bottom:var(--sp-1);border-bottom:1px solid var(--border-1);justify-content:space-between;align-items:center;display:flex}.menu-drawer-header h3{font-size:var(--fs-lg);color:var(--text-1)}.menu-drawer-body{gap:var(--sp-2);flex-direction:column;display:flex}.btn-close{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-2);font-size:var(--fs-md);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.btn-close:hover{background:var(--surface-3);color:var(--text-1)}.btn-control{padding:10px var(--sp-3);background:var(--surface-2);border:1px solid var(--border-1);border-radius:var(--r-sm);color:var(--text-1);cursor:pointer;font-size:var(--fs-md);text-align:left;font-weight:700}.btn-control:hover{background:var(--surface-3)}.toast-container{z-index:var(--z-toast);gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:60px;right:16px}.toast{align-items:center;gap:var(--sp-2);min-width:240px;max-width:320px;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-2);border-radius:var(--r-sm);pointer-events:auto;opacity:0;transition:opacity var(--t-med) var(--ease), transform var(--t-med) var(--ease);display:flex;position:relative;overflow:hidden;transform:translate(8px)}.toast-in{opacity:1;transform:translate(0)}.toast-out{opacity:0;transform:translate(8px)}.toast-bar{border-radius:var(--r-full);background:var(--info);flex-shrink:0;align-self:stretch;width:4px}.toast-success .toast-bar{background:var(--success)}.toast-error .toast-bar{background:var(--danger)}.toast-info .toast-bar{background:var(--info)}.toast-icon{width:18px;height:18px;font-size:var(--fs-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex}.toast-success .toast-icon{background:var(--success-soft);color:var(--success)}.toast-error .toast-icon{background:var(--danger-soft);color:var(--danger)}.toast-info .toast-icon{background:var(--accent-soft);color:var(--info)}.toast-message{font-size:var(--fs-sm);color:var(--text-1);line-height:1.4}