.minesweeper{--cell:30px;--cols:9;--bevel-light:#fff;--bevel-dark:#7b7b7b;--face-bg:silver;color:#222;justify-content:center;margin:1.5rem 0;display:flex;overflow-x:auto;container-type:inline-size}.minesweeper .game{background:var(--face-bg);border:3px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);user-select:none;padding:12px}.minesweeper .panel{border:3px solid;border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark);justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:8px;display:flex}.minesweeper .counter{color:#ff2b2b;text-align:right;letter-spacing:2px;background:#000;min-width:58px;padding:3px 8px;font-family:Courier New,monospace;font-size:24px;font-weight:700}.minesweeper .face{cursor:pointer;background:var(--face-bg);border:3px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);width:40px;height:40px;font-size:22px}.minesweeper .face:active{border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark)}.minesweeper .controls{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.minesweeper .controls select{padding:2px;font-size:13px}.minesweeper .board{--cell:min(30px, calc((100cqi - 2.5rem) / var(--cols)));grid-template-columns:repeat(var(--cols), var(--cell));border:3px solid;border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark);gap:0;width:max-content;display:grid}.minesweeper .cell{width:var(--cell);height:var(--cell);font-family:Courier New,monospace;font-weight:700;font-size:calc(var(--cell) * .55);cursor:pointer;background:#bdbdbd;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex}.minesweeper .cell.hidden{border:3px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light)}.minesweeper .cell.hidden:hover{background:#c8c8c8}.minesweeper .cell.flag{border:3px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light)}.minesweeper .cell.hidden.pressed,.minesweeper .cell.hidden.not-enough{background:#d4d4d4;border:1px solid #8a8a8a}.minesweeper .cell.hidden.not-enough{background:#ffd9a0}.minesweeper .cell.revealed,.minesweeper .cell.mine{cursor:default;background:#d4d4d4;border:1px solid #8a8a8a}.minesweeper .cell.mine{background:#ff5252}.minesweeper .cell.n1{color:#00f}.minesweeper .cell.n2{color:green}.minesweeper .cell.n3{color:red}.minesweeper .cell.n4{color:navy}.minesweeper .cell.n5{color:maroon}.minesweeper .cell.n6{color:teal}.minesweeper .cell.n7{color:#000}.minesweeper .cell.n8{color:gray}.minesweeper .hint{color:#444;text-align:center;margin:10px 0 0;font-size:12px}.game-2048{--board-bg:#bbada0;--cell-bg:#eee4da59;--gap:2.2cqw;color:#776e65;user-select:none;flex-direction:column;align-items:center;gap:14px;margin:1.5rem 0;display:flex}.game-2048 .g2048-panel{justify-content:space-between;align-items:center;gap:10px;width:min(440px,92vw);display:flex}.game-2048 .g2048-scores{gap:8px;display:flex}.game-2048 .g2048-score{background:var(--board-bg);color:#f9f6f2;border-radius:6px;flex-direction:column;align-items:center;min-width:72px;padding:6px 12px;display:flex}.game-2048 .g2048-score-label{text-transform:uppercase;letter-spacing:1px;color:#eee4da;font-size:11px;font-weight:700}.game-2048 .g2048-score-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.1}.game-2048 .g2048-new{color:#f9f6f2;cursor:pointer;background:#8f7a66;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:700}.game-2048 .g2048-new:hover{background:#9f8b77}.game-2048 .g2048-board{aspect-ratio:1;box-sizing:border-box;background:var(--board-bg);touch-action:none;border-radius:8px;width:min(440px,92vw);position:relative;container-type:inline-size}.game-2048 .g2048-cells{box-sizing:border-box;pointer-events:none;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:2.2cqw;padding:2.2cqw;display:grid;position:absolute;inset:0}.game-2048 .g2048-cell{background:var(--cell-bg);border-radius:5px}.game-2048 .g2048-tiles{pointer-events:none;position:absolute;inset:0}.game-2048 .g2048-tile{will-change:transform;transition:transform .11s ease-in-out;position:absolute;top:0;left:0}.game-2048 .g2048-face{font-variant-numeric:tabular-nums;color:#776e65;background:#eee4da;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;font-size:9.5cqw;font-weight:800;line-height:1;display:flex}.game-2048 .g2048-face.d3{font-size:8cqw}.game-2048 .g2048-face.d4{font-size:6.2cqw}.game-2048 .g2048-face.is-new{animation:.13s .1s both g2048-appear}.game-2048 .g2048-face.is-merged{animation:.2s .1s both g2048-merge}@keyframes g2048-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes g2048-merge{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.22)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.game-2048 .g2048-tile{transition:none}.game-2048 .g2048-face.is-new,.game-2048 .g2048-face.is-merged{animation:none}}.game-2048 .tile-2{color:#776e65;background:#eee4da}.game-2048 .tile-4{color:#776e65;background:#ede0c8}.game-2048 .tile-8{color:#f9f6f2;background:#f2b179}.game-2048 .tile-16{color:#f9f6f2;background:#f59563}.game-2048 .tile-32{color:#f9f6f2;background:#f67c5f}.game-2048 .tile-64{color:#f9f6f2;background:#f65e3b}.game-2048 .tile-128{color:#f9f6f2;background:#edcf72}.game-2048 .tile-256{color:#f9f6f2;background:#edcc61}.game-2048 .tile-512{color:#f9f6f2;background:#edc850}.game-2048 .tile-1024{color:#f9f6f2;background:#edc53f}.game-2048 .tile-2048{color:#f9f6f2;background:#edc22e}.game-2048 .tile-super{color:#f9f6f2;background:#3c3a32}.game-2048 .g2048-overlay{text-align:center;background:#eee4daba;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.2s ease-in g2048-fade;display:flex;position:absolute;inset:0}.game-2048 .g2048-overlay.win{background:#edc22e80}.game-2048 .g2048-overlay-title{color:#776e65;margin:0;font-size:34px;font-weight:800}.game-2048 .g2048-overlay-actions{gap:10px;display:flex}.game-2048 .g2048-btn{color:#776e65;cursor:pointer;background:#eee4da;border:2px solid #bbada0;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:700}.game-2048 .g2048-btn.primary{color:#f9f6f2;background:#8f7a66;border-color:#8f7a66}.game-2048 .g2048-btn:hover{filter:brightness(1.05)}@keyframes g2048-fade{0%{opacity:0}to{opacity:1}}.game-2048 .g2048-hint{color:var(--muted,#9a9a9a);text-align:center;margin:0;font-size:13px}.game-tetris{user-select:none;flex-direction:column;align-items:center;gap:14px;margin:1.5rem 0;display:flex}.game-tetris .piece-I{--piece:#22d3ee}.game-tetris .piece-O{--piece:#facc15}.game-tetris .piece-T{--piece:#a78bfa}.game-tetris .piece-S{--piece:#4ade80}.game-tetris .piece-Z{--piece:#f87171}.game-tetris .piece-J{--piece:#60a5fa}.game-tetris .piece-L{--piece:#fb923c}.game-tetris .tetris-main{justify-content:center;align-items:flex-start;gap:12px;display:flex}.game-tetris .tetris-board-wrap{width:min(280px,96vw - 172px,38dvh);position:relative;container-type:inline-size}.game-tetris .tetris-board{aspect-ratio:1/2;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);touch-action:none;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);gap:1px;padding:2cqw;display:grid}.game-tetris .tetris-cell{background:#ffffff09;border-radius:1.2cqw}.game-tetris .tetris-cell:where(.piece-I,.piece-O,.piece-T,.piece-S,.piece-Z,.piece-J,.piece-L){background:var(--piece);box-shadow:inset 0 1.5px #ffffff59,inset 0 -2px #0000004d}.game-tetris .tetris-cell.ghost{box-shadow:inset 0 0 0 2px var(--piece);opacity:.35;background:0 0}.game-tetris .tetris-side{flex-direction:column;flex-shrink:0;gap:8px;width:78px;display:flex}.game-tetris .tetris-panel{background:linear-gradient(180deg, var(--surface), var(--surface-2));border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;display:flex}.game-tetris .tetris-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:10px;font-weight:700}.game-tetris .tetris-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:17px;font-weight:800;line-height:1.1}.game-tetris .tetris-mini{aspect-ratio:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:1px;width:52px;display:grid}.game-tetris .tetris-mini-cell{border-radius:2px}.game-tetris .tetris-mini-cell:where(.piece-I,.piece-O,.piece-T,.piece-S,.piece-Z,.piece-J,.piece-L){background:var(--piece)}.game-tetris .tetris-btn{color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700}.game-tetris .tetris-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.game-tetris .tetris-btn:hover{filter:brightness(1.15)}.game-tetris .tetris-overlay{border-radius:var(--radius);text-align:center;backdrop-filter:blur(3px);background:#0b0f19d1;flex-direction:column;justify-content:center;align-items:center;gap:12px;animation:.2s ease-in tetris-fade;display:flex;position:absolute;inset:0}.game-tetris .tetris-overlay-title{color:var(--text);margin:0;font-size:26px;font-weight:800}.game-tetris .tetris-overlay-score{color:var(--muted);margin:0;font-size:15px}.game-tetris .tetris-overlay-score b{color:var(--text);font-variant-numeric:tabular-nums}@keyframes tetris-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.game-tetris .tetris-overlay{animation:none}}.game-tetris .tetris-controls{touch-action:none;justify-content:center;gap:8px;display:flex}.game-tetris .tetris-pad{width:46px;height:46px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;touch-action:none;border-radius:10px;font-size:18px;line-height:1}.game-tetris .tetris-pad:active{background:var(--accent);border-color:var(--accent)}.game-tetris .tetris-hint{color:var(--muted);text-align:center;max-width:44ch;margin:0;font-size:13px}@media (width<=420px){.game-tetris .tetris-main{gap:8px}.game-tetris .tetris-side{width:64px}.game-tetris .tetris-board-wrap{width:min(280px,96vw - 144px,38dvh)}.game-tetris .tetris-mini{width:40px}}.game-drum-hero{user-select:none;flex-direction:column;align-items:center;gap:14px;margin:1.5rem 0;display:flex}.game-drum-hero .dh-stage{border:1px dashed var(--border);border-radius:var(--radius);background:#ffffff05;place-items:center;width:min(440px,92vw);min-height:320px;display:grid}.game-drum-hero .dh-lane-hihat{--lane:#e5484d}.game-drum-hero .dh-lane-kick{--lane:#3d84f7}.game-drum-hero .dh-lane-snare{--lane:#30a46c}.game-drum-hero .dh-steps{gap:8px;display:flex}.game-drum-hero .dh-step-btn{font:inherit;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.game-drum-hero .dh-step-btn.is-active{color:inherit;background:#ffffff1a}.game-drum-hero .dh-panel{flex-direction:column;align-items:center;gap:20px;padding:24px 0;display:flex}.game-drum-hero .dh-pattern-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:600}.game-drum-hero .dh-song-status{color:var(--muted);margin:-12px 0 0;font-size:12px}.game-drum-hero .dh-song-status.is-on{color:#4ade80;font-weight:600}.game-drum-hero .dh-grid{flex-direction:column;gap:6px;display:flex}.game-drum-hero .dh-grid-row{gap:6px;display:flex}.game-drum-hero .dh-cell{background:#ffffff0d;border:1px solid #0000;border-radius:5px;width:22px;height:22px}.game-drum-hero .dh-cell.is-on{background:color-mix(in srgb, var(--lane) 45%, transparent)}.game-drum-hero .dh-cell.is-now{background:#ffffff17;border-color:#ffffff59}.game-drum-hero .dh-cell.is-on.is-now{background:var(--lane);box-shadow:0 0 10px color-mix(in srgb, var(--lane) 60%, transparent)}.game-drum-hero .dh-keys{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.game-drum-hero .dh-key-row{align-items:center;gap:12px;display:flex}.game-drum-hero .dh-key{text-align:center;min-width:44px;color:var(--lane,inherit);background:color-mix(in srgb, var(--lane,#fff) 14%, transparent);border:1px solid color-mix(in srgb, var(--lane,#fff) 50%, transparent);border-radius:6px;padding:6px 12px;font-family:inherit;font-size:14px;font-weight:700}.game-drum-hero .dh-key-action{color:var(--muted);font-size:14px;font-weight:600}.game-drum-hero .dh-cell.dh-hit-good{animation:.4s ease-out dh-flash-good}.game-drum-hero .dh-cell.dh-hit-bad{animation:.4s ease-out dh-flash-bad}@keyframes dh-flash-good{0%{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8073}}@keyframes dh-flash-bad{0%{border-color:#facc15;box-shadow:0 0 0 3px #facc1573}}.game-stage[data-astro-cid-4cmioujt]{border:1px dashed var(--border);border-radius:var(--radius);background:#ffffff05;place-items:center;min-height:320px;margin:1.5rem 0;display:grid}.game-stage[data-astro-cid-4cmioujt] .muted[data-astro-cid-4cmioujt]{color:var(--muted)}