:root{color:#1c1740;background:#f5ede0;font-family:Inter,ui-rounded,Avenir Next,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #1c1740;outline-offset:3px}.app-shell{min-height:100vh;overflow:hidden}.topbar{align-items:center;background:#1c1740;color:#fff8df;display:flex;justify-content:space-between;min-height:64px;padding:.7rem clamp(1rem,4vw,4rem)}.brand{color:inherit;font-size:1.05rem;font-weight:900;letter-spacing:.025em;text-decoration:none}.brand span{color:#fbcf30;font-size:1.35em}.sound-toggle{align-items:center;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem}.sound-toggle input{accent-color:#fbcf30;height:1.1rem;width:1.1rem}.game-stage{background:#fbcf30;min-height:calc(100vh - 64px);padding:clamp(2rem,7vw,6rem) 1rem;position:relative}.decorative-sunburst{background:repeating-conic-gradient(from 0deg,rgba(228,85,75,.24) 0 9deg,transparent 9deg 18deg);border-radius:50%;height:min(78vw,850px);left:50%;opacity:.8;position:absolute;top:52%;transform:translate(-50%,-50%);width:min(78vw,850px)}.game-card{background:#fff8df;border:4px solid #1c1740;box-shadow:10px 10px #e4554b;margin:0 auto;max-width:750px;min-height:480px;padding:clamp(1.5rem,5vw,3.5rem);position:relative;text-align:center;z-index:2}.eyebrow{color:#e4554b;font-size:.75rem;font-weight:900;letter-spacing:.14em;margin:0;text-transform:uppercase}h1,h2{font-family:Georgia,Times New Roman,serif;letter-spacing:-.04em}h1{font-size:clamp(2.55rem,7vw,4.8rem);line-height:.88;margin:.45rem 0 1.7rem}h1 em{color:#e4554b;font-style:normal}h2{font-size:clamp(2rem,5vw,3.2rem);line-height:.95;margin:.2rem 0 .8rem}.scoreboard{display:flex;gap:.65rem;justify-content:center;margin:0 auto 1.7rem}.scoreboard div{background:#1c1740;color:#fff8df;min-width:90px;padding:.45rem .75rem}.scoreboard dt{font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.scoreboard dd{font-family:Georgia,serif;font-size:1.55rem;font-weight:800;margin:0}.welcome-panel{margin:0 auto;max-width:450px}.welcome-panel>p:first-child{font-size:1.15rem;line-height:1.55}.fine-print{color:#665e78;font-size:.8rem;line-height:1.4;margin:1rem auto;max-width:330px}.primary-button,.secondary-button,.listen-button,.hint-button{border:3px solid #1c1740;font-weight:900;transition:transform .12s ease,box-shadow .12s ease}.primary-button{background:#e4554b;box-shadow:4px 4px #1c1740;color:#fff8df;padding:.85rem 1.1rem}.primary-button:hover:not(:disabled),.secondary-button:hover,.listen-button:hover,.hint-button:hover:not(:disabled){transform:translate(-2px,-2px)}.primary-button:hover:not(:disabled){box-shadow:6px 6px #1c1740}.primary-button:disabled,.hint-button:disabled{cursor:not-allowed;opacity:.48}.secondary-button{background:#fff8df;color:#1c1740;padding:.75rem 1rem}.loading-message{font-family:Georgia,serif;font-size:1.3rem;margin:4rem auto}.error-message{background:#fce1d9;border:2px solid #e4554b;color:#791d22;font-weight:700;margin:1rem auto;max-width:560px;padding:.75rem}.turn-label{color:#665e78;font-size:.85rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.listen-button{background:#2e9b91;box-shadow:4px 4px #1c1740;color:#fff;font-size:1.25rem;margin:.25rem auto 1rem;padding:1.1rem 1.45rem}.listen-button span{font-size:1.35em;margin-right:.25rem}.hint-counter{color:#665e78;font-size:.9rem}.hint-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.hint-button{background:#fbcf30;color:#1c1740;font-size:.85rem;padding:.5rem .65rem}.hint-results{background:#f5ede0;border-left:4px solid #2e9b91;list-style:none;margin:1.3rem auto;max-width:540px;padding:.75rem 1rem;text-align:left}.hint-results li{line-height:1.45;margin:.35rem 0}.answer-label{display:block;font-family:Georgia,serif;font-size:1.3rem;font-weight:800;margin:1.6rem 0 .55rem}.answer-row{display:flex;gap:.6rem;justify-content:center}.answer-row input{border:3px solid #1c1740;min-width:0;padding:.85rem .9rem;width:min(100%,310px)}.answer-row .primary-button{box-shadow:3px 3px #1c1740}.result-panel{margin:2rem auto;max-width:480px}.result-mark{color:#e4554b;font-family:Georgia,serif;font-size:4.5rem;line-height:.75;margin:0}.success-panel .result-mark{animation:pop .45s ease-out both;color:#2e9b91}.result-panel>p:not(.result-mark){font-size:1.1rem;line-height:1.45}.cooldown-panel{background:#f5ede0;border:3px dashed #1c1740;padding:1.5rem}.coordinator{bottom:-2rem;height:245px;left:max(2vw,calc(50% - 620px));position:absolute;width:175px;z-index:1}.coordinator-hair{background:#1c1740;border:4px solid #1c1740;border-radius:48% 52% 35% 35%;height:128px;left:29px;position:absolute;top:0;width:115px}.coordinator-face{background:#f7b1a6;border:4px solid #1c1740;border-radius:42% 42% 47% 47%;height:92px;left:40px;position:absolute;top:76px;width:95px}.glasses{color:#1c1740;font-size:4.1rem;left:12px;line-height:1;position:absolute;top:12px;transform:rotate(-7deg)}.coordinator-body{background:repeating-linear-gradient(45deg,#e4554b 0,#e4554b 12px,#913f77 12px,#913f77 24px);border:4px solid #1c1740;border-radius:40% 40% 0 0;bottom:0;color:#fbcf30;font-size:2.6rem;height:88px;left:6px;padding-top:24px;position:absolute;text-align:center;width:164px}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@keyframes pop{0%{transform:scale(.4) rotate(-18deg)}70%{transform:scale(1.2) rotate(7deg)}to{transform:scale(1)}}@media(max-width:700px){.coordinator{display:none}.game-card{box-shadow:7px 7px #e4554b}.answer-row{align-items:stretch;flex-direction:column}.answer-row input,.answer-row .primary-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}