:root{color-scheme:dark;--font-body: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;font-family:var(--font-body);line-height:1.7;font-weight:400}*{box-sizing:border-box}html,body{height:100%;margin:0;background:#0b0b0b;color:#f1f1f1}#app{min-height:100%}.container{max-width:820px;margin:0 auto;padding:16px}.header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0 14px}.title{font-size:20px;font-weight:700;letter-spacing:.5px}.progress{font-size:14px;color:#bdbdbd}.card{background:#111;border:1px solid #333;border-radius:14px;padding:14px}.illusWrap,.heroWrap{position:relative;margin:0 0 12px;overflow:hidden;border-radius:12px;border:1px solid #2a2a2a;background:#0f0f0f}.heroOverlay{position:absolute;left:0;right:0;bottom:0;padding:14px 12px;background:linear-gradient(to top,#111 0%,transparent 70%);pointer-events:none}.heroTitle{font-family:var(--font-display);font-weight:900;font-size:18px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;text-align:center}.illus{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.story{white-space:pre-wrap;font-size:16px;padding:6px 2px 8px}.buttons{display:grid;gap:10px;margin-top:12px}.btn{width:100%;min-height:48px;padding:12px 14px;border-radius:12px;border:1px solid #3a3a3a;background:#1a1a1a;color:#f1f1f1;text-align:left;cursor:pointer}.btn:hover{background:#222}.btn:active{background:#262626}.btn.secondary{background:transparent;border-color:#2a2a2a;color:#bdbdbd}.choiceLabel{display:inline-block;min-width:2.4em;font-weight:800}.choiceText{display:inline}.hint{margin:0;color:#bdbdbd}.actions{margin-top:16px;padding-top:16px;border-top:1px solid #333;display:flex;justify-content:center}.actions .btn{width:min(360px,100%);text-align:center;font-family:var(--font-display);font-weight:800;letter-spacing:.08em;text-transform:uppercase}