:root{--bg: var(--c-slate);--bg2: var(--c-slate-2);--panel-solid: var(--c-panel);--panel: color-mix(in srgb, var(--c-panel) 92%, transparent);--line: color-mix(in srgb, var(--primary) 20%, transparent);--primary-dim: color-mix(in srgb, var(--primary) 14%, transparent);--accent-dim: color-mix(in srgb, var(--accent) 16%, transparent);--gold-soft: var(--c-gold-soft);--ink: var(--c-ink);--muted: var(--c-muted);--danger: var(--c-danger);--ok: var(--c-ok);--radius: var(--r-md);--mono: var(--font-mono);--sans: var(--font-sans);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--primary)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cyan{color:var(--primary)}.gold,.accent{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.85rem}.btn{border:1px solid var(--line);background:var(--bg2);border-radius:12px;padding:.8rem 1.1rem;font-weight:650;letter-spacing:.01em;min-height:48px;transition:transform .08s,background .2s,box-shadow .2s,opacity .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn.primary{background:linear-gradient(180deg,var(--c-cyan-btn),var(--c-cyan-deep));border-color:var(--primary);color:var(--c-white);box-shadow:0 0 18px color-mix(in srgb,var(--primary) 25%,transparent)}.btn.gold{background:linear-gradient(180deg,var(--c-flame),var(--c-gold-deep));border-color:var(--gold-soft);color:var(--c-on-gold);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 35%,transparent)}.btn.ghost{background:transparent;color:var(--muted)}.btn.wide{width:100%}.btn.big{font-size:1.15rem;padding:1rem 1.4rem;min-height:56px}.icon-btn{background:transparent;border:1px solid var(--line);border-radius:10px;width:40px;height:40px;display:grid;place-items:center;font-size:1.1rem;color:var(--muted);flex:none}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent),0 0 22px color-mix(in srgb,var(--accent) 35%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 0%,transparent),0 0 34px color-mix(in srgb,var(--accent) 60%,transparent)}}.toggle{display:inline-flex;align-items:center;gap:.6rem;background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem .5rem .5rem;font-weight:600}.toggle-dot{width:34px;height:20px;border-radius:999px;background:var(--c-line);position:relative;transition:background .2s;flex:none}.toggle-dot:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.toggle.on .toggle-dot{background:var(--accent-dim)}.toggle.on .toggle-dot:after{transform:translate(14px);background:var(--accent)}.screen{min-height:100dvh;position:relative}.ambient{position:absolute;inset:0;width:100%;height:100%;display:block}.title{display:grid;place-items:center;overflow:hidden}.title-inner{position:relative;z-index:1;max-width:560px;width:100%;padding:64px 16px 40px;display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center}.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0}.logo{margin:0;font-size:clamp(2.8rem,13vw,5.5rem);letter-spacing:.12em;font-weight:800;line-height:1;background:linear-gradient(180deg,var(--c-white) 0%,var(--c-spray) 55%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--primary) 35%,transparent))}.logo.small{font-size:clamp(2rem,8vw,3.6rem);letter-spacing:.04em}.tagline{margin:0 0 6px;color:var(--c-ink-soft);line-height:1.5;font-size:1.02rem}.start{width:100%;max-width:360px}.stage-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:420px}.stage-chip{display:flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--c-slate-2) 75%,transparent);border:1px solid var(--line);border-radius:12px;padding:.6rem .7rem;text-align:left;font-size:.9rem;backdrop-filter:blur(4px);min-height:44px}.stage-chip.done{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.stage-chip.next{border-color:var(--primary);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 25%,transparent)}.chip-num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;background:var(--primary-dim);color:var(--primary);flex:none;font-family:var(--mono)}.stage-chip.done .chip-num{background:var(--accent-dim);color:var(--accent)}.forge-btn{flex-direction:column;gap:2px;width:100%;max-width:360px;background:color-mix(in srgb,var(--c-slate-2) 70%,transparent)}.forge-btn small{font-weight:500;color:var(--muted);font-size:.8rem}.forge-btn.unlocked{border-color:var(--accent);color:var(--gold-soft);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 20%,transparent)}.unlock-badge{font-family:var(--mono);color:var(--accent);border:1px dashed var(--accent);border-radius:999px;padding:.4rem .9rem}.stage{display:grid;grid-template-rows:auto minmax(240px,1fr) auto;height:100dvh;min-height:0;overflow:hidden}.stage-head{display:flex;align-items:center;gap:10px;padding:10px 60px 10px 12px;border-bottom:1px solid var(--line);background:var(--bg);min-width:0}.stage-titles{flex:1;min-width:0}.stage-kicker{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-head h2,.forge-head h2{margin:0;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-chip{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;padding:.35rem .6rem;border-radius:999px;white-space:nowrap;flex:none}.phase-chip.a{color:var(--c-steel);border:1px solid var(--c-line-strong);background:var(--c-ink-900)}.phase-chip.b{color:var(--primary);border:1px solid var(--primary);background:var(--primary-dim);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 30%,transparent)}.canvas-wrap{position:relative;min-height:0}.canvas-wrap .phase-chip{position:absolute;top:10px;right:10px;z-index:2;pointer-events:none}.phase-chip.a{background:color-mix(in srgb,var(--c-ink-900) 85%,transparent)!important}.stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.stage-panel{background:var(--panel-solid);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));overflow-y:auto;max-height:50dvh;display:flex;flex-direction:column;gap:10px}.setup{margin:0;color:var(--c-ink-soft);line-height:1.45;font-size:.95rem}.phase-b .setup{display:none}.controls{display:flex;flex-direction:column;gap:10px}.ctl{padding:2px 0}.ctl-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.ctl label{font-weight:650;font-size:.92rem}.readout{font-family:var(--mono);font-size:.8rem;color:var(--primary)}.ctl.in-zone .readout{color:var(--accent)}.ctl.in-zone .readout:after{content:" ✓"}.slider-wrap{position:relative;height:40px;margin:0 14px}.slider-wrap input{position:absolute;left:-14px;width:calc(100% + 28px);top:0;height:40px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;touch-action:pan-y}.slider-wrap:before{content:"";position:absolute;left:-14px;right:-14px;top:18px;height:4px;border-radius:4px;background:var(--c-line)}.band{position:absolute;top:12px;height:16px;border-radius:6px;background:color-mix(in srgb,var(--accent) 35%,transparent);border:1px solid var(--accent);opacity:0;transform:scaleY(.4);transition:opacity .6s .4s,transform .6s .4s;pointer-events:none}.phase-b .band{opacity:1;transform:none;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,transparent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--c-thumb);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--c-thumb-ring);margin-top:0}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--c-thumb);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--c-thumb-ring)}input[type=range]::-webkit-slider-runnable-track{height:28px;background:transparent}input[type=range]::-moz-range-track{background:transparent}.phase-b input[type=range]::-webkit-slider-thumb{background:var(--primary);box-shadow:0 0 0 2px var(--primary),0 0 14px color-mix(in srgb,var(--primary) 60%,transparent)}.phase-b .in-zone input[type=range]::-webkit-slider-thumb{background:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 16px color-mix(in srgb,var(--accent) 80%,transparent)}.phase-b .in-zone input[type=range]::-moz-range-thumb{background:var(--accent)}.rhythm-row{display:flex;gap:12px;align-items:center}.pump{width:76px;height:56px;border-radius:14px;border:2px solid var(--c-brass);background:linear-gradient(180deg,var(--c-pump-top),var(--c-pump-bottom));color:var(--gold-soft);font-weight:800;letter-spacing:.08em;flex:none;touch-action:manipulation;user-select:none}.pump.hit{animation:pump .18s ease-out}.pump.beat{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 60%,transparent),0 0 18px color-mix(in srgb,var(--accent) 60%,transparent)}@keyframes pump{0%{transform:scale(.9);background:var(--c-brass)}to{transform:scale(1)}}.meter{position:relative;flex:1;height:18px;border-radius:9px;background:var(--c-line);overflow:visible}.meter .band{top:-4px;height:26px}.meter-fill{position:absolute;left:0;top:4px;height:10px;border-radius:6px;background:linear-gradient(90deg,var(--c-fail-bg),var(--c-ember),var(--c-gold-soft));transition:width .1s}.metro{position:absolute;right:-6px;top:-14px;width:10px;height:10px;border-radius:50%;background:var(--accent);opacity:0;box-shadow:0 0 10px var(--accent)}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .btn{flex:1 1 140px}.ask{flex-direction:column;gap:0;line-height:1.1}.ask small{font-size:.72rem;font-weight:600;opacity:.8;font-family:var(--mono)}.ask.big{flex-basis:100%}.feedback{display:none;border-radius:12px;padding:.7rem .9rem;font-size:.92rem;line-height:1.45;border:1px solid var(--line);background:var(--bg2)}.feedback p{margin:0}.feedback.show{display:block;animation:rise .3s ease-out}.feedback.fail{border-color:color-mix(in srgb,var(--c-danger) 50%,transparent);background:color-mix(in srgb,var(--c-fail-bg) 25%,transparent)}.feedback.hint{border-color:color-mix(in srgb,var(--primary) 50%,transparent)}.feedback.ok{border-color:var(--accent);background:var(--accent-dim)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stage-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(circle,color-mix(in srgb,var(--c-slate) 35%,transparent),color-mix(in srgb,var(--c-slate) 75%,transparent));animation:rise .5s ease-out}.win-card{background:var(--panel);border:1px solid var(--accent);border-radius:18px;padding:20px 22px;text-align:center;max-width:340px;box-shadow:0 0 40px color-mix(in srgb,var(--accent) 30%,transparent)}.win-card h3{margin:6px 0;font-size:1.35rem}.win-card p{margin:0 0 14px;color:var(--primary)}.win-kicker{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.toast{position:absolute;z-index:5;left:50%;top:64px;transform:translate(-50%);background:var(--panel);border:1px solid var(--accent);color:var(--gold-soft);padding:.55rem .9rem;border-radius:12px;font-size:.88rem;max-width:calc(100% - 32px);animation:toast 6s forwards;pointer-events:none}@keyframes toast{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}@media(min-width:900px)and (min-aspect-ratio:1/1){.stage{grid-template-columns:1fr minmax(360px,420px);grid-template-rows:auto 1fr}.stage-head{grid-column:1 / -1}.stage-panel{max-height:none;border-top:0;border-left:1px solid var(--line);padding:18px 20px}.setup{font-size:1rem}}.scrim{position:fixed;inset:0;background:color-mix(in srgb,var(--c-void) 60%,transparent);opacity:0;transition:opacity .3s;z-index:40}.scrim.open{opacity:1}.drawer{position:fixed;z-index:41;left:0;right:0;bottom:0;height:90dvh;background:var(--panel-solid);border-top:1px solid var(--accent);border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 40px color-mix(in srgb,var(--accent) 15%,transparent)}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 6px}.drawer-title{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.95rem}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 16px 10px;border-bottom:1px solid var(--line)}.tab{background:transparent;border:1px solid var(--line);border-radius:10px;padding:.5rem .3rem;font-size:.8rem;font-weight:650;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.tab-num{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--c-line);font-size:.72rem;flex:none}.tab.active{color:var(--ink);border-color:var(--accent);background:var(--accent-dim)}.tab.active .tab-num{background:var(--accent);color:var(--c-on-gold)}.tab.locked{opacity:.4;cursor:not-allowed}.drawer-body{flex:1;overflow-y:auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.step{display:flex;flex-direction:column;gap:14px;max-width:760px;margin:0 auto;animation:rise .3s ease-out}.kicker{margin:0;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.scripture{margin:0;padding:14px 16px;border-left:3px solid var(--accent);background:linear-gradient(90deg,var(--accent-dim),transparent);border-radius:0 12px 12px 0}.scripture-ref{font-weight:800;color:var(--gold-soft);margin-bottom:6px}.scripture blockquote{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:1.6;color:var(--c-sailcloth)}.scripture blockquote p{margin:0 0 .5em}.scripture sup{color:var(--accent);font-family:var(--sans);font-weight:700;margin-right:2px}.scripture.compact blockquote{font-size:1rem}.church-link{display:inline-block;margin-top:4px;font-size:.85rem}.truth-name{margin:0;font-size:1.35rem;color:var(--primary)}.explain{margin:0;line-height:1.55;color:var(--c-text-body)}.diagram{width:100%;height:170px;border:1px solid var(--line);border-radius:12px;display:block}.check{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg2)}.check-q{margin:0 0 10px;font-weight:700}.options{display:flex;flex-direction:column;gap:8px}.option{display:flex;gap:10px;align-items:center;text-align:left;background:var(--bg);border:1px solid var(--c-line-strong);border-radius:10px;padding:.7rem;min-height:48px}.opt-letter{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--c-line);font-family:var(--mono);font-size:.8rem;flex:none}.option.right{border-color:var(--accent);background:var(--accent-dim)}.option.right .opt-letter{background:var(--accent);color:var(--c-on-gold)}.option.wrong{border-color:var(--danger);opacity:.6;animation:shake .35s}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.check-feedback{margin:10px 0 0;min-height:1.2em;font-size:.9rem}.check-feedback.ok{color:var(--gold-soft)}.check-feedback.no{color:var(--danger)}.discussion{margin:0;font-size:clamp(1.4rem,5.2vw,2.2rem);line-height:1.3;font-weight:700;color:var(--c-white)}.apply{font-size:1.1rem;min-height:58px}@media(min-width:900px)and (min-aspect-ratio:1/1){.drawer{left:auto;top:0;width:min(560px,50vw);height:100dvh;border-radius:20px 0 0 20px;border-top:0;border-left:1px solid var(--accent);transform:translate(100%)}}.large-text .scripture blockquote{font-size:clamp(1.5rem,4.6vw,2.1rem);line-height:1.5}.large-text .explain{font-size:1.25rem}.large-text .check-q,.large-text .option{font-size:1.15rem}.large-text .discussion{font-size:clamp(1.8rem,6.5vw,2.8rem)}.large-text .setup{font-size:1.15rem}.large-text .teach-card p{font-size:1.15em}.forge{display:flex;flex-direction:column;overflow-x:hidden}.forge-head{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:10px 60px 10px 12px}.forge-head>div{flex:1;min-width:0}.forge-content{position:relative;z-index:1;flex:1;padding:8px 16px 40px;display:flex;justify-content:center;align-items:flex-start}.forge-card{width:100%;max-width:720px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(6px);animation:rise .35s ease-out}.forge-card.narrow{max-width:440px}.forge-card.center{align-items:center;text-align:center;padding:32px 18px}.forge-card h3{margin:0;font-size:1.4rem}.forge-card p{margin:0;line-height:1.5}.text-input{width:100%;background:var(--bg);border:1px solid var(--c-line-strong);border-radius:12px;padding:.85rem .9rem;color:var(--ink);font:inherit;font-size:1rem;min-height:48px}.text-input.big{font-size:1.3rem;text-align:center;letter-spacing:.1em}.text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg);border:1px solid var(--c-line-strong);border-radius:999px;padding:.55rem .9rem;min-height:42px;font-weight:600;font-size:.92rem}.chip.on{border-color:var(--accent);background:var(--accent-dim);color:var(--gold-soft)}.intro{font-size:1.08rem;color:var(--c-text-bright)}.section-label{margin:6px 0 0;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.truths{display:grid;gap:10px}.truth-card{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--bg);border:1px solid var(--c-line-strong);border-radius:14px;padding:14px;transition:border-color .2s,box-shadow .2s}.truth-card strong{font-size:1.1rem;color:var(--primary)}.truth-card.on{border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 25%,transparent)}.truth-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.truth-sum{color:var(--c-text-body);line-height:1.45}.truth-ref{color:var(--accent);font-weight:700;font-size:.9rem}.truth-card{cursor:pointer}.truth-passage summary{cursor:pointer;list-style:none;padding:4px 0}.truth-passage summary::-webkit-details-marker{display:none}.truth-passage[open] summary .muted{display:none}.truth-passage .scripture{margin-top:6px}.segs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.seg{background:var(--bg);border:1px solid var(--c-line-strong);border-radius:10px;min-height:44px;font-weight:650}.seg.on{border-color:var(--primary);background:var(--primary-dim);color:var(--primary)}.theme-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.theme-chip{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--c-line-strong);border-radius:12px;padding:.55rem;min-height:46px;font-weight:600;font-size:.88rem;text-align:left}.theme-chip .swatch{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--c1) 50%,var(--c2) 50%);flex:none;border:1px solid color-mix(in srgb,var(--c-white) 20%,transparent)}.theme-chip.on{border-color:var(--accent);background:var(--accent-dim)}.banner{border-radius:12px;padding:12px;border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.banner.error{border-color:color-mix(in srgb,var(--c-danger) 60%,transparent);background:color-mix(in srgb,var(--c-fail-bg) 30%,transparent)}.banner.info{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:var(--accent-dim)}.banner-actions{display:flex;gap:8px;flex-wrap:wrap}.banner-actions .btn{flex:1 1 140px}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid var(--primary-dim);border-top-color:var(--primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.forge-msg{font-size:1.2rem;font-weight:700;color:var(--gold-soft);min-height:1.5em}.anvil{position:relative;width:120px;height:90px;margin-bottom:8px}.anvil:before{content:"";position:absolute;left:10px;right:10px;bottom:0;height:34px;background:linear-gradient(180deg,var(--c-thumb-ring),var(--c-line-strong));clip-path:polygon(0 0,100% 0,80% 40%,80% 100%,20% 100%,20% 40%);border-radius:4px}.anvil:after{content:"";position:absolute;left:50%;bottom:34px;width:36px;height:8px;margin-left:-18px;background:var(--c-flame);border-radius:3px;box-shadow:0 0 16px var(--accent);animation:glow .9s infinite}.hammer{position:absolute;right:18px;top:0;width:46px;height:14px;background:var(--c-hammer);border-radius:3px;transform-origin:100% 50%;animation:hammer .9s infinite cubic-bezier(.5,0,.9,.5)}.hammer:after{content:"";position:absolute;right:2px;top:10px;width:6px;height:40px;background:var(--c-handle);border-radius:3px}@keyframes hammer{0%,to{transform:rotate(-35deg)}55%{transform:rotate(10deg)}}@keyframes glow{50%{box-shadow:0 0 30px var(--accent),0 -6px 18px var(--c-gold-soft)}}.teaching{display:grid;place-items:start center;padding:56px 16px 40px;background:radial-gradient(ellipse at top,var(--c-sky-night),var(--bg) 70%)}.teach-card{--tc-primary: var(--primary);--tc-accent: var(--accent);width:100%;max-width:980px;display:flex;flex-direction:column;gap:16px;font-size:clamp(1rem,1.6vw,1.35rem)}.teach-card header h1{margin:4px 0;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.1}.teach-card header p{margin:0}.tc-block{border-radius:16px;padding:16px 18px;border:1px solid var(--line);background:var(--panel)}.tc-block h2{margin:0 0 6px;font-family:var(--mono);font-size:.8em;letter-spacing:.12em;text-transform:uppercase}.tc-block p{margin:0;line-height:1.5}.cyan-block{border-color:var(--tc-primary)}.cyan-block h2{color:var(--tc-primary)}.gold-block{border-color:var(--tc-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,transparent),var(--panel))}.gold-block h2{color:var(--tc-accent)}.gold-block .scripture{margin-top:12px}.challenge .big-prompt{font-size:1.35em;font-weight:700;margin-bottom:12px}.tc-actions{display:flex;gap:10px;flex-wrap:wrap}.tc-actions .btn{flex:1 1 180px}.gear{position:fixed;z-index:60;top:10px;right:10px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--c-slate-2) 85%,transparent);color:var(--muted);font-size:1.2rem;display:grid;place-items:center;backdrop-filter:blur(4px)}.dev-panel{position:fixed;z-index:61;top:56px;right:10px;width:min(340px,calc(100vw - 20px));max-height:calc(100dvh - 70px);overflow-y:auto;background:var(--panel-solid);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 20px 50px color-mix(in srgb,var(--c-black) 50%,transparent);display:flex;flex-direction:column;gap:10px;animation:rise .2s}.dev-head{display:flex;justify-content:space-between;align-items:center}.dev-group{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:8px}.dev-label{margin:0;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.dev-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dev-btn{text-align:left;background:var(--bg2);border:1px solid var(--c-line);border-radius:10px;padding:.55rem .7rem;font-size:.86rem;min-height:40px}.dev-btn:hover{border-color:var(--primary)}.dev-btn.subtle{color:var(--muted)}@media(prefers-reduced-motion:reduce){.pulse,.hammer,.anvil:after{animation:none}}.stage-chip.prologue{grid-column:1 / -1;justify-content:center;border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.stage-chip.prologue .chip-num{background:var(--accent-dim);color:var(--accent)}.story{display:grid;grid-template-rows:auto minmax(170px,32dvh) 1fr auto;height:100dvh;overflow:hidden}.story .skip{min-height:40px;padding:.4rem .8rem;font-size:var(--fs-sm);flex:none}.story-stage{position:relative;min-height:0;border-bottom:1px solid var(--line)}.story-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.story-body{overflow-y:auto;min-height:0;padding:var(--space-4) var(--space-4) var(--space-5)}.story-card{max-width:820px;margin:0 auto}.beat{display:flex;flex-direction:column;gap:var(--space-3);animation:rise .4s ease-out}.beat-title{margin:0;font-size:clamp(1.35rem,1.1rem + 1.2vw,2.1rem);line-height:1.15}.beat-text{margin:0;font-size:clamp(1.08rem,.98rem + .6vw,1.55rem);line-height:1.5;color:var(--c-text-bright)}.beat-voice_of_lord .beat-title{color:var(--accent);text-shadow:0 0 18px color-mix(in srgb,var(--accent) 50%,transparent)}.scripture-lead{margin:0 0 6px;color:var(--muted)}.story-nav{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--panel-solid)}.story-nav .btn{min-width:84px}.story-nav .btn.ghost{flex:none}.story-next{flex:1;max-width:320px;margin-left:auto;font-size:var(--fs-lg);white-space:nowrap}.story-mid{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.story-dots{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.story-dots span{width:6px;height:6px;border-radius:50%;background:var(--c-line-strong)}.story-dots span.on{background:var(--accent)}.story-count{font-family:var(--mono);font-size:var(--fs-xs);color:var(--muted)}.story[data-beat=huddle] .story-nav .story-next{visibility:hidden}@media(min-width:900px)and (min-aspect-ratio:1/1){.story{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto}.story .stage-head,.story .story-nav{grid-column:1 / -1}.story-stage{border-bottom:0;border-right:1px solid var(--line)}.story-body{padding:var(--space-5) var(--space-6);display:flex;align-items:safe center}.story-card{width:100%}}.field-note{border:2px solid var(--primary);border-radius:var(--r-lg);padding:var(--space-4) var(--space-4) var(--space-3);position:relative;background:linear-gradient(var(--primary-dim),transparent 60%),repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--primary) 7%,transparent) 23px 24px),var(--c-slate-2);box-shadow:var(--glow-cyan)}.field-note header{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-2)}.fn-tag{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.field-note h3{margin:0;font-size:clamp(1.3rem,1.1rem + 1vw,2rem);color:var(--c-white)}.field-note p,.field-note li{font-size:clamp(1.08rem,.98rem + .6vw,1.6rem);line-height:1.45;color:var(--c-text-bright)}.field-note ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:.35em}.field-note li::marker{color:var(--primary)}.talk-it-over{border:1px dashed var(--accent);border-radius:var(--r-lg);padding:var(--space-3) var(--space-4);background:var(--accent-dim)}.tio-tag{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.talk-it-over p{margin:4px 0 0;font-size:clamp(1.15rem,1rem + .8vw,1.8rem);font-weight:700;line-height:1.3;color:var(--c-white)}.large-text .beat-text,.large-text .field-note li{font-size:clamp(1.3rem,1.1rem + 1vw,2rem)}.readouts{display:none;flex-direction:column;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--space-3);background:var(--c-slate-2)}.phase-b .readouts{display:flex;animation:rise .4s ease-out}.ro-top{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--fs-sm)}.ro-label{color:var(--muted)}.ro-value{font-family:var(--mono);color:var(--primary)}.ro.ok .ro-value{color:var(--good, var(--c-ok))}.ro-bar{position:relative;height:10px;border-radius:5px;background:var(--c-line);margin-top:4px}.ro-band{position:absolute;top:-2px;bottom:-2px;border-radius:4px;background:color-mix(in srgb,var(--good, var(--c-ok)) 30%,transparent);border:1px solid var(--good, var(--c-ok))}.ro-marker{position:absolute;top:-4px;width:4px;height:18px;margin-left:-2px;border-radius:2px;background:var(--c-white);box-shadow:0 0 8px var(--primary);transition:left .08s}.ro.ok .ro-marker{background:var(--good, var(--c-ok))}.forge2 .ctl .readout{color:var(--c-ink-soft)}.canvas-wrap.shake{animation:shake .4s}.check-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);font-weight:600;cursor:pointer;min-height:44px}.check-row input{width:22px;height:22px;accent-color:var(--accent)}@media not ((min-width:900px)and (min-aspect-ratio:1/1)){.stage.forge2{grid-template-rows:auto auto 1fr}.forge2 .canvas-wrap{aspect-ratio:100 / 64}.forge2 .stage-panel{max-height:none;min-height:0}}