:root{color-scheme:dark;--font-sans: "Inter", "Satoshi", "SF Pro Display", "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Menlo", "Consolas", monospace;--color-bg: #0b1220;--color-surface: #0f172a;--color-surface-elevated: #111827;--color-surface-raised: #1f2937;--color-border: #1f2937;--color-border-subtle: #374151;--color-border-soft: rgba(148, 163, 184, .3);--color-text: #e5e7eb;--color-text-muted: rgba(226, 232, 240, .72);--color-text-soft: rgba(226, 232, 240, .54);--color-accent: #38bdf8;--color-success: #22c55e;--color-card-flipped: #eef2ff;--color-card-hidden: #111827;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-soft: 0 8px 24px rgba(15, 23, 42, .32);--shadow-sharp: 0 12px 32px rgba(8, 11, 19, .5);--grid-card-size: 4rem}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:var(--font-sans);background:radial-gradient(circle at top,rgba(56,189,248,.12),transparent 55%),var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main,section{width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0}p{margin:0;color:var(--color-text-muted)}a{color:inherit}a:hover{color:var(--color-accent)}button{font-family:inherit}select,button{cursor:pointer}.app-shell{max-width:60rem;margin:var(--space-10) auto var(--space-12);padding:0 var(--space-4);display:grid;gap:var(--space-8)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:1.1rem}.brand__icon{font-size:1.4rem}.nav-bar{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.nav-cluster{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.nav-toggle{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease,background .2s ease,color .2s ease}.nav-toggle:hover{border-color:var(--color-border);background:var(--color-surface-elevated)}.nav-toggle:focus-visible{outline:3px solid rgba(56,189,248,.35);outline-offset:2px}.nav-toggle__icon{width:1.25rem;height:1.25rem;pointer-events:none}.section{display:grid;gap:var(--space-4)}.section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.section__side{display:flex;gap:var(--space-2)}.panel{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-elevated);padding:var(--space-4);display:grid;gap:var(--space-3);transition:transform .2s ease,box-shadow .2s ease}.panel:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.panel.is-muted{opacity:.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:.5rem .85rem;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-surface);color:var(--color-text);font-size:.95rem;font-weight:500;line-height:1.2;transition:border-color .2s ease,background .2s ease,color .2s ease}.btn:hover{border-color:var(--color-border-subtle)}.btn:focus-visible{outline:3px solid rgba(56,189,248,.35);outline-offset:2px}.btn.is-active,.btn[aria-current=page]{background:var(--color-accent);color:#021427;border-color:transparent;box-shadow:0 0 0 1px #38bdf866}.btn.is-active:hover,.btn[aria-current=page]:hover{background:var(--color-accent);border-color:transparent}.btn.is-active:focus-visible,.btn[aria-current=page]:focus-visible{outline-color:#38bdf88c}.btn--ghost{background:transparent;border-color:var(--color-border-subtle)}.btn--surface{background:var(--color-surface);border-color:var(--color-border-subtle)}.btn--subtle{background:#94a3b81f;border-color:#94a3b829;color:var(--color-text-muted)}.btn[disabled]{cursor:not-allowed;opacity:.6}.form-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.95rem;color:var(--color-text)}.form-select{padding:.35rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text);font-size:.95rem}.meta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:.85rem;color:var(--color-text-muted)}.memory-grid{display:grid;gap:var(--space-2);width:100%;max-width:45rem}.memory-grid.cols-1{grid-template-columns:repeat(1,minmax(var(--grid-card-size),1fr))}.memory-grid.cols-2{grid-template-columns:repeat(2,minmax(var(--grid-card-size),1fr))}.memory-grid.cols-3{grid-template-columns:repeat(3,minmax(var(--grid-card-size),1fr))}.memory-grid.cols-4{grid-template-columns:repeat(4,minmax(var(--grid-card-size),1fr))}.memory-grid.cols-5{grid-template-columns:repeat(5,minmax(var(--grid-card-size),1fr))}.memory-grid.cols-6{grid-template-columns:repeat(6,minmax(var(--grid-card-size),1fr))}.memory-grid.cols-7{grid-template-columns:repeat(7,minmax(var(--grid-card-size),1fr))}.memory-grid.cols-8{grid-template-columns:repeat(8,minmax(var(--grid-card-size),1fr))}.memory-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:5.25rem;display:grid;place-items:center;background:var(--color-card-hidden);color:#9ca3af;transition:transform .12s ease,background .2s ease,color .2s ease}.memory-card:not([disabled]):hover{transform:translateY(-2px)}.memory-card.is-flipped{background:var(--color-card-flipped);color:#111827}.memory-card.is-matched{background:#22c55e2e;border-color:#22c55ea6;color:#14532d;cursor:default}.memory-card__emoji{font-size:1.8rem;-webkit-user-select:none;user-select:none}.game-card-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.footer{text-align:center;font-size:.75rem;color:var(--color-text-soft);padding-bottom:var(--space-6)}.utility-grid-sm{display:grid;gap:var(--space-3)}.utility-stack{display:grid;gap:var(--space-4)}.utility-stack-sm{display:grid;gap:var(--space-3)}.utility-cluster{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.utility-cluster--between{justify-content:space-between}.utility-cluster--end{justify-content:flex-end}@media(max-width:720px){.app-shell{margin-top:var(--space-6);gap:var(--space-6)}.app-header{flex-direction:column;align-items:flex-start}.nav-bar{width:100%;flex-direction:column;align-items:stretch;margin-left:0;gap:var(--space-3)}.nav-toggle{display:inline-flex;align-self:flex-end}.nav-cluster{display:none;width:100%;margin-top:0;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#0f172aeb;box-shadow:var(--shadow-soft)}.nav-cluster[data-open=true]{display:grid;gap:var(--space-2)}.nav-cluster[data-open=true] .btn{width:100%;justify-content:flex-start}.memory-grid{--grid-card-size: 3.5rem}}@media(max-width:480px){.app-shell{margin-top:var(--space-5);padding:0 var(--space-3)}.memory-card{min-height:4.25rem}}