:root{--bg:#0d0f12;--card:#171a1f;--text:#f4f1ea;--muted:#999da6;--accent:#d99358;--line:#2a2e35}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:radial-gradient(circle at 50% 0,#20242a 0,var(--bg) 52%);color:var(--text);font-family:Manrope,sans-serif;display:grid;place-items:center;overflow-x:hidden}.shell{width:min(100% - 28px,520px);position:relative;z-index:1;padding:28px 0}.topline{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--muted);padding:0 4px 14px}.card{min-height:560px;background:linear-gradient(145deg,rgba(28,31,37,.96),rgba(19,21,25,.98));border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 24px 70px #0008;display:flex;flex-direction:column}.progress{height:3px;background:#2a2d32;border-radius:8px;overflow:hidden;margin-bottom:48px}.progress i{display:block;height:100%;width:16.6%;background:var(--accent);transition:width .55s cubic-bezier(.2,.8,.2,1)}#screen{flex:1;display:flex;flex-direction:column;animation:enter .45s ease}.eyebrow{color:var(--accent);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}h1,h2{font-family:Prata,serif;font-weight:400;margin:0 0 22px;line-height:1.17}h1{font-size:clamp(2rem,9vw,3.2rem)}h2{font-size:clamp(1.7rem,7vw,2.45rem)}p{font-size:1rem;line-height:1.75;color:#c8c9cc;margin:0 0 22px}.button{margin-top:auto;border:0;border-radius:16px;padding:17px 20px;background:var(--text);color:#101216;font:600 1rem Manrope;cursor:pointer;width:100%;transition:transform .15s,background .2s}.button:active{transform:scale(.98)}.button:hover{background:white}.choices{display:grid;gap:11px;margin-top:8px}.choice{background:#202329;color:var(--text);border:1px solid #30343b;border-radius:15px;padding:15px 16px;text-align:left;font:500 .95rem Manrope;cursor:pointer}.choice:hover{border-color:#b97843}.wrong{animation:shake .35s}.reward{border-left:2px solid var(--accent);padding:3px 0 3px 17px;margin:8px 0 28px;color:#f4e2d1;font-family:Prata,serif;font-size:1.28rem;line-height:1.55}.tiny{font-size:.82rem;color:var(--muted)}.final{background:linear-gradient(140deg,#f4eee3,#dfb68f);color:#1a1714;border-radius:20px;padding:24px;margin:4px 0 24px}.final p{font-family:Prata,serif;font-size:1.25rem;line-height:1.62;color:#211d19;margin:0}.note{text-align:center;font-size:.72rem;letter-spacing:.06em;color:#6f737b;margin:14px 0 0}.glow{position:fixed;border-radius:50%;filter:blur(90px);opacity:.13}.glow-one{width:240px;height:240px;background:#d1793c;top:-90px;right:-90px}.glow-two{width:180px;height:180px;background:#587ea8;bottom:-60px;left:-70px}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-4px)}}@media(max-height:700px){.card{min-height:510px}.progress{margin-bottom:32px}}