:root{color-scheme:dark;--color-bg: #14100c;--color-bg-soft: #1d1711;--color-panel: rgba(31, 24, 17, .88);--color-panel-solid: #221a12;--color-text: #efe6d5;--color-muted: #b9a98f;--color-faint: #7c705e;--color-gold: #d8b36a;--color-gold-strong: #f2cf82;--color-green: #6f9c78;--color-wine: #7f3f39;--color-line: rgba(239, 230, 213, .18);--shadow-deep: 0 24px 64px rgba(0, 0, 0, .34);--font-display: Georgia, "Times New Roman", Times, serif;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;letter-spacing:0}html{min-height:100%;background:var(--color-bg)}body{min-width:320px;min-height:100vh;margin:0;color:var(--color-text);background:linear-gradient(180deg,#14100ce0,#14100c),radial-gradient(circle at top left,rgba(127,63,57,.2),transparent 34%),var(--color-bg);font-family:var(--font-body);line-height:1.5;text-rendering:optimizeLegibility}button,a,input{font:inherit}button,a{min-height:44px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:var(--color-gold-strong)}:focus-visible{outline:3px solid var(--color-gold-strong);outline-offset:4px}#root{min-height:100vh}.app-shell{width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:24px clamp(16px,4vw,48px) 48px}.app-shell--center{display:grid;place-items:center}.panel{border:1px solid var(--color-line);border-radius:8px;background:var(--color-panel);box-shadow:var(--shadow-deep)}.compact-panel{width:min(100%,520px);padding:clamp(24px,5vw,40px)}.eyebrow{margin:0 0 8px;color:var(--color-gold);font-size:.78rem;font-weight:700;font-variant-caps:all-small-caps;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:650;line-height:1.08}h1{font-size:clamp(2rem,8vw,4.4rem)}h2{font-size:clamp(1.35rem,4vw,2rem)}h3{font-size:1.08rem}.button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 18px;border:1px solid rgba(216,179,106,.45);border-radius:8px;color:var(--color-text);background:#d8b36a1a;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover:not(:disabled){border-color:var(--color-gold);background:#d8b36a2e}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{border-color:var(--color-gold);color:#16100a;background:var(--color-gold);font-weight:700}.button--primary:hover:not(:disabled){background:var(--color-gold-strong)}.button--ghost{border-color:transparent;background:#efe6d512}.title-screen{position:relative;min-height:100vh;display:grid;align-items:end;isolation:isolate;overflow:hidden;padding:min(12vh,84px) clamp(18px,6vw,72px)}.title-art{position:absolute;inset:0;z-index:-1;background-color:var(--color-bg);background-image:linear-gradient(90deg,#14100cf0,#14100cad,#14100c42),linear-gradient(180deg,#14100c2e,#14100ceb),url(/art/plate.title.png);background-position:center;background-size:cover}.title-screen__content{width:min(100%,720px);padding-bottom:min(6vh,52px)}.wordmark{font-size:clamp(4rem,18vw,9rem);font-weight:700;line-height:.9;color:var(--color-text);text-shadow:0 12px 36px rgba(0,0,0,.5)}.tagline{max-width:44ch;margin:18px 0 0;color:var(--color-text);font-size:clamp(1.08rem,3vw,1.32rem)}.title-actions,.completion-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.screen-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;margin-bottom:28px}.disciple-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px}.disciple-card{display:grid;gap:16px;align-content:start;min-height:100%;padding:18px;border:1px solid var(--color-line);border-radius:8px;background:#221a12c7}.portrait{display:grid;place-items:center;aspect-ratio:4 / 5;border-radius:8px;overflow:hidden;color:var(--color-gold);background:linear-gradient(145deg,#6f9c7833,#7f3f393d),#17110c;font-family:var(--font-display);font-size:clamp(3rem,18vw,6rem)}.portrait img{width:100%;height:100%;object-fit:cover}.disciple-card__body{display:grid;gap:10px}.disciple-card__body p{margin:0;color:var(--color-muted)}.disciple-card__heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.status-chip,.scripture-chip,.fruit-tags li{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border:1px solid rgba(216,179,106,.28);border-radius:999px;color:var(--color-gold-strong);background:#d8b36a14;font-size:.86rem;text-decoration:none}.fruit-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.disciple-card__actions{display:flex;flex-wrap:wrap;gap:10px;align-self:end}.disciple-card__message{flex-basis:100%;margin:0;color:var(--color-gold-strong);font-size:.92rem}.beat-screen{position:relative;min-height:100vh;isolation:isolate;overflow:hidden;background:var(--color-bg)}.scene-layer{position:fixed;inset:0;z-index:-2;pointer-events:none;background-color:var(--color-bg-soft)}.scene-layer:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#14100c1a,#14100cdb),linear-gradient(90deg,#14100cd1,#14100c42)}.scene-layer--fallback{background:linear-gradient(180deg,#14100c,#241b12)}.scene-layer__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.beat-overlay{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr;min-height:100vh;padding:18px clamp(14px,4vw,44px) clamp(18px,4vw,44px)}.beat-overlay--center{place-items:center}.beat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.beat-kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin:0 0 8px;color:var(--color-gold);font-size:.82rem;font-weight:800;font-variant-caps:all-small-caps;text-transform:uppercase}.beat-kicker span{color:var(--color-text);font-family:var(--font-display);font-size:clamp(1.1rem,4vw,1.55rem);font-variant-caps:normal;text-transform:none}.dialogue-panel{align-self:end;width:min(100%,820px);max-width:65ch;padding:clamp(18px,4vw,32px);border:1px solid var(--color-line);border-radius:8px;background:#14100cd1;box-shadow:var(--shadow-deep)}.speaker-name{display:inline-flex;min-height:32px;align-items:center;padding:4px 10px;margin:0 0 14px;border:1px solid rgba(216,179,106,.3);border-radius:6px;color:var(--color-gold);background:#d8b36a14;font-size:.78rem;font-weight:800}.dialogue-copy{color:var(--color-text);font-size:clamp(1.03rem,2.4vw,1.2rem);-webkit-user-select:text;user-select:text}.dialogue-copy p{margin:0}.dialogue-copy p+p{margin-top:.9em}.dialogue-copy[data-typing=true]{cursor:pointer}.typewriter-unrevealed{visibility:hidden}.typewriter-cursor{display:inline-block;width:.08em;height:1.05em;margin-left:.04em;background:#f2cf82c2;vertical-align:-.15em;animation:cursor-pulse 1s steps(2,end) infinite}.choice-list{display:grid;gap:10px;margin-top:24px}.choice-button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:54px;padding:10px 14px;border:1px solid rgba(239,230,213,.22);border-radius:8px;color:var(--color-text);background:#efe6d512;text-align:left}.choice-button:hover:not(:disabled){border-color:#d8b36ab3;background:#d8b36a1f}.choice-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#16100a;background:var(--color-gold);font-weight:800}.continue-button{margin-top:24px}.completion-panel{display:grid;gap:18px;width:min(100%,560px);padding:clamp(24px,5vw,40px)}.form-error{margin:14px 0 0;color:#ffc9bd}.fruit-hud{position:fixed;top:18px;right:18px;z-index:4;display:grid;gap:8px;width:min(320px,calc(100vw - 36px))}.fruit-toast{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:44px;padding:10px 14px;border:1px solid rgba(111,156,120,.44);border-radius:8px;color:var(--color-text);background:#121c14e6;box-shadow:0 14px 34px #00000047}.fruit-toast strong{color:#b9e1a7}.vine-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:clamp(18px,4vw,34px);align-items:start}.vine-panel,.codex-panel,.settings-panel{border:1px solid var(--color-line);border-radius:8px;background:#221a12b8}.vine-panel{position:relative;min-height:720px;padding:24px 18px;overflow:hidden}.vine-motif{position:absolute;top:20px;left:24px;width:96px;height:calc(100% - 40px);color:#6f9c7885}.vine-nodes{position:relative;display:grid;gap:18px;padding:10px 0 10px 58px;margin:0;list-style:none}.vine-node{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;min-height:62px}.vine-node__marker{display:block;width:36px;height:36px;border:2px solid rgba(216,179,106,.8);border-radius:50% 50% 50% 12%;background:radial-gradient(circle at 35% 35%,#f2cf82f2,#6f9c78e0 56%,#3f5436f0);transform:rotate(-38deg) scale(var(--level-scale, .18));transform-origin:center}.vine-node h2,.vine-node p{margin:0}.vine-node h2{font-family:var(--font-body);font-size:1rem;font-weight:800}.vine-node p{color:var(--color-muted)}.codex-panel{padding:clamp(20px,4vw,30px)}.codex-list{display:grid;gap:12px;padding:0;margin:22px 0 0;list-style:none}.codex-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start;min-height:58px;padding:12px 0;border-top:1px solid var(--color-line)}.codex-item h3{font-family:var(--font-body);font-size:1rem}.codex-item a{display:inline-flex;align-items:center;min-height:32px;margin-top:5px}.codex-notes{display:grid;gap:4px;padding:0;margin:8px 0 0;list-style:none}.codex-note{color:var(--color-muted);font-size:.86rem;line-height:1.45}.codex-mark{color:var(--color-faint);font-size:.78rem;font-weight:800;font-variant-caps:all-small-caps;text-transform:uppercase}.codex-item--complete .codex-mark{color:var(--color-green)}.settings-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.settings-panel{padding:clamp(20px,4vw,30px)}.settings-panel fieldset{padding:0;margin:0 0 24px;border:0}.settings-panel legend,.settings-panel h2{margin-bottom:12px;font-family:var(--font-body);font-size:1rem;font-weight:800}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border:1px solid var(--color-line);border-radius:8px;background:#14100c94}.segment{min-height:44px;border:1px solid transparent;border-radius:6px;color:var(--color-muted);background:transparent}.segment--active{border-color:#d8b36a6b;color:#16100a;background:var(--color-gold);font-weight:800}.toggle-row{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:58px}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{color:var(--color-muted)}.toggle-row input{width:52px;height:30px;accent-color:var(--color-gold)}.settings-status{margin-bottom:0;color:var(--color-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes cursor-pulse{0%,45%{opacity:1}46%,to{opacity:.18}}@media(max-width:760px){.title-screen{align-items:end;padding-bottom:32px}.screen-header{grid-template-columns:1fr}.beat-header{align-items:stretch}.dialogue-panel{max-width:none}.vine-layout{grid-template-columns:1fr}.vine-panel{min-height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}