:root{--bg: #F6F9FA;--surface: #FFFFFF;--surface-soft: #F6F9FA;--neutral-fill: #EDF2F3;--line: #DEE7E9;--line-strong: #C2CFD3;--text: #0A1417;--dim: #455B62;--faint: #6B8189;--teal: #0E9AA7;--teal-fill: #EEF8F9;--teal-stroke: #7FD3DB;--teal-text: #0B7C89;--teal-deep: #064E58;--accent: #0B7C89;--accent2: #1E4EA3;--blue: #2F6FE4;--blue-fill: #E8F0FD;--good: #136B3A;--good-strong: #1F9D55;--warn: #8A560A;--warn-strong: #C2790B;--warn-fill: #FAF0DD;--bad: #93301D;--bad-strong: #D0452B;--bad-fill: #FBEBE7;--gold: #8A560A;--shadow-sm: 0 1px 2px rgba(10, 20, 23, .04), 0 4px 12px rgba(10, 20, 23, .05);--shadow-md: 0 8px 24px rgba(10, 20, 23, .1), 0 2px 6px rgba(10, 20, 23, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Geist,ui-sans-serif,system-ui,Helvetica Neue,Arial,sans-serif;font-variant-numeric:tabular-nums;line-height:1.45;min-height:100vh;-webkit-font-smoothing:antialiased}.app{position:relative;min-height:100vh}.screen{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:18px 20px 48px}h1,h2,h3{margin:0;letter-spacing:.01em;color:var(--text)}p{margin:.5em 0}.dim{color:var(--dim)}.bad{color:var(--bad)}.good{color:var(--good)}.accent{color:var(--teal-text)}.app-topbar{position:sticky;top:0;z-index:30;background:#ffffffe6;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}.app-topbar-inner{max-width:1180px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:12px}.app-home{display:inline-flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;border-radius:8px}.app-home:hover .app-home-text{color:var(--teal-text)}.app-home-mark{display:inline-flex}.app-home-text{font-weight:700;font-size:1.05rem;letter-spacing:-.02em}.app-home-accent{color:var(--teal-text)}.app-breadcrumb{color:var(--dim);font-size:.9rem}.app-breadcrumb-sep{color:var(--line-strong);margin-right:5px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-head h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-weight:600}.btn{font:inherit;border-radius:9px;padding:8px 16px;cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);transition:transform .06s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{border-color:var(--teal-stroke);color:var(--teal-text)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--teal-text);border-color:var(--teal-text);color:#fff;font-weight:700;box-shadow:var(--shadow-sm)}.btn.primary:hover{background:#064e58;color:#fff;box-shadow:var(--shadow-md)}.btn.primary:disabled{background:var(--neutral-fill);border-color:var(--line);color:var(--faint);cursor:not-allowed;box-shadow:none}.btn.ghost{background:transparent;border-color:var(--line-strong)}.btn.big{font-size:1.05rem;padding:12px 26px}.btn.icon-btn{padding:8px 10px;display:inline-flex;align-items:center}.hero{text-align:center;padding:30px 0 22px;position:relative}.hero-mars{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 38% 38%,var(--teal-stroke) 0 6px,transparent 7px),radial-gradient(circle at 66% 64%,var(--teal-stroke) 0 4px,transparent 5px),var(--teal-fill);border:2px solid var(--teal-stroke)}.hero h1{font-size:clamp(1.9rem,5vw,3rem);letter-spacing:.06em;font-weight:800}.tagline{color:var(--teal-text);letter-spacing:.04em;margin-top:6px;font-size:1.05rem}.om-note{color:var(--dim);max-width:560px;margin:10px auto 0;font-size:.92rem}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;border-color:var(--teal-stroke)}.choose{margin-top:26px}.choose h2{font-size:1rem;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.scenario-card,.role-card{font:inherit;color:inherit;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .08s ease}.scenario-card:hover,.role-card:hover{border-color:var(--teal-stroke);transform:translateY(-1px);box-shadow:var(--shadow-md)}.scenario-card.selected,.role-card.selected{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal),var(--shadow-sm)}.scenario-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pips{color:var(--warn-strong);font-size:.8rem;letter-spacing:.18em}.scenario-tagline{color:var(--dim);font-size:.86rem;margin:6px 0 8px;min-height:2.4em}.scenario-chips,.station-stock{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.72rem;border:1px solid var(--line-strong);border-radius:999px;padding:2px 8px;color:var(--dim);white-space:nowrap}.chip.accent{color:var(--teal-text);border-color:var(--teal-stroke);background:var(--teal-fill)}.chip.warn-chip{color:var(--bad);border-color:var(--bad-strong);background:var(--bad-fill)}.best-line{margin-top:8px;font-size:.78rem;color:var(--gold);font-weight:600}.scenario-brief{color:var(--dim);font-size:.92rem;margin-top:12px;max-width:860px;min-height:3em}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.role-card{display:flex;flex-direction:column;gap:4px}.role-icon{color:var(--teal)}.role-om{color:var(--accent2);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.role-blurb{color:var(--dim);font-size:.84rem}.start-actions{display:flex;justify-content:center;gap:14px;margin-top:30px}.hud{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px}.hud-left,.hud-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.week-pill{background:var(--blue-fill);border:1px solid var(--blue);color:var(--accent2);font-weight:700;border-radius:999px;padding:4px 12px;white-space:nowrap}.hud-scenario{color:var(--dim)}.hud-scenario strong{color:var(--text)}.hud-stat{font-weight:600;white-space:nowrap}.hud-label{color:var(--dim);font-weight:400;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;margin-right:4px}.chain{margin-bottom:12px;padding:12px;overflow-x:auto}.chain-scroll{display:flex;align-items:stretch;gap:8px;min-width:980px}.chain-node{flex:0 0 auto;width:128px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:8px 10px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;justify-content:center}.chain-node.production,.chain-node.customer{width:104px;border-style:dashed;background:transparent}.chain-node.mine{border-color:var(--teal);background:var(--teal-fill);box-shadow:0 0 0 1px var(--teal)}.you-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--teal-text);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.12em;border-radius:999px;padding:1px 8px}.station-icon{color:var(--accent2)}.dim-icon{color:var(--faint)}.station-name{font-weight:700;font-size:.82rem;line-height:1.2}.station-sub{color:var(--dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.station-stock{justify-content:center;margin-top:4px;font-size:.8rem;gap:10px}.lane{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:110px}.lane-orders{display:flex;align-items:center;justify-content:center;gap:6px;min-height:20px}.lane-orders.spacer{visibility:hidden}.order-chip{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;color:var(--warn);border:1px dashed var(--warn-strong);border-radius:999px;padding:1px 7px;white-space:nowrap}.lane-cargo{display:flex;align-items:center;justify-content:center;gap:6px}.lane-slot{display:inline-flex;align-items:center;gap:3px;min-width:34px;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:2px 6px;font-size:.78rem;color:var(--dim);background:var(--surface)}.lane-slot.filled{color:var(--teal-text);background:var(--teal-fill);border-color:var(--teal-stroke);animation:slotPulse .5s ease}@keyframes slotPulse{0%{transform:scale(.92);opacity:.5}to{transform:scale(1);opacity:1}}.lane-slot.hidden-slot{color:var(--faint);border-color:var(--line);background:var(--neutral-fill);opacity:.7}.lane-arrow{color:var(--teal);font-weight:700}.lane-arrow.dim{color:var(--faint);font-weight:400}.demand-lane{flex:0 0 auto;min-width:84px;flex-direction:row;align-items:center;gap:6px}.demand-arrow{color:var(--warn);font-size:.82rem;white-space:nowrap}.game-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:12px;align-items:start}.game-col-main,.game-col-side{display:flex;flex-direction:column;gap:12px;min-width:0}@media(max-width:900px){.game-grid{grid-template-columns:1fr}}.forecast-chip{font-size:.78rem;color:var(--teal-text);background:var(--teal-fill);border:1px solid var(--teal-stroke);border-radius:999px;padding:2px 10px;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(max-width:560px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.stat-label{color:var(--dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:1.35rem;font-weight:700;margin-top:2px}.stat-value.good{color:var(--good)}.stat-value.bad{color:var(--bad)}.stat-value.accent{color:var(--accent2)}.delta{font-size:.75rem;font-weight:600;margin-left:6px;vertical-align:middle}.delta.up{color:var(--warn-strong)}.delta.down{color:var(--accent2)}.cost-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;border-top:1px dashed var(--line-strong);padding-top:10px;font-size:.92rem}.cost-split{display:flex;gap:12px;color:var(--dim);font-size:.84rem}.quick-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip-btn{font:inherit;font-size:.8rem;background:var(--surface);color:var(--accent2);border:1px solid var(--line-strong);border-radius:999px;padding:3px 10px;cursor:pointer}.chip-btn:hover{border-color:var(--accent2);background:var(--blue-fill)}.order-form{display:flex;flex-direction:column;gap:10px}.order-input-row{display:flex;gap:6px;align-items:stretch}.order-input-row input{flex:1 1 auto;min-width:0;font:inherit;font-size:1.5rem;font-weight:700;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--teal-stroke);border-radius:10px;padding:8px}.order-input-row input:focus{outline:2px solid var(--teal);border-color:var(--teal)}.order-input-row input::-webkit-outer-spin-button,.order-input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.order-input-row input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bump{font:inherit;background:var(--neutral-fill);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;width:44px;cursor:pointer}.bump:hover{border-color:var(--accent2);background:var(--blue-fill)}.launch{width:100%;font-size:1.05rem}.eta-note{color:var(--dim);font-size:.82rem;margin:10px 0 0}.feed-scroll{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.feed-week-label{color:var(--dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.feed-item{display:flex;gap:8px;align-items:baseline;font-size:.86rem;padding:2px 0;color:var(--text)}.feed-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--faint);position:relative;top:-1px}.tone-good .feed-dot{background:var(--good-strong)}.tone-warn .feed-dot{background:var(--warn-strong)}.tone-bad .feed-dot{background:var(--bad-strong)}.tone-event .feed-dot{background:var(--accent2)}.feed-item.tone-event{color:var(--accent2)}.feed-item.tone-good{color:var(--good)}.feed-item.tone-warn{color:var(--warn)}.feed-item.tone-bad{color:var(--bad)}.tabs{display:flex;gap:4px}.tab{font:inherit;font-size:.8rem;background:transparent;color:var(--dim);border:1px solid var(--line-strong);border-radius:8px;padding:3px 12px;cursor:pointer}.tab.active{color:var(--teal-text);border-color:var(--teal);background:var(--teal-fill)}.placeholder{color:var(--dim);font-size:.9rem}.chart svg{width:100%;height:auto;display:block}.chart-grid{stroke:var(--line);stroke-width:1}.chart-tick{fill:var(--dim);font-size:10px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--dim)}.legend-swatch{width:14px;height:3px;border-radius:2px;display:inline-block;border:1px solid transparent}.legend-swatch.dashed{border-style:dashed;height:0}.chart-caption{color:var(--dim);font-size:.78rem;margin-top:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:560px;width:100%;padding:18px 20px;box-shadow:var(--shadow-md)}.tut-body{min-height:220px;font-size:.95rem}.tut-body ol,.tut-body ul{padding-left:20px;margin:8px 0}.tut-body li{margin:4px 0}.tut-chain{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.tut-node{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-strong);border-radius:999px;padding:3px 10px;font-size:.78rem;color:var(--dim)}.tut-node.mine{color:var(--teal-text);border-color:var(--teal-stroke);background:var(--teal-fill)}.tut-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.tut-dots{display:flex;gap:5px}.dot{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.dot.active{background:var(--teal)}.tut-nav{display:flex;gap:8px}.debrief-head{display:flex;align-items:center;gap:18px;margin:18px 0}.debrief-head h1{font-size:1.6rem}.grade-badge{flex:0 0 auto;width:92px;height:92px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid;background:var(--surface);box-shadow:var(--shadow-sm)}.grade-letter{font-size:2rem;font-weight:800;line-height:1}.grade-score{font-size:.8rem;color:var(--dim)}.grade-S{border-color:var(--gold);color:var(--gold)}.grade-A{border-color:var(--teal);color:var(--teal-text)}.grade-B{border-color:var(--blue);color:var(--accent2)}.grade-C{border-color:var(--warn-strong);color:var(--warn)}.grade-D{border-color:var(--bad-strong);color:var(--bad)}.new-best{color:var(--gold);font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:12px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-sm)}.kpi-label{color:var(--dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:1.5rem;font-weight:800;margin:2px 0}.kpi-sub{color:var(--dim);font-size:.78rem}.debrief-section{margin-bottom:12px}.section-intro{color:var(--dim);font-size:.9rem;margin-top:-4px}.whip-ladder{margin-top:12px;display:flex;flex-direction:column;gap:6px}.whip-row{display:grid;grid-template-columns:150px 1fr 56px;align-items:center;gap:10px;font-size:.86rem}.whip-name{color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whip-bar-track{background:var(--neutral-fill);border:1px solid var(--line);border-radius:999px;height:12px;overflow:hidden}.whip-bar{display:block;height:100%;border-radius:999px;transition:width .6s ease}.whip-ratio{text-align:right;font-weight:700}.whip-note{font-size:.78rem;margin-top:8px}.tips{display:flex;flex-direction:column;gap:10px}.tip{border:1px solid var(--line);border-left-width:3px;border-radius:10px;padding:10px 14px;background:var(--surface-soft);font-size:.92rem}.tip strong{color:var(--text)}.tip p{margin:4px 0 0;color:var(--dim)}.tip.tone-warn{border-left-color:var(--warn-strong)}.tip.tone-good{border-left-color:var(--good-strong)}.tip.tone-info{border-left-color:var(--blue)}.debrief-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px 0 8px}.seed-line{text-align:center;font-size:.78rem}.module-tag{margin-top:6px;font-size:.78rem;color:var(--teal-text);background:var(--teal-fill);border:1px solid var(--teal-stroke);border-radius:8px;padding:5px 10px;display:inline-block;max-width:60ch}.reflect-list{margin:8px 0 0;padding-left:1.3em;display:flex;flex-direction:column;gap:12px}.reflect-list li{line-height:1.5}.reflect-tiein{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);color:var(--dim);font-size:.9rem}.bullwhip-diagram{margin:8px 0 0}.bw-flow-label{font-size:12px;fill:var(--faint)}.bw-divider{stroke:var(--line);stroke-width:1;stroke-dasharray:2 3}.bw-axis{stroke:var(--line-strong);stroke-width:1}.bw-wave{stroke-width:2.2;stroke-linejoin:round}.bw-wave-0{stroke:#0e9aa7}.bw-wave-1{stroke:#2f6fe4}.bw-wave-2{stroke:#c2790b}.bw-wave-3{stroke:#d0452b}.bw-stage-name{font-size:12px;font-weight:600;fill:var(--text);text-anchor:middle}.bw-stage-amp{font-size:11px;fill:var(--dim);text-anchor:middle}.bw-loop-title{font-size:12px;font-weight:600;fill:var(--text)}.bw-loop-step{font-size:12px;fill:var(--dim)}.bw-caption{margin-top:6px;font-size:.84rem;color:var(--dim);line-height:1.5}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.concept-body p{line-height:1.55}.concept-points{margin:8px 0;padding-left:1.1rem;display:grid;gap:6px}.formula{margin:12px auto;padding:10px 16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;text-align:center;font-size:1.15rem;font-weight:600;letter-spacing:.01em}.formula sub{font-weight:500}.worked{margin:12px 0;padding:12px 14px;background:var(--teal-fill);border:1px solid var(--teal-stroke);border-radius:10px;line-height:1.55;color:var(--teal-deep)}.concept-ref-intro{margin:14px 0 6px}.ref-list{margin:0;padding-left:1.1rem;display:grid;gap:6px;font-size:.85rem;color:var(--dim)}.ref-list li{line-height:1.45}.ref-doi{color:var(--accent2);text-decoration:none;white-space:nowrap}.ref-doi:hover{text-decoration:underline}