:root{--ink:#332653;--paper:#fffdf7;--aqua:#bcefff;--pink:#ff9fc5;--gold:#ffd96b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#b8efff,#ead9ff);font-family:"Arial Rounded MT Bold",Arial,sans-serif;color:var(--ink)}main{width:min(980px,95vw);margin:auto;padding:20px 0 34px}header,.panel{background:#fffdf7ee;border:5px solid #fff;border-radius:30px;box-shadow:0 10px 0 #3326532b}header{text-align:center;padding:15px 20px}.tag{display:inline-block;background:var(--ink);color:#fff;border-radius:99px;padding:6px 14px;font-weight:900;letter-spacing:1px}h1{margin:9px 0 4px;font-size:clamp(1.5rem,5vw,2.5rem)}header p{margin:6px auto;max-width:760px;line-height:1.45}.guide{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:900;color:#6b478c}.guide img{height:95px;width:auto;filter:drop-shadow(0 5px 3px #6b478c44)}.panel{margin-top:15px;padding:18px}.hud{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-weight:900}.pill{background:#efe8ff;border-radius:99px;padding:8px 13px}.scene{position:relative;overflow:hidden;border:5px solid #fff;border-radius:26px;margin:14px 0;background:linear-gradient(#4ccce6,#a2e7d1 58%,#e0bd91);min-height:370px}.scene:before{content:'✦   ✧   ✦   ✧   ✦';position:absolute;inset:18px;color:#fff8c9;font-size:1.25rem;letter-spacing:18px;opacity:.7}.hero{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);height:63%;z-index:2;filter:drop-shadow(0 6px 3px #33265355)}.question{text-align:center;font-size:1.3rem;font-weight:900;margin:12px 0}.buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.buttons button,.next{border:0;border-radius:16px;padding:11px 19px;background:#ffd46c;color:var(--ink);font:900 1.15rem inherit;box-shadow:0 5px #d49e3a;cursor:pointer}.buttons button:nth-child(2){background:#bde6ff;box-shadow:0 5px #72afd3}.buttons button:nth-child(3){background:#ffc6df;box-shadow:0 5px #d77ea9}.feedback{text-align:center;min-height:28px;font-weight:900;margin:13px 0}.next{display:block;margin:8px auto;background:var(--ink);color:#fff;box-shadow:0 5px #1f183c}@media(max-width:520px){main{padding-top:12px}.guide img{height:75px}.panel{padding:12px}.scene{min-height:290px}.hero{height:54%}}