.modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1000;width:100vw;height:100vh;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));opacity:0;pointer-events:none;background:#0b0f19d9;justify-content:center;align-items:center;transition:opacity .25s ease-out;display:flex;position:fixed;top:0;left:0}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-dialog{width:min(92vw,680px);max-height:calc(92vh - var(--safe-top) - var(--safe-bottom));background:#0f172af2;border:1px solid #ffffff26;border-radius:18px;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 25px 50px -12px #000000b3,0 0 30px #38bdf81a}.modal-backdrop.active .modal-dialog{transform:translateY(0)scale(1)}.modal-header{background:#1e293b66;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:#f8fafc;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .15s;display:flex}.modal-close-btn:hover,.modal-close-btn:active{color:#fff;background:#fff3}.modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.modal-footer{background:#1e293b66;border-top:1px solid #ffffff1a;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:120px;min-height:48px;padding:0 20px;font-size:15px;font-weight:600;transition:all .15s ease-out;display:inline-flex}.modal-btn-primary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.modal-btn-primary:active{transform:scale(.97)}.modal-btn-secondary{color:#e2e8f0;background:#334155cc;border:1px solid #ffffff26}.modal-btn-secondary:active{transform:scale(.97)}.mode-tabs-container{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;gap:8px;padding:4px;display:flex}.mode-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;min-height:48px;font-size:14px;font-weight:600;transition:all .15s}.mode-tab-btn.active{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf84d}.level-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.level-card{cursor:pointer;background:#1e293b99;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:8px;padding:14px;transition:all .2s;display:flex}.level-card:hover:not(.locked){background:#1e293be6;border-color:#38bdf866;transform:translateY(-2px)}.level-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.level-card-header{justify-content:space-between;align-items:center;display:flex}.level-card-title{color:#f1f5f9;font-size:15px;font-weight:700}.level-stars{color:#fbbf24;font-size:16px}.level-card-subtitle{color:#94a3b8;font-size:12px}.scorecard-banner{text-align:center;padding:16px 0}.scorecard-banner.victory .scorecard-headline{color:#10b981;text-shadow:0 0 20px #10b98166;font-size:24px;font-weight:800}.scorecard-banner.defeat .scorecard-headline{color:#ef4444;text-shadow:0 0 20px #ef444466;font-size:24px;font-weight:800}.scorecard-stars{letter-spacing:6px;justify-content:center;gap:8px;margin:12px 0;font-size:40px;display:flex}.star-badge{color:#fff3;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.star-badge.earned{color:#fbbf24;text-shadow:0 0 16px #fbbf2499;transform:scale(1.15)}.scorecard-metrics{background:#0f172ab3;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:12px 16px;display:grid}.scorecard-metric-item{flex-direction:column;display:flex}.scorecard-metric-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.scorecard-metric-val{color:#f8fafc;font-size:18px;font-weight:700}.briefing-objectives-list{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.briefing-objective-item{color:#cbd5e1;align-items:center;gap:10px;font-size:13px;display:flex}.intel-warning-box{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;align-items:flex-start;gap:8px;padding:12px;font-size:13px;display:flex}.settings-section{background:#1e293b80;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.settings-section-title{color:#38bdf8;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.settings-row{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.settings-label-wrap{flex-direction:column;gap:2px;display:flex}.settings-label{color:#f1f5f9;font-size:14px;font-weight:600}.settings-desc{color:#94a3b8;font-size:11px}.settings-slider-wrap{flex:1;align-items:center;gap:12px;max-width:260px;display:flex}.settings-slider{-webkit-appearance:none;cursor:pointer;background:#0f172acc;border-radius:4px;outline:none;flex:1;height:8px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#38bdf8;border-radius:50%;width:24px;height:24px;box-shadow:0 0 10px #38bdf880}.settings-val-badge{color:#38bdf8;text-align:right;min-width:40px;font-size:13px;font-weight:700}.toggle-switch{flex-shrink:0;width:52px;height:30px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#334155cc;border:1px solid #ffffff26;border-radius:30px;transition:all .25s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .25s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:#10b981;border-color:#059669}input:checked+.toggle-slider:before{transform:translate(22px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;margin:0;padding:0}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--glass-bg:#0f172abf;--glass-border:#ffffff1f;--glass-blur:blur(16px);--color-emerald:#10b981;--color-sky:#38bdf8;--color-amber:#f59e0b;--color-red:#ef4444}.hidden{display:none!important}html,body{color:#e2e8f0;background-color:#0b0f19;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;overflow:hidden}#app{width:100vw;height:100vh;position:relative;overflow:hidden}#game-container{z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}canvas{display:block}.cockpit-hud{width:100%;height:calc(56px + var(--safe-top));padding-top:var(--safe-top);padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:100;pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0}.view-switcher-pill{border:1px solid var(--glass-border);background:#1e293bb3;border-radius:9999px;gap:4px;padding:3px;display:flex}.pill-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;min-width:110px;min-height:44px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s ease-out;display:flex}.pill-btn .icon{font-size:16px}.pill-btn.active{color:#fff;background:#3b82f6;box-shadow:0 0 16px #3b82f680}.hud-center{align-items:center;gap:16px;display:flex}.metric-card{background:#0f172a66;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;display:flex}.metric-label{letter-spacing:.06em;color:#64748b;text-transform:uppercase;font-size:9px;font-weight:700}.metric-value{color:#f8fafc;font-family:monospace;font-size:16px;font-weight:700}.metric-sub{font-family:monospace;font-size:10px}.text-emerald{color:var(--color-emerald)}.text-sky{color:var(--color-sky)}.text-amber{color:var(--color-amber)}.text-red{color:var(--color-red)}.text-muted{color:#64748b}.flash-urgent{animation:1s infinite alternate pulse-red}@keyframes pulse-red{0%{color:#ef4444;text-shadow:0 0 4px #ef4444}to{color:#fff;text-shadow:0 0 12px #ef4444}}.icon-touch-btn{border:1px solid var(--glass-border);cursor:pointer;background:#1e293b99;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.insolvency-banner{top:calc(56px + var(--safe-top));color:#fff;text-align:center;letter-spacing:.04em;background:#ef4444e6;width:100%;padding:8px 16px;font-size:13px;font-weight:700;position:absolute;left:0;box-shadow:0 4px 16px #ef444466}.build-drawer{background:var(--glass-bg);width:100%;-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);z-index:90;pointer-events:auto;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0}.build-drawer.collapsed{transform:translateY(calc(100% - 38px))}.drawer-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:38px;padding:0 16px;display:flex}.drawer-handle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:48px;height:28px;display:flex}.handle-bar{background:#64748b;border-radius:2px;width:32px;height:4px}.category-tabs{gap:6px;display:flex;overflow-x:auto}.cat-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;padding:6px 14px;font-size:12px;font-weight:600}.cat-tab.active{color:#38bdf8;background:#3b82f633;border:1px solid #38bdf866}.palette-scroll{align-items:center;gap:12px;min-height:84px;padding:10px 16px;display:flex;overflow-x:auto}.component-card{border:1px solid var(--glass-border);cursor:grab;touch-action:none;background:#1e293bbf;border-radius:10px;align-items:center;gap:8px;min-width:130px;min-height:54px;padding:6px 10px;display:flex}.component-card:active{cursor:grabbing;background:#1e293bf2;border-color:#38bdf8}.component-card.selected{background:#1e293bf2;border-color:#38bdf8;box-shadow:0 0 14px #38bdf873}.card-icon{font-size:20px}.card-info{flex-direction:column;display:flex}.card-title{color:#f1f5f9;font-size:11px;font-weight:700}.card-price{color:var(--color-emerald);font-family:monospace;font-size:11px}.incident-bar{top:calc(56px + var(--safe-top));z-index:105;-webkit-backdrop-filter:var(--glass-blur);background:#0f172ae6;border:1px solid #ef444480;border-radius:9999px;align-items:center;gap:12px;padding:6px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #ef444459}.incident-badge{color:#fff;background:#ef4444;border-radius:9999px;padding:3px 8px;font-size:10px;font-weight:800}.incident-content{flex-direction:column;display:flex}.incident-title{color:#f8fafc;font-size:12px;font-weight:700}.incident-desc{color:#94a3b8;font-size:10px}.incident-countdown{color:#f59e0b;font-family:monospace;font-size:12px;font-weight:700}.incident-actions{gap:6px;display:flex}.incident-btn{cursor:pointer;border:none;border-radius:9999px;padding:5px 12px;font-size:11px;font-weight:700}.incident-btn.primary-btn{color:#fff;background:#10b981}.incident-btn.secondary-btn{color:#cbd5e1;background:#334155}.ftue-overlay{z-index:200;pointer-events:auto;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.ftue-card{width:380px;max-width:90vw;-webkit-backdrop-filter:var(--glass-blur);background:#0f172aeb;border:1px solid #38bdf866;border-radius:16px;padding:16px;box-shadow:0 8px 32px #0009}.ftue-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ftue-badge{color:#38bdf8;letter-spacing:.05em;font-size:9px;font-weight:800}.ftue-skip{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:11px}.ftue-title{color:#f8fafc;margin-bottom:6px;font-size:15px;font-weight:700}.ftue-body{color:#94a3b8;margin-bottom:14px;font-size:12px;line-height:1.4}.ftue-next-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;height:40px;font-size:13px;font-weight:700}.node-inspector{z-index:102;pointer-events:auto;position:absolute;top:70px;right:16px}.inspector-card{border:1px solid var(--glass-border);width:280px;-webkit-backdrop-filter:var(--glass-blur);background:#0f172ae6;border-radius:14px;padding:14px;box-shadow:0 8px 24px #00000080}.inspector-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.inspector-title-group{align-items:center;gap:10px;display:flex}.inspector-icon{font-size:24px}.inspector-name{color:#f8fafc;font-size:13px;font-weight:700}.inspector-badge{color:#38bdf8;font-family:monospace;font-size:9px}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .15s;display:flex}.close-btn:hover{color:#f8fafc;background:#ffffff1a}.close-btn:active{transform:scale(.95)}.inspector-stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.stat-item{background:#1e293b99;border-radius:6px;flex-direction:column;padding:6px 8px;display:flex}.stat-label{color:#64748b;text-transform:uppercase;font-size:9px}.stat-val{color:#e2e8f0;font-family:monospace;font-size:12px;font-weight:700}.inspector-actions{flex-direction:column;gap:6px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;height:36px;font-size:12px;font-weight:600}.action-btn.secondary{color:#e2e8f0;background:#334155}.action-btn.danger{color:#ef4444;background:#ef444433;border:1px solid #ef444466}@media screen and (orientation:portrait){#app:after{content:"🔄 Please rotate your device to landscape for the best data center experience.";color:#38bdf8;text-align:center;z-index:9999;background:#0b0f19;justify-content:center;align-items:center;width:100vw;height:100vh;padding:32px;font-size:18px;font-weight:700;display:flex;position:fixed;top:0;left:0}}