:root{--bg: #14110c;--bg-deep: #0d0b12;--panel: #1c1812;--panel-2: #221d15;--line: #3a332a;--text: #f3e3c0;--muted: #b6a98d;--dim: #8a7f68;--gold: #f6c453;--gold-soft: #c9b28a;--danger: #e06a4a;--good: #5fb36a;--font-display: "Fraunces", "Noto Serif SC", Georgia, serif;--font-body: "Space Grotesk", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(246,196,83,.06),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#14110cd1;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text);cursor:pointer;font-family:var(--font-body)}.brand-mark{font-size:22px;color:var(--gold);line-height:1}.brand-text{font-size:15px;font-weight:600;letter-spacing:.02em}.header-right{display:flex;gap:8px}.chip-btn{background:var(--panel);border:1px solid var(--line);color:var(--muted);padding:6px 12px;border-radius:999px;cursor:pointer;font-size:13px;font-family:var(--font-body)}.chip-btn:hover{color:var(--text);border-color:var(--gold-soft)}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 14px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;color:var(--dim);font-size:12.5px;border-top:1px solid var(--line)}.app-footer a{color:var(--gold-soft);text-decoration:none}.app-footer a:hover{color:var(--gold)}.btn-primary,.btn-secondary{font-family:var(--font-body);font-size:15px;font-weight:600;padding:12px 22px;border-radius:12px;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btn-primary{background:var(--gold);color:#1a1408;border:1px solid var(--gold)}.btn-primary:hover{background:#ffd98a}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-secondary:hover{border-color:var(--gold-soft)}.btn-primary:active,.btn-secondary:active{transform:translateY(1px)}.link-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;margin-top:18px}.link-btn:hover{color:var(--text)}.start-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:center;padding:40px 8px;min-height:calc(100vh - 130px)}.hero-world{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px -30px #000000b3}.hero-title{font-family:var(--font-display);font-size:clamp(30px,4.4vw,52px);font-weight:700;line-height:1.12;margin:0 0 14px}.hero-sub{color:var(--muted);font-size:16px;margin:0 0 26px;max-width:38ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.start-scenarios{padding:30px 4px 50px}.scenarios-title{font-family:var(--font-display);font-size:28px;font-weight:700;margin:0 0 20px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scenario-card{display:flex;flex-direction:column;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;cursor:pointer;color:var(--text);transition:transform .15s ease,border-color .15s ease;padding:0}.scenario-card:hover{transform:translateY(-3px);border-color:var(--gold-soft)}.scenario-thumb{width:100%}.scenario-thumb .world-svg{width:100%;height:auto;display:block}.scenario-info{padding:16px}.scenario-info h3{font-family:var(--font-display);font-size:20px;margin:0 0 6px}.scenario-tagline{color:var(--muted);font-size:13px;margin:0 0 12px}.scenario-list{list-style:none;margin:0 0 12px;padding:0;font-size:14px}.scenario-strength{color:var(--good)}.scenario-diff{color:var(--danger)}.scenario-invite{color:var(--muted);font-size:13.5px;margin:0 0 14px}.scenario-cta{color:var(--gold);font-weight:600;font-size:14px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"world status" "world advisor" "world decision" "world log";gap:12px;align-items:start;padding:14px 0 40px}.world-zone{grid-area:world;position:sticky;top:70px;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px -28px #000000b3}.status-zone{grid-area:status}.advisor-zone{grid-area:advisor}.decision-zone{grid-area:decision}.log-zone{grid-area:log}.turn-chip,.scenario-chip{position:absolute;z-index:5;font-family:var(--font-mono);font-size:12px;background:#14110cb8;border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--gold-soft);pointer-events:none}.turn-chip{top:10px;left:10px}.scenario-chip{top:10px;right:10px;color:var(--muted)}.world-svg{display:block;width:100%;height:auto}.world-compact{pointer-events:none}.status-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-tile{--c: var(--muted);background:var(--panel-2);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;position:relative;min-width:0}.status-label{color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.status-value{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--c);line-height:1.1}.status-bar{height:4px;background:#ffffff12;border-radius:2px;overflow:hidden}.status-bar-fill{display:block;height:100%;background:var(--c);border-radius:2px;transition:width .4s ease}.status-delta{position:absolute;top:8px;right:8px;font-family:var(--font-mono);font-size:11px}.status-delta.up{color:var(--good)}.status-delta.down{color:var(--danger)}.res-energy{--c: #d9a441}.res-materials{--c: #c9a86a}.res-knowledge{--c: #5fb36a}.res-trust{--c: #4f8fd6}.res-ecology{--c: #5f9a58}.res-wellbeing{--c: #e06a4a}.delta-chips,.action-effects,.action-costs{display:inline-flex;flex-wrap:wrap;gap:5px}.chip,.delta-chip{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-family:var(--font-mono);padding:2px 8px;border-radius:999px;background:#ffffff0d;color:var(--muted)}.chip-up,.delta-up{color:var(--good);background:#5fb36a1f}.chip-down,.delta-down{color:var(--danger);background:#e06a4a1f}.chip-cost{color:var(--gold-soft)}.chip-short{color:var(--danger);background:#e06a4a24}.chip-pending{color:#7fd6c4}.chip-building{color:var(--gold)}.chip-free{color:var(--dim)}.advisor-strip{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 12px}.advisor-row{display:flex;gap:8px;justify-content:space-between}.advisor-avatar{--advisor-color: var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:1px solid transparent;cursor:pointer;padding:4px 6px;border-radius:10px;transition:background .12s ease,border-color .12s ease}.advisor-avatar:hover{background:#ffffff0a}.advisor-avatar-active{border-color:var(--advisor-color)}.advisor-glyph{width:30px;height:30px;border-radius:50%;background:var(--advisor-color);color:#14110c;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.advisor-avatar-name{font-size:10px;color:var(--muted)}.advisor-comment{margin:10px 0 0;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.advisor-comment-name{font-weight:600;margin-right:6px;color:var(--text)}.advisor-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#14110c;font-weight:700;font-size:12px;flex:0 0 auto}.decision-panel{display:flex;flex-direction:column;gap:10px}.decision-panel .decision-title{font-family:var(--font-display);font-size:18px;margin:0}.event-card{background:linear-gradient(135deg,#2a1f14,#1c1812);border:1px solid #5a4430;border-radius:14px;padding:12px 14px}.event-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--gold);border:1px solid #5a4430;border-radius:999px;padding:1px 8px;margin-bottom:6px}.event-title{font-family:var(--font-display);font-size:17px;margin:0 0 4px}.event-desc{color:var(--muted);font-size:13.5px;margin:0 0 8px}.action-list{display:flex;flex-direction:column;gap:9px}.action-card{display:flex;gap:10px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;cursor:pointer;color:var(--text);font-family:var(--font-body);transition:border-color .12s ease,transform .12s ease}.action-card:hover:not(.action-disabled){border-color:var(--gold-soft);transform:translate(2px)}.action-disabled{opacity:.55;cursor:not-allowed}.action-special{border-color:var(--gold)}.action-index{font-family:var(--font-mono);font-size:12px;color:var(--dim);width:18px;flex:0 0 auto;padding-top:2px}.action-body{display:flex;flex-direction:column;gap:5px;min-width:0}.action-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.action-name{font-weight:600;font-size:15px}.action-bang{color:var(--gold);margin-right:4px}.action-desc{color:var(--muted);font-size:13px}.action-effects{display:flex;flex-wrap:wrap;gap:5px}.action-opinion{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:8px;margin-top:2px}.action-missing{font-size:12px;color:var(--danger)}.degraded-banner{background:#e06a4a24;border:1px solid rgba(224,106,74,.4);color:var(--danger);border-radius:12px;padding:8px 12px;font-size:13px}.log-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}.log-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--muted);font-size:13px;padding:10px 14px;cursor:pointer;font-family:var(--font-body)}.log-toggle:hover{color:var(--text)}.caret{transition:transform .15s ease}.caret-open{transform:rotate(180deg)}.log-list{list-style:none;margin:0;padding:0 14px 12px;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.log-entry{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px}.log-turn{font-family:var(--font-mono);color:var(--dim);font-size:11px}.log-kind{font-family:var(--font-mono);font-size:10px;color:var(--gold);text-transform:uppercase}.log-label{color:var(--text);font-weight:500}.log-note{flex-basis:100%;color:var(--dim);font-size:12px}.log-empty{color:var(--dim);font-size:13px}.ending{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:28px;padding:30px 4px 60px;align-items:start}.ending-scene{position:sticky;top:70px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.ending-kicker{font-family:var(--font-mono);font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.world-name-input{display:block;width:100%;margin:8px 0 4px;font-family:var(--font-display);font-size:28px;font-weight:700;background:transparent;border:none;border-bottom:1px dashed var(--line);color:var(--text);padding:4px 0}.world-name-input:focus{outline:none;border-bottom-color:var(--gold-soft)}.ending-title{font-family:var(--font-display);font-size:22px;margin:18px 0 6px;color:var(--gold)}.ending-blurb{color:var(--muted);font-size:15px;margin:0 0 8px}.ending-section{margin-top:20px}.ending-section h3{font-size:14px;color:var(--gold-soft);margin:0 0 10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.ending-decisions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ending-decisions li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;font-size:14px}.ed-turn{font-family:var(--font-mono);color:var(--dim);font-size:12px}.ed-label{color:var(--text);font-weight:600}.ed-note{flex-basis:100%;color:var(--dim);font-size:13px}.ending-traits,.ending-unsolved{color:var(--text);font-size:15px;margin:0}.ending-unsolved{color:var(--gold-soft)}.ending-reflections{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ending-reflections li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted)}.ending-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}@media (max-width: 920px){.game-layout{grid-template-columns:1fr;grid-template-areas:"world" "status" "advisor" "decision" "log"}.world-zone,.ending-scene{position:static}.scenario-grid{grid-template-columns:1fr}.start-hero{grid-template-columns:1fr;gap:20px;padding:20px 0}.ending{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.status-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@keyframes hearth-pulse{0%,to{opacity:.45}50%{opacity:.7}}@keyframes bulb-pulse{0%,to{opacity:.7}50%{opacity:1}}.hearth{animation:hearth-pulse 3.2s ease-in-out infinite}.bulb{animation:bulb-pulse 2.4s ease-in-out infinite}.advisor-fig,.window{transition:transform .5s ease,opacity .5s ease,fill .5s ease}