:root{font-family:Inter,system-ui,sans-serif;color:#201d37;background:#f7f7fb}*{box-sizing:border-box}body{margin:0}main{max-width:1050px;margin:auto;padding:24px}header,.bar,.meta{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}header{font-size:13px;font-weight:750;color:#514789}a{color:#5045a1;text-decoration:none}.hero{padding:40px 30px;margin:25px 0;background:linear-gradient(115deg,#272051,#54469c);color:white;border-radius:22px}.hero h1{font-size:clamp(30px,5vw,50px);margin:8px 0}.hero p{max-width:730px;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin:18px 0}.card,.scene,#game{background:white;border:1px solid #e1dff0;border-radius:17px;padding:22px}.card h3{margin:8px 0}.card p{line-height:1.55;color:#56516d}.card button{width:100%}button,select{border:1px solid #bbb5d9;border-radius:11px;padding:11px 15px;background:white;color:#30265f;cursor:pointer;font-weight:700}button:hover{background:#eeeafd}button:disabled{opacity:.5;cursor:default}.primary,#next{background:#5444aa;color:white;border-color:#5444aa}.primary:hover,#next:hover{background:#45358d}.choice{display:block;width:100%;text-align:left;margin:9px 0;line-height:1.5}.scene{background:#f5f2ff;margin:15px 0;line-height:1.65}.scene h3{margin:0 0 10px}.scene p{margin:8px 0}.context{line-height:1.65;color:#5e5875}.meta{color:#514789;font-size:13px;font-weight:700;margin-top:18px}.meter{height:9px;background:#e6e2f3;border-radius:10px;margin-top:15px;overflow:hidden}.meter div{height:100%;background:#7260c6;transition:width .25s}.note{padding:16px;background:#eaf5ed;border-radius:12px;margin:12px 0;line-height:1.6}.warning{background:#fff2e9}textarea{display:block;width:100%;padding:12px;border:1px solid #b7b1d2;border-radius:12px;font:inherit;margin:10px 0}#writing{border-top:1px solid #e7e4f0;margin-top:20px;padding-top:12px}#next{margin-top:16px}footer{margin:35px 0;color:#6a647c;font-size:13px}@media(max-width:600px){main{padding:12px}.hero{padding:25px 20px}#game{padding:15px}}
.badge{display:inline-block;padding:5px 9px;background:#eee9ff;color:#493989;border-radius:8px;font-size:12px;font-weight:750}.story-choice{width:100%;text-align:left;display:block;margin:9px 0;line-height:1.55}.note{line-height:1.6}.optional{border:1px dashed #b5a9df;padding:16px;border-radius:12px;margin-top:12px}.note p{margin:5px 0}