.game{border:1px solid var(--rule);background:var(--paper-box);padding:.9rem;margin:0 0 1.5rem}.game__hud{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;justify-content:space-between;font-family:var(--sans);font-size:.85rem;border-bottom:1px solid var(--rule-soft);padding-bottom:.6rem;margin-bottom:.9rem}.game__stats{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:0;padding:0;list-style:none}.game__stat{white-space:nowrap}.game__stat b{font-family:var(--mono);font-size:1rem;color:var(--ink)}.game__controls{display:flex;flex-wrap:wrap;gap:.5rem}.game__status{font-family:var(--sans);font-size:.9rem;min-height:2.6em;margin:.9rem 0 0;padding:.55rem .75rem;background:var(--paper);border:1px solid var(--rule-soft)}.game__status[data-tone=good]{border-left:4px solid var(--true)}.game__status[data-tone=bad]{border-left:4px solid var(--false)}.game__status[data-tone=neutral]{border-left:4px solid var(--rule)}.whack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:30rem;margin:0 auto}.whack-hole{position:relative;aspect-ratio:1 / 1;border:1px solid var(--rule);background:#dfe3e8 repeating-linear-gradient(45deg,transparent,transparent 7px,rgba(0,0,0,.03) 7px,rgba(0,0,0,.03) 14px);padding:0;overflow:hidden;cursor:pointer;border-radius:3px}.whack-hole img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateY(105%);transition:transform .14s ease-out}.whack-hole[data-up=true] img{transform:translateY(0)}.whack-hole[data-hit=true] img{filter:grayscale(.7) brightness(1.15);transform:translateY(0) rotate(-6deg) scale(.92)}.whack-hole__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--sans);font-size:.95rem;font-weight:700;color:var(--paper);text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none;opacity:0}.whack-hole[data-hit=true] .whack-hole__label{opacity:1}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;max-width:32rem;margin:0 auto}.memory-card{position:relative;aspect-ratio:1 / 1;padding:0;border:0;background:none;cursor:pointer;perspective:700px}.memory-card__inner{position:absolute;inset:0;transition:transform .26s ease;transform-style:preserve-3d}.memory-card[data-face=up] .memory-card__inner,.memory-card[data-face=matched] .memory-card__inner{transform:rotateY(180deg)}.memory-card__front,.memory-card__back{position:absolute;inset:0;backface-visibility:hidden;border:1px solid var(--rule);border-radius:3px;overflow:hidden}.memory-card__front{background:var(--link) repeating-linear-gradient(-45deg,rgba(255,255,255,.08),rgba(255,255,255,.08) 6px,transparent 6px,transparent 12px);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--serif);font-size:1.3rem}.memory-card__back{transform:rotateY(180deg);background:var(--paper)}.memory-card__back img{width:100%;height:100%;object-fit:cover;display:block}.memory-card[data-face=matched]{cursor:default}.memory-card[data-face=matched] .memory-card__back{outline:3px solid var(--true);outline-offset:-3px}.rally{max-width:34rem;margin:0 auto}.rally__table{position:relative;aspect-ratio:3 / 4;max-height:70vh;margin:0 auto;border:2px solid #1f3a5f;border-radius:4px;background:linear-gradient(#1b4d6b,#16405a);overflow:hidden;touch-action:manipulation;cursor:pointer}.rally__net{position:absolute;left:0;right:0;top:50%;height:2px;background:#ffffff8c}.rally__centre-line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff40}.rally__opponent{position:absolute;top:3%;left:50%;transform:translate(-50%);width:24%;border:2px solid rgba(255,255,255,.7);border-radius:50%;display:block;aspect-ratio:1/1;object-fit:cover}.rally__zone{position:absolute;left:0;right:0;bottom:12%;height:14%;border-top:2px dashed rgba(255,255,255,.45);border-bottom:2px dashed rgba(255,255,255,.45);background:#ffffff12}.rally__ball{position:absolute;width:7%;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e8b33a 70%);box-shadow:0 0 10px #ffd27899;left:50%;top:10%;transform:translate(-50%,-50%);will-change:top}.rally__paddle{position:absolute;bottom:4%;left:50%;transform:translate(-50%);width:34%;height:4%;background:#c94b3c;border:1px solid #8f2f24;border-radius:4px}.rally__flash{position:absolute;inset:0;background:#ffffff59;opacity:0;pointer-events:none}.rally__flash[data-flash=true]{animation:rally-flash .18s ease-out}@keyframes rally-flash{0%{opacity:1}to{opacity:0}}.rally__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#0a1928d1;color:#fff;font-family:var(--sans);text-align:center;padding:1rem}.rally__overlay[hidden]{display:none}.rally__overlay p{margin:0;max-width:22rem;font-size:.9rem}.rally__overlay strong{font-family:var(--serif);font-size:1.35rem;font-weight:400}.game__nojs{font-family:var(--sans);font-size:.85rem;border:1px solid #d8c98a;background:#fdf8e3;padding:.6rem .8rem;margin:0 0 .9rem}