:root{--sand: #d5b27a;--sand-dark: #b57f47;--clay: #8f4f2f;--sky-top: #9fe2d3;--sky-bottom: #f8d18c;--ink: #26140b;--cream: #fff3de;--accent: #ef6a31;--accent-dark: #c1441a;--leaf: #4b8d48}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Changa,sans-serif;color:var(--cream);background:radial-gradient(circle at top,rgba(255,255,255,.4),transparent 25%),linear-gradient(180deg,var(--sky-top),var(--sky-bottom) 55%,var(--sand) 100%)}body{position:relative}#game{display:block;width:100vw;height:100vh}.hud{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;padding:24px;pointer-events:none}.brand h1,.panel h2{margin:0;font-family:Bungee,cursive;text-transform:uppercase;letter-spacing:.04em}.brand-kicker,.panel-kicker,.label{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.brand h1{max-width:8ch;font-size:clamp(2rem,5vw,4.6rem);line-height:.92;text-shadow:0 4px 0 rgba(0,0,0,.18)}.stats{display:flex;gap:14px}.music-toggle{border:3px solid rgba(38,20,11,.18);border-radius:999px;padding:12px 16px;font:inherit;font-weight:700;color:var(--cream);background:#26140b2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto}.stat{min-width:120px;padding:12px 16px;border:3px solid rgba(38,20,11,.18);border-radius:18px;background:#26140b2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat strong{font-size:1.8rem;line-height:1}#boost{font-size:1.1rem;line-height:1.2}.panel{position:fixed;left:50%;top:50%;z-index:11;width:min(92vw,520px);padding:28px;border:4px solid rgba(38,20,11,.22);border-radius:28px;background:linear-gradient(180deg,#fff3def5,#f5d29df0),var(--cream);color:var(--ink);text-align:center;transform:translate(-50%,-50%);box-shadow:0 24px 80px #26140b2e}.quiz-modal{--quiz-bulb-a: #ffd75a;--quiz-bulb-b: #ff7a59;--quiz-bulb-c: #fff3c2;--quiz-frame: rgba(92, 50, 30, .74);position:fixed;left:50%;top:50%;z-index:12;width:min(92vw,580px);padding:28px;border:4px solid rgba(38,20,11,.18);border-radius:28px;background:radial-gradient(circle at top,rgba(255,244,195,.16),transparent 34%),linear-gradient(180deg,#fff3dead,#f5d29d8a);color:var(--ink);text-align:center;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #5c321e52,0 24px 80px #26140b3d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.quiz-modal:before,.quiz-modal:after{content:"";position:absolute;inset:-32% auto -28%;width:42%;background:linear-gradient(180deg,#fff8d561,#fff8d500);filter:blur(4px);opacity:.8;pointer-events:none;mix-blend-mode:screen}.quiz-modal:before{left:-10%;transform:rotate(18deg);animation:quizSpotlightLeft 3.6s ease-in-out infinite alternate}.quiz-modal:after{right:-10%;transform:rotate(-18deg);animation:quizSpotlightRight 3.1s ease-in-out infinite alternate}.quiz-modal-content{position:relative;z-index:1}.quiz-lights{position:absolute;inset:14px 18px auto;z-index:1;display:grid;grid-template-columns:repeat(8,1fr);gap:10px;pointer-events:none}.quiz-lights span{aspect-ratio:1;border-radius:999px;background:var(--quiz-bulb-a);box-shadow:0 0 0 4px #5c321e73,0 0 10px #ffd75ae6,0 0 24px #ffd75ab3;animation:quizBulbPulse .9s steps(2,end) infinite}.quiz-lights span:nth-child(3n){background:var(--quiz-bulb-b);box-shadow:0 0 0 4px #5c321e73,0 0 10px #ff7a59d9,0 0 24px #ff7a598c}.quiz-lights span:nth-child(4n){background:var(--quiz-bulb-c)}.quiz-lights span:nth-child(2){animation-delay:.14s}.quiz-lights span:nth-child(3){animation-delay:.28s}.quiz-lights span:nth-child(4){animation-delay:.42s}.quiz-lights span:nth-child(5){animation-delay:.56s}.quiz-lights span:nth-child(6){animation-delay:.7s}.quiz-lights span:nth-child(7){animation-delay:.84s}.quiz-lights span:nth-child(8){animation-delay:.98s}.quiz-spotlights{position:absolute;inset:0;pointer-events:none}.quiz-spotlights span{position:absolute;top:-12%;width:24%;height:118%;background:linear-gradient(180deg,#fffae557,#fffae500);clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);filter:blur(3px);opacity:.7;transform-origin:top center}.quiz-spotlights span:nth-child(1){left:4%;animation:quizBeamSweep 4.6s ease-in-out infinite}.quiz-spotlights span:nth-child(2){left:38%;animation:quizBeamSweep 3.8s ease-in-out infinite reverse}.quiz-spotlights span:nth-child(3){right:4%;animation:quizBeamSweep 4.2s ease-in-out infinite .4s}.panel p{margin:0}.panel h2,.quiz-modal h2{margin:8px 0 10px;font-size:clamp(1.6rem,4vw,2.8rem);line-height:1.05}.panel button,.quiz-modal button{margin-top:18px;border:0;border-radius:999px;padding:14px 24px;font:inherit;font-weight:700;color:var(--cream);background:linear-gradient(180deg,var(--accent),var(--accent-dark));cursor:pointer;box-shadow:0 10px 30px #c1441a47}.panel.hidden,.quiz-modal.hidden{display:none}.quiz-options{display:grid;gap:12px;margin-top:18px}.quiz-options button{width:100%;margin-top:0}.quiz-feedback{min-height:1.5em;margin-top:16px;font-weight:700}@keyframes quizBulbPulse{0%,to{opacity:.42;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes quizBeamSweep{0%,to{opacity:.35;transform:rotate(-12deg) scaleY(.96)}50%{opacity:.82;transform:rotate(12deg) scaleY(1.02)}}@keyframes quizSpotlightLeft{0%{opacity:.42;transform:rotate(14deg) scaleX(.92)}to{opacity:.8;transform:rotate(22deg) scaleX(1.06)}}@keyframes quizSpotlightRight{0%{opacity:.4;transform:rotate(-14deg) scaleX(.92)}to{opacity:.78;transform:rotate(-22deg) scaleX(1.06)}}@media(prefers-reduced-motion:reduce){.quiz-modal:before,.quiz-modal:after,.quiz-lights span,.quiz-spotlights span{animation:none}}.legend{position:fixed;left:24px;bottom:24px;z-index:10;display:grid;grid-template-columns:auto auto;gap:6px 12px;padding:12px 16px;border-radius:18px;background:#26140b2e;border:3px solid rgba(38,20,11,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.legend span:nth-child(odd){font-weight:700}.touch-controls{display:none;position:fixed;left:16px;right:16px;bottom:20px;z-index:10;align-items:end;justify-content:space-between;gap:12px;pointer-events:none}.touch-button{min-width:96px;border:3px solid rgba(38,20,11,.22);border-radius:22px;padding:14px 16px;font:inherit;font-weight:700;color:var(--cream);background:#26140b47;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #26140b38;pointer-events:auto;touch-action:manipulation}.touch-button-jump{min-width:112px;min-height:88px;border-radius:28px;background:linear-gradient(180deg,#ef6a31d1,#c1441ac7)}@media(max-width:720px){.hud{flex-direction:column;gap:16px}.stats{width:100%}.stat{flex:1}.music-toggle{align-self:flex-start}.legend{display:none}}@media(max-width:720px)and (pointer:coarse){.touch-controls{display:flex}.touch-button{background:#26140b38}}