:root{--bg0: #0b0f14;--bg1: #1a1f26;--panel: rgba(28, 34, 42, .72);--panel2: rgba(18, 22, 28, .6);--text: #efe6d6;--muted: rgba(239, 230, 214, .7);--accent: #b89b5c;--accent2: #e0c58a;--shadow: rgba(0, 0, 0, .45);--ring: rgba(224, 197, 138, .55)}body{background:radial-gradient(circle at top,#242a34b3,#0a0c10f2),linear-gradient(180deg,var(--bg1),var(--bg0));color:var(--text);font-family:EB Garamond,serif;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0003,#00000080 55%,#000000d9);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/texture-grain.png);opacity:.05;mix-blend-mode:soft-light;pointer-events:none;z-index:0}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;letter-spacing:.04em}:root{line-height:1.6;font-weight:400;background-color:#0f0d0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{min-height:100vh;padding:0 48px 64px}.page-shell{max-width:1100px;margin:0 auto;padding:72px 0 100px;display:flex;flex-direction:column;gap:28px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.title{margin:0;font-size:clamp(3rem,6vw,4.2rem);text-shadow:0 14px 34px rgba(0,0,0,.45)}.subtitle{margin:0;font-size:1.4rem;color:var(--muted)}.ui-label{font-family:"Source Sans 3",sans-serif;letter-spacing:.2em;text-transform:uppercase;font-size:.7rem;color:var(--muted)}.glass-panel{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 60px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px 26px}.button-stack{display:flex;flex-direction:column;align-items:center;gap:16px}.button-stack .btn{width:min(520px,100%)}.btn{height:64px;border-radius:18px;padding:0 28px;font-size:1.1rem;letter-spacing:.02em;font-family:"Source Sans 3",sans-serif;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 14px 34px #00000059;position:relative;overflow:hidden;color:var(--text);background:linear-gradient(180deg,#2a313b,#1a1f26)}.btn:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:18px;background:linear-gradient(180deg,#ffffff1f,#fff0);pointer-events:none}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 18px 40px #0006}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent2),var(--accent));color:#2a2416;border-color:#ffffff14}.btn-secondary{background:linear-gradient(180deg,#354151,#232b36);color:var(--text);border-color:#ffffff1a}.btn-beige{background:linear-gradient(180deg,#e7d3aa,#d2bb8b);color:#2b2620;border-color:#0000001f}.btn-ghost{background:#ffffff0f;color:var(--text);border-color:#ffffff1f}.link-inline{background:transparent;border:none;color:var(--muted);text-decoration:underline;text-underline-offset:6px;font-family:"Source Sans 3",sans-serif;font-size:1rem;cursor:pointer}.link-inline:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.home-shell{max-width:760px;margin:0 auto;padding-top:96px}.home-shell .title{font-size:clamp(3.4rem,7vw,4.8rem)}.home-shell .subtitle{font-size:1.5rem;color:#efe6d6d1}.game-page .hero{align-items:flex-start;text-align:left;gap:8px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:32px;align-items:start;position:relative}.game-main{display:flex;flex-direction:column;gap:18px;max-width:720px}.game-era{font-family:"Source Sans 3",sans-serif;font-size:1rem;color:var(--muted)}.game-title{margin:0;font-size:clamp(2.3rem,4vw,3rem)}.story-box{background:var(--panel2);border:1px solid rgba(239,230,214,.12);border-radius:18px;padding:24px 28px;box-shadow:0 20px 60px #00000059;line-height:1.6;font-size:1.2rem}.choice-stack{display:flex;flex-direction:column;gap:14px}.choice-stack .btn{height:62px;font-size:1.15rem;border-radius:16px;display:flex;align-items:center;gap:14px}.scenario-run-layout{margin-top:12px}.story-body{display:flex;flex-direction:column;gap:16px}.story-paragraph{margin:0;white-space:pre-wrap}.choice-button{justify-content:flex-start;text-align:left}.choice-label{font-family:"Source Sans 3",sans-serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.choice-thumb{width:46px;height:46px;border-radius:12px;object-fit:cover;border:1px solid rgba(0,0,0,.12);flex:0 0 auto}.node-art{height:min(520px,70vh);border-radius:22px;background:radial-gradient(circle at top,#b89b5c2e,#0000),linear-gradient(180deg,#1e242c80,#0c0f14e6);border:1px solid rgba(239,230,214,.08);box-shadow:0 30px 80px #0006;background-size:cover;background-position:center;position:relative;overflow:hidden}.node-art-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:right top;opacity:.65;mix-blend-mode:soft-light;pointer-events:none}.hud-bar{position:sticky;bottom:24px;display:flex;justify-content:center;margin-top:32px}.hud-inner{width:min(1100px,100%);display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 22px;border-radius:16px;background:#161a20b3;border:1px solid rgba(239,230,214,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 60px #00000061}.stats-grid{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:28px}.stat-label{font-family:"Source Sans 3",sans-serif;font-size:.85rem;color:var(--muted)}.stat-value{font-size:1.2rem;font-weight:600}.hud-buttons{display:flex;gap:12px}.hud-buttons .btn{height:50px;min-width:160px;border-radius:12px;font-size:.95rem}.debug-hero{text-align:center}.debug-panel{max-width:900px;margin:0 auto;padding:26px;background:var(--panel);border-radius:16px;box-shadow:0 24px 70px #0006}.section-label{margin:0 0 12px;font-size:1.2rem}.scroll-box{max-height:160px;overflow:auto;padding:14px;border-radius:12px;border:1px solid rgba(239,230,214,.1);background:#12161ccc}.tag-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.tag-list li{padding:6px 12px;border-radius:999px;background:#b89b5c29;border:1px solid rgba(239,230,214,.12);font-family:"Source Sans 3",sans-serif;font-size:.9rem}.result-bar{padding:12px 16px;border-radius:12px;background:#2a3440cc;border:1px solid rgba(239,230,214,.12);font-family:"Source Sans 3",sans-serif}.debug-footer{display:flex;justify-content:flex-end;margin-top:20px}.warning{color:#f0b4a1;font-weight:600}.end-of-branch{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.end-of-branch-content{max-width:720px;width:100%;background:var(--panel);border:1px solid rgba(239,230,214,.16);border-radius:16px;padding:48px 40px;box-shadow:var(--shadow)}.end-title{font-family:Cinzel,serif;font-size:36px;font-weight:600;color:var(--text);text-align:center;margin:0 0 12px;letter-spacing:.5px}.end-subtitle{font-family:EB Garamond,serif;font-size:18px;color:#efe6d6b8;text-align:center;margin:0 0 32px;line-height:1.6}.end-message{background:#2a344066;border:1px solid rgba(239,230,214,.12);border-radius:12px;padding:24px;margin-bottom:32px}.end-message h2{font-family:Cinzel,serif;font-size:22px;font-weight:600;color:var(--accent);margin:0 0 8px}.end-message p{font-family:EB Garamond,serif;font-size:16px;line-height:1.6;color:#efe6d6d9;margin:0}.run-summary{background:#2a34404d;border:1px solid rgba(239,230,214,.08);border-radius:12px;padding:28px;margin-bottom:32px}.run-summary h3{font-family:Cinzel,serif;font-size:18px;font-weight:600;color:var(--text);margin:0 0 20px;letter-spacing:.3px}.summary-section{margin-bottom:20px}.summary-section:last-child{margin-bottom:0}.summary-label{font-family:"Source Sans 3",sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#efe6d67a;margin-bottom:6px}.summary-value{font-family:EB Garamond,serif;font-size:16px;color:var(--text);line-height:1.5}.decisions-list{list-style:none;padding:0;margin:8px 0 0}.decisions-list li{font-family:EB Garamond,serif;font-size:15px;line-height:1.6;color:#efe6d6d9;padding:8px 0;border-bottom:1px solid rgba(239,230,214,.08)}.decisions-list li:last-child{border-bottom:none}.end-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.end-footer{font-family:"Source Sans 3",sans-serif;font-size:13px;color:#efe6d68f;text-align:center;margin:0;font-style:italic}@media (max-width: 900px){.game-layout{grid-template-columns:1fr}.node-art{height:320px}}@media (max-width: 720px){.app{padding:0 20px 48px}.page-shell{padding:56px 0 80px}.button-stack .btn{width:100%}.hud-inner{flex-direction:column;align-items:flex-start}.stats-grid{grid-auto-flow:row}.end-of-branch-content{padding:32px 24px}.end-title{font-size:28px}.end-actions{flex-direction:column;width:100%}.end-actions .btn{width:100%}}.modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:48px 0}.mode-card{background:var(--panel);border:1px solid rgba(239,230,214,.12);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:all .3s ease;position:relative;min-height:220px}.mode-card:not(.locked):hover{transform:translateY(-4px);border-color:#efe6d63d;box-shadow:0 16px 40px #0000004d}.mode-card.locked{opacity:.6;cursor:not-allowed}.coming-soon-badge{position:absolute;top:12px;right:12px;background:#f0b4a133;border:1px solid rgba(240,180,161,.4);color:#f0b4a1;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mode-title{font-family:Cinzel,serif;font-size:24px;font-weight:600;color:var(--text);margin:0}.mode-subtitle{font-family:EB Garamond,serif;font-size:16px;color:#efe6d6b8;line-height:1.6;margin:0;flex-grow:1}.scenarios-controls{display:flex;gap:20px;margin:32px 0;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:240px}.search-input{width:100%;padding:12px 16px;background:#2a344066;border:1px solid rgba(239,230,214,.16);border-radius:8px;font-family:"Source Sans 3",sans-serif;font-size:14px;color:var(--text)}.search-input::placeholder{color:#efe6d67a}.era-filter{display:flex;align-items:center;gap:12px}.era-filter label{font-family:"Source Sans 3",sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#efe6d6a3}.era-select{padding:8px 12px;background:#2a344066;border:1px solid rgba(239,230,214,.16);border-radius:6px;font-family:"Source Sans 3",sans-serif;font-size:14px;color:var(--text);cursor:pointer}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin:32px 0}.scenario-card{background:var(--panel);border:1px solid rgba(239,230,214,.12);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:all .3s ease;position:relative}.scenario-card:not(.is-stub):hover{transform:translateY(-2px);border-color:#efe6d63d;box-shadow:0 12px 32px #0003}.scenario-card.is-stub{opacity:.75}.scenario-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.scenario-title{font-family:Cinzel,serif;font-size:18px;font-weight:600;color:var(--text);margin:0;flex:1}.scenario-era{font-family:"Source Sans 3",sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#efe6d61a;color:#efe6d6b8;padding:4px 10px;border-radius:6px;white-space:nowrap}.scenario-years{font-family:"Source Sans 3",sans-serif;font-size:12px;color:#efe6d68f;margin:0;font-weight:500}.scenario-summary{font-family:EB Garamond,serif;font-size:15px;line-height:1.6;color:#efe6d6d9;margin:0;flex-grow:1}.no-results{text-align:center;padding:60px 20px;color:#efe6d68f;font-size:16px}.scenario-meta{display:flex;gap:8px;justify-content:center;font-family:"Source Sans 3",sans-serif;font-size:13px;color:#efe6d6a3}.overview-layout{display:grid;grid-template-columns:1fr;gap:32px;margin:32px 0}.overview-main{max-width:720px;margin:0 auto;width:100%}.overview-section{margin-bottom:32px}.overview-section h2{font-family:Cinzel,serif;font-size:22px;font-weight:600;color:var(--text);margin:0 0 16px}.overview-section p{font-family:EB Garamond,serif;font-size:16px;line-height:1.8;color:#efe6d6cc;margin:0}.overview-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.run-stub{background:#2a34404d;border:1px solid rgba(239,230,214,.12);border-radius:12px;padding:48px 32px;text-align:center;margin:48px 0}.stub-card h2{font-family:Cinzel,serif;font-size:24px;font-weight:600;color:var(--text);margin:0 0 16px}.stub-card p{font-family:EB Garamond,serif;font-size:16px;line-height:1.6;color:#efe6d6b8;margin:0 0 12px}.stub-status{font-size:14px;color:#efe6d68f;font-style:italic}@media (max-width: 900px){.modes-grid,.scenarios-grid{grid-template-columns:1fr}.overview-section p{font-size:15px}}.btn-stack-top-margin{margin-top:48px}.game-hub-buttons{max-width:360px;margin:0 auto}.result-bar-success{margin-top:24px}.deprecated-component{padding:20px;text-align:center}@media (max-width: 720px){.app{padding:0 20px 48px}.scenarios-controls{flex-direction:column;align-items:stretch}.search-input,.era-select{width:100%}.era-filter{flex-direction:column;align-items:stretch}.era-filter label{margin-bottom:4px}.scenario-header{flex-direction:column}.scenario-era{align-self:flex-start}.overview-actions{flex-direction:column}.overview-actions .btn{width:100%}}