:root{color-scheme:dark;--color-bg: #090d0b;--color-panel: rgba(12, 19, 16, .92);--color-panel-soft: rgba(18, 28, 23, .72);--color-border: rgba(139, 255, 193, .22);--color-border-strong: rgba(139, 255, 193, .44);--color-text: #e8f7ee;--color-muted: #8aa59a;--color-dim: #597369;--color-green: #8bffc1;--color-amber: #ffd166;--color-red: #ff6b6b;--color-blue: #7cc7ff;--shadow-panel: 0 20px 80px rgba(0, 0, 0, .42);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:linear-gradient(rgba(139,255,193,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(139,255,193,.028) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(255,209,102,.08),transparent 32rem),var(--color-bg);background-size:24px 24px,24px 24px,auto,auto;color:var(--color-text);font-family:var(--font-sans)}button{font:inherit}button:focus-visible{outline:2px solid var(--color-amber);outline-offset:3px}.screen{position:relative;min-height:100dvh;height:100dvh;overflow:hidden;padding:clamp(16px,3vw,32px)}.screen:after{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025),rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);mix-blend-mode:soft-light}.start-screen,.game-screen,.result-screen{display:grid}.start-screen{place-items:center}.start-panel,.feedback-panel,.event-card,.result-shell,.stat-panel,.choice-button,.result-module{border:1px solid var(--color-border);background:var(--color-panel);box-shadow:var(--shadow-panel)}.start-panel{width:min(720px,100%);padding:clamp(24px,6vw,56px)}.start-panel h1{margin:14px 0;font-family:var(--font-mono);font-size:clamp(2rem,7vw,4.8rem);line-height:.95}.title-nowrap{white-space:nowrap}.result-main h1{margin:14px 0;font-family:var(--font-mono);font-size:clamp(2rem,7vw,4.8rem);line-height:.95}.start-panel p{margin:0;max-width:42rem;color:var(--color-muted);font-size:clamp(1rem,2.6vw,1.3rem);line-height:1.7}.start-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-action,.secondary-action{min-height:48px;border:1px solid var(--color-border-strong);padding:0 18px;cursor:pointer;color:var(--color-bg);background:var(--color-green);transition:transform .14s ease,filter .14s ease,border-color .14s ease}.secondary-action{color:var(--color-text);background:#8bffc114}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.45}.primary-action:hover,.secondary-action:hover{filter:brightness(1.08)}.primary-action:active,.secondary-action:active,.choice-button:active{transform:translateY(1px)}.status-bar{z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;color:var(--color-muted);font-family:var(--font-mono);font-size:.76rem}.status-bar__brand{color:var(--color-text)}.status-bar__meta{display:flex;align-items:center;gap:14px}.status-light{display:inline-block;width:8px;height:8px;border-radius:50%}.status-light--live{background:var(--color-green);box-shadow:0 0 14px var(--color-green);animation:status-pulse 1.8s ease-in-out infinite}.status-action{min-height:32px;border:1px solid var(--color-border);padding:0 10px;cursor:pointer;color:var(--color-text);background:#8bffc10f}.status-action:hover{border-color:var(--color-border-strong)}.event-layout{z-index:1;display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:16px;height:calc(100dvh - (clamp(16px,3vw,32px)*2) - 44px);padding-top:12px}.stat-panel{grid-row:1 / 3;display:grid;align-content:start;gap:12px;padding:14px}.event-card{display:grid;align-content:center;min-height:0;padding:clamp(22px,4vw,48px);animation:panel-in .18s ease-out}.event-card h2,.feedback-panel h2{margin:12px 0 18px;font-size:clamp(1.8rem,5vw,4.2rem);line-height:1.05}.event-card p{margin:0;max-width:46rem;color:var(--color-text);font-size:clamp(1.05rem,2.4vw,1.55rem);line-height:1.75}.choice-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:72px;padding:16px;cursor:pointer;color:var(--color-text);text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease}.choice-button:hover{border-color:var(--color-border-strong);background:#8bffc10f}.choice-button:focus-visible{outline-color:var(--color-green)}.choice-button__index{color:var(--color-amber);font-family:var(--font-mono);font-size:.8rem}.stat-meter{display:grid;gap:7px}.stat-meter__label{display:flex;justify-content:space-between;gap:10px;color:var(--color-muted);font-family:var(--font-mono);font-size:.74rem}.stat-meter__track{height:8px;overflow:hidden;border:1px solid var(--color-border);background:#ffffff0a}.stat-meter__fill{height:100%;background:var(--color-green)}.stat-meter--low .stat-meter__fill{background:var(--color-blue)}.stat-meter--high .stat-meter__fill{background:var(--color-amber)}.stat-meter--danger .stat-meter__fill{background:var(--color-red)}.feedback-panel{z-index:1;align-self:center;justify-self:center;width:min(780px,100%);padding:clamp(24px,5vw,48px);animation:panel-in .16s ease-out}.feedback-line{margin:0 0 28px;color:var(--color-text);font-size:clamp(1.1rem,3vw,1.7rem);line-height:1.65}.delta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:28px}.delta-item{border:1px solid var(--color-border);padding:12px;color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem}.delta-item strong{display:block;margin-top:8px;font-size:1.1rem}.delta-positive{color:var(--color-green)}.delta-negative{color:var(--color-red)}.result-shell{z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;width:min(1180px,100%);height:100%;align-self:center;justify-self:center;padding:16px;animation:panel-in .18s ease-out}.result-main,.result-side{min-height:0}.result-main{display:grid;align-content:center;padding:clamp(20px,4vw,44px)}.result-note{margin:0 0 18px;color:var(--color-amber);font-size:clamp(1.05rem,2.4vw,1.5rem);line-height:1.5}.result-state,.result-description{max-width:48rem;color:var(--color-text);font-size:clamp(.98rem,2vw,1.15rem);line-height:1.75}.result-description{color:var(--color-muted)}.result-side{display:grid;gap:10px;align-content:center}.result-module{padding:12px;box-shadow:none}.result-module h2{margin:0 0 10px;color:var(--color-amber);font-family:var(--font-mono);font-size:.78rem}.result-module p{margin:0;color:var(--color-muted);line-height:1.55}.key-choice-list,.trace-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.key-choice-list li,.trace-list li{color:var(--color-muted);line-height:1.45}.trace-list__type{margin-right:8px;color:var(--color-green);font-family:var(--font-mono);font-size:.72rem}.trace-list__empty{margin:0;color:var(--color-dim)}.what-if-screen{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.what-if-shell{z-index:1;display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);gap:14px;width:min(1200px,100%);min-height:0;align-self:center;justify-self:center;height:calc(100dvh - (clamp(16px,3vw,32px)*2) - 56px)}.what-if-console,.what-if-stage,.what-if-form-panel,.what-if-result-main,.what-if-result-side,.what-if-module,.what-if-card{border:1px solid var(--color-border);background:var(--color-panel);box-shadow:var(--shadow-panel)}.what-if-console{display:grid;gap:18px;align-content:space-between;min-height:0;padding:18px}.what-if-console h1,.what-if-form-panel h2,.what-if-result-main h2{margin:10px 0 14px;font-family:var(--font-mono);font-size:clamp(1.55rem,4vw,3.2rem);line-height:1.02}.what-if-console p,.what-if-decision,.what-if-cost,.what-if-state{margin:0;color:var(--color-muted);line-height:1.65}.what-if-kicker{margin:0;color:var(--color-amber);font-family:var(--font-mono);font-size:.76rem;letter-spacing:0}.what-if-step-list{display:grid;gap:8px}.what-if-step{border:1px solid var(--color-border);padding:10px;color:var(--color-muted);font-family:var(--font-mono);font-size:.76rem}.what-if-step.is-active{border-color:var(--color-border-strong);color:var(--color-green);background:#8bffc10f}.what-if-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;overflow:hidden;padding:clamp(14px,2vw,18px);animation:panel-in .18s ease-out}.what-if-form-panel{display:grid;align-content:center;gap:14px;min-height:0;padding:clamp(18px,4vw,42px);box-shadow:none}.what-if-field{display:grid;gap:8px;min-width:0;color:var(--color-muted);font-family:var(--font-mono);font-size:.76rem}.what-if-field input,.what-if-field textarea{width:100%;border:1px solid var(--color-border);border-radius:0;padding:13px 14px;resize:none;color:var(--color-text);background:#ffffff09;font:1rem/1.55 var(--font-sans)}.what-if-field input:focus,.what-if-field textarea:focus{border-color:var(--color-border-strong);outline:2px solid rgba(139,255,193,.16);outline-offset:0}.what-if-two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.what-if-presets,.what-if-actions,.what-if-branch-tabs{display:flex;flex-wrap:wrap;gap:10px}.what-if-presets button,.what-if-branch-tab{min-height:40px;border:1px solid var(--color-border);padding:0 12px;cursor:pointer;color:var(--color-text);background:#8bffc10f}.what-if-presets button:hover,.what-if-branch-tab:hover,.what-if-branch-tab[aria-selected=true]{border-color:var(--color-border-strong);background:#8bffc11f}.what-if-output{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.36fr);gap:12px;min-height:0}.what-if-result-main,.what-if-result-side{min-height:0;box-shadow:none}.what-if-result-main{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr);gap:12px;overflow:hidden;padding:clamp(16px,3vw,28px)}.what-if-result-side{display:grid;gap:10px;align-content:stretch;overflow:hidden;padding:10px}.what-if-branch-detail{display:grid;gap:10px;min-height:0;overflow:hidden}.what-if-branch-detail h3,.what-if-module h3{margin:0;color:var(--color-amber);font-family:var(--font-mono);font-size:.82rem}.what-if-branch-detail p,.what-if-module p,.what-if-module li{margin:0;color:var(--color-muted);line-height:1.5}.what-if-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.what-if-time-grid div,.what-if-module,.what-if-card{padding:12px}.what-if-time-grid div{border:1px solid var(--color-border);background:#ffffff08}.what-if-time-grid strong,.what-if-card strong{display:block;margin-bottom:7px;color:var(--color-green);font-family:var(--font-mono);font-size:.78rem}.what-if-time-grid span,.what-if-card span{color:var(--color-muted);line-height:1.45}.what-if-signal-list,.what-if-module ul{display:grid;gap:6px;margin:0;padding-left:1.1rem}.what-if-card{align-content:center;box-shadow:none}.what-if-actions{justify-content:flex-end;padding-top:12px}.what-if-prep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0}@media(max-width:760px){.screen{padding:14px}.status-bar{min-height:38px}.event-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 66px);gap:10px}.stat-panel{grid-row:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}.stat-meter--compact .stat-meter__label{display:grid;gap:2px;font-size:.64rem}.event-card{padding:18px}.choice-stack{grid-template-columns:1fr;gap:8px}.choice-button{min-height:58px;padding:12px}.delta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px;overflow:hidden}.result-main{padding:12px}.result-side{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow:hidden}.result-side>.secondary-action{grid-column:1 / -1;width:100%}.result-module--traces{display:none}.what-if-screen{gap:8px}.what-if-shell{grid-template-columns:1fr;height:calc(100dvh - 66px);gap:10px}.what-if-console{display:none}.what-if-stage{padding:10px}.what-if-form-panel{padding:14px}.what-if-form-panel h2,.what-if-result-main h2{font-size:clamp(1.55rem,8vw,2.35rem)}.what-if-two-fields,.what-if-output,.what-if-prep-grid{grid-template-columns:1fr}.what-if-output{overflow:hidden}.what-if-result-main{padding:14px}.what-if-result-side{grid-template-columns:1fr;padding:0;overflow:hidden}.what-if-result-side--branches .what-if-module:first-child,.what-if-result-side .what-if-card{display:none}.what-if-module{padding:10px}.what-if-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.what-if-decision{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.what-if-time-grid div{padding:9px}.what-if-time-grid span{display:-webkit-box;overflow:hidden;font-size:.86rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}.what-if-cost,.what-if-signal-list,.what-if-state{display:none}.what-if-actions{justify-content:stretch}.what-if-actions .primary-action,.what-if-actions .secondary-action{flex:1 1 0;padding:0 10px}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes status-pulse{0%,to{opacity:.72}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}
