:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#050a0c;color:#e8f0eb;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:#9eddd8;text-underline-offset:4px}button{font:inherit;cursor:pointer;border:1px solid #456259;background:#132820;color:#eef6ed;padding:10px 15px;border-radius:8px}button:hover{background:#203e32}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #f0cd72;outline-offset:3px}button[aria-pressed=true]{border-color:#e8c769;background:#3c3420}header{display:flex;align-items:center;justify-content:space-between;padding:16px max(20px,calc((100vw - 1120px)/2));gap:20px;border-bottom:1px solid #253d34}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:bold;color:#eee5c8;font-size:.9rem}nav{display:flex;gap:20px;font-size:.88rem}main{max-width:1120px;margin:auto;padding:32px 22px}h1,h2,h3{line-height:1.2}h1{font:clamp(1.9rem,4vw,3rem) Georgia,serif;margin:8px 0}h2{font:clamp(1.5rem,3vw,2rem) Georgia,serif;margin:8px 0 14px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading p{margin:8px 0;color:#bdcbc5}.eyebrow{font-size:.7rem;letter-spacing:.16em;color:#e0c47b!important;font-weight:bold}.quiet{background:transparent;font-size:.8rem}.chapters{display:flex;list-style:none;padding:0;gap:8px;flex-wrap:wrap;margin:26px 0}.chapters li{border-bottom:2px solid #273c34;padding:5px 10px;color:#9bacaa;font-size:.78rem}.chapters li.current{border-color:#e0c47b;color:#f8e9b0}.chapters li.done{border-color:#64b5a6;color:#94d5c6}.story{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center;border:1px solid #2b4138;border-radius:14px;overflow:hidden;background:#0b1513}.story>div{padding:20px 24px 20px 0}.story>img{width:100%;height:310px;object-fit:cover}.story p{color:#bdcec5}.note{font-size:.78rem;color:#9bafa5!important}.play{margin-top:24px;border:1px solid #304a3d;border-radius:14px;padding:22px;background:#0b1315}.hud{display:flex;flex-wrap:wrap;gap:12px 26px;color:#e2d39d;font-size:.85rem;font-weight:bold}#goal{margin-bottom:8px}#stage{margin:18px auto;width:100%;position:relative}canvas{display:block;width:100%;height:auto;background:#061117;border:1px solid #284447;border-radius:10px;touch-action:none}canvas[hidden],#match[hidden],#choices[hidden],[hidden]{display:none!important}.control-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.control-row button{font-size:.82rem}#pads{display:flex;flex-wrap:wrap;gap:6px}#pads button{padding:8px 10px}#status{min-height:1.6em;color:#e8d99f}.match{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:490px;margin:auto}.match button{height:54px;padding:0;font:bold 1.5rem Arial;background:#101b24}.match button.selected{outline:3px solid #ffe18b}.choices{display:grid;gap:15px;max-width:650px;margin:30px auto}.choices button{text-align:left}.between{border-top:1px solid #344c40;margin-top:24px;padding-top:22px}.between h3{font-size:1.25rem}.answers{display:grid;gap:10px;margin:18px 0}.answers button{text-align:left}.feedback{padding:14px;background:#132b23;border-left:3px solid #82c7b6}.shop{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.shop article{border:1px solid #3a5043;padding:16px;border-radius:10px}.shop h3{font-size:1rem}.shop p{font-size:.88rem}.shop small{display:block;color:#bdd4c3}footer{font-size:.85rem;margin:28px 0;color:#9badab}@media(max-width:700px){header{flex-wrap:wrap;padding:14px 18px}nav{gap:20px}.heading{align-items:flex-start;flex-direction:column}.story{grid-template-columns:1fr;gap:0}.story>img{height:210px}.story>div{padding:20px}.play{padding:15px}.shop{grid-template-columns:1fr}.match button{height:42px}.chapters li{padding:3px 6px;font-size:.68rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.scripture-reflection{max-width:780px;margin:56px auto 32px;padding-top:32px;border-top:1px solid #304a3d;scroll-margin-top:24px}
.scripture-reflection h3{font:1.35rem Georgia,serif;color:#eee5c8;margin-top:30px}
.scripture-reflection p{color:#c5d3cc;line-height:1.85}
.scripture-reflection blockquote{margin:24px 0;padding:4px 24px;border-left:3px solid #e0c47b;background:#0b1513}
.scripture-reflection blockquote p{font:1.2rem/1.8 Georgia,serif;color:#eee5c8}
.scripture-reflection cite{display:block;font-size:.85rem;color:#9eddd8;margin-bottom:20px;font-style:normal}

@media(max-width:900px){header{flex-wrap:nowrap;padding:10px 12px;gap:12px;min-height:64px}.brand{flex:0 0 44px;gap:0}.brand>span{display:none}.brand img{width:44px;height:44px}header nav{flex:1;min-width:0;justify-content:space-evenly;gap:clamp(8px,3vw,24px);font-size:clamp(.8rem,3.4vw,.95rem)}header nav a{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}}