:root{color-scheme:dark;--bg: #0a0a0a;--bg-secondary: #111;--surface: #141414;--surface-hover: #1e1e1e;--surface-active: #323232;--border: #2a2a2a;--border-strong: #444;--border-subtle: #1a1a1a;--text: #e8e8e8;--text-secondary: #ccc;--text-dim: #888;--text-muted: #666;--text-faint: #555;--text-ghost: #444;--accent: #fff;--overlay-subtle: rgba(255, 255, 255, .03);--overlay-light: rgba(255, 255, 255, .05);--overlay-medium: rgba(255, 255, 255, .1);--overlay-heavy: rgba(255, 255, 255, .2);--shadow-color: rgba(0, 0, 0, .5);--darken-light: rgba(0, 0, 0, .15);--darken-medium: rgba(0, 0, 0, .2);--darken-heavy: rgba(0, 0, 0, .3);--scrollbar-thumb: #333;--scrollbar-thumb-hover: #555;--input-bg: #1a1a1a;--panel-bg: #141414;--panel-border: #2a2a2a;--map-bg: #020a08;--map-grid: #0a2a20;--map-country: #0a2018;--map-stroke: #0f5040;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Fira Code", "DejaVu Sans Mono", "Liberation Mono", monospace;--font-body: var(--font-mono);--semantic-critical: #ff4444;--semantic-high: #ff8800;--semantic-elevated: #ffaa00;--semantic-normal: #44aa44;--semantic-low: #3388ff;--semantic-info: #3b82f6;--semantic-positive: #44ff88;--threat-critical: #ef4444;--threat-high: #f97316;--threat-medium: #eab308;--threat-low: #22c55e;--threat-info: #3b82f6;--defcon-1: #ff0040;--defcon-2: #ff4400;--defcon-3: #ffaa00;--defcon-4: #00aaff;--defcon-5: #2d8a6e;--status-live: #44ff88;--status-cached: #ffaa00;--status-unavailable: #ff4444;--red: #ff4444;--green: #44ff88;--yellow: #ffaa00;--font-display: var(--font-body);--bg-base: var(--bg);--bg-mid: var(--bg-secondary);--bg-end: var(--surface);--bg-accent: var(--surface-hover);--panel: var(--panel-bg);--ink: var(--text);--muted: var(--text-dim);--accent-strong: var(--semantic-positive);--shadow: 0 2px 4px var(--shadow-color);--curve-color: var(--semantic-info);--curve-fill: var(--overlay-medium);--plot-color: var(--semantic-positive);--hist-color: var(--semantic-low);--input-border: var(--border-strong);--hero-tip-border: var(--border);--hero-tip-ink: var(--text-secondary);--accent-shadow: var(--overlay-medium);--accent-shadow-strong: var(--overlay-heavy);--button-secondary-bg: var(--surface-hover);--focus-ring: var(--semantic-info);--success: var(--semantic-positive);--danger: var(--semantic-critical);--warning: var(--semantic-elevated);--board-frame-border: var(--border);--board-frame-glow: var(--overlay-light);--board-panel-bg: var(--panel);--board-panel-border: var(--border);--board-slot-bg: var(--surface-hover);--board-slot-border: var(--border-strong);font-family:var(--font-body);color:var(--text)}:lang(zh-CN),:lang(zh){--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif}[data-theme=light]{color-scheme:light;--semantic-high: #ea580c;--semantic-elevated: #d97706;--semantic-normal: #15803d;--semantic-positive: #16a34a;--threat-high: #c2410c;--threat-medium: #ca8a04;--threat-low: #15803d;--defcon-3: #d97706;--defcon-4: #0284c7;--status-live: #16a34a;--status-cached: #d97706;--green: #16a34a;--yellow: #d97706;--bg: #f8f9fa;--bg-secondary: #f0f1f3;--surface: #ffffff;--surface-hover: #f0f0f0;--surface-active: #e8e8f0;--border: #d4d4d4;--border-strong: #b0b0b0;--border-subtle: #e8e8e8;--text: #1a1a1a;--text-secondary: #333;--text-dim: #6b6b6b;--text-muted: #767676;--text-faint: #aaa;--text-ghost: #bbb;--accent: #111111;--overlay-subtle: rgba(0, 0, 0, .02);--overlay-light: rgba(0, 0, 0, .04);--overlay-medium: rgba(0, 0, 0, .08);--overlay-heavy: rgba(0, 0, 0, .12);--shadow-color: rgba(0, 0, 0, .1);--darken-light: rgba(0, 0, 0, .1);--darken-medium: rgba(0, 0, 0, .15);--darken-heavy: rgba(0, 0, 0, .2);--scrollbar-thumb: #c0c0c0;--scrollbar-thumb-hover: #999;--input-bg: #f0f0f0;--panel-bg: #ffffff;--panel-border: #d4d4d4;--map-bg: #e8f0f8;--map-grid: #b0c8d8;--map-country: #f0e8d8;--map-stroke: #c8b8a8;color:var(--text)}*,*:before,*:after{box-sizing:border-box}html{scrollbar-color:var(--scrollbar-thumb) var(--surface)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{margin:0;padding:28px 14px 14px;min-height:100vh;background:linear-gradient(120deg,var(--bg-base),var(--bg-mid) 55%,var(--bg-end) 100%);color:var(--ink);touch-action:manipulation}.hero{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:28px}body[data-page=level1] .hero{align-items:flex-start}.hero h1{font-family:var(--font-display);font-size:clamp(2rem,3vw,2.8rem);margin:0 0 4px;letter-spacing:-.02em}.hero p{margin:0;color:var(--muted);font-size:1rem}h2{font-family:var(--font-display);margin:0 0 12px}h3{font-family:var(--font-display);margin:0 0 10px;font-size:1.1rem}.brand{align-items:center}.brand h1{font-size:1.5rem}.brand-subtitle{font-size:.75rem}.brand-logo{width:clamp(72px,8vw,84px);height:auto;display:block}.brand-name{color:var(--accent-strong);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;margin-bottom:2px}.hero-tip{max-width:280px;padding:12px 16px;border-radius:12px;background:var(--bg-accent);border:1px solid var(--hero-tip-border);color:var(--hero-tip-ink);font-size:.95rem}main{display:grid;grid-template-columns:1fr;gap:20px}.panel{background:var(--panel);border-radius:18px;padding:8px;box-shadow:var(--shadow);border:1px solid var(--panel-border);animation:floatIn .6s ease both}.panel-wide{grid-column:1 / -1}.mode-switch{display:flex;gap:12px;flex-wrap:wrap}.mode-button{background:var(--panel);color:var(--accent);border:1px solid var(--input-border);box-shadow:none}.mode-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-weight:600}.mode-button:hover{box-shadow:0 6px 16px var(--accent-shadow)}.mode-button.is-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.page{display:none}.page.is-active{display:block}.page-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.2fr);gap:20px;align-items:start}.page-inputs{display:grid;gap:12px}.learning-panel{display:grid;gap:18px}.learning-header{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.eyebrow{padding:6px 0;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-strong);font-weight:600;font-size:.75rem;margin:0 0 8px}.hero-quest{width:min(160px,50%);flex:.5 .5 160px}.badge{background:var(--accent);color:var(--bg);padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.progress-track{height:10px;background:var(--panel);border-radius:999px;border:1px solid var(--panel-border);overflow:hidden}.progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.stat{background:var(--panel);border-radius:12px;padding:10px;border:1px solid var(--panel-border);display:grid;gap:4px;text-align:center}.stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:.95rem}.playground-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.2fr);gap:18px;align-items:start}.learning-card{background:var(--panel);border-radius:14px;border:1px solid var(--panel-border);padding:16px;box-shadow:var(--shadow)}.quest-path{display:grid;gap:12px;margin:14px 0}.quest-step{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--panel-border);background:var(--bg-end)}.quest-step.is-active{background:var(--bg-accent);border-color:var(--accent)}.quest-dot{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--bg);font-weight:700;display:grid;place-items:center;font-size:.85rem}.playground-board{display:grid;gap:12px}.board-header h3{margin-bottom:6px}.playground-controls{display:grid;gap:10px;margin:12px 0}.control-row{display:flex;gap:8px;justify-content:center}.playground-button{justify-content:center}.playground-status{font-weight:600;color:var(--accent)}.playground-mission{margin-top:8px}.grid-board{display:grid;grid-template-columns:repeat(6,minmax(20px,1fr));gap:6px}.grid-cell{aspect-ratio:1;border-radius:10px;border:1px solid var(--panel-border);background:var(--bg-end);position:relative}.grid-cell.is-visited{background:var(--bg-accent)}.grid-cell.is-player{background:var(--accent);box-shadow:0 10px 20px var(--accent-shadow)}.grid-cell.is-target{background:var(--accent-strong)}.page-chart{background:var(--panel);border-radius:14px;padding:16px;border:1px solid var(--panel-border)}.helper{color:var(--muted);font-size:.75rem}.page-shell{display:grid;gap:16px;margin-inline:auto}.page-header{display:grid;gap:6px}.input-stack{display:grid;gap:10px}label{font-size:.75rem;color:var(--muted)}input,textarea,select{width:auto;border-radius:10px;border:1px solid var(--input-border);padding:10px 12px;font:inherit;background:var(--input-bg);color:var(--ink)}textarea{resize:vertical}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}button{border:none;border-radius:999px;padding:8px 12px;background:var(--accent);color:var(--bg);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 4px 10px var(--accent-shadow-strong)}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}button:disabled:hover{transform:none;box-shadow:none}.button-secondary{background:var(--button-secondary-bg);color:var(--accent)}.actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.status-error{color:var(--semantic-critical);font-size:.85rem;margin:0}.button-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;color:var(--accent);font-weight:600;text-decoration:none;border-radius:999px;padding:8px 12px}.button-link:hover{background:var(--bg-accent)}.button-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;background:var(--bg-accent)}.actions-panel{padding:14px 18px}.status{color:var(--muted);font-size:.95rem}canvas{width:100%;height:240px}.page-chart canvas{height:320px}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tycoon-panel{--tycoon-accent: var(--accent);--tycoon-accent-soft: var(--overlay-light);--tycoon-accent-border: var(--tycoon-accent);display:grid;gap:14px;background:linear-gradient(135deg,var(--tycoon-accent-soft),var(--surface) 60%),var(--panel);border:1px solid var(--tycoon-accent-border);box-shadow:0 14px 24px var(--shadow-color),inset 0 1px 0 var(--overlay-light)}.tycoon-panel--materials{--tycoon-accent: var(--semantic-high)}.tycoon-panel--production{--tycoon-accent: var(--semantic-info)}.tycoon-panel--finished{--tycoon-accent: var(--semantic-positive)}.tycoon-panel--overheads{--tycoon-accent: var(--semantic-elevated)}.tycoon-panel--debtors{--tycoon-accent: var(--semantic-critical)}.tycoon-panel--creditors{--tycoon-accent: var(--defcon-5)}.tycoon-panel--cash{--tycoon-accent: var(--status-live)}.tycoon-panel--rnd{--tycoon-accent: var(--semantic-low)}.tycoon-panel__header{display:flex;align-items:flex-start;gap:12px}.tycoon-panel__step{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:4px 12px;border-radius:999px;border:1px solid var(--tycoon-accent-border);background:var(--tycoon-accent-soft);color:var(--tycoon-accent);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tycoon-panel h4{margin:0;font-size:1.02rem}.tycoon-panel__subtitle{margin:2px 0 0;font-size:.75rem;color:var(--muted)}.tycoon-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0}.tycoon-metric{display:grid;gap:4px;padding:8px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--panel-border);box-shadow:inset 0 1px 0 var(--overlay-light)}.tycoon-metrics dt{font-size:.8rem;color:var(--muted)}.tycoon-metrics dd{margin:0;font-weight:600}.tycoon-detail{display:grid;gap:6px}.tycoon-detail__label{margin:0;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tycoon-detail__list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.tycoon-detail__list--columns{grid-template-columns:repeat(3,minmax(0,1fr))}.tycoon-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:linear-gradient(90deg,var(--tycoon-accent-soft),var(--surface) 65%),var(--surface);border:1px solid var(--panel-border)}.tycoon-item--stack{grid-template-columns:minmax(0,1fr) auto}.tycoon-item__label{font-weight:600;font-size:.85rem}.tycoon-item__value{font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem;color:var(--ink)}.tycoon-item__meta{grid-column:1 / -1;font-size:.65rem;color:var(--muted)}@media(max-width:720px){body{padding:24px 14px}.hero{align-items:flex-start;margin-bottom:1rem;gap:1rem}.brand p{font-size:.8rem}.hero-tip{max-width:none;width:100%}.page-shell{padding:14px}.page-grid,.learning-header,.playground-grid{grid-template-columns:1fr}.action-row--stack-mobile{flex-direction:column;align-items:stretch}.action-row--stack-mobile>.button-link,.action-row--stack-mobile>button{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.panel{animation:none}button{transition:none}}.flow-panel{display:grid;gap:14px;padding:14px;border-radius:18px;border:1px solid var(--panel-border);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,transparent),transparent 72%),var(--panel)}.flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-card{width:100%;display:grid;gap:6px;justify-items:start;text-align:left;border-radius:16px;padding:14px;border:1px solid var(--panel-border);background:linear-gradient(160deg,color-mix(in srgb,var(--bg-accent) 84%,transparent),transparent 72%),color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text)}.flow-card.is-selected{border-color:color-mix(in srgb,var(--accent) 56%,var(--panel-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent),0 16px 28px color-mix(in srgb,var(--accent-shadow) 34%,transparent)}.flow-card__eyebrow{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.flow-card strong{font-size:1rem;font-family:var(--font-display)}.flow-card span:last-child{font-size:.82rem;line-height:1.4;color:var(--text-secondary)}.mode-panel{display:grid;gap:14px;padding:16px;border-radius:18px;border:1px solid var(--panel-border);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 14%,transparent),transparent 46%),linear-gradient(155deg,color-mix(in srgb,var(--bg-accent) 88%,transparent),color-mix(in srgb,var(--panel) 94%,transparent) 62%),var(--panel);box-shadow:0 18px 34px color-mix(in srgb,var(--shadow-color) 62%,transparent)}.mode-switch-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.mode-switch-copy,.bot-level-card__title,.bot-level-card__meta{display:grid}.mode-switch-copy{gap:4px}.mode-switch-copy strong{font-size:1rem;font-family:var(--font-display);color:var(--text)}.mode-switch-copy span{color:var(--text-secondary);font-size:.84rem;line-height:1.4}.mode-switch{min-width:128px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--panel-border) 86%,transparent);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--overlay-light) 72%,transparent)}.mode-switch.is-on{border-color:color-mix(in srgb,var(--accent) 58%,var(--panel-border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,transparent),transparent 72%),color-mix(in srgb,var(--surface) 92%,transparent)}.mode-switch__state,.bot-level-card__eyebrow{font-weight:700;text-transform:uppercase}.mode-switch__state{font-size:.78rem;letter-spacing:.08em}.mode-switch__track{position:relative;inline-size:46px;block-size:26px;border-radius:999px;background:color-mix(in srgb,var(--bg-end) 92%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--panel-border) 84%,transparent)}.mode-switch__thumb{position:absolute;top:3px;left:3px;inline-size:20px;block-size:20px;border-radius:50%;background:var(--text);transition:transform .2s ease}.mode-switch.is-on .mode-switch__thumb{transform:translate(20px);background:var(--accent)}.bot-ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 0}.bot-level-card{width:100%;display:grid;gap:8px;text-align:left;border-radius:18px;border:1px solid var(--panel-border);padding:14px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--bot-accent) 18%,transparent),transparent 38%),linear-gradient(160deg,color-mix(in srgb,var(--bot-accent) 12%,transparent),color-mix(in srgb,var(--panel) 94%,transparent) 74%),var(--panel);color:var(--text);box-shadow:0 12px 28px color-mix(in srgb,var(--shadow-color) 42%,transparent)}.bot-level-card[data-palette=green]{--bot-accent: color-mix(in srgb, var(--green) 50%, transparent)}.bot-level-card[data-palette=yellow]{--bot-accent: color-mix(in srgb, var(--yellow) 50%, transparent)}.bot-level-card[data-palette=info]{--bot-accent: color-mix(in srgb, var(--semantic-info) 50%, transparent)}.bot-level-card[data-palette=red]{--bot-accent: color-mix(in srgb, var(--red) 50%, transparent)}.bot-level-card[data-palette=accent]{--bot-accent: color-mix(in srgb, var(--accent) 50%, transparent)}.bot-level-card.is-selected{border-color:color-mix(in srgb,var(--bot-accent) 70%,var(--panel-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--bot-accent) 36%,transparent),0 20px 36px color-mix(in srgb,var(--bot-accent) 18%,transparent)}.bot-level-card__top,.bot-level-card__identity{display:flex;align-items:center}.bot-level-card__top{justify-content:space-between}.bot-level-card__top,.bot-level-card__identity{gap:10px}.bot-level-card__avatar{display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bot-accent) 26%,transparent);color:color-mix(in srgb,var(--bot-accent) 82%,white);font-weight:800;letter-spacing:.04em}.bot-level-card__avatar{inline-size:52px;block-size:52px;border-radius:14px;font-size:1rem;flex-shrink:0}.bot-level-card__title{gap:4px}.bot-level-card__eyebrow{font-size:.62rem;letter-spacing:.1em;color:color-mix(in srgb,var(--bot-accent) 72%,white)}.bot-level-card__title strong{font-size:1rem;line-height:1.15;font-family:var(--font-display)}.bot-level-card__meta{justify-items:end;gap:2px;color:var(--text-secondary);font-size:.74rem}.bot-level-card__meta-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--bot-accent) 72%,white)}.bot-level-card__meta strong{color:var(--text);font-size:1rem}.start-callout__button{min-width:220px;min-height:52px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 76%,white),var(--accent));color:var(--bg);font-size:1rem;font-weight:800;box-shadow:0 16px 28px color-mix(in srgb,var(--accent-shadow-strong) 56%,transparent)}@media(max-width:1200px){.bot-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.flow-grid,.mode-panel{grid-template-columns:1fr}.flow-panel,.mode-panel{padding:12px}.mode-switch-row,.bot-ladder{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:1fr;overflow-x:visible;scroll-snap-type:none}.mode-switch,.start-callout__button{width:100%;min-width:0}}