*{box-sizing:border-box}body{margin:0;background:#0b0a12;color:#e8e4f0;font:18px/1.65 Georgia,serif}.app,.title{max-width:640px;margin:0 auto;min-height:100vh;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)}.title{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:14px}.title h1{letter-spacing:.15em;font-size:1.6rem;color:#c9a6ff}header{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #2a2540;font:600 .8rem system-ui;letter-spacing:.1em}header button{background:none;border:0;color:inherit;min-width:44px;min-height:44px}.act{text-align:center;color:#8c7bb5;font:.75rem system-ui;letter-spacing:.2em;margin:24px 0}.story p{opacity:0;animation:in .7s forwards}.say{border-left:2px solid #c9a6ff;padding-left:14px;font-style:italic}.say small{display:block;font:600 .7rem system-ui;letter-spacing:.15em;color:#c9a6ff;text-transform:uppercase;font-style:normal}.choices{opacity:0;animation:in .7s forwards;display:grid;gap:10px;margin:28px 0}.choice,input{min-height:48px;padding:12px 16px;border-radius:10px;border:1px solid #4a3f75;background:#17132a;color:inherit;font:inherit;text-align:left}.choice:hover,.choice:focus-visible{border-color:#c9a6ff;outline:2px solid #c9a6ff}.panel{background:#120f22;padding:14px;border-radius:10px;margin-top:10px;font-size:.9rem;display:grid;gap:8px}.blackout{animation:black 4s}@keyframes in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes black{0%{background:#000;color:#000}}@media (prefers-reduced-motion:reduce){*{animation:none!important;opacity:1!important}}