:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0a0d0a;--ground-deep:#07090a;--panel:#101610;--panel-alt:#0f140f;--panel-story:#111711;--rule:#232f21;--rule-soft:#1b241a;--rule-warm:#24311f;--ink:#e8f0e4;--ink-bright:#eafce9;--ink-soft:#dcead7;--body-ink:#b3c1ae;--muted:#7d8a78;--muted-deep:#5f6f5c;--green:#5cff8f;--green-press:#3fd873;--green-hover:#8fffb4;--amber:#ffb43d;--amber-text:#ffcf8a;--red:#ff4d4d;--red-soft:#ff6b6b;--red-ink:#ffdede;--tag-paper:#e9e3d0;--tag-ink:#151713;--tag-ink-soft:#8a8471;--tag-rule:#b6ae95;--tape:#d8cfae80;--good:var(--green);--warn:var(--amber);--bad:var(--red);--text:var(--ink);--text-dim:var(--muted);--card-bg:var(--panel);--border:var(--rule);--font-display:"Caprasimo", ui-serif, Georgia, serif;--font-body:"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;position:fixed;inset:0;overflow:hidden}body{background:var(--ground-deep);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);font-weight:400}#root{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;max-width:480px;height:100%;margin:0 auto;overflow:hidden auto}button,input{font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.app-shell{background:var(--ground);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.scene-art{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.screen{z-index:1;flex-direction:column;flex:1;gap:14px;padding:52px 22px 26px;display:flex;position:relative}.kicker{font:800 10px/1.3 var(--font-body);letter-spacing:.28em;text-transform:uppercase;color:var(--muted-deep)}.label{font:800 10px/1.3 var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.btn{width:100%;max-width:360px;height:54px;font:400 18px var(--font-display);cursor:pointer;border:none;border-radius:999px;padding:0 20px;transition:transform 80ms,background .15s,border-color .15s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--green);color:#06210f;height:60px;box-shadow:0 12px 30px #5cff8f3d}.btn-primary:hover{background:var(--green-hover)}.btn-primary:active:not(:disabled){background:var(--green-press)}.btn-secondary{color:var(--ink-soft);background:0 0;border:1px solid #2a3826}.btn-secondary:hover{background:var(--panel);border-color:#3d5138}.btn-ghost{color:var(--muted);border:1px solid var(--rule);background:0 0}.btn-small{width:auto;height:40px;font:700 12px var(--font-body);padding:0 16px}.status-row{font:800 10px/1.3 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-deep);justify-content:space-between;align-items:center;display:flex}.menu-screen{text-align:center;justify-content:center;align-items:center;gap:10px;position:relative}.menu-badge{filter:drop-shadow(0 0 18px var(--green));margin-bottom:4px;font-size:44px}.menu-screen h1{font:400 34px/1.02 var(--font-display);color:var(--ink-bright);margin:0}.tagline{color:var(--body-ink);margin:0 0 8px;font-size:15px}.menu-stats{flex-wrap:wrap;justify-content:center;gap:22px;margin:8px 0 20px;display:flex}.menu-stats div{flex-direction:column;align-items:center;display:flex}.menu-stats strong{font:400 24px var(--font-display);color:var(--green);font-variant-numeric:tabular-nums}.menu-stats span{font:800 10px var(--font-body);color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin-top:2px}.lang-toggle{top:20px;border:1px solid var(--rule);color:var(--muted);font:700 11px var(--font-body);cursor:pointer;z-index:2;background:0 0;border-radius:999px;padding:6px 14px;position:absolute;inset-inline-end:20px}.intro-screen{gap:0;padding-bottom:30px}.intro-kicker{color:var(--green);font:800 11px var(--font-body);letter-spacing:.2em;text-transform:uppercase;margin:40px 0 6px}.intro-wordmark{font:400 54px/.9 var(--font-display);letter-spacing:-.02em;color:var(--ink-bright);text-shadow:0 0 40px #5cff8f38;margin:0}.intro-wordmark span{display:block}.intro-rule{background:var(--green);border-radius:999px;width:74px;height:5px;margin:18px 0 0;box-shadow:0 0 18px #5cff8fb3}.intro-spacer{flex:1;min-height:24px}.briefing-panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#131a13db;border:1px solid #1f2a1e;border-radius:26px;margin-bottom:18px;padding:22px 20px}.briefing-panel .label{margin-bottom:10px}.briefing-panel p{color:#c9d6c4;margin:0 0 12px;font-size:15px;line-height:1.6}.briefing-panel p:last-child{margin-bottom:0}.briefing-panel mark{color:var(--green);background:0 0;font-weight:700}.intro-footnote{color:var(--muted-deep);text-align:center;margin:14px 0 0;font-size:12px}.identity-screen{gap:0}.identity-screen h1{font:400 32px/1.05 var(--font-display);color:var(--ink-bright);margin:4px 0 22px}.identity-preview{justify-content:center;margin:8px 0 26px;display:flex}.identity-label{margin:6px 0 10px}.identity-input-wrap{margin-bottom:22px}.identity-input{background:var(--panel);border:1px solid var(--rule);width:100%;color:var(--ink);font:600 15px var(--font-body);border-radius:14px;padding:14px 16px}.identity-input:focus{border-color:var(--green);outline:none}.role-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.role-card{background:var(--panel);border:1px solid var(--rule);text-align:start;color:var(--ink);cursor:pointer;border-radius:22px;flex-direction:column;gap:6px;min-height:86px;padding:14px 14px 16px;display:flex}.role-card svg{color:#6f7d6b;width:28px;height:28px}.role-card-selected{border-color:var(--green);background:#5cff8f17;box-shadow:0 0 0 3px #5cff8f1f}.role-card-selected svg{color:var(--green)}.role-label{font:400 17px var(--font-display);color:#6f7d6b}.role-card-selected .role-label{color:var(--green)}.role-desc{font:400 11px/1.35 var(--font-body);color:#8b9887}.survivor-tag-wrap{width:300px;position:relative;transform:rotate(-1.6deg)}.survivor-tag-tape{background:var(--tape);z-index:1;border-radius:2px;width:82px;height:24px;position:absolute;top:-10px;box-shadow:0 2px 6px #00000059}.survivor-tag-tape-left{left:-6px;transform:rotate(-6deg)}.survivor-tag-tape-right{width:74px;height:22px;right:-2px;transform:rotate(5deg)}.survivor-tag{background:var(--tag-paper);color:var(--tag-ink);clip-path:polygon(0 0,100% 0,100% 94%,92% 100%,74% 95%,52% 100%,30% 95%,10% 100%,0 95%);padding:20px 20px 18px;position:relative;box-shadow:0 18px 40px #00000080}.survivor-tag-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.survivor-tag-headerlabel{font:800 9px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#6d6a58}.survivor-tag-field-label{font:800 10px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--tag-ink-soft);margin-bottom:2px}.survivor-tag-name-row{border-bottom:2px dashed var(--tag-rule);align-items:baseline;gap:2px;min-height:36px;margin-bottom:12px;padding-bottom:8px;display:flex}.survivor-tag-name{font:400 28px var(--font-display);color:var(--tag-ink)}.survivor-tag-caret{background:var(--tag-ink);width:2px;height:22px;animation:1s step-end infinite tag-blink;display:inline-block}@keyframes tag-blink{0%,49%{opacity:1}50%,to{opacity:0}}.survivor-tag-row{gap:28px;margin-bottom:10px;display:flex}.survivor-tag-value{font:800 16px var(--font-body);color:#2a2d24}.survivor-tag-blood .survivor-tag-value{color:#7d3b2f}.game-screen{gap:14px}.day-header-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.day-count{font:400 26px var(--font-display);color:var(--ink-bright);font-variant-numeric:tabular-nums}.survivor-chip{background:var(--panel);font:700 13px var(--font-body);color:var(--ink);border:1px solid #23301f;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px 6px 8px;display:inline-flex}.survivor-chip svg{width:15px;height:15px;color:var(--green)}.rank-pill{font:800 11px var(--font-body);color:var(--green);font-variant-numeric:tabular-nums;background:#5cff8f14;border:1px solid #5cff8f47;border-radius:999px;align-self:flex-start;padding:4px 11px}.stat-grid{background:var(--panel-alt);border:1px solid var(--rule-soft);border-radius:20px;grid-template-columns:1fr 1fr;gap:8px 14px;padding:14px;display:grid}.stat-bar{flex-direction:column;gap:5px;display:flex}.stat-bar-head{justify-content:space-between;align-items:baseline;display:flex}.stat-bar-head>span:first-child{font:800 10px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.stat-bar-value{font:800 12px var(--font-body);color:var(--ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.stat-delta{font:800 10px var(--font-body);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 6px;animation:.4s ease-out stat-delta-pop}.stat-delta-good{color:var(--green);background:#5cff8f24}.stat-delta-bad{color:var(--red);background:#ff4d4d24}@keyframes stat-delta-pop{0%{opacity:0;transform:translateY(4px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.stat-bar-track{background:#1a231a;border-radius:999px;height:7px;overflow:hidden}.stat-bar-fill{border-radius:999px;height:100%;transition:width .3s}.story-card{background:var(--panel-story);border:1px solid #1f2a1e;border-radius:24px;flex:none;overflow:hidden}.story-art{background:linear-gradient(#16211a,#0e140e);height:92px;position:relative;overflow:hidden}.story-art svg{width:100%;height:100%;position:absolute;inset:0}.story-chips{gap:6px;display:flex;position:absolute;bottom:10px;left:12px}.story-chip{font:800 10px var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 10px}.story-chip-encounter{color:var(--green);background:#5cff8f1a;border:1px solid #5cff8f47}.story-chip-tag{color:var(--amber-text);background:#ffb43d1a;border:1px solid #ffb43d47}.story-body{padding:16px 18px 18px}.story-body h2{font:400 23px/1.14 var(--font-display);color:var(--ink-bright);margin:0 0 8px}.story-body p{color:var(--body-ink);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.speaker-bubble{border:1px solid var(--green);background:linear-gradient(90deg,#5cff8f1a,#0000);border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.speaker-icon{font-size:24px}.speaker-name{font:700 14px var(--font-body);color:var(--ink)}.speaker-role{color:var(--muted);font-size:11px}.choice-list{flex-direction:column;gap:10px;margin-top:auto;display:flex}.choice-card{background:var(--panel);border:1px solid var(--rule);width:100%;max-width:none;color:var(--ink);text-align:start;cursor:pointer;border-radius:22px;flex-direction:column;gap:10px;padding:14px 16px 15px;transition:border-color .15s,background .15s,transform 80ms;display:flex}.choice-card:active:not(:disabled){transform:scale(.98)}.choice-card:disabled{opacity:.35;cursor:not-allowed}.choice-card:not(:disabled):hover{background:#141b13;border-color:#3d5138}.choice-card-label{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.choice-title{font:400 17px/1.2 var(--font-display);color:var(--ink-bright)}.risk-chip{font:800 10px var(--font-body);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 10px}.risk-chip-low{color:var(--green);background:#5cff8f1a;border:1px solid #5cff8f4d}.risk-chip-medium{color:var(--amber-text);background:#ffb43d1a;border:1px solid #ffb43d4d}.risk-chip-high{color:var(--red-soft);background:#ff4d4d1a;border:1px solid #ff4d4d4d}.odds-split-bar{border-radius:999px;height:8px;display:flex;overflow:hidden}.odds-split-success{background:linear-gradient(90deg,#3fd873,#5cff8f);height:100%}.odds-split-failure{background:linear-gradient(90deg,#8a2f2f,#c93b3b);height:100%}.odds-consequence-row{font:700 12px/1.4 var(--font-body);justify-content:space-between;gap:12px;display:flex}.odds-consequence-success{color:var(--green);text-align:left}.odds-consequence-failure{color:var(--red-soft);text-align:right}.roll-screen{text-align:center;justify-content:center;align-items:center;gap:0}.roll-kicker{color:var(--muted)}.roll-action{font:400 22px/1.2 var(--font-display);color:#c9d6c4;margin:8px 0 30px}.roll-circle-wrap{width:230px;height:230px;margin:0 auto 30px;position:relative}.roll-circle{background:radial-gradient(circle,#101710,#0a0d0a);border:1px solid #24311f;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 60px #5cff8f1f}.roll-circle-ring{border:2px dashed #5cff8f38;border-radius:50%;animation:2.6s ease-in-out infinite gz-breathe;position:absolute;inset:16px}@keyframes gz-breathe{0%,to{opacity:.5}50%{opacity:1}}.roll-digits{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.roll-digits-window{align-items:center;height:96px;display:flex;overflow:hidden}.roll-digits-number{font:400 78px var(--font-display);color:var(--green);text-shadow:0 0 26px #5cff8f80;font-variant-numeric:tabular-nums}.roll-status{text-align:center;font:800 10px var(--font-body);letter-spacing:.3em;text-transform:uppercase;color:var(--green);animation:1.4s steps(2,end) infinite gz-flicker;position:absolute;bottom:22px;left:0;right:0}@keyframes gz-flicker{0%,to{opacity:1}50%{opacity:.4}}.roll-odds-heading{font:800 12px var(--font-body);justify-content:space-between;width:100%;margin-bottom:8px;display:flex}.roll-odds-bar-wrap{width:100%;position:relative}.roll-odds-bar{border-radius:999px;height:22px;display:flex;overflow:hidden}.roll-needle{background:#fff;border-radius:2px;width:4px;height:28px;transition:left .9s cubic-bezier(.2,.8,.2,1);position:absolute;top:-3px;box-shadow:0 0 14px #fff}.roll-consequences{width:100%;font:400 12px/1.45 var(--font-body);color:var(--muted);justify-content:space-between;gap:12px;margin-top:14px;display:flex}.roll-consequences>div:first-child{text-align:left}.roll-consequences>div:last-child{text-align:right}.roll-quip{border:1px dashed var(--rule-warm);width:100%;font:italic 400 13px/1.5 var(--font-body);color:var(--muted);border-radius:16px;margin-top:34px;padding:14px 18px}.outcome-screen{gap:16px}.outcome-kicker{font:800 11px var(--font-body);letter-spacing:.2em;text-transform:uppercase}.outcome-kicker-good{color:var(--green)}.outcome-kicker-bad{color:var(--red-soft)}.outcome-headline{font:400 40px/.98 var(--font-display);margin:6px 0 0;animation:.12s ease-in gz-pop}.outcome-headline-good{color:var(--ink-bright)}.outcome-headline-bad{color:var(--red-ink)}@keyframes gz-pop{0%{transform:scale(1.12)}to{transform:scale(1)}}.result-panel{border:1px solid var(--rule-warm);background:#12170f;border-radius:22px;padding:16px 18px}.result-panel p{color:var(--body-ink);margin:0;font-size:15px;line-height:1.6}.deltas-block{flex-direction:column;gap:10px;display:flex}.delta-row{grid-template-columns:76px 1fr auto;align-items:center;gap:10px;animation:.3s ease-out both delta-row-in;display:grid}@keyframes delta-row-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.delta-label{font:800 10px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.delta-track{background:#1a231a;border-radius:999px;height:9px;position:relative;overflow:hidden}.delta-track-base{background:#2f4030;position:absolute;top:0;bottom:0;left:0}.delta-track-change{transition:width .4s ease-out;position:absolute;top:0;bottom:0}.delta-pill{text-align:center;min-width:44px;font:800 12px var(--font-body);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 9px}.delta-pill-good{color:var(--green);background:#5cff8f1f;border:1px solid #5cff8f3d}.delta-pill-bad{color:var(--red);background:#ff4d4d1f;border:1px solid #ff4d4d3d}.achievement-pill{background:#5cff8f14;border:1px solid #5cff8f47;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;animation:.3s ease-out .2s both delta-row-in;display:flex}.achievement-pill svg{width:18px;height:18px;color:var(--green);flex-shrink:0}.achievement-pill span{font:700 13px var(--font-body);color:var(--green)}.content-pill{background:#ffb43d14;border:1px solid #ffb43d47;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex}.content-pill span{font:700 13px var(--font-body);color:var(--amber-text)}.collectible-pill{background:#5cff8f0f;border:1px solid #5cff8f33;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex}.collectible-pill span{font:700 13px var(--font-body);color:var(--ink-soft)}.ending-screen{text-align:center;justify-content:flex-start;align-items:stretch;gap:14px;padding-top:60px}.ending-kicker{font:800 11px var(--font-body);letter-spacing:.2em;text-transform:uppercase}.ending-win .ending-kicker{color:var(--green)}.ending-loss .ending-kicker{color:var(--red-soft)}.ending-headline{font:400 44px/.94 var(--font-display);margin:8px 0 0}.ending-win .ending-headline{color:var(--ink-bright)}.ending-loss .ending-headline{color:var(--red-ink)}.ending-obituary{color:var(--body-ink);margin:12px 0 4px;font-size:15px;line-height:1.6}.ending-stat-pair{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 4px;display:grid}.ending-stat-card{border:1px solid var(--rule-warm);text-align:left;background:#12170f;border-radius:20px;padding:16px}.ending-stat-card .label{margin-bottom:6px}.ending-stat-value{font:400 34px var(--font-display);color:var(--ink-bright);font-variant-numeric:tabular-nums}.ending-stat-value-green{color:var(--green)}.ending-stat-sub{color:var(--muted);margin-top:2px;font-size:12px}.run-log{background:var(--panel-alt);border:1px solid var(--rule-soft);text-align:left;border-radius:20px;padding:6px 16px}.run-log-row{color:var(--body-ink);justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;display:flex}.run-log-row+.run-log-row{border-top:1px solid var(--rule-soft)}.run-log-row strong{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-weight:800}.ending-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:20px;display:flex}.collection-screen{gap:14px}.collection-header h1{font:400 32px var(--font-display);color:var(--ink-bright);margin:0 0 4px}.collection-sub{color:var(--body-ink);margin:0 0 4px;font-size:14px}.collection-back{align-self:flex-start}.tab-row{background:var(--panel-alt);border:1px solid var(--rule-soft);border-radius:999px;gap:4px;padding:4px;display:flex}.tab-btn{height:38px;color:var(--muted);font:800 12px var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1}.tab-btn.active{background:var(--green);color:#06210f}.progress-line{align-items:center;gap:10px;display:flex}.progress-track{background:var(--rule);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--green);height:100%}.progress-count{font:800 11px var(--font-body);color:var(--green);font-variant-numeric:tabular-nums;flex-shrink:0}.collection-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.collect-card{background:var(--panel);border:1px solid #26331f;border-radius:20px;overflow:hidden}.collect-card.locked{opacity:.72;border-color:#1c241b}.sigil-well{border-bottom:1px solid var(--rule-soft);justify-content:center;align-items:center;height:86px;display:flex}.collect-card.locked .sigil-well{background:#0d120d;border-bottom-color:#ffffff0d}.sigil{width:52px;height:52px;position:relative}.sigil-ring{border:3px solid;border-radius:50%;position:absolute;inset:0}.sigil-icon{filter:drop-shadow(0 0 6px);justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.sigil-locked-mark{font:400 22px var(--font-display);color:#6f7d6b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.collect-body{padding:10px 12px 12px}.collect-title{font:400 14px/1.2 var(--font-display);color:var(--ink-bright);margin-bottom:3px}.collect-card.locked .collect-title{color:var(--ink)}.collect-desc{color:var(--muted-deep);font-size:11px;line-height:1.35}.collect-count{font:800 10px var(--font-body);color:var(--green);position:absolute;top:8px;right:10px}