.game-panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:clamp(1rem,.6rem + 2vw,2rem);position:relative}.game-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.game-toolbar__actions{gap:.5rem;display:flex}.segmented{border-radius:var(--radius-pill);background:var(--surface-sunk);flex-wrap:wrap;gap:.25rem;padding:.3rem;display:inline-flex}.segmented__option{border-radius:var(--radius-pill);min-height:2.6rem;font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;transition:background-color .2s, color .2s, transform .25s var(--ease-pop);background:0 0;border:0;padding:.45rem 1rem;font-size:1rem;font-weight:600}.segmented__option:hover{color:var(--ink)}.segmented__option[aria-checked=true]{color:var(--ink);box-shadow:var(--shadow-sm);animation:jelly .5s var(--ease-out);background:#fff}.icon-btn{border:1px solid var(--line-strong);width:2.9rem;height:2.9rem;color:var(--ink);cursor:pointer;transition:transform .25s var(--ease-pop), background-color .2s;background:#fff;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-soft);transform:rotate(-8deg)scale(1.06)}.icon-btn__off,.icon-btn[data-muted=true] .icon-btn__on{display:none}.icon-btn[data-muted=true] .icon-btn__off{display:block}.game-status{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-bottom:1.25rem;font-weight:700;display:flex}.game-status b{color:var(--ink);font-variant-numeric:tabular-nums}.game-progress{justify-content:center;gap:.4rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.game-progress li{background:var(--surface-sunk);width:.8rem;height:.8rem;transition:background-color .3s, transform .3s var(--ease-pop);border-radius:50%}.game-progress li.is-current{background:var(--ink);transform:scale(1.3)}.game-progress li.is-good{background:var(--success)}.game-progress li.is-bad{background:var(--zaza)}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,.4rem + 1vw,1rem);max-width:34rem;margin-inline:auto;display:grid}.answer{border:2px solid var(--line-strong);border-radius:var(--radius);min-height:5rem;font-family:var(--font-display);color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--line-strong);transition:transform .18s var(--ease-pop), box-shadow .18s var(--ease-pop), border-color .2s, background-color .2s;background:#fff;padding:.75rem;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);font-weight:600;position:relative}.answer:hover:not(:disabled){box-shadow:0 7px 0 var(--line-strong);transform:translateY(-3px)}.answer:active:not(:disabled){box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.answer:disabled{cursor:default}.answer.is-right{border-color:var(--success);background:color-mix(in srgb, var(--success) 12%, white);box-shadow:0 4px 0 var(--success);animation:jelly .6s var(--ease-out)}.answer.is-wrong{border-color:var(--zaza);background:color-mix(in srgb, var(--zaza) 10%, white);box-shadow:0 4px 0 var(--zaza);animation:.45s ease-in-out shake}.answer__key{font-family:var(--font-body);color:var(--ink-mute);font-size:.75rem;font-weight:800;position:absolute;top:.45rem;left:.6rem}@media (hover:none){.answer__key{display:none}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)rotate(-1deg)}40%{transform:translate(8px)rotate(1deg)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.feedback{text-align:center;min-height:1.8em;font-family:var(--font-display);font-size:var(--text-lg);margin-top:1.25rem;font-weight:500}.feedback.is-good{color:var(--success);animation:rise-in .4s var(--ease-pop)}.feedback.is-bad{color:var(--zaza-strong);animation:rise-in .4s var(--ease-pop)}.game-end{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--sun) 14%, white);text-align:center;justify-items:center;gap:.75rem;margin-top:1.5rem;padding:2rem 1.5rem;display:grid}.game-end[hidden]{display:none}.game-end__stars{color:var(--line-strong);align-items:flex-end;gap:.4rem;display:flex}.game-end__stars [data-star]{display:grid}.game-end__stars [data-star].is-on{color:var(--sun)}.game-end__stars [data-star].is-on svg{fill:var(--sun);stroke:#e0a500}.game-end.is-shown{animation:rise-in .5s var(--ease-pop)}.game-end.is-shown [data-star]{animation:star-pop .6s var(--ease-pop) both}.game-end.is-shown [data-star]:nth-child(2){animation-delay:.15s}.game-end.is-shown [data-star]:nth-child(3){animation-delay:.3s}@keyframes star-pop{0%{opacity:0;transform:scale(.2)rotate(-90deg)}}.game-end__title{font-size:var(--text-2xl)}.game-end__message{max-width:32rem;color:var(--ink-soft);font-size:var(--text-lg)}.game-end__record{border-radius:var(--radius-pill);background:var(--ink);color:#fff;animation:jelly .8s .5s var(--ease-out) both;align-items:center;gap:.4rem;padding:.3rem .85rem;font-weight:800;display:inline-flex}.game-start{text-align:center;justify-items:center;gap:1rem;padding:1.5rem 0;display:grid}.game-start p{max-width:30rem;color:var(--ink-soft)}.game-hero[data-astro-cid-d4kxokus]{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding-block:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid}.game-hero__text[data-astro-cid-d4kxokus]{justify-items:start;gap:.85rem;display:grid}.game-hero__title[data-astro-cid-d4kxokus]{font-size:var(--text-3xl)}.game-hero__intro[data-astro-cid-d4kxokus]{max-width:38rem;color:var(--ink-soft);font-size:var(--text-lg)}.game-hero__meta[data-astro-cid-d4kxokus]{color:var(--ink-soft);font-size:var(--text-sm);flex-wrap:wrap;gap:.5rem 1.25rem;font-weight:700;display:flex}.game-hero__meta[data-astro-cid-d4kxokus] span[data-astro-cid-d4kxokus]{align-items:center;gap:.35rem;display:inline-flex}.game-hero__meta[data-astro-cid-d4kxokus] svg{color:var(--accent-strong)}.game-hero__img[data-astro-cid-d4kxokus]{transform-origin:50% 100%;width:clamp(9rem,6rem + 12vw,17rem);height:auto;animation:3.4s ease-in-out infinite idle-breathe}.game-guide[data-astro-cid-d4kxokus],.game-more[data-astro-cid-d4kxokus]{margin-top:clamp(3rem,2rem + 3vw,5rem)}.game-more__title[data-astro-cid-d4kxokus]{font-size:var(--text-2xl);margin-bottom:1.5rem}@media (width<=640px){.game-hero[data-astro-cid-d4kxokus]{grid-template-columns:1fr}.game-hero__img[data-astro-cid-d4kxokus]{grid-row:1;justify-self:center}}