:root{color:#17212b;background:#f8fbff;font-family:Trebuchet MS,Comic Sans MS,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(255,215,102,.38),transparent 24%),linear-gradient(160deg,#e8f7ff,#fff8e7 46%,#f0f8ea)}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.75}.app-shell{position:relative;width:min(980px,100%);min-height:100vh;margin:0 auto;padding:24px;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.top-bar h2,.riddle-content h1,.challenge-modal h2{margin:0;letter-spacing:0}.top-bar h2{font-size:clamp(1.3rem,3vw,2rem)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;color:#38536b;font-size:.95rem;font-weight:800;text-transform:uppercase}.sound-button,.secondary-button,.voice-button,.challenge-modal button[type=submit],.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:8px;color:#16212e;font-weight:900;box-shadow:0 10px #1b273524;transition:transform .14s ease,box-shadow .14s ease}.sound-button:hover,.secondary-button:hover,.voice-button:hover,.challenge-modal button[type=submit]:hover,.icon-button:hover{transform:translateY(-2px);box-shadow:0 12px #1b27351f}.sound-button{padding:0 18px;background:#b7f1d4}.riddle-card{display:grid;grid-template-columns:minmax(240px,.78fr) 1fr;min-height:330px;border:5px solid #17212b;border-radius:8px;background:#fffef9;box-shadow:0 18px #17212b26;overflow:hidden}.riddle-visual{position:relative;min-height:280px;background:linear-gradient(#9fe3ff 0 60%,#8fd67b 60% 100%);overflow:hidden}.sun,.cloud,.hill,.book{position:absolute}.sun{top:28px;left:32px;width:76px;aspect-ratio:1;border:5px solid #17212b;border-radius:50%;background:#ffd43b}.cloud{width:100px;height:38px;border:4px solid #17212b;border-radius:999px;background:#fff}.cloud:before,.cloud:after{position:absolute;content:"";border:4px solid #17212b;border-bottom:0;border-radius:999px 999px 0 0;background:#fff}.cloud:before{left:15px;top:-23px;width:36px;height:28px}.cloud:after{right:14px;top:-17px;width:32px;height:24px}.cloud-one{top:62px;right:24px}.cloud-two{top:130px;left:46px;transform:scale(.78)}.hill{bottom:-56px;width:270px;aspect-ratio:1;border:5px solid #17212b;border-radius:50%;background:#62c66a}.hill-one{left:-80px}.hill-two{right:-95px;background:#4fbf99}.book{left:50%;bottom:44px;display:grid;place-items:center;width:112px;height:130px;border:5px solid #17212b;border-radius:8px;background:#ff7676;transform:translate(-50%) rotate(-4deg);box-shadow:10px 10px #17212b3d}.book span{color:#fffdf4;font-size:4rem;font-weight:900}.riddle-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vw,48px)}.riddle-content h1{max-width:14ch;font-size:clamp(2rem,6vw,4.4rem);line-height:1.02}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 18px}.stats-strip div{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;min-height:72px;padding:14px;border:3px solid #17212b;border-radius:8px;background:#fff}.stats-strip svg{grid-row:span 2;color:#f28c28}.stats-strip span{min-width:0;font-size:clamp(1.05rem,2.7vw,1.4rem);font-weight:900;overflow-wrap:anywhere}.stats-strip small{color:#496170;font-weight:800;text-transform:uppercase}.answer-panel{display:grid;gap:16px;padding-bottom:24px}.answer-form{display:grid;gap:8px}.answer-form label{font-size:1.1rem;font-weight:900}.answer-row{display:grid;grid-template-columns:1fr 58px;gap:10px}.answer-row input,.challenge-modal input{width:100%;min-height:58px;border:4px solid #17212b;border-radius:8px;padding:0 16px;background:#fff;color:#17212b;font-size:1.1rem;font-weight:800;outline:none}.answer-row input:focus,.challenge-modal input:focus{box-shadow:0 0 0 5px #ffd43b8c}.submit-button{background:#ffd43b}.action-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.voice-button{min-height:72px;background:#ff8fa3;font-size:1.1rem}.secondary-button{min-height:72px;background:#9fe3ff}.status-message{margin:0;min-height:48px;padding:12px 16px;border:3px solid #17212b;border-radius:8px;background:#fff;font-size:1.08rem;font-weight:900}.status-message.success{background:#c8f7c5}.status-message.hint{background:#fff0a8}.status-message.error{background:#ffc2c2}.answer-reveal{display:flex;align-items:center;justify-content:center;gap:12px;min-height:78px;border:4px solid #17212b;border-radius:8px;background:#c8f7c5;font-size:1.25rem;font-weight:900}.answer-reveal strong{color:#0b6b45;font-size:1.6rem}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#17212b85}.challenge-modal{position:relative;width:min(430px,100%);border:5px solid #17212b;border-radius:8px;padding:30px;background:#fffef9;text-align:center;box-shadow:0 22px #17212b3d}.close-button{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:38px;aspect-ratio:1;border-radius:8px;background:#edf3f7}.challenge-icon{color:#28a36f}.challenge-modal h2{margin-top:8px;font-size:2rem}.challenge-modal p{font-size:1.35rem;font-weight:900}.challenge-modal form{display:grid;gap:12px}.challenge-modal button[type=submit]{background:#ffd43b}.challenge-error{color:#ad2828;font-weight:900}.reward{position:fixed;inset:0;z-index:20;pointer-events:none}.reward span{position:absolute;top:48%;left:50%;width:16px;height:28px;border-radius:4px;background:hsl(calc(var(--spin) + 120deg),82%,58%);animation:confetti 1.1s ease-out var(--delay) forwards}.error-screen{display:grid;justify-items:start;gap:14px;margin-top:12vh;border:5px solid #17212b;border-radius:8px;padding:clamp(24px,5vw,44px);background:#fffef9;box-shadow:0 18px #17212b26}.error-screen h1,.error-screen p{margin:0}.error-screen h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1}.error-screen p{font-size:1.1rem;font-weight:800}.error-actions{display:flex;flex-wrap:wrap;gap:12px}.error-screen button{min-height:52px;border-radius:8px;padding:0 22px;background:#ffd43b;color:#17212b;font-weight:900;box-shadow:0 10px #1b273524}@keyframes confetti{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--spin)) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--spin) + 230deg)) translateY(-280px) translate(180px)}}@media(max-width:720px){.app-shell{padding:16px}.top-bar{align-items:flex-start}.riddle-card{grid-template-columns:1fr}.riddle-content h1{max-width:none}.stats-strip,.action-grid{grid-template-columns:1fr}}@media(max-width:430px){.top-bar{flex-direction:column}.sound-button{width:100%}.answer-reveal{flex-direction:column;padding:14px}}