#gamable-game-zone{background:#8fd3ff;touch-action:none;user-select:none;-webkit-user-select:none}#gamable-game-zone canvas{display:block;position:relative;z-index:1}.parallax{position:absolute;inset:0;z-index:0;overflow:hidden}.parallax-layer{position:absolute;left:0;right:0;background-repeat:repeat-x}.hud{position:absolute;inset:0;z-index:2;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;text-shadow:0 2px 0 rgba(29,26,47,.8),0 0 6px rgba(29,26,47,.5)}.hud-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;font-weight:900}@media(hover:none)and (pointer:coarse){.hud-bar{padding-right:56px}}.hud-lives{font-size:26px;color:#ff4d6d;letter-spacing:2px;white-space:nowrap}.hud-level{flex:1 1 auto;min-width:0;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-right{display:flex;gap:10px;align-items:center;font-size:20px;font-variant-numeric:tabular-nums}.hud-coins{color:#ffd23f}.hud-score{min-width:56px;padding:2px 10px;border-radius:10px;background:#1d1a2f73;text-align:right}.hud-banner{position:absolute;top:24%;left:0;right:0;text-align:center;opacity:0}.hud-banner.visible{animation:hud-pop .35s cubic-bezier(.2,1.6,.4,1) forwards}.hud-banner-text{font-size:clamp(32px,10vw,64px);font-weight:900;color:#ffd23f;-webkit-text-stroke:2px #1d1a2f;text-shadow:0 5px 0 #1d1a2f}.hud-banner-sub{margin-top:6px;font-size:clamp(16px,4.4vw,22px);font-weight:800}.hud-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background:#1d1a2f59}.hud-title{margin:0;font-size:clamp(48px,15vw,96px);font-weight:900;line-height:1;color:#ffd23f;-webkit-text-stroke:3px #1d1a2f;text-shadow:0 7px 0 #1d1a2f;animation:hud-bob 2.4s ease-in-out infinite}.hud-subtitle{margin:0;max-width:24em;font-size:clamp(17px,4.6vw,22px);font-weight:800}.hud-hint{margin:16px 0 0;font-size:clamp(18px,5vw,24px);font-weight:900}.hud-small{margin:0;max-width:30em;font-size:14px;font-weight:700;line-height:1.45}.hud-best{font-size:17px;color:#ffd23f}.hud-pulse{animation:hud-glow .8s ease-in-out infinite alternate}@keyframes hud-glow{0%{opacity:1}to{opacity:.45}}@keyframes hud-pop{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}@keyframes hud-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.hud-quiz{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:14px;overflow-y:auto;pointer-events:auto;background:#1d1a2f80}.hud-quiz-card{display:flex;flex-direction:column;gap:9px;width:min(560px,100%);max-height:100%;overflow-y:auto;padding:16px;border:5px solid #1d1a2f;border-radius:22px;background:#fffdf5;color:#1d1a2f;text-shadow:none;box-shadow:0 10px #1d1a2f66}.hud-quiz.visible .hud-quiz-card{animation:hud-pop .3s cubic-bezier(.2,1.6,.4,1)}.hud-quiz-header{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6c5ce7}.hud-quiz-question{margin:0;font-size:clamp(17px,4.8vw,22px);font-weight:900;line-height:1.3}.hud-quiz-options{display:flex;flex-direction:column;gap:8px}.hud-quiz-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:3px solid #1d1a2f;border-radius:14px;background:#eef4ff;color:#1d1a2f;font:inherit;font-size:clamp(14px,4.1vw,17px);font-weight:800;line-height:1.25;text-align:left;cursor:pointer}.hud-quiz-option:active{transform:translateY(2px)}.hud-quiz-option:disabled{opacity:1}.hud-quiz-letter{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#1d1a2f;color:#ffd23f;font-weight:900}.hud-quiz-option.right{background:#c8f7c5;border-color:#17864a}.hud-quiz-option.wrong{background:#ffd7d7;border-color:#c1272d}.hud-quiz-hint{margin:0;font-size:12px;font-weight:700;color:#6b6880}.hud-quiz-feedback{margin:0;font-size:clamp(14px,4vw,17px);font-weight:800;line-height:1.4}.hud-quiz-feedback.right{color:#17864a}.hud-quiz-feedback.wrong{color:#c1272d}.hud-quiz-continue{align-self:center;padding:10px 26px;border:4px solid #1d1a2f;border-radius:16px;background:#ffd23f;color:#1d1a2f;font:inherit;font-size:clamp(17px,4.6vw,20px);font-weight:900;cursor:pointer;box-shadow:0 5px #1d1a2f}.hud-quiz-continue:active{transform:translateY(4px);box-shadow:0 1px #1d1a2f}@media(hover:none)and (pointer:coarse){.hud-quiz{align-items:flex-start;padding-top:58px;padding-bottom:210px}}