:root{--cosmos-950: #030712;--cosmos-900: #060914;--cosmos-850: #0b1020;--bg-primary: #030712;--bg-secondary: #060914;--bg-tertiary: #0b1020;--panel: #111827;--panel-hover: #162033;--panel-strong: rgba(22, 32, 51, .95);--border: #26354d;--stroke: rgba(148, 163, 184, .16);--text: #eaf2fa;--text-muted: #94a3b8;--text-primary: #eaf2fa;--text-secondary: #94a3b8;--text-dim: #64748b;--primary: #67e8f9;--primary-strong: #22d3ee;--cyan: #22d3ee;--blue: #3b82f6;--science: #8b5cf6;--violet: #8b5cf6;--action: #ea580c;--orange: #ea580c;--success: #34d399;--green: #34d399;--warning: #facc15;--danger: #f87171;--gold: #fbbf24;--accent-focus: var(--primary-strong);--accent-nav: var(--blue);--accent-map: var(--blue);--accent-build: var(--orange);--accent-research: var(--violet);--accent-success: var(--success);--accent-warning: var(--warning);--accent-danger: var(--danger);--shadow: 0 24px 80px rgba(0, 0, 0, .45);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font-display: "Oxanium", "Orbitron", "Trebuchet MS", sans-serif;--font-body: "Inter", "Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif}@font-face{font-family:A-Space;src:url(/fonts/aspace_demo.otf) format("opentype");font-display:swap}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(34,211,238,.18),transparent 30%),radial-gradient(circle at top right,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at bottom center,rgba(249,115,22,.16),transparent 24%),linear-gradient(180deg,var(--bg-secondary),var(--bg-primary));color:var(--text-primary);font-family:var(--font-body)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 18%,rgba(255,255,255,.7) 0 1px,transparent 1px),radial-gradient(circle at 73% 26%,rgba(255,255,255,.55) 0 1px,transparent 1px),radial-gradient(circle at 64% 81%,rgba(255,255,255,.55) 0 1px,transparent 1px),radial-gradient(circle at 34% 66%,rgba(255,255,255,.4) 0 1px,transparent 1px)}button{font:inherit;transition:transform .08s ease,box-shadow .15s ease,border-color .15s ease}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed}.mini-bar{height:6px;border-radius:999px;overflow:hidden;background:#1e293be6;border:1px solid rgba(148,163,184,.22)}.mini-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-focus),var(--primary));transition:width .3s ease}.card-progress{display:grid;gap:5px;width:100%;margin-top:2px}.card-progress span{font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-dim)}.card-progress span.ready{color:var(--success);font-weight:700}.card-progress .mini-bar span{background:linear-gradient(90deg,rgba(234,88,12,.55),var(--accent-build))}.card-cta.card-ready{border-color:#34d3998c;box-shadow:0 0 0 1px #34d39924,0 10px 26px #34d39929,var(--shadow)}.card-cta.card-ready .card-progress .mini-bar span{background:linear-gradient(90deg,var(--success),#10b981)}.card-cta.card-pending{border-color:#94a3b838}.storage-card.card-ready{border-color:#34d3998c;box-shadow:0 0 0 1px #34d39924,0 10px 26px #34d39929,var(--shadow)}.storage-card.card-ready .card-progress .mini-bar span{background:linear-gradient(90deg,var(--success),#10b981)}.cta:not(:disabled):hover,.manual-action:not(:disabled):hover,.faction-buy:not(:disabled):hover,.storage-card:not(:disabled):hover,.world-tool:not(:disabled):hover{transform:translateY(-1px)}.cta.primary--orange:not(:disabled):hover{box-shadow:0 0 0 1px #fbbf2447,0 12px 30px #ea580c57}.cta.primary--violet:not(:disabled):hover{box-shadow:0 0 0 1px #8b5cf64d,0 12px 30px #8b5cf65c}.cta.primary--blue:not(:disabled):hover{box-shadow:0 0 0 1px #3b82f64d,0 12px 30px #3b82f65c}.cta.primary--gold:not(:disabled):hover{box-shadow:0 0 0 1px #fbbf244d,0 12px 30px #fbbf245c}.cta.primary--green:not(:disabled):hover{box-shadow:0 0 0 1px #34d3994d,0 12px 30px #34d3995c}.cta.card-cta:not(:disabled):hover{border-color:#67e8f980}.objective-cta{cursor:pointer}.objective-cta:not(:disabled):hover{transform:translateY(-1px)}.section-nav button:not(.active):hover{border-color:#67e8f966;background:#0d162ce6}.mobile-nav button:not(.active):hover{border-color:#67e8f966}.build-thumb{transition:transform .15s ease}.card-cta:hover .build-thumb{transform:scale(1.06)}.objective-progress{display:grid;gap:5px}.objective-progress small{color:var(--text-muted)}:focus-visible{outline:2px solid var(--accent-focus);outline-offset:2px}.hud-card.hud-full{border-color:#facc1573}.rate.storage-full{color:var(--warning)}.shell{min-height:100vh;padding:calc(20px + var(--safe-top)) 16px calc(108px + var(--safe-bottom));box-sizing:border-box}.loading-screen{display:grid;place-content:center;text-align:center;gap:8px}.brand-mark{font-family:"A-Space",var(--font-display);font-size:clamp(2rem,5vw,4rem);letter-spacing:.16em;color:var(--accent-focus)}.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}.eyebrow,.panel-title,.status-label,.hud-label,.objective-progress,.system-tag,.save-time,.tagline,.flavor{color:var(--text-secondary)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.78rem}h1,h2{margin:0;font-family:"A-Space",var(--font-display);font-weight:400}h1{font-size:clamp(1.8rem,3vw,3rem)}h2{font-size:clamp(1.4rem,2vw,2rem)}.tagline{margin:6px 0 0}.status-cluster{display:flex;gap:12px;flex-wrap:wrap}.status-chip,.hud-card,.panel,.manual-action,.mobile-nav button,.info-card{backdrop-filter:blur(12px);background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow)}.status-chip{min-width:120px;padding:12px 14px;border-radius:18px;display:grid;gap:4px}.hud{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.hud-heartbeat{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,#0f172aeb,#111827d9)}.hud-heartbeat.active{border-color:#3b82f66b;box-shadow:0 0 0 1px #3b82f61a,var(--shadow)}.hud-heartbeat strong{color:var(--accent-focus);letter-spacing:.05em}.hud-heartbeat span{color:var(--text-secondary);text-align:right}.hud-card{padding:14px;border-radius:18px;display:grid;gap:6px;align-content:start}.hud-readout{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.hud-readout span{color:var(--text-secondary)}.hud-icon,.action-icon,.nav-icon{width:22px;height:22px}.hud-icon{margin-bottom:2px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:16px;align-items:start}.layout--build-deck{grid-template-columns:280px minmax(0,1fr)}.panel{border-radius:24px;padding:18px;background:var(--panel-strong)}.panel-left,.panel-right{display:grid;align-content:start;gap:12px}.panel-right--hidden{display:none}.command-rail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:12px;margin:0 0 16px}.command-rail--tutorial{grid-template-columns:minmax(0,1fr)}.chapter-card,.feedback-strip{border-radius:22px;padding:14px 16px;border:1px solid var(--stroke);background:var(--panel-strong);box-shadow:var(--shadow)}.chapter-card--muted{opacity:.74;border-color:#94a3b81f}.chapter-card--muted .chapter-labels{opacity:.76}.chapter-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.chapter-subtitle{color:var(--text-secondary);font-size:13px;margin-top:4px}.chapter-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.chapter-step{min-height:12px;border-radius:999px;border:1px solid var(--stroke);background:#0f172ad9;color:transparent}.chapter-step.done{color:#03131f}.chapter-step.current{box-shadow:0 0 0 1px #3b82f63d}.chapter-step--orange.done{background:#f97316}.chapter-step--violet.done{background:#8b5cf6}.chapter-step--gold.done{background:#fbbf24}.chapter-step--cyan.done{background:#22d3ee}.chapter-step--blue.done{background:#3b82f6}.chapter-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px;color:var(--text-secondary);font-size:12px;text-align:center}.chapter-labels .done{color:var(--text-primary)}.objective-cta{min-height:100%;align-items:flex-start;text-align:left;gap:6px;justify-content:flex-start}.objective-cta strong{font-size:13px;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}.objective-cta small{white-space:normal;line-height:1.35}.objective-kicker,.objective-inline-progress,.compact-objective-cta{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.objective-kicker{opacity:.78}.objective-inline-progress{opacity:.86}.objective-cta em{font-style:normal;font-weight:800;letter-spacing:.1em}.feedback-strip{margin-bottom:16px;display:grid;gap:4px}.feedback-strip span{color:var(--text-secondary)}.feedback-strip.tone-success{border-color:#34d39959}.feedback-strip.tone-info{border-color:#3b82f659}.feedback-strip.tone-warning{border-color:#facc1559}.hud-card.resource-pulse{border-color:#67e8f980;box-shadow:0 0 0 1px #67e8f91f,var(--shadow)}.hud-card.resource-pulse .rate{color:var(--accent-focus)}.system-tags{display:flex;flex-wrap:wrap;gap:6px}.system-tag{padding:6px 9px;border-radius:999px;border:1px solid rgba(59,130,246,.22);background:#3b82f614;text-transform:capitalize;font-size:12px}.world-panel{display:grid;grid-template-rows:auto minmax(420px,56vh) auto;gap:16px}.operations-deck{display:grid;gap:18px;margin-top:16px}.operations-deck-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.operations-deck-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:16px}.operations-block{display:grid;gap:12px;align-content:start;padding:14px;border-radius:20px;border:1px solid var(--stroke);background:#080d1c6b}.operations-count{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.operations-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.operations-support-grid{display:grid;gap:12px}.operations-action-grid,.operations-storage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.world-header,.world-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.efficiency{display:grid;justify-items:end;color:var(--text-secondary)}.world-canvas{position:relative;height:100%;min-height:420px;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 20%,rgba(34,211,238,.12),transparent 35%),linear-gradient(180deg,#3b82f61f,#060b18f5);border:1px solid rgba(148,163,184,.12)}.earth-viewport{width:100%;height:100%;min-height:420px}@media(min-width:901px){.panel-left,.panel-right{position:sticky;top:calc(16px + var(--safe-top));max-height:calc(100dvh - 32px - var(--safe-top));overflow:auto;scrollbar-gutter:stable}.world-panel{align-self:start}}.manual-action,.mobile-nav button{border-radius:18px;cursor:pointer;color:var(--text-primary)}.toggle-row:hover,.storage-card:hover{border-color:#67e8f966}.mobile-nav button:hover{border-color:#3b82f675}html.low-fx .toast-card,html.low-fx .cta.primary,html.low-fx .tutorial-card{box-shadow:none!important}.brand-mark{color:var(--primary);text-shadow:0 0 22px rgba(103,232,249,.5)}.topbar{border-bottom:1px solid var(--border)}.world-panel{background:radial-gradient(ellipse at 50% 10%,rgba(59,130,246,.08),transparent 45%),var(--panel)}.manual-action small,.info-card span{color:var(--text-secondary)}.manual-grid,.info-stack{display:grid;gap:10px}.manual-action{padding:14px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#3b82f638,#0f172af2),var(--panel)}.manual-action.launch{background:linear-gradient(135deg,#ea580c3d,#0f172af2),var(--panel)}.info-card{padding:14px;border-radius:18px;display:grid;gap:4px}.storage-card{display:grid;gap:6px;padding:14px;text-align:left;width:100%;border-radius:18px;cursor:pointer;color:var(--text-primary);backdrop-filter:blur(12px);background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow)}.storage-card small{color:var(--text-secondary)}.storage-row{display:flex;align-items:center;gap:10px}.margin-top{margin-top:8px}html.low-fx .toast,html.low-fx .hud-card,html.low-fx .panel{backdrop-filter:none}html.low-fx .toast{animation:none}.cta{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:46px;width:100%;padding:10px 16px;border-radius:14px;border:1px solid transparent;font-weight:700;font-size:14px;letter-spacing:.02em;cursor:pointer;text-align:center}.cta small{font-size:11px;opacity:.78;font-weight:600}.cta.primary{background:linear-gradient(135deg,var(--primary),var(--accent-focus));color:#03131f;box-shadow:0 10px 26px #67e8f938;text-transform:uppercase}.cta.primary--orange{background:linear-gradient(135deg,#f59e0b,var(--accent-build));color:#fff;box-shadow:0 10px 26px #ea580c38}.cta.primary--violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 10px 26px #8b5cf647}.cta.primary--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 10px 26px #3b82f647}.cta.primary--green{background:linear-gradient(135deg,#34d399,#059669);color:#032013;box-shadow:0 10px 26px #34d39947}.cta.primary--gold{background:linear-gradient(135deg,#fbbf24,#d97706);color:#1c1300;box-shadow:0 10px 26px #fbbf2447}.cta.danger{background:linear-gradient(135deg,#f87171,#dc2626);color:#fff;box-shadow:0 10px 26px #f8717147}.cta.secondary{background:#162033cc;border:1px solid var(--border);color:var(--text-primary)}.cta.utility{background:transparent;border:none;color:var(--text-muted);min-height:40px;font-weight:600}.cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.cta:active:not(:disabled){transform:scale(.98)}.cta.card-cta{align-items:flex-start;text-align:left;padding:14px;gap:6px}.cta.card-cta .card-row{width:100%}.cta>strong{line-height:1.25}.cta.primary--violet strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase}.cta.card-cta>strong{font-size:12.5px;font-weight:600;line-height:1.35}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.panel-row{display:flex;align-items:center;gap:8px}.brand-block{display:grid;gap:8px}.section-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.section-nav button{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--stroke);background:#080d1cd1;color:var(--text-primary);cursor:pointer}.section-nav button.active{border-color:#3b82f66b;background:linear-gradient(180deg,#3b82f62e,#080d1cf5)}.help-toggle{border:none;background:none;color:var(--text-muted);font-size:15px;cursor:pointer;padding:0 4px;line-height:1}.dc-line{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.dc-line.active{color:var(--success)}.dc-help{margin-top:6px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;text-align:left;width:100%;border-radius:18px;cursor:pointer;color:var(--text-primary);backdrop-filter:blur(12px);background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow)}.toggle-label{display:grid;gap:4px}.toggle-label small{color:var(--text-secondary)}.toggle-row.active{border-color:#3b82f666}.toggle-switch{flex-shrink:0;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--text-secondary);background:#0f172acc}.toggle-switch.active{color:#03131f;background:var(--accent-focus)}.rate{color:var(--text-secondary)}.achievement-done{border-color:#3b82f666;background:linear-gradient(135deg,#3b82f629,#0f172ae6),var(--panel)}.compact-hud-hidden,.compact-command-hidden,.compact-resource-strip,.compact-objective,.sheet-grabber-row,.sheet-grabber,.sheet-close{display:none}.mobile-nav button.tutorial-pulse{animation:tutor-pulse 1.6s ease-in-out infinite}@keyframes tutor-pulse{0%,to{box-shadow:0 0 0 2px var(--accent-focus)}50%{box-shadow:0 0 0 5px var(--accent-focus)}}.tutorial-card{position:fixed;left:16px;bottom:calc(112px + var(--safe-bottom));width:min(320px,calc(100vw - 32px));z-index:15;padding:14px 16px;border-radius:16px;display:grid;gap:6px;background:#080d1cf5;border:1px solid rgba(103,232,249,.34);box-shadow:var(--shadow)}.tutorial-card p{margin:0;color:var(--text-muted);font-size:13px}.tutorial-actions{display:flex;gap:8px;margin-top:4px}.tutorial-actions button{padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:700;font-size:13px}.tutorial-primary{color:#03131f;background:var(--accent-focus);border:none}.tutorial-ghost{color:var(--text-secondary);background:transparent;border:1px solid var(--border)}.mobile-nav{position:fixed;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;z-index:10}.mobile-sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(86px + var(--safe-bottom));z-index:11;display:none}.mobile-sticky-cta .cta{box-shadow:var(--shadow)}.mobile-nav button{padding:12px 6px;display:grid;gap:4px;justify-items:center;min-width:0;background:#080d1ce0}.mobile-nav button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav button.active{border-color:#3b82f66b;background:linear-gradient(180deg,#3b82f638,#080d1cf2),#080d1ce0}@media(max-width:900px){.layout,.layout--build-deck{grid-template-columns:1fr}.panel-left,.panel-right{order:2}.world-panel{order:1}.operations-deck-layout,.operations-build-grid,.operations-action-grid,.operations-storage-grid{grid-template-columns:1fr}}@media(max-width:900px){.shell{padding-inline:12px;padding-bottom:calc(148px + var(--safe-bottom))}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-heartbeat,.command-rail{grid-column:auto;grid-template-columns:1fr}.hud-heartbeat,.chapter-head{flex-direction:column;align-items:start}.hud-heartbeat span{text-align:left}.chapter-track,.chapter-labels{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.command-rail{gap:10px}.status-cluster{width:100%}.world-canvas,.earth-viewport{min-height:320px}.world-footer,.world-header{flex-direction:column;align-items:start}}.wonder-tiers{display:grid;grid-auto-flow:column;gap:8px;margin:4px 0 10px}.wonder-tier{padding:10px 0;text-align:center;border-radius:12px;font-weight:700;color:var(--text-secondary);background:#0f172acc;border:1px solid var(--stroke)}.wonder-tier.filled{color:#03131f;background:#22d3ee}.card-row{display:flex;align-items:center;gap:10px}.build-thumb{width:30px;height:34px;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(3,7,18,.6))}.building-preview{width:96px;height:108px;align-self:center;margin:4px 0 8px;filter:drop-shadow(0 10px 18px rgba(3,7,18,.7))}.world-tool{padding:8px 12px;border-radius:12px;cursor:pointer;color:var(--text-primary);background:#0f172acc;border:1px solid rgba(59,130,246,.3);font-size:13px}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overview-grid .info-card{padding:10px 12px}.alert-title{color:var(--warning)}.event-card{border-color:#facc1566}.faction-buy{margin-top:8px;align-self:start;padding:6px 12px;border-radius:999px;cursor:pointer;color:var(--text-primary);background:#0f172acc;border:1px solid rgba(59,130,246,.32);font-size:12px;font-weight:700}.faction-buy:disabled{opacity:.5;cursor:default}.faction-buy.launch{background:linear-gradient(135deg,#ea580c38,#0f172af2),#080d1ce6}.toast-layer{position:fixed;top:calc(16px + var(--safe-top));right:16px;display:grid;gap:10px;z-index:20;max-width:340px;pointer-events:none}.toast{padding:14px 16px;border-radius:18px;display:grid;gap:4px;color:var(--text-primary);background:#080d1cf0;border:1px solid rgba(59,130,246,.34);box-shadow:var(--shadow);animation:toast-in .25s ease-out}.toast.toast-success{border-color:#22c55e80}.toast span{color:var(--text-secondary);font-size:13px}.mobile-sticky-cta{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:599px){.shell{min-height:100dvh;padding-top:calc(12px + var(--safe-top));padding-bottom:calc(92px + var(--safe-bottom))}.topbar{align-items:start;gap:10px;margin-bottom:10px}.topbar h1{font-size:clamp(1.9rem,8vw,2.6rem)}.tagline,.status-cluster,.panel-left,.section-nav,.compact-hud-hidden,.compact-command-hidden,.world-footer,.operations-deck{display:none}.layout{gap:12px}.world-panel{padding:12px;border-radius:24px;grid-template-rows:auto 1fr;min-height:calc(100dvh - 260px)}.world-header{align-items:center;gap:10px}.world-header h2{font-size:1.35rem}.world-canvas,.earth-viewport{min-height:min(68dvh,520px)}.efficiency{justify-items:start}.world-tool{min-height:44px;width:100%;justify-content:center}.compact-resource-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.compact-resource-strip--secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-resource{min-height:44px;padding:8px 10px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--stroke);background:#080d1ce0;color:var(--text-primary)}.compact-resource .hud-icon{width:18px;height:18px;margin-bottom:0}.compact-resource-toggle{cursor:pointer}.compact-objective{display:grid;gap:6px;width:100%;margin-top:2px;padding:12px;border-radius:18px;text-align:left;color:var(--text-primary);background:linear-gradient(135deg,#fbbf242e,#080d1cf5);border:1px solid rgba(251,191,36,.3);box-shadow:var(--shadow)}.compact-objective-label{color:var(--gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.compact-objective small{color:var(--text-secondary);font-size:13px}.compact-objective-cta{color:var(--gold);font-weight:800}.compact-objective-progress{display:grid;gap:5px}.compact-objective-progress span{color:var(--text-secondary);font-size:12px}.panel-right--sheet{position:fixed;left:8px;right:8px;bottom:calc(86px + var(--safe-bottom));z-index:18;max-height:min(52dvh,560px);overflow:auto;border-radius:24px 24px 18px 18px;transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;transition:transform .24s ease,opacity .24s ease}.panel-right--sheet.panel-right--selection{max-height:min(34dvh,320px)}.panel-right--sheet.panel-right--selection.panel-right--sheet-expanded{max-height:min(58dvh,560px)}.panel-right--sheet.panel-right--sheet-open{transform:translateY(0);opacity:1;pointer-events:auto}.sheet-grabber-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sheet-grabber{display:block;width:42px;height:4px;border-radius:999px;background:#94a3b880;margin:0 auto}.sheet-grabber-button,.sheet-mode-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;border:1px solid var(--stroke);background:#080d1ce0;color:var(--text-secondary)}.sheet-grabber-button{padding:0 16px;flex:1;justify-content:flex-start}.sheet-row-actions{display:inline-flex;align-items:center;gap:8px}.sheet-mode-toggle{padding:0 12px;color:var(--text-primary)}.sheet-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--stroke);background:#080d1ce0;color:var(--text-secondary)}.mobile-selection-sheet{display:grid;gap:12px}.mobile-selection-head{display:grid;gap:4px}.mobile-selection-head small,.compact-info-card span{color:var(--text-secondary)}.mobile-selection-title{font-family:"A-Space",var(--font-display);font-size:clamp(1rem,4vw,1.2rem);letter-spacing:.04em}.mobile-selection-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-info-card{min-width:0;padding:12px;gap:4px;box-shadow:none}.compact-info-card strong{font-size:.95rem}.mobile-nav{left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.mobile-nav button{min-height:52px;padding:10px 4px 8px}.mobile-nav button small{font-size:11px}.mobile-sticky-cta{display:block;left:8px;right:8px;bottom:calc(74px + var(--safe-bottom))}.panel-right--sheet-open~.mobile-sticky-cta{display:none}.tutorial-card{left:8px;right:8px;width:auto;bottom:calc(146px + var(--safe-bottom))}.toast-layer{left:8px;right:8px;top:calc(118px + var(--safe-top));bottom:auto;max-width:none;justify-items:stretch}.toast:nth-child(n+3){display:none}}@media(min-width:600px){.mobile-nav{display:none}}@media(prefers-reduced-motion:reduce){.panel-right--sheet{transition:none}}