.game-theme{--accent:var(--g-d);--accent-rgb:var(--g-d-rgb);--accent-ink:var(--g-d-ink);--glow:rgba(var(--g-d-rgb), .24);--brut-accent:var(--g-d);--brut-accent-hover:var(--g-d-hover);--brut-accent-rgb:var(--g-d-rgb);--brut-ink-on-accent:var(--g-d-ink);--tile-hi:var(--g-d-ink)}html:not(.dark) .game-theme{--accent:var(--g-l);--accent-rgb:var(--g-l-rgb);--accent-ink:var(--g-l-ink);--glow:rgba(var(--g-l-rgb), .2);--brut-accent:var(--g-l);--brut-accent-hover:var(--g-l-hover);--brut-accent-rgb:var(--g-l-rgb);--brut-ink-on-accent:var(--g-l-ink);--tile-hi:var(--ink)}.section.game-page{padding-block:clamp(2rem,5vw,3.5rem) clamp(3rem,7vw,5.5rem)}.game-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(1.25rem,3vw,2rem);display:flex}.game-back{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);min-height:2.25rem;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);transition:color .25s, border-color .25s, transform .35s var(--ease-out);align-items:center;gap:.45rem;padding:.3rem .85rem .3rem .65rem;font-size:.72rem;display:inline-flex}.game-back:hover{color:var(--ink);border-color:rgba(var(--accent-rgb), .55);transform:translate(-2px)}.game-title{letter-spacing:-.055em;font-size:clamp(2.4rem,6.4vw,4.6rem);font-weight:800;line-height:.95}.game-sub{max-width:40rem;color:var(--ink-muted);margin-top:1rem;font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.6}.game-sub strong{color:var(--ink);font-weight:700}.game-sub kbd,.quiz-keys kbd{border:1px solid var(--line-strong);background:var(--surface);min-width:1.5rem;color:var(--ink);font-family:var(--font-mono);text-align:center;border-bottom-width:2px;border-radius:6px;padding:.12rem .45rem;font-size:.78em;display:inline-block}.game-top-end{align-items:center;gap:.9rem;display:flex}.game-fs{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.68rem;transition:color .2s,border-color .2s;display:inline-flex}.game-fs:hover{color:var(--ink);border-color:var(--line-strong)}.game-fs[hidden]{display:none}.game-top-end .kicker{white-space:nowrap}@media (width<=479px){.game-fs-label{display:none}.game-fs{justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:0}}@media (width<=399px){.game-top-end .kicker{display:none}}.game-stage.is-fullscreen,.game-page.is-fullscreen{--fs-reserve:10rem;background:var(--bg);flex-direction:column;justify-content:safe center;padding:clamp(.75rem,2vw,1.5rem);display:flex;overflow:auto}.game-stage.is-fullscreen:has(>.btn){--fs-reserve:14rem}.game-stage.is-fullscreen>:is(.game-toolbar,.game-shell){width:min(100%, (100dvh - var(--fs-reserve)) * var(--ar,1));flex-shrink:0;margin-inline:auto}.game-stage.is-fullscreen .game-shell>canvas{width:100%;height:auto}.game-page.is-fullscreen>*{width:min(100%,56rem);margin-inline:auto}.game-stage{flex-direction:column;align-items:stretch;width:100%;margin:clamp(1.5rem,3vw,2.25rem) auto 0;display:flex}.game-stage-narrow{max-width:460px}.game-stage-board{max-width:560px}.game-stage-wide{max-width:56rem}.game-stage-full{max-width:900px}.game-stage>.btn{align-self:center;margin-top:1rem}.game-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;width:100%;margin-bottom:.9rem;display:flex}.game-stats{flex-wrap:wrap;gap:.5rem;display:flex}.game-toolbar .game-stats{margin-top:0}.game-stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;min-width:4.4rem;padding:.5rem .85rem .55rem}.game-stat-value{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:500;line-height:1.15}.game-stat-value-accent{color:var(--accent)}.game-stat-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:.15rem;font-size:.62rem}#c-status{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-muted);font-size:.78rem}.game-shell{border:1px solid rgba(var(--accent-rgb), .3);border-radius:var(--radius-lg);background:var(--game-bg);width:100%;max-width:100%;box-shadow:var(--shadow-panel), 0 40px 100px -56px rgba(var(--accent-rgb), .6);display:block;position:relative;overflow:hidden}.game-shell canvas{max-width:100%;height:auto;margin-inline:auto;display:block}.game-overlay{text-align:center;color:var(--ink);background:radial-gradient(circle at 50% 42%, rgba(var(--accent-rgb), .16), transparent 62%), color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(5px);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.5rem;display:flex;position:absolute;inset:0}.game-overlay.hidden{display:none}.game-overlay-title{letter-spacing:-.05em;font-size:clamp(1.7rem,5vw,2.6rem);font-weight:800;line-height:1}.game-overlay-score{font-family:var(--font-mono);color:var(--accent);font-size:1.05rem}.game-overlay-hint{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-top:.5rem;font-size:.72rem}.game-result{text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-panel);margin-top:1.5rem;padding:1.75rem}.game-board-btn{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-strong);color:var(--ink);font-family:var(--font-display);transition:transform .3s var(--ease-out), border-color .2s, background-color .2s, color .2s, box-shadow .3s var(--ease-out);justify-content:center;align-items:center;font-weight:800;display:flex}.game-board-btn:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .7);box-shadow:0 14px 30px -18px var(--glow);transform:translateY(-2px)}.game-board-btn:active:not(:disabled){transform:translateY(0)}.game-board-btn:disabled{cursor:default;color:var(--ink)}.game-board-btn[data-mark=X]{color:var(--accent)}.game-board-btn[data-mark=O]{color:var(--accent-2)}.game-board-btn-active,.game-board-btn-correct{border-color:var(--accent);background:rgba(var(--accent-rgb), .16);color:var(--ink)}.game-board-btn-wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--ink)}.game-board-btn:disabled.game-board-btn-correct,.game-board-btn:disabled.game-board-btn-wrong{color:var(--ink)}.chess-cell{aspect-ratio:1;cursor:pointer;border:none;justify-content:center;align-items:center;font-size:clamp(1.4rem,7.6vw,2.9rem);line-height:1;transition:background-color .15s;display:flex;position:relative}.chess-cell-light{background:color-mix(in srgb, var(--ink) 11%, var(--bg-elev))}.chess-cell-dark{background:color-mix(in srgb, var(--ink) 26%, var(--bg-elev))}.chess-cell:hover{background-image:linear-gradient(rgba(var(--accent-rgb), .16), rgba(var(--accent-rgb), .16))}.chess-cell-selected{box-shadow:inset 0 0 0 3px var(--accent);background-image:linear-gradient(rgba(var(--accent-rgb), .22), rgba(var(--accent-rgb), .22))}.chess-cell-target:after{content:"";background:rgba(var(--accent-rgb), .85);border-radius:999px;width:28%;height:28%;position:absolute}.chess-cell-target-capture{box-shadow:inset 0 0 0 3px rgba(var(--accent-rgb), .9)}.chess-piece-white,.chess-piece-black{z-index:1;pointer-events:none;position:relative}.chess-piece-white{color:#fffdf6;text-shadow:0 0 1px #000,0 0 2px #000,0 1px 2px #0009}.chess-piece-black{color:#0b0f12;text-shadow:0 0 1px #ffffffd9,0 0 2px #ffffff80}.quiz-wrap{width:100%;max-width:46rem;margin:clamp(1.5rem,3vw,2.25rem) auto 0}.quiz-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.quiz-meta-group{flex-wrap:wrap;gap:.5rem;display:flex}.quiz-meta-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;min-width:4.4rem;padding:.5rem .85rem .55rem}.quiz-meta-value{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:500;line-height:1.15}.quiz-meta-accent{color:var(--accent)}.quiz-meta-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:.15rem;font-size:.62rem}.quiz-timer{border:2px solid var(--accent);background:rgba(var(--accent-rgb), .08);min-width:3.4rem;height:3.4rem;box-shadow:0 0 30px -8px var(--glow);font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;padding:0 .7rem;font-size:1.3rem;font-weight:500;display:grid}.quiz-timer[hidden]{display:none}.quiz-progress{background:var(--line);border-radius:999px;height:4px;margin-top:1rem;overflow:hidden}.quiz-progress div{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:4%;height:100%;box-shadow:0 0 14px var(--glow);transition:width .4s var(--ease-out);border-radius:999px}.quiz-card,.quiz-result{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:var(--shadow-panel);margin-top:1rem;padding:1.5rem}@media (width>=640px){.quiz-card{padding:2.25rem}}.quiz-card.hidden,.quiz-result.hidden,.quiz-feedback.hidden{display:none}.quiz-question{letter-spacing:-.03em;color:var(--ink);font-size:clamp(1.2rem,2.8vw,1.65rem);font-weight:700;line-height:1.3}.quiz-options{grid-template-columns:minmax(0,1fr);gap:.6rem;margin-top:1.4rem;display:grid}@media (width>=640px){.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz-opt{text-align:left;justify-content:flex-start;gap:.8rem;width:100%;padding:.9rem 1rem;font-size:.95rem;font-weight:600;line-height:1.4}.quiz-opt-key{background:var(--line);width:1.6rem;height:1.6rem;font-family:var(--font-mono);border-radius:8px;flex-shrink:0;place-items:center;font-size:.72rem;font-weight:500;display:grid}.game-board-btn-correct .quiz-opt-key{background:var(--accent);color:var(--accent-ink)}.game-board-btn-wrong .quiz-opt-key{background:var(--danger);color:var(--bg)}.quiz-feedback{border-radius:var(--radius);color:var(--ink);border:1px solid;margin-top:1rem;padding:.85rem 1rem;font-size:.9rem;font-weight:600}.quiz-right{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .1)}.quiz-wrong{border-color:color-mix(in srgb, var(--danger) 55%, transparent);background:color-mix(in srgb, var(--danger) 10%, transparent)}.quiz-keys{font-family:var(--font-mono);color:var(--ink-faint);text-align:center;margin-top:1.1rem;font-size:.72rem}.quiz-result{text-align:center;padding:2.5rem 1.5rem}.quiz-result-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:500}.quiz-result-score{letter-spacing:-.06em;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:.6rem;font-size:clamp(3rem,9vw,5.5rem);font-weight:800;line-height:1}.quiz-result-label{color:var(--ink-muted);margin-top:.6rem;font-size:1.05rem}.quiz-result-best{font-family:var(--font-mono);color:var(--ink-faint);margin-top:.4rem;font-size:.78rem}.quiz-result-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex}.game-dpad{flex-direction:column;align-items:center;gap:.3rem;display:flex}.game-dpad-row{gap:.3rem;display:flex}.game-dpad button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--ink);touch-action:manipulation;transition:border-color .2s, color .2s, background-color .2s, transform .2s var(--ease-out);place-items:center;font-size:.85rem;display:grid}.game-dpad button:hover{border-color:var(--accent);color:var(--accent)}.game-dpad button:active{background:rgba(var(--accent-rgb), .16);transform:scale(.94)}.game-flap{border:1px solid var(--accent);border-radius:var(--radius-pill);background:rgba(var(--accent-rgb), .1);min-height:2.75rem;color:var(--accent);font-family:var(--font-display);touch-action:manipulation;transition:background-color .25s, color .25s, box-shadow .35s var(--ease-out);padding:.6rem 1.25rem;font-size:.88rem;font-weight:700}.game-flap:hover{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 40px -8px var(--glow)}.game-actions{flex-wrap:wrap;gap:.5rem;display:flex}.game-pad{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.9rem;display:flex}.game-pad button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);max-width:6rem;min-height:3rem;color:var(--ink);font-family:var(--font-mono);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:border-color .2s, color .2s, background-color .2s, transform .2s var(--ease-out);flex:3.2rem;padding:0 .5rem;font-size:1.15rem}.game-pad button:hover{border-color:var(--accent);color:var(--accent)}.game-pad button:active{background:rgba(var(--accent-rgb), .16);transform:scale(.95)}@media (pointer:fine) and (width>=640px){.game-pad{display:none}}@media (pointer:coarse),(width<=639px){.game-stage.is-fullscreen:has(>.game-pad){--fs-reserve:15rem}}.game-seg{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);flex-wrap:wrap;gap:.2rem;padding:.2rem;display:inline-flex}.game-seg button{border-radius:var(--radius-pill);min-height:2.25rem;color:var(--ink-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:.3rem .8rem;font-size:.7rem;transition:color .2s,background-color .2s}.game-seg button:hover{color:var(--ink)}.game-seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.game-status{min-height:1.5rem;font-family:var(--font-mono);letter-spacing:.04em;text-align:center;color:var(--ink-muted);margin-bottom:.9rem;font-size:.78rem}.game-status[data-state=won]{color:var(--accent)}.game-status[data-state=lost]{color:var(--danger)}.ms-stage{max-width:min(100%, max(24rem, calc(var(--cols,9) * 2.6rem + 1.5rem)))}.ms-board{padding:.5rem;container-type:inline-size}.ms-grid{--ms-n1:#1d4ed8;--ms-n2:#15803d;--ms-n3:#b91c1c;--ms-n4:#6d28d9;--ms-n5:#9a3412;--ms-n6:#0e7490;--ms-n7:#111827;--ms-n8:#52525b;grid-template-columns:repeat(var(--cols,9), minmax(0, 1fr));max-width:calc(var(--cols,9) * 2.6rem);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:2px;margin-inline:auto;display:grid}html.dark .ms-grid{--ms-n1:#60a5fa;--ms-n2:#4ade80;--ms-n3:#f87171;--ms-n4:#c4b5fd;--ms-n5:#fb923c;--ms-n6:#22d3ee;--ms-n7:#e5e7eb;--ms-n8:#a1a1aa}.ms-cell{aspect-ratio:1;background:color-mix(in srgb, var(--ink) 18%, var(--bg-elev));min-width:0;color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:min(1.2rem, calc((100cqw - 1rem) / var(--cols,9) * .58));font-variant-emoji:text;touch-action:manipulation;cursor:pointer;border:0;border-radius:4px;place-items:center;padding:0;line-height:1;display:grid;box-shadow:inset 0 2px #ffffff47,inset 0 -2px #0000002e}.ms-cell:hover{background:color-mix(in srgb, var(--ink) 26%, var(--bg-elev))}.ms-cell:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1;position:relative}.ms-cell.ms-open{background:color-mix(in srgb, var(--ink) 5%, var(--bg-elev));box-shadow:none;cursor:default}.ms-cell.ms-flag{color:var(--danger)}.ms-cell.ms-mine{color:var(--ink)}.ms-cell.ms-boom{background:color-mix(in srgb, var(--danger) 55%, var(--bg-elev));color:var(--bg)}.ms-cell.ms-wrong{background:color-mix(in srgb, var(--danger) 22%, var(--bg-elev))}.ms-n1{color:var(--ms-n1)}.ms-n2{color:var(--ms-n2)}.ms-n3{color:var(--ms-n3)}.ms-n4{color:var(--ms-n4)}.ms-n5{color:var(--ms-n5)}.ms-n6{color:var(--ms-n6)}.ms-n7{color:var(--ms-n7)}.ms-n8{color:var(--ms-n8)}.games-meta{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.games-grid{grid-template-columns:minmax(0,1fr);gap:1rem;padding-bottom:clamp(3rem,8vw,6rem);display:grid}@media (width>=640px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media (width>=640px) and (width<=1023px){.games-grid>:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=1024px){.games-grid>:last-child:nth-child(3n+1){grid-column:1/-1}.games-grid>:last-child:nth-child(3n+2){grid-column:span 2}}.game-tile-card{border-color:rgba(var(--accent-rgb), .18);flex-direction:column;gap:.35rem;display:flex}@media (width>=640px){.game-tile-card{min-height:15.5rem}}.game-tile-card:after{content:"";z-index:-1;background:radial-gradient(closest-side, rgba(var(--accent-rgb), .2), transparent);opacity:.5;height:70%;transition:opacity .5s var(--ease-out), transform .7s var(--ease-out);position:absolute;inset:auto -20% -55%}.game-tile-card:hover:after{opacity:1;transform:translateY(-12%)}.game-tile-head{justify-content:space-between;align-items:center;margin-bottom:1.6rem;display:flex}.game-tile-icon{border:1px solid rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .12);width:3rem;height:3rem;color:var(--accent);transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);border-radius:14px;place-items:center;display:grid}.game-tile-card:hover .game-tile-icon{box-shadow:0 0 30px -4px var(--glow);transform:rotate(-6deg)scale(1.06)}.game-tile-index{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-faint);font-size:.72rem}.game-tile-title{letter-spacing:-.045em;font-size:clamp(1.4rem,2.2vw,1.75rem);font-weight:800;line-height:1.05}.game-tile-desc{color:var(--ink-muted);font-size:.94rem;line-height:1.5}.game-tile-play{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:auto;padding-top:1.2rem;font-size:.74rem}.game-tile-play span{transition:transform .4s var(--ease-out);display:inline-block}.game-tile-card:hover .game-tile-play span{transform:translate(5px)}@media (prefers-reduced-motion:reduce){.game-tile-card:after,.game-tile-icon,.game-tile-play span,.game-back{transition:none}}