:root{--ink:#16131a;--mute:#5c564f;--paper:#fff8ef;--cobalt:#1d4ed8;--line:#e8dcce}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh}
.banner{margin:0;padding:.55rem 1rem;text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#f5efe6}
main{max-width:560px;margin:0 auto;padding:2rem 1.25rem 3rem}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cobalt);margin:0 0 .5rem}
h1{font-family:Georgia,serif;font-size:2rem;letter-spacing:-.02em;margin:0 0 1rem}
.scene{line-height:1.7;color:var(--mute);min-height:4.5rem}
.choices{display:grid;gap:.6rem;margin-top:1.25rem}
.choices button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:.9rem;padding:.85rem 1rem;font:inherit;cursor:pointer}
.choices button:hover{border-color:#93c5fd}
.restart{margin-top:1.25rem;border:0;background:var(--cobalt);color:#fff;font:inherit;font-weight:700;padding:.7rem 1.1rem;border-radius:999px;cursor:pointer}
.hidden{display:none}
footer{text-align:center;padding:0 1rem 2rem;font-size:.8rem;color:var(--mute)}footer a{color:var(--cobalt)}