.g2048{--g: clamp(.4rem, 2vw, .65rem);max-width:29rem;margin-inline:auto}.g2048-hud{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.g2048-scores{display:flex;gap:.5rem}.g2048-scorebox{min-width:5.25rem;text-align:center;background:rgb(var(--c-ink) / .06);border:1px solid rgb(var(--c-ink) / .1);border-radius:.8rem;padding:.35rem .75rem}.g2048-scorebox span{display:block;font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:rgb(var(--c-muted))}.g2048-scorebox strong{font-family:var(--font-display);font-size:1.3rem;line-height:1.15;color:rgb(var(--c-ink))}.g2048-bestbox strong{color:rgb(var(--c-sunshine))}.g2048-scorebox strong.bump{animation:g2048-bump .18s ease-out}@keyframes g2048-bump{50%{transform:scale(1.18)}}.g2048-new,.g2048-continue{border-radius:.8rem;padding:.55rem 1.05rem;font-weight:800;font-family:var(--font-display);transition:opacity .15s ease,transform .15s ease}.g2048-new{background:rgb(var(--c-primary));color:rgb(var(--c-surface))}.g2048-continue{background:rgb(var(--c-accent));color:rgb(var(--c-surface))}.g2048-new:hover,.g2048-continue:hover{opacity:.88;transform:translateY(-1px)}.g2048-board{position:relative;width:100%;aspect-ratio:1;padding:var(--g);border-radius:1.05rem;background:rgb(var(--c-ink) / .07);border:1px solid rgb(var(--c-ink) / .12);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;overflow:hidden}.g2048-grid{position:absolute;inset:var(--g);display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:var(--g)}.g2048-cell{border-radius:.6rem;background:rgb(var(--c-ink) / .055)}.g2048-tiles{position:absolute;inset:var(--g)}.g2048-tile{position:absolute;width:var(--tw);height:var(--tw);left:calc(var(--c) * (var(--tw) + var(--g)));top:calc(var(--r) * (var(--tw) + var(--g)));display:grid;place-items:center;border-radius:.6rem;font-family:var(--font-display);font-weight:800;font-size:clamp(1.15rem,6.5vmin,2.05rem);color:#14162a;background:#b9c0da;transition:left .11s ease-in-out,top .11s ease-in-out;will-change:left,top}.g2048-tile.is-long{font-size:clamp(.85rem,4.6vmin,1.45rem);letter-spacing:-.02em}.g2048-tile.is-new{animation:g2048-in .16s ease .06s backwards}.g2048-tile.is-merged{animation:g2048-merge .18s ease}@keyframes g2048-in{0%{transform:scale(.4);opacity:0}}@keyframes g2048-merge{0%{transform:scale(1)}55%{transform:scale(1.16)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.g2048-tile{transition:none}.g2048-tile.is-new,.g2048-tile.is-merged,.g2048-scorebox strong.bump{animation:none}}.g2048-tile.v4{background:#a3aede}.g2048-tile.v8{background:#8d9bf2;color:#fff}.g2048-tile.v16{background:#7b84f4;color:#fff}.g2048-tile.v32{background:#8a63f2;color:#fff}.g2048-tile.v64{background:#a94df0;color:#fff}.g2048-tile.v128{background:#cb3ee0;color:#fff}.g2048-tile.v256{background:#e93cbb;color:#fff}.g2048-tile.v512{background:#f4437f;color:#fff}.g2048-tile.v1024{background:#fb6d3a;color:#fff}.g2048-tile.v2048{background:#facc15;color:#14162a;box-shadow:0 0 22px #facc158c}.g2048-tile.vmax{background:#22d3ee;color:#14162a;box-shadow:0 0 22px #22d3ee8c}.g2048-overlay{position:absolute;inset:0;z-index:10;display:grid;place-content:center;gap:1rem;text-align:center;background:rgb(var(--c-surface) / .82);backdrop-filter:blur(3px);animation:g2048-fade .25s ease}.g2048-overlay[hidden]{display:none}@keyframes g2048-fade{0%{opacity:0}}.g2048-overlay-msg{font-family:var(--font-display);font-size:clamp(1.5rem,6vmin,2.2rem);font-weight:800;color:rgb(var(--c-ink));text-shadow:0 0 24px rgb(var(--c-primary) / .5)}.g2048-overlay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.g2048-hint{margin-top:.8rem;text-align:center;font-size:.82rem;color:rgb(var(--c-muted))}.g-snake .lpg-board{aspect-ratio:1;max-width:28rem;margin-inline:auto;background:#101221}.g-snake-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.g-snake .lpg-scorebox strong{display:inline-block}.g-snake [data-score].bump{animation:g-snake-bump .18s ease-out}@keyframes g-snake-bump{50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.g-snake [data-score].bump{animation:none}}.g-breakout .bk-board{aspect-ratio:4 / 3}.g-breakout .bk-canvas{display:block;width:100%;height:100%}.g-breakout .bk-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-breakout .bk-start[hidden]{display:none}.g-flappy .fl-board{aspect-ratio:5 / 6;max-width:24rem;margin-inline:auto}.g-flappy .fl-canvas{display:block;width:100%;height:100%}.g-flappy .fl-idle{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-family:var(--font-display);font-weight:800;color:rgb(var(--c-ink))}.g-flappy .fl-idle[hidden]{display:none}.g-whack .wk-board{aspect-ratio:1;padding:.8rem}.g-whack .wk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;width:100%;height:100%}.g-whack .wk-hole{position:relative;border:none;background:transparent;border-radius:50%;overflow:hidden;cursor:pointer;padding:0}.g-whack .wk-hole:after{content:"";position:absolute;inset:auto 8% 6%;height:32%;border-radius:50%;background:#0006}.g-whack .wk-mole{position:absolute;inset:14% 12% -60%;border-radius:46% 46% 40% 40%;background:linear-gradient(#b98a5e,#93683f);transform:translateY(110%);transition:transform .11s ease-out;z-index:1}.g-whack .wk-up .wk-mole{transform:translateY(0)}.g-whack .wk-bonk .wk-mole{transform:translateY(60%) scaleY(.7)}.g-whack .wk-eye{position:absolute;top:26%;width:13%;height:13%;border-radius:50%;background:#2a1c0e}.g-whack .wk-eye-l{left:26%}.g-whack .wk-eye-r{right:26%}.g-whack .wk-nose{position:absolute;top:40%;left:50%;width:16%;height:11%;transform:translate(-50%);border-radius:50%;background:#f0a1a1}.g-whack .wk-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6);z-index:5}.g-whack .wk-start[hidden]{display:none}@media(prefers-reduced-motion:reduce){.g-whack .wk-mole{transition:none}}.g-aim .aim-board{aspect-ratio:4 / 3;cursor:crosshair}.g-aim .aim-flash{box-shadow:inset 0 0 0 3px #f87171}.g-aim .aim-target{position:absolute;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;background:radial-gradient(circle,#fff 12%,#ef4444 14% 34%,#fff 36% 52%,#ef4444 54%);box-shadow:0 0 16px #ef444480}.g-aim .aim-target[hidden]{display:none}.g-aim .aim-hit{background:radial-gradient(circle,#fff 20%,#34d399 22%)}.g-aim .aim-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-aim .aim-start[hidden]{display:none}@media(prefers-reduced-motion:reduce){.g-aim .aim-target{transition:none!important}}.g-minesweeper .lpg-hud{flex-wrap:wrap}.g-minesweeper .lpg-scorebox{min-width:4.4rem}.g-minesweeper .gms-board{padding:.5rem}.g-minesweeper .gms-grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:.22rem}.g-minesweeper .gms-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:.35rem;background:linear-gradient(180deg,rgb(var(--c-primary) / .34),rgb(var(--c-primary) / .18));border:1px solid rgb(var(--c-primary) / .28);font-family:var(--font-display);font-weight:800;font-size:clamp(.9rem,3.6vmin,1.2rem);line-height:1;color:rgb(var(--c-ink));cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,background .12s ease}.g-minesweeper .gms-cell:not(.is-open):active{transform:scale(.92)}.g-minesweeper .gms-cell.is-open{background:rgb(var(--c-ink) / .05);border-color:rgb(var(--c-ink) / .08);cursor:default;animation:gms-pop .14s ease}.g-minesweeper .gms-cell.is-flagged{background:linear-gradient(180deg,rgb(var(--c-sunshine) / .3),rgb(var(--c-sunshine) / .14));border-color:rgb(var(--c-sunshine) / .4)}.g-minesweeper .gms-cell.is-mine{background:#f8717138;border-color:#f8717166}.g-minesweeper .gms-cell.is-boom{background:#f87171bf;animation:gms-shake .3s ease}.g-minesweeper .gms-cell.is-misflag{opacity:.4}@keyframes gms-pop{0%{transform:scale(.82)}}@keyframes gms-shake{20%{transform:translate(-3px)}60%{transform:translate(3px)}}.g-minesweeper .gms-cell.n1{color:#8ab4ff}.g-minesweeper .gms-cell.n2{color:#4ade80}.g-minesweeper .gms-cell.n3{color:#ff7a7a}.g-minesweeper .gms-cell.n4{color:#c084fc}.g-minesweeper .gms-cell.n5{color:#d08770}.g-minesweeper .gms-cell.n6{color:#2dd4bf}.g-minesweeper .gms-cell.n7{color:#e9ebf8}.g-minesweeper .gms-cell.n8{color:#9aa0bd}@media(prefers-reduced-motion:reduce){.g-minesweeper .gms-cell,.g-minesweeper .gms-cell.is-open,.g-minesweeper .gms-cell.is-boom{transition:none;animation:none}}.g-puzzle15{--g: clamp(.4rem, 2vw, .65rem)}.g-puzzle15 .lpg-hud{flex-wrap:wrap}.g-puzzle15 .lpg-scorebox{min-width:4.4rem}.g-puzzle15 .g15-board{aspect-ratio:1;padding:var(--g)}.g-puzzle15 .g15-tiles{position:absolute;inset:var(--g)}.g-puzzle15 .g15-tile{position:absolute;width:var(--tw);height:var(--tw);left:calc(var(--c) * (var(--tw) + var(--g)));top:calc(var(--r) * (var(--tw) + var(--g)));display:grid;place-items:center;border-radius:.6rem;background:linear-gradient(145deg,hsl(calc(250 + var(--v) * 3) 82% 66%),hsl(calc(258 + var(--v) * 3) 72% 46%));box-shadow:inset 0 1px #ffffff2e;font-family:var(--font-display);font-weight:800;font-size:clamp(1.2rem,7vmin,2.1rem);color:#fff;text-shadow:0 1px 4px rgb(0 0 0 / .3);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:left .1s ease-in-out,top .1s ease-in-out;will-change:left,top}.g-puzzle15 .g15-tile:active{filter:brightness(1.12)}@media(prefers-reduced-motion:reduce){.g-puzzle15 .g15-tile{transition:none}}.g-memory .mm-board{aspect-ratio:1;padding:.7rem}.g-memory .mm-grid{display:grid;gap:.5rem;width:100%;height:100%}.g-memory .mm-card{position:relative;border:none;background:transparent;padding:0;cursor:pointer;perspective:600px}.g-memory .mm-inner{position:absolute;inset:0;transition:transform .3s ease;transform-style:preserve-3d}.g-memory .mm-open .mm-inner,.g-memory .mm-done .mm-inner{transform:rotateY(180deg)}.g-memory .mm-front,.g-memory .mm-back{position:absolute;inset:0;display:grid;place-items:center;border-radius:.7rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.g-memory .mm-front{background:rgb(var(--c-primary) / .25);border:1px solid rgb(var(--c-primary) / .4)}.g-memory .mm-back{background:rgb(var(--c-ink) / .08);transform:rotateY(180deg);font-size:clamp(1.3rem,7vmin,2rem)}.g-memory .mm-done .mm-back{background:rgb(var(--c-accent) / .22);animation:mm-pop .25s ease}@keyframes mm-pop{50%{transform:rotateY(180deg) scale(1.12)}}@media(prefers-reduced-motion:reduce){.g-memory .mm-inner{transition:none}.g-memory .mm-done .mm-back{animation:none}}.g-wordguess .wg-board{display:grid;place-items:center;padding:1rem}.g-wordguess .wg-grid{display:grid;gap:.35rem}.g-wordguess .wg-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.g-wordguess .wg-tile{width:clamp(2.4rem,12vw,3.2rem);aspect-ratio:1;display:grid;place-items:center;border:2px solid rgb(var(--c-ink) / .18);border-radius:.4rem;font-family:var(--font-display);font-weight:800;font-size:clamp(1.1rem,6vw,1.6rem);color:rgb(var(--c-ink));text-transform:uppercase}.g-wordguess .wg-filled{border-color:rgb(var(--c-ink) / .45);animation:wg-bump .1s ease}@keyframes wg-bump{50%{transform:scale(1.08)}}.g-wordguess .wg-flip{animation:wg-flip .5s ease}@keyframes wg-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.g-wordguess .wg-correct{background:#4ade80;border-color:#4ade80;color:#06280f}.g-wordguess .wg-present{background:#facc15;border-color:#facc15;color:#3a2c00}.g-wordguess .wg-absent{background:rgb(var(--c-ink) / .14);border-color:transparent;color:rgb(var(--c-ink) / .5)}.g-wordguess .wg-keyboard{margin-top:1rem;display:flex;flex-direction:column;gap:.4rem}.g-wordguess .wg-krow{display:flex;justify-content:center;gap:.3rem}.g-wordguess .wg-key{min-width:1.9rem;height:3rem;padding:0 .3rem;border:none;border-radius:.4rem;background:rgb(var(--c-ink) / .14);color:rgb(var(--c-ink));font-weight:800;font-size:.85rem;cursor:pointer;flex:1}.g-wordguess .wg-key.wg-wide{flex:1.5;font-size:.72rem}.g-wordguess .wg-key:active{transform:scale(.94)}.g-wordguess .wg-key.wg-correct{background:#4ade80;color:#06280f}.g-wordguess .wg-key.wg-present{background:#facc15;color:#3a2c00}.g-wordguess .wg-key.wg-absent{background:rgb(var(--c-ink) / .06);color:rgb(var(--c-ink) / .35)}@media(prefers-reduced-motion:reduce){.g-wordguess .wg-flip,.g-wordguess .wg-filled{animation:none}}.g-colorspot .cs-board{aspect-ratio:1;padding:.7rem}.g-colorspot .cs-grid{display:grid;gap:6px;width:100%;height:100%}.g-colorspot .cs-cell{border-radius:.6rem;border:none;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.g-colorspot .cs-cell:active{transform:scale(.95)}.g-colorspot .cs-hit{animation:cs-pop .18s ease;box-shadow:0 0 0 3px rgb(var(--c-accent))}.g-colorspot .cs-miss{animation:cs-shake .3s;box-shadow:0 0 0 3px #f87171}@keyframes cs-pop{50%{transform:scale(1.12)}}@keyframes cs-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){.g-colorspot .cs-hit,.g-colorspot .cs-miss{animation:none}}.g-tictactoe .t3-board{aspect-ratio:1;padding:clamp(.5rem,2.5vw,.8rem)}.g-tictactoe .t3-play{position:relative;width:100%;height:100%}.g-tictactoe .t3-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:clamp(.4rem,2vw,.6rem)}.g-tictactoe .t3-cell{display:grid;place-items:center;border-radius:.9rem;background:rgb(var(--c-ink) / .06);border:1px solid rgb(var(--c-ink) / .08);font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,15vmin,4.2rem);line-height:1;color:rgb(var(--c-ink));cursor:pointer;transition:background .15s ease}@media(hover:hover){.g-tictactoe .t3-cell:not(.is-x):not(.is-o):hover{background:rgb(var(--c-ink) / .13)}}.g-tictactoe .t3-cell.is-x{color:rgb(var(--c-sunshine));text-shadow:0 0 18px rgb(var(--c-sunshine) / .35)}.g-tictactoe .t3-cell.is-o{color:rgb(var(--c-primary));text-shadow:0 0 18px rgb(var(--c-primary) / .4)}.g-tictactoe .t3-cell.is-pop{animation:t3-pop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes t3-pop{0%{transform:scale(.45)}}.g-tictactoe .t3-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.g-tictactoe .t3-line line{stroke:rgb(var(--c-accent));stroke-width:7;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgb(var(--c-accent) / .6))}.g-tictactoe .t3-line.is-drawn line{transition:stroke-dashoffset .35s ease-out .05s;stroke-dashoffset:0}.g-tictactoe .t3-line.is-lose line{stroke:#f87171;filter:drop-shadow(0 0 6px rgb(248 113 113 / .6))}.g-tictactoe .t3-status{margin-top:.7rem;min-height:1.4rem;text-align:center;font-family:var(--font-display);font-weight:700;color:rgb(var(--c-muted))}.g-tictactoe .t3-status.is-win{color:#34d399}.g-tictactoe .t3-status.is-lose{color:#f87171}.g-tictactoe [data-streak].bump{animation:t3-bump .18s ease-out}@keyframes t3-bump{50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.g-tictactoe .t3-cell.is-pop,.g-tictactoe [data-streak].bump{animation:none}.g-tictactoe .t3-line.is-drawn line{transition:none}}.g-connect4 .c4-board{aspect-ratio:7 / 6;padding:clamp(.45rem,2vw,.7rem);background:linear-gradient(180deg,rgb(var(--c-primary) / .12),rgb(var(--c-primary) / .04)),rgb(var(--c-ink) / .07)}.g-connect4 .c4-grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(7,1fr);gap:clamp(.2rem,1vw,.35rem)}.g-connect4 .c4-col{display:grid;grid-template-rows:repeat(6,1fr);gap:clamp(.2rem,1vw,.35rem);border-radius:.5rem;cursor:pointer;transition:background .15s ease}@media(hover:hover){.g-connect4 .c4-col:hover{background:rgb(var(--c-ink) / .05)}}.g-connect4 .c4-slot{position:relative;border-radius:50%;background:rgb(var(--c-surface) / .88);border:1px solid rgb(var(--c-ink) / .12);box-shadow:inset 0 2px 6px #00000059}.g-connect4 .c4-slot.is-ghost:after{content:"";position:absolute;inset:9%;border-radius:50%;background:#facc1547;border:2px dashed rgb(250 204 21 / .55)}.g-connect4 .c4-disc{position:absolute;inset:9%;border-radius:50%;box-shadow:inset 0 -3px 6px #00000040,0 1px 3px #0006;animation:c4-drop .42s ease-in backwards}.g-connect4 .c4-disc.p1{background:radial-gradient(circle at 35% 30%,#fde047,#eab308 72%)}.g-connect4 .c4-disc.p2{background:radial-gradient(circle at 35% 30%,#c4b5fd,#8b5cf6 72%)}@keyframes c4-drop{0%{transform:translateY(calc(var(--d) * -125%))}72%{transform:translateY(0)}86%{transform:translateY(-9%)}to{transform:translateY(0)}}.g-connect4 .c4-slot.is-win .c4-disc{animation:c4-win .7s ease-in-out infinite alternate}@keyframes c4-win{0%{transform:scale(1);box-shadow:0 0 4px #ffffff4d}to{transform:scale(1.08);box-shadow:0 0 16px 4px #ffffff8c}}.g-connect4 .c4-status{margin-top:.7rem;min-height:1.4rem;text-align:center;font-family:var(--font-display);font-weight:700;color:rgb(var(--c-muted))}.g-connect4 .c4-status.is-win{color:#34d399}.g-connect4 .c4-status.is-lose{color:#f87171}.g-connect4 [data-streak].bump{animation:c4-bump .18s ease-out}@keyframes c4-bump{50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.g-connect4 .c4-disc,.g-connect4 [data-streak].bump{animation:none}.g-connect4 .c4-slot.is-win .c4-disc{animation:none;box-shadow:0 0 14px 3px #ffffff80}}.g-rps .rps-board{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.g-rps .rps-arena{display:flex;align-items:center;justify-content:space-around;gap:.5rem;min-height:6.5rem}.g-rps .rps-hand{font-size:clamp(3rem,15vmin,4.5rem)}.g-rps .rps-bot{transform:scaleX(-1)}.g-rps .rps-vs{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:rgb(var(--c-muted));text-align:center;min-width:5rem}.g-rps .rps-win{color:rgb(var(--c-accent))}.g-rps .rps-lose{color:#f87171}.g-rps .rps-tie{color:rgb(var(--c-sunshine))}.g-rps .rps-shaking .rps-hand{animation:rps-shake .62s ease-in-out}.g-rps .rps-shaking .rps-bot{animation:rps-shake-b .62s ease-in-out}@keyframes rps-shake{0%,to{transform:translateY(0)}20%,60%{transform:translateY(-18%)}40%,80%{transform:translateY(4%)}}@keyframes rps-shake-b{0%,to{transform:scaleX(-1) translateY(0)}20%,60%{transform:scaleX(-1) translateY(-18%)}40%,80%{transform:scaleX(-1) translateY(4%)}}.g-rps .rps-history{display:flex;gap:.3rem;justify-content:center;min-height:.8rem}.g-rps .rps-dot{width:.7rem;height:.7rem;border-radius:50%}.g-rps .rps-w{background:rgb(var(--c-accent))}.g-rps .rps-l{background:#f87171}.g-rps .rps-t{background:rgb(var(--c-muted))}.g-rps .rps-picks{margin-top:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.g-rps .rps-pick{font-size:clamp(2rem,10vmin,3rem);padding:.6rem;border-radius:var(--radius-brand);border:1px solid rgb(var(--c-ink) / .12);background:rgb(var(--c-ink) / .05);transition:transform .12s ease,background .12s ease}.g-rps .rps-pick:hover{background:rgb(var(--c-primary) / .15);transform:translateY(-2px)}.g-rps .rps-pick:active{transform:scale(.94)}@media(prefers-reduced-motion:reduce){.g-rps .rps-shaking .rps-hand,.g-rps .rps-shaking .rps-bot{animation:none}}.g-simon .sm-board{aspect-ratio:1;display:grid;place-items:center;padding:1rem}.g-simon .sm-ring{position:relative;width:min(100%,20rem);aspect-ratio:1;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.5rem;padding:.5rem}.g-simon .sm-ring.sm-buzz{animation:sm-buzz .35s}@keyframes sm-buzz{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.g-simon .sm-pad{border:none;cursor:pointer;opacity:.55;transition:opacity .1s ease,transform .1s ease}.g-simon .sm-pad-0{background:#34d399;border-radius:100% 0 0}.g-simon .sm-pad-1{background:#f87171;border-radius:0 100% 0 0}.g-simon .sm-pad-2{background:#facc15;border-radius:0 0 0 100%}.g-simon .sm-pad-3{background:#60a5fa;border-radius:0 0 100%}.g-simon .sm-pad.sm-lit{opacity:1;filter:brightness(1.4);transform:scale(.97)}.g-simon .sm-center{position:absolute;inset:32%;border-radius:50%;background:rgb(var(--c-surface));display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.5rem;color:rgb(var(--c-ink));box-shadow:inset 0 0 0 4px rgb(var(--c-ink) / .1)}.g-simon .sm-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-simon .sm-start[hidden]{display:none}@media(prefers-reduced-motion:reduce){.g-simon .sm-ring.sm-buzz{animation:none}}.g-reaction .rx-board{aspect-ratio:4 / 3;display:grid;place-items:center;cursor:pointer;text-align:center;transition:background-color .12s ease}.g-reaction .rx-big{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,8vmin,2.6rem);color:rgb(var(--c-ink))}.g-reaction .rx-sub{margin-top:.4rem;font-size:.9rem;color:rgb(var(--c-muted))}.g-reaction .rx-wait{background:#f87171e6}.g-reaction .rx-wait .rx-big{color:#fff}.g-reaction .rx-go{background:#34d399f2}.g-reaction .rx-go .rx-big{color:#06281f}.g-reaction .rx-early{background:#fb923ce6;animation:rx-shake .3s}.g-reaction .rx-early .rx-big,.g-reaction .rx-early .rx-sub{color:#3a1c04}@keyframes rx-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.g-reaction .rx-chips{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;min-height:1.6rem}.g-reaction .rx-chip{font-family:var(--font-display);font-weight:700;font-size:.8rem;padding:.2rem .6rem;border-radius:999px;background:rgb(var(--c-ink) / .08);color:rgb(var(--c-ink))}@media(prefers-reduced-motion:reduce){.g-reaction .rx-early{animation:none}}.g-tetris .td-board{aspect-ratio:1 / 2;max-width:18rem;margin-inline:auto}.g-tetris .td-canvas{display:block;width:100%;height:100%}.g-tetris .lpg-scores{flex-wrap:wrap}.g-tetris .lpg-scorebox{min-width:3.3rem;padding:.3rem .5rem}.g-tetris .lpg-scorebox strong{font-size:1.05rem}.g-tetris .td-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-tetris .td-start[hidden]{display:none}.g-runner .rn-board{aspect-ratio:5 / 3}.g-runner .rn-canvas{display:block;width:100%;height:100%}.g-runner .rn-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-runner .rn-start[hidden]{display:none}.g-pong .pg-board{aspect-ratio:4 / 5;max-width:22rem;margin-inline:auto}.g-pong .pg-canvas{display:block;width:100%;height:100%}.g-pong .pg-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-pong .pg-start[hidden]{display:none}.g-jumper .jm-board{aspect-ratio:5 / 7;max-width:22rem;margin-inline:auto}.g-jumper .jm-canvas{display:block;width:100%;height:100%}.g-jumper .jm-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-jumper .jm-start[hidden]{display:none}.g-stack .sk-board{aspect-ratio:5 / 7;max-width:22rem;margin-inline:auto}.g-stack .sk-canvas{display:block;width:100%;height:100%}.g-stack .sk-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-stack .sk-start[hidden]{display:none}.g-bubble .bp-board{aspect-ratio:3 / 4}.g-bubble .bp-canvas{display:block;width:100%;height:100%;touch-action:none}.g-bubble .bp-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-bubble .bp-start[hidden]{display:none}.g-maze .mz-board{aspect-ratio:1}.g-maze .mz-canvas{display:block;width:100%;height:100%;touch-action:none}.g-maze .mz-start{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--c-surface) / .6)}.g-maze .mz-start[hidden]{display:none}.g-match3 .gm-board{aspect-ratio:1;padding:.5rem}.g-match3 .gm-grid{display:grid;gap:4px;width:100%;height:100%}.g-match3 .gm-cell{border:none;border-radius:.4rem;cursor:pointer;padding:0;box-shadow:inset 0 -3px #00000038,inset 0 3px 6px #ffffff47;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.g-match3 .gm-cell:active{transform:scale(.92)}.g-match3 .gm-empty{box-shadow:none}.g-match3 .gm-sel{transform:scale(.9);box-shadow:0 0 0 3px rgb(var(--c-ink)),inset 0 -3px #00000038}.g-match3 .gm-clear{animation:gm-pop .18s ease forwards}.g-match3 .gm-bad{animation:gm-bad .2s ease}.g-match3 .gm-fall{animation:gm-fall .15s ease}@keyframes gm-pop{to{transform:scale(0);opacity:0}}@keyframes gm-bad{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes gm-fall{0%{transform:translateY(-12%)}}@media(prefers-reduced-motion:reduce){.g-match3 .gm-cell,.g-match3 .gm-clear,.g-match3 .gm-bad,.g-match3 .gm-fall{animation:none;transition:none}}.g-schulte .sc-board{aspect-ratio:1;padding:.5rem}.g-schulte .sc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;width:100%;height:100%}.g-schulte .sc-cell{border:1px solid rgb(var(--c-ink) / .12);border-radius:.5rem;cursor:pointer;background:rgb(var(--c-ink) / .07);color:rgb(var(--c-ink));font-family:var(--font-display);font-weight:800;font-size:clamp(1.1rem,6vmin,1.9rem);display:grid;place-items:center;transition:transform .1s ease,background .15s ease,opacity .2s ease}.g-schulte .sc-cell:active{transform:scale(.94)}.g-schulte .sc-hit{background:rgb(var(--c-accent) / .85);color:rgb(var(--c-surface))}.g-schulte .sc-done{background:rgb(var(--c-ink) / .03);color:rgb(var(--c-muted) / .4);opacity:.45;pointer-events:none}.g-schulte .sc-miss{background:#f87171;color:#fff;animation:sc-shake .26s}@keyframes sc-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.g-schulte .sc-miss{animation:none}}.g-lightsout .lo-board{aspect-ratio:1;padding:.7rem}.g-lightsout .lo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;height:100%}.g-lightsout .lo-cell{border:1px solid rgb(var(--c-ink) / .12);border-radius:.7rem;cursor:pointer;background:rgb(var(--c-ink) / .06);transition:background .16s ease,box-shadow .16s ease,transform .1s ease}.g-lightsout .lo-cell:active{transform:scale(.94)}.g-lightsout .lo-on{background:rgb(var(--c-sunshine));box-shadow:0 0 18px rgb(var(--c-sunshine) / .6),inset 0 0 12px #ffffff59}.g-lightsout .lo-tap{animation:lo-tap .16s ease}@keyframes lo-tap{50%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.g-lightsout .lo-cell,.g-lightsout .lo-tap{animation:none;transition:none}}.g-typing .ty-board{padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:12rem}.g-typing .ty-stream{display:flex;flex-wrap:wrap;gap:.4rem .55rem;align-content:flex-start;min-height:6rem;font-family:var(--font-display);font-size:clamp(1rem,4.5vw,1.35rem)}.g-typing .ty-word{color:rgb(var(--c-ink) / .4);font-weight:700}.g-typing .ty-word.is-active{color:rgb(var(--c-surface));background:rgb(var(--c-sunshine));padding:.05em .4em;border-radius:.45rem}.g-typing .ty-word.is-active.ty-mismatch{background:#f87171;color:#2a0808}.g-typing .ty-input{width:100%;box-sizing:border-box;padding:.75rem 1rem;min-height:44px;border-radius:.7rem;border:2px solid rgb(var(--c-primary) / .5);background:rgb(var(--c-surface));color:rgb(var(--c-ink));font-family:var(--font-sans);font-size:1.1rem;font-weight:700;outline:none}.g-typing .ty-input:focus{border-color:rgb(var(--c-primary));box-shadow:0 0 0 3px rgb(var(--c-primary) / .25)}.g-typing .ty-input:disabled{opacity:.5}.g-hangman .hg-board{padding:1rem;display:grid;place-items:center}.g-hangman .hg-stage{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%}.g-hangman .hg-gallows{width:clamp(8rem,42vw,11rem);height:auto}.g-hangman .hg-frame{stroke:rgb(var(--c-ink) / .35);stroke-width:4;stroke-linecap:round}.g-hangman .hg-part{stroke:rgb(var(--c-primary));fill:none;stroke-width:4;stroke-linecap:round;opacity:0;transition:opacity .25s ease}.g-hangman .hg-part.is-on{opacity:1}.g-hangman .hg-word{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .45rem}.g-hangman .hg-slot{width:clamp(1.5rem,8vw,2rem);border-bottom:3px solid rgb(var(--c-ink) / .4);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:clamp(1.2rem,6vw,1.7rem);color:rgb(var(--c-ink));line-height:1.3}.g-hangman .hg-slot.is-shown{animation:hg-reveal .2s ease}@keyframes hg-reveal{0%{transform:translateY(6px);opacity:0}}.g-hangman .hg-word.hg-solved .hg-slot{color:rgb(var(--c-accent));border-color:rgb(var(--c-accent))}.g-hangman .hg-word.hg-fail .hg-slot{color:#f87171;border-color:#f87171}.g-hangman .hg-cat{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:rgb(var(--c-muted))}.g-hangman .hg-keyboard{margin-top:1rem;display:flex;flex-direction:column;gap:.4rem}.g-hangman .hg-krow{display:flex;justify-content:center;gap:.3rem}.g-hangman .hg-key{min-width:1.9rem;min-height:44px;padding:0 .3rem;border:none;border-radius:.4rem;background:rgb(var(--c-ink) / .14);color:rgb(var(--c-ink));font-weight:800;font-size:.9rem;cursor:pointer;flex:1}.g-hangman .hg-key:active{transform:scale(.94)}.g-hangman .hg-key.is-hit{background:rgb(var(--c-accent));color:rgb(var(--c-surface))}.g-hangman .hg-key.is-miss{background:rgb(var(--c-ink) / .06);color:rgb(var(--c-ink) / .3)}.g-hangman .hg-key:disabled{cursor:default}@media(prefers-reduced-motion:reduce){.g-hangman .hg-part{transition:none}.g-hangman .hg-slot.is-shown{animation:none}}.g-math .ma-board{padding:1.2rem;min-height:15rem;display:grid}.g-math .ma-play{display:flex;flex-direction:column;gap:1.1rem}.g-math .ma-timerbar{height:8px;border-radius:999px;background:rgb(var(--c-ink) / .12);overflow:hidden}.g-math .ma-timerfill{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#f87171,rgb(var(--c-sunshine)),rgb(var(--c-accent)));transition:transform .1s linear}.g-math .ma-question{text-align:center;font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,9vw,2.8rem);color:rgb(var(--c-ink))}.g-math .ma-choices{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.g-math .ma-choice{min-height:56px;border:2px solid rgb(var(--c-ink) / .15);border-radius:.8rem;background:rgb(var(--c-ink) / .06);color:rgb(var(--c-ink));font-family:var(--font-display);font-weight:800;font-size:clamp(1.3rem,6vw,1.7rem);cursor:pointer;transition:transform .1s ease,background .1s ease}.g-math .ma-choice:active{transform:scale(.96)}.g-math .ma-choice.is-right{background:rgb(var(--c-accent));color:rgb(var(--c-surface));border-color:rgb(var(--c-accent))}.g-math .ma-choice.is-wrong{background:#f87171;color:#2a0808;border-color:#f87171;animation:ma-shake .3s}@keyframes ma-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(prefers-reduced-motion:reduce){.g-math .ma-choice.is-wrong{animation:none}.g-math .ma-timerfill{transition:none}}.g-flood .fl-board{aspect-ratio:1;padding:.5rem}.g-flood .fl-grid{display:grid;gap:2px;width:100%;height:100%}.g-flood .fl-cell{border-radius:2px;transition:background .18s ease}.g-flood .fl-palette{margin-top:1rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}.g-flood .fl-swatch{min-height:48px;border-radius:.7rem;border:3px solid transparent;cursor:pointer;transition:transform .1s ease}.g-flood .fl-swatch:active{transform:scale(.92)}.g-flood .fl-swatch.is-current{border-color:rgb(var(--c-ink));box-shadow:0 0 0 3px rgb(var(--c-surface)),0 0 0 5px rgb(var(--c-ink) / .6)}.g-flood .fl-swatch:disabled{cursor:default;opacity:.5}.g-flood .fl-swatch.is-current:disabled{opacity:1}@media(prefers-reduced-motion:reduce){.g-flood .fl-cell{transition:none}}.g-sokoban .sk-board{padding:1rem;display:grid;place-items:center;min-height:12rem}.g-sokoban .sk-grid{display:grid;gap:3px;width:100%}.g-sokoban .sk-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:.35rem;background:rgb(var(--c-ink) / .05);font-size:clamp(1rem,5vw,1.7rem);line-height:1;transition:background .12s ease}.g-sokoban .sk-cell.is-wall{background:rgb(var(--c-surface));box-shadow:inset 0 0 0 1px rgb(var(--c-ink) / .18)}.g-sokoban .sk-cell.is-goal{background:rgb(var(--c-primary) / .16);box-shadow:inset 0 0 0 2px rgb(var(--c-primary) / .5);color:rgb(var(--c-primary))}.g-sokoban .sk-cell.is-player{background:rgb(var(--c-accent) / .22)}.g-sokoban .sk-cell.is-boxdone{background:rgb(var(--c-sunshine) / .28);box-shadow:inset 0 0 0 2px rgb(var(--c-sunshine))}.g-sokoban .sk-grid.sk-clear{animation:sk-clear .5s ease}@keyframes sk-clear{40%{transform:scale(1.06);filter:brightness(1.3)}}.g-sokoban .sk-controls{margin-top:1rem;display:flex;justify-content:center;gap:.6rem}.g-sokoban .sk-ctl{min-height:44px;background:rgb(var(--c-ink) / .14);color:rgb(var(--c-ink))}@media(prefers-reduced-motion:reduce){.g-sokoban .sk-cell{transition:none}.g-sokoban .sk-grid.sk-clear{animation:none}}.lb{max-width:29rem;margin-inline:auto;margin-top:3rem}.lb-submit{margin-top:1rem;border-radius:var(--radius-brand);border:1px solid rgb(var(--c-primary) / .35);background:rgb(var(--c-primary) / .1);padding:1rem}.lb-list{display:flex;flex-direction:column;gap:.35rem}.lb-row{display:flex;align-items:center;gap:.75rem;border-radius:.7rem;border:1px solid rgb(var(--c-ink) / .08);background:rgb(var(--c-ink) / .045);padding:.55rem .9rem;font-size:.92rem}.lb-row.is-you{border-color:rgb(var(--c-accent) / .6);background:rgb(var(--c-accent) / .12)}.lb-rank{inline-size:2rem;text-align:center;font-family:var(--font-display);font-weight:800;color:rgb(var(--c-muted))}.lb-name{flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:rgb(var(--c-ink))}.lb-score{font-family:var(--font-display);font-weight:800;color:rgb(var(--c-sunshine))}.lb-skeleton{block-size:2.4rem;animation:lb-pulse 1.2s ease-in-out infinite}@keyframes lb-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.lb-skeleton{animation:none}}.lp-mute{position:fixed;inset-block-end:1rem;inset-inline-end:1rem;z-index:60;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgb(var(--c-ink) / .15);background:rgb(var(--c-surface) / .85);color:rgb(var(--c-ink));backdrop-filter:blur(6px);box-shadow:0 4px 16px #0000004d;cursor:pointer;transition:transform .15s ease,color .15s ease}.lp-mute:hover{transform:scale(1.08);color:rgb(var(--c-primary))}.lp-mute[aria-pressed=true]{color:rgb(var(--c-muted))}.lp-mute .hidden{display:none}