@font-face{font-family:Pixelify Sans;src:url(/fonts/PixelifySans%5Bwght%5D.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{color-scheme:dark;--color-bg: #2e222f;--color-bg-soft: #3e3546;--color-line: #7f708a;--ui-parchment-dark: #ab947a;--ui-parchment-light: #fdcbb0;--ui-stone-dark: #2e222f;--ui-stone-mid: #3e3546;--ui-stone-light: #9babb2;--ui-text-light: #fdcbb0;--ui-text-dark: #2e222f;--ui-accent-gold: #fbb954;--ui-growth-dark: #4c3e24;--ui-growth-mid: #676633;--ui-growth-light: #91db69;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-pixel: "Pixelify Sans", monospace;--px-scale: 2;--panel-border: calc(16px * var(--px-scale) / 2);--button-border: calc(8px * var(--px-scale) / 2);--chip-border: calc(8px * var(--px-scale) / 2)}*{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(--ui-text-light);background-color:var(--color-bg);background-image:linear-gradient(45deg,rgba(253,203,176,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(155,171,178,.04) 25%,transparent 25%);background-position:0 0,0 4px;background-size:8px 8px;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}a{color:inherit}:focus-visible{outline:4px solid var(--ui-accent-gold);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,.dialogue-panel,.completion-panel,.codex-panel,.scripture-chip,.status-chip,.speaker-name,.disciple-card,.vine-panel,.settings-panel,.fruit-toast{border-style:solid;border-color:transparent;border-radius:0;background-color:transparent;image-rendering:crisp-edges;image-rendering:pixelated}.panel,.dialogue-panel,.completion-panel,.codex-panel{color:var(--ui-text-dark);border-width:var(--panel-border);border-image-source:url(/art/ui/panel-parchment.png);border-image-slice:16 fill;border-image-width:var(--panel-border);border-image-repeat:stretch;box-shadow:8px 8px #2e222f6b}.disciple-card,.vine-panel,.settings-panel,.fruit-toast,.speaker-name{color:var(--ui-text-light);border-width:var(--panel-border);border-image-source:url(/art/ui/panel-stone.png);border-image-slice:16 fill;border-image-width:var(--panel-border);border-image-repeat:stretch;box-shadow:8px 8px #00000052}.scripture-chip,.status-chip{color:var(--ui-text-dark);border-width:var(--chip-border);border-image-source:url(/art/ui/panel-parchment.png);border-image-slice:16 fill;border-image-width:var(--chip-border);border-image-repeat:stretch}.compact-panel{width:min(100%,520px);padding:clamp(18px,5vw,34px)}.eyebrow{margin:0 0 8px;color:var(--ui-accent-gold);font-family:var(--font-pixel);font-size:.84rem;font-weight:700;text-transform:uppercase}.panel .eyebrow,.dialogue-panel .eyebrow,.completion-panel .eyebrow,.codex-panel .eyebrow{color:var(--ui-text-dark)}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;font-family:var(--font-pixel);font-weight:700;line-height:1.06}h1{font-size:clamp(2rem,8vw,4.2rem)}h2{font-size:clamp(1.35rem,4vw,2rem)}h3{font-size:1.08rem}.button,.choice-button,.segment{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 16px;border:var(--button-border) solid transparent;border-radius:0;color:var(--ui-text-light);background-color:transparent;border-image-source:url(/art/ui/button-normal.png);border-image-slice:8 fill;border-image-width:var(--button-border);border-image-repeat:stretch;font-family:var(--font-pixel);font-weight:700;text-decoration:none;text-shadow:1px 1px 0 var(--ui-text-dark);image-rendering:crisp-edges;image-rendering:pixelated}.button:hover:not(:disabled),.choice-button:hover:not(:disabled),.segment:hover:not(:disabled){border-image-source:url(/art/ui/button-hover.png)}.button:active:not(:disabled),.choice-button:active:not(:disabled),.segment:active:not(:disabled),.segment.segment--active:hover:not(:disabled),.segment--active{border-image-source:url(/art/ui/button-pressed.png)}.button:disabled,.choice-button:disabled,.segment:disabled{color:var(--ui-stone-light);border-image-source:url(/art/ui/button-disabled.png)}.button__label,.segment__label,.choice-button__label,.choice-number{display:inline-flex;align-items:center;transform:translateY(0)}.button:active:not(:disabled) .button__label,.choice-button:active:not(:disabled) .choice-button__label,.choice-button:active:not(:disabled) .choice-number,.segment:active:not(:disabled) .segment__label{transform:translateY(1px)}.button--primary,.button--ghost{color:var(--ui-text-light)}.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:url(/art/plate.title.png);background-position:center;background-size:cover}.title-art:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(46,34,47,.9),rgba(46,34,47,.36),transparent),linear-gradient(180deg,transparent 45%,rgba(46,34,47,.88))}.title-screen__content{width:min(100%,720px);padding-bottom:min(6vh,52px)}.wordmark{display:block;line-height:0;filter:drop-shadow(4px 4px 0 rgba(46,34,47,.7))}.wordmark img{width:min(82vw,480px);height:auto;image-rendering:crisp-edges;image-rendering:pixelated}.tagline{max-width:44ch;margin:18px 0 0;color:var(--ui-text-light);font-size:clamp(1.08rem,3vw,1.32rem);text-shadow:2px 2px 0 var(--ui-text-dark)}.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}.screen-header h1{color:var(--ui-text-light);text-shadow:2px 2px 0 var(--ui-text-dark)}.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:14px}.portrait{display:grid;place-items:center;justify-self:center;width:min(100%,256px);aspect-ratio:1;overflow:hidden;color:var(--ui-text-light);background:var(--ui-stone-dark);font-family:var(--font-pixel);font-size:clamp(3rem,18vw,6rem);image-rendering:crisp-edges;image-rendering:pixelated}.portrait img{width:100%;height:100%;object-fit:cover;image-rendering:crisp-edges;image-rendering:pixelated}.disciple-card__body{display:grid;gap:10px}.disciple-card__body p{margin:0;color:var(--ui-text-light)}.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;font-size:.86rem;text-decoration:none}.scripture-chip{width:max-content;max-width:100%;padding:1px 8px;font-family:var(--font-pixel);font-weight:700}.fruit-tags{display:flex;flex-wrap:wrap;gap:8px 12px;padding:0;margin:0;list-style:none}.fruit-tags li{gap:6px;color:var(--ui-text-light);font-family:var(--font-pixel);font-weight:700}.fruit-tags img{width:16px;height:16px;image-rendering:crisp-edges;image-rendering:pixelated}.disciple-card__actions{display:flex;flex-wrap:wrap;gap:10px;align-self:end}.disciple-card__message{flex-basis:100%;margin:0;color:var(--ui-text-light);font-size:.92rem}.beat-screen{--px-scale: 1;position:relative;min-height:100vh;isolation:isolate;overflow:hidden;background:var(--color-bg)}.scene-layer{--px-scale: 1;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,#2e222f14,#2e222fd1),linear-gradient(90deg,#2e222fcc,#2e222f38)}.scene-layer--fallback{background:var(--color-bg)}.scene-layer__canvas{position:absolute;top:0;left:0;display:block;width:480px;height:270px;max-width:none;max-height:none;margin:0;pointer-events:none;transform:none;image-rendering:crisp-edges;image-rendering:pixelated}.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(--ui-accent-gold);font-family:var(--font-pixel);font-size:.88rem;font-weight:700;text-transform:uppercase;text-shadow:2px 2px 0 var(--ui-text-dark)}.beat-kicker span{color:var(--ui-text-light);font-size:clamp(1.1rem,4vw,1.55rem);text-transform:none}.dialogue-panel{align-self:end;width:min(100%,820px);max-width:65ch;padding:clamp(14px,4vw,28px)}.speaker-name{display:inline-flex;min-height:32px;align-items:center;padding:0 8px;margin:calc(-1 * var(--panel-border)) 0 14px;font-family:var(--font-pixel);font-size:.84rem;font-weight:700;text-transform:uppercase}.dialogue-copy{color:var(--ui-text-dark);font-family:var(--font-body);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:var(--ui-text-dark);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:16px 32px minmax(0,1fr);gap:10px;justify-content:stretch;width:100%;min-height:58px;padding:8px 12px;text-align:left;text-shadow:none}.choice-button:before{width:16px;height:16px;content:"";background-image:url(/art/ui/choice-marker.png);background-size:16px 16px;image-rendering:crisp-edges;image-rendering:pixelated}.choice-number{display:grid;place-items:center;width:32px;height:32px;color:var(--ui-text-dark);background-image:url(/art/ui/choice-slot.png);background-size:32px 32px;font-family:var(--font-pixel);font-size:1rem;font-weight:700;image-rendering:crisp-edges;image-rendering:pixelated}.choice-button__label{color:var(--ui-text-light);font-family:var(--font-body);line-height:1.35}.continue-button{margin-top:24px}.completion-panel{display:grid;gap:18px;width:min(100%,560px);padding:clamp(18px,5vw,34px)}.completion-panel h1,.completion-panel p{color:var(--ui-text-dark)}.form-error{margin:14px 0 0;color:var(--ui-text-dark);font-weight:700}.fruit-hud{position:fixed;top:18px;right:18px;z-index:4;display:grid;gap:8px;width:min(320px,calc(100vw - 36px))}.fruit-toast{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;padding:4px 8px;font-family:var(--font-pixel);font-weight:700}.fruit-toast img{width:16px;height:16px;image-rendering:crisp-edges;image-rendering:pixelated}.fruit-toast strong{color:var(--ui-text-light)}.vine-layout{display:grid;gap:clamp(18px,4vw,34px)}.vine-panel{position:relative;min-height:clamp(620px,72vh,760px);padding:0;overflow:hidden}.vine-branches,.vine-nodes{position:absolute;inset:24px}.vine-branches{width:calc(100% - 48px);height:calc(100% - 48px);overflow:visible;shape-rendering:crispEdges}.vine-branch{stroke:var(--ui-growth-light);stroke-width:2;stroke-linecap:square;vector-effect:non-scaling-stroke}.vine-branch--trunk{stroke:var(--ui-growth-mid)}.vine-nodes{padding:0;margin:0;list-style:none}.vine-node{position:absolute;left:var(--node-x);top:var(--node-y);display:grid;min-width:118px;gap:4px;justify-items:center;color:var(--ui-text-light);text-align:center;transform:translate(-50%,-50%)}.vine-node__icon{width:24px;height:24px;image-rendering:crisp-edges;image-rendering:pixelated}.vine-node h2,.vine-node p{margin:0}.vine-node h2{font-size:1rem}.vine-node p{color:var(--ui-text-light);font-family:var(--font-pixel);font-size:.84rem;font-weight:700}.codex-panel{padding:clamp(16px,4vw,28px)}.codex-panel h2,.codex-panel h3,.codex-panel p,.codex-panel a,.codex-panel li{color:var(--ui-text-dark)}.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:2px solid var(--ui-parchment-dark)}.codex-item h3{font-size:1rem}.codex-item a{display:inline-flex;align-items:center;min-height:32px;margin-top:5px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.codex-notes{display:grid;gap:4px;padding:0;margin:8px 0 0;list-style:none}.codex-note{color:var(--ui-text-dark);font-family:var(--font-body);font-size:.9rem;line-height:1.45}.codex-mark{color:var(--ui-text-dark);font-family:var(--font-pixel);font-size:.78rem;font-weight:700;text-transform:uppercase}.settings-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.settings-panel{padding:clamp(14px,4vw,28px)}.settings-panel fieldset{padding:0;margin:0 0 24px;border:0}.settings-panel legend,.settings-panel h2,.toggle-row strong{margin-bottom:12px;color:var(--ui-text-light);font-family:var(--font-pixel);font-size:1rem;font-weight:700}.settings-panel p,.settings-panel small{color:var(--ui-text-light)}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segment{width:100%;min-height:44px}.segment--active .segment__label{transform:translateY(1px)}.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 input{position:relative;flex:0 0 auto;width:56px;height:32px;border:var(--button-border) solid transparent;border-radius:0;appearance:none;background:transparent;border-image-source:url(/art/ui/button-normal.png);border-image-slice:8 fill;border-image-width:var(--button-border);border-image-repeat:stretch;image-rendering:crisp-edges;image-rendering:pixelated}.toggle-row input:after{position:absolute;top:4px;left:5px;width:10px;height:10px;content:"";background:var(--ui-text-light);box-shadow:2px 2px 0 var(--ui-text-dark)}.toggle-row input:checked{border-image-source:url(/art/ui/button-pressed.png)}.toggle-row input:checked:after{left:25px;background:var(--ui-growth-light)}.settings-status{margin-bottom:0;font-weight:700}.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-panel{min-height:640px}.vine-node{min-width:108px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}