*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#f5f1e8;--surface:#fffdf8;--soft:#eee8dc;--text:#252525;--muted:#6b665e;--accent:#8a5a2b;--dark:#633f1d;--border:#d8d0c2}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Georgia,"Times New Roman",serif;line-height:1.6}button{font:inherit;cursor:pointer}.site-header{background:#24201c;color:#fff;padding:18px 24px 0;box-shadow:0 3px 12px #0002;position:sticky;top:0;z-index:100}.brand{text-align:center;margin-bottom:14px}.brand-title{font-size:clamp(1.25rem,3vw,1.9rem);font-weight:700;letter-spacing:.16em}.brand-subtitle{color:#d8c9b5;font:700 .82rem Arial;letter-spacing:.24em}.main-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.main-nav button{border:0;background:transparent;color:#e9e3da;padding:10px 12px;font:700 .76rem Arial;letter-spacing:.05em;border-radius:8px 8px 0 0}.main-nav button:hover{background:#fff1;color:#fff}.app-shell{width:min(1200px,calc(100% - 32px));margin:auto;padding:34px 0 48px}.view{display:none}.view.active{display:block}.hero,.content-card,.crossroads-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 24px #00000014}.hero{max-width:900px;margin:auto;padding:clamp(42px,7vw,78px) clamp(24px,7vw,76px);text-align:center}.eyebrow{margin:0 0 10px;color:var(--accent);font:800 .74rem Arial;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(2.5rem,7vw,5.2rem);line-height:1}.hero h2{margin:10px 0 8px;color:var(--accent);font-size:clamp(1.25rem,3vw,1.8rem);text-transform:uppercase}.tagline{font-style:italic;color:var(--muted)}.hero-text{max-width:700px;margin:20px auto;color:#4c4842}.hero-actions,.game-actions,.crossroads-navigation,.majority-buttons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.hero-actions{margin-top:30px}.primary-button,.secondary-button,.text-button,.choice-button{border-radius:9px;padding:11px 17px;font:800 .8rem Arial;letter-spacing:.04em}.primary-button{border:1px solid var(--dark);background:var(--accent);color:#fff}.secondary-button{border:1px solid var(--border);background:var(--soft);color:var(--text)}.secondary-button:disabled{opacity:.45;cursor:not-allowed}.text-button{border:0;background:transparent;color:var(--dark)}.content-card{max-width:900px;margin:auto;padding:clamp(26px,5vw,52px)}.content-card h1{margin:0 0 24px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}.steps{padding-left:25px}.steps li{margin-bottom:16px}.info-box{margin:30px 0;padding:22px 24px;background:var(--soft);border-left:5px solid var(--accent);border-radius:8px}.closing-line{color:var(--dark);font-weight:700;text-align:center}.game-panel{border:1px solid var(--border);border-radius:12px;padding:24px;background:#faf7f0}.game-status-row{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.game-status-row>div{display:flex;flex-direction:column}.label,.small-label{color:var(--muted);font:800 .68rem Arial;letter-spacing:.1em}.dice-area{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:34px 0}.die{display:grid;place-items:center;width:92px;height:92px;border:2px solid var(--accent);border-radius:16px;background:#fff;font:800 2.5rem Arial;box-shadow:0 8px 24px #0001}.bonus-area{padding:18px;border-radius:10px;background:var(--soft);text-align:center}.bonus-area p{margin:5px}.crossroads-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.crossroads-sidebar{overflow:hidden;position:sticky;top:142px;max-height:calc(100vh - 165px);display:flex;flex-direction:column}.sidebar-heading{padding:22px 20px 16px;border-bottom:1px solid var(--border)}.sidebar-heading h2{margin:0;font-size:1.35rem}.question-list{overflow-y:auto;padding:8px}.crossroads-item{display:grid;grid-template-columns:38px 1fr;align-items:center;width:100%;text-align:left;border:0;border-radius:8px;background:transparent;padding:9px 8px;color:var(--text)}.crossroads-item:hover,.crossroads-item.active{background:var(--soft)}.crossroads-number{font:800 .75rem Arial;color:var(--accent)}.crossroads-reference{font-size:.9rem}.crossroads-detail{max-width:none}.crossroads-heading{border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:24px}.crossroads-heading h1{margin-bottom:5px}.scripture-reference{margin:0;color:var(--dark);font-weight:700}.question-box{padding:22px;background:var(--soft);border-radius:10px}.question-box h2{margin:0;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.4}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.choice-card{min-height:150px;padding:22px;border:1px solid var(--border);border-radius:11px;background:#fff}.choice-label{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:8px;border-radius:50%;background:var(--accent);color:#fff;font:800 1rem Arial}.choice-card p{margin:5px 0}.majority-controls{margin-top:24px;padding-top:20px;border-top:1px solid var(--border);text-align:center}.choice-button{border:1px solid var(--border);background:var(--soft);color:var(--text)}.crossroads-navigation{margin-top:28px;justify-content:space-between}.site-footer{padding:28px 20px 34px;background:#24201c;color:#d8d0c6;text-align:center;font: .75rem Arial}@media(max-width:900px){.site-header{position:relative}.crossroads-sidebar{position:static;max-height:330px}.crossroads-layout{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{width:calc(100% - 20px);padding-top:20px}.site-header{padding:14px 10px 0}.main-nav{gap:2px}.main-nav button{padding:8px 7px;font-size:.68rem}.hero,.content-card{border-radius:10px}.hero{padding:38px 20px}.content-card{padding:22px 18px}.choices{grid-template-columns:1fr}.choice-card{min-height:auto}.game-status-row{flex-direction:column}.majority-buttons{flex-direction:column}.choice-button{width:100%}}@media(max-width:480px){.brand-title{font-size:1.1rem}.brand-subtitle{font-size:.67rem}.main-nav button{font-size:.61rem;padding:7px 5px}.hero h1{font-size:2.35rem}.hero-text{font-size:.95rem}.primary-button,.secondary-button,.text-button{font-size:.73rem;padding:10px 12px}.question-box h2{font-size:1.25rem}.crossroads-reference{font-size:.84rem}}