:root{--dark-bg: #0a0a0a;--dark-surface: #15151a;--dark-surface-2: #1c1c23;--dark-border: #2a2a33;--dark-border-bright: #3a3a46;--dark-fg: #ededed;--dark-muted: #a0a0ab;--dark-accent-text: #d946ef;--dark-amber-text: #f59e0b;--dark-violet-text: #a78bfa;--dark-chip-violet-text: #c9b8ff;--dark-chip-fuchsia-text: #f3a8ff;--dark-chip-amber-text: #ffd591;--dark-chip-violet-border: #5b3da8;--dark-chip-fuchsia-border: #9a2fa3;--dark-chip-amber-border: #8a6a1f;--dark-live: #4fb98a;--dark-inert: #6d675a;--light-bg: #fdfdfd;--light-surface: #ffffff;--light-surface-2: #f4f4f6;--light-border: #e2e2e8;--light-border-bright: #cfcfd8;--light-fg: #17171a;--light-muted: #5c5c66;--light-accent-text: #a21caf;--light-amber-text: #92400e;--light-violet-text: #6d28d9;--light-chip-violet-text: #4c1d95;--light-chip-fuchsia-text: #86198f;--light-chip-amber-text: #78350f;--light-chip-violet-border: #c9b8ff;--light-chip-fuchsia-border: #f0abfc;--light-chip-amber-border: #fcd34d;--light-live: #0f7a52;--light-inert: #7a7468;--ds-bg: var(--dark-bg);--ds-surface: var(--dark-surface);--ds-surface-2: var(--dark-surface-2);--ds-border: var(--dark-border);--ds-border-bright: var(--dark-border-bright);--ds-fg: var(--dark-fg);--ds-muted: var(--dark-muted);--ds-accent-text: var(--dark-accent-text);--ds-amber-text: var(--dark-amber-text);--ds-violet-text: var(--dark-violet-text);--ds-chip-violet-text: var(--dark-chip-violet-text);--ds-chip-fuchsia-text: var(--dark-chip-fuchsia-text);--ds-chip-amber-text: var(--dark-chip-amber-text);--ds-chip-violet-border: var(--dark-chip-violet-border);--ds-chip-fuchsia-border: var(--dark-chip-fuchsia-border);--ds-chip-amber-border: var(--dark-chip-amber-border);--ds-live: var(--dark-live);--ds-inert: var(--dark-inert);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--ds-bg: var(--light-bg);--ds-surface: var(--light-surface);--ds-surface-2: var(--light-surface-2);--ds-border: var(--light-border);--ds-border-bright: var(--light-border-bright);--ds-fg: var(--light-fg);--ds-muted: var(--light-muted);--ds-accent-text: var(--light-accent-text);--ds-amber-text: var(--light-amber-text);--ds-violet-text: var(--light-violet-text);--ds-chip-violet-text: var(--light-chip-violet-text);--ds-chip-fuchsia-text: var(--light-chip-fuchsia-text);--ds-chip-amber-text: var(--light-chip-amber-text);--ds-chip-violet-border: var(--light-chip-violet-border);--ds-chip-fuchsia-border: var(--light-chip-fuchsia-border);--ds-chip-amber-border: var(--light-chip-amber-border);--ds-live: var(--light-live);--ds-inert: var(--light-inert);color-scheme:light}}:root[data-theme=light]{--ds-bg: var(--light-bg);--ds-surface: var(--light-surface);--ds-surface-2: var(--light-surface-2);--ds-border: var(--light-border);--ds-border-bright: var(--light-border-bright);--ds-fg: var(--light-fg);--ds-muted: var(--light-muted);--ds-accent-text: var(--light-accent-text);--ds-amber-text: var(--light-amber-text);--ds-violet-text: var(--light-violet-text);--ds-chip-violet-text: var(--light-chip-violet-text);--ds-chip-fuchsia-text: var(--light-chip-fuchsia-text);--ds-chip-amber-text: var(--light-chip-amber-text);--ds-chip-violet-border: var(--light-chip-violet-border);--ds-chip-fuchsia-border: var(--light-chip-fuchsia-border);--ds-chip-amber-border: var(--light-chip-amber-border);--ds-live: var(--light-live);--ds-inert: var(--light-inert);color-scheme:light}:root{--ds-violet: #8b5cf6;--ds-fuchsia: #d946ef;--ds-amber: #f59e0b;--ds-gradient: linear-gradient(90deg, #8b5cf6, #d946ef, #f59e0b);--ds-action: var(--ds-violet);--ds-action-fg: #0a0a0a;--ds-link: var(--ds-accent-text);--ds-selected: var(--ds-fuchsia);--ds-attention: var(--ds-amber-text);--ds-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ds-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--ds-scale-h1: 2.5rem;--ds-scale-h2: 1.15rem;--ds-scale-body: 1.05rem;--ds-scale-small: .85rem;--ds-weight-body: 400;--ds-weight-strong: 600;--ds-weight-display: 800;--ds-tracking-display: -.03em;--ds-leading-body: 1.6;--ds-radius-card: 18px;--ds-radius-control: 10px;--ds-radius-pill: 999px;--ds-space-base: 4px;--ds-gutter: 22px;--ds-content-max: 920px;--ds-reading-max: 720px;--ds-focus-ring: 2px solid var(--ds-selected);--ds-focus-offset: 2px}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--ds-bg);color:var(--ds-fg);font-family:var(--ds-font-sans);font-size:var(--ds-scale-body);line-height:var(--ds-leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:var(--ds-weight-display);letter-spacing:var(--ds-tracking-display)}code,pre,kbd,samp{font-family:var(--ds-font-mono)}a{color:var(--ds-link);text-decoration-thickness:1px;text-underline-offset:3px}:focus-visible{outline:var(--ds-focus-ring);outline-offset:var(--ds-focus-offset);border-radius:var(--ds-radius-control)}.ds-page{max-width:var(--ds-content-max);margin:0 auto;padding:4.5rem var(--ds-gutter) 3rem}.ds-page--reading{max-width:var(--ds-reading-max)}.ds-stack{display:flex;flex-direction:column;gap:.75rem}.ds-wordmark{display:inline-block;font-weight:var(--ds-weight-display);letter-spacing:-.02em;font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);white-space:nowrap;text-decoration:none;color:var(--ds-accent-text);background:var(--ds-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active),print{.ds-wordmark{background:none;color:var(--ds-accent-text);-webkit-text-fill-color:currentColor}}.ds-wordmark--sm{font-size:1.125rem}.ds-rule{height:2px;border:0;margin:0;background:var(--ds-gradient);opacity:.85}.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:1.25rem}.ds-card--interactive{transition:transform .15s ease,border-color .15s ease}.ds-card--interactive:hover{transform:translateY(-3px);border-color:var(--ds-border-bright)}@media(prefers-reduced-motion:reduce){.ds-card--interactive{transition:border-color .15s ease}.ds-card--interactive:hover{transform:none}}.ds-tile-grid{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}@media(min-width:620px){.ds-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ds-tile__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.375rem}.ds-tile__title{font-family:var(--ds-font-mono);font-size:1.0625rem;font-weight:var(--ds-weight-strong)}.ds-tile__title--inert{color:var(--ds-muted)}.ds-tile__body{margin:0;color:var(--ds-muted);font-size:.9375rem}.ds-tile__footer{margin-top:.75rem;font-family:var(--ds-font-mono);font-size:.8125rem}.ds-tile__footer a{color:var(--ds-muted);text-decoration:none}.ds-tile__footer a:hover{color:var(--ds-accent-text)}.ds-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.15rem .7rem;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border);background:var(--ds-surface);font-family:var(--ds-font-mono);font-size:var(--ds-scale-small);white-space:nowrap}.ds-chip--violet{color:var(--ds-chip-violet-text);border-color:var(--ds-chip-violet-border)}.ds-chip--fuchsia{color:var(--ds-chip-fuchsia-text);border-color:var(--ds-chip-fuchsia-border)}.ds-chip--amber{color:var(--ds-chip-amber-text);border-color:var(--ds-chip-amber-border)}.ds-chip--muted{color:var(--ds-muted)}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:var(--ds-radius-control);border:1px solid var(--ds-border-bright);background:var(--ds-surface-2);color:var(--ds-fg);font:inherit;font-size:.95rem;font-weight:var(--ds-weight-strong);cursor:pointer;transition:border-color .15s ease}.ds-button:hover{border-color:var(--ds-selected)}.ds-button:disabled{opacity:.55;cursor:not-allowed}.ds-button--primary{border-color:transparent;background:var(--ds-action);color:var(--ds-action-fg)}.ds-button--primary:hover{border-color:transparent;filter:brightness(1.08)}.ds-button--icon{padding:0;width:2.25rem;height:2.25rem;flex-shrink:0;color:var(--ds-muted)}.ds-button--icon:hover{color:var(--ds-fg);border-color:var(--ds-selected)}.ds-status{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;font-family:var(--ds-font-mono);font-size:var(--ds-scale-small);color:var(--ds-muted)}.ds-status__dot{width:6px;height:6px;border-radius:50%;background:var(--ds-inert)}.ds-status--live .ds-status__dot{background:var(--ds-live);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-live) 20%,transparent)}.ds-section-heading{font-family:var(--ds-font-mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-muted);margin:0 0 1rem}.ds-meta{color:var(--ds-muted);font-size:var(--ds-scale-small)}.masthead{margin-bottom:3.5rem}.masthead__row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.masthead__tagline{color:var(--ds-muted);margin:.75rem 0 0;max-width:34rem}.footer{margin-top:3.5rem}.footer p{margin:1.25rem 0 0;color:var(--ds-muted);font-size:var(--ds-scale-small)}.loading{color:var(--ds-muted)}.game__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.game__head-right{display:flex;align-items:center;gap:.85rem}.game__back{font-family:var(--ds-font-mono);font-size:var(--ds-scale-small);color:var(--ds-muted);text-decoration:none}.game__back:hover{color:var(--ds-accent-text)}.game__hud{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.85rem;color:var(--ds-muted);font-size:var(--ds-scale-small)}.game__hud strong{color:var(--ds-fg)}.game__canvas{display:block;width:100%;max-width:min(100%,26rem);height:auto;margin:0 auto;border-radius:var(--ds-radius-card);background:var(--ds-surface);touch-action:none;cursor:crosshair}.game__controls{margin-top:1.25rem;text-align:center}.game__hint,.game__result{margin:0 auto .85rem;max-width:26rem;color:var(--ds-muted);font-size:var(--ds-scale-small)}.game__result{color:var(--ds-fg);font-weight:var(--ds-weight-strong)}.sudoku{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;max-width:min(100%,26rem);margin:0 auto;border:2px solid var(--ds-border-bright);border-radius:var(--ds-radius-control);overflow:hidden;background:var(--ds-surface)}.sudoku__cell{display:flex;align-items:center;justify-content:center;border:0;border-right:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);background:transparent;color:var(--ds-violet-text);font-family:var(--ds-font-mono);font-size:clamp(.95rem,3.6vw,1.35rem);font-weight:var(--ds-weight-strong);cursor:pointer;padding:0;outline-offset:-3px}.sudoku__cell--box-left{border-left:2px solid var(--ds-border-bright)}.sudoku__cell--box-top{border-top:2px solid var(--ds-border-bright)}.sudoku__cell--given{color:var(--ds-fg);cursor:default}.sudoku__cell--peer{background:color-mix(in srgb,var(--ds-fg) 11%,transparent)}.sudoku__cell--same{background:color-mix(in srgb,var(--ds-selected) 16%,transparent)}.sudoku__cell--selected{background:color-mix(in srgb,var(--ds-selected) 28%,transparent)}.sudoku__cell--conflict{color:var(--ds-attention);background:color-mix(in srgb,var(--ds-amber) 16%,transparent)}.sudoku__pencils{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;align-items:center;justify-items:center;font-size:.5em;font-weight:var(--ds-weight-body);color:var(--ds-muted);line-height:1}.sudoku__difficulty{display:inline-flex;border:1px solid var(--ds-border-bright);border-radius:var(--ds-radius-pill);overflow:hidden}.sudoku__difficulty-option{border:0;background:transparent;color:var(--ds-muted);font:inherit;font-family:var(--ds-font-mono);font-size:var(--ds-scale-small);padding:.2rem .75rem;cursor:pointer}.sudoku__difficulty-option--active{background:var(--ds-action);color:var(--ds-action-fg)}.sudoku__pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;max-width:min(100%,15rem);margin:1.25rem auto 0}.sudoku__key{padding:.6rem 0;border:1px solid var(--ds-border-bright);border-radius:var(--ds-radius-control);background:var(--ds-surface-2);color:var(--ds-fg);font:inherit;font-family:var(--ds-font-mono);cursor:pointer}.sudoku__key:hover:not(:disabled){border-color:var(--ds-selected)}.sudoku__key:disabled{opacity:.35;cursor:not-allowed}.sudoku__key--wide{grid-column:span 3;font-size:var(--ds-scale-small);color:var(--ds-muted)}.sudoku__controls{display:flex;justify-content:center;gap:.6rem;margin:1rem 0 0}.sudoku__pencil-on{border-color:var(--ds-action);color:var(--ds-action)}.sudoku__solved{margin:1rem auto 0;max-width:26rem;text-align:center;color:var(--ds-live);font-weight:var(--ds-weight-strong)}.tetris{display:flex;gap:1rem;justify-content:center;align-items:flex-start}.tetris__board{position:relative;display:grid;grid-template-columns:repeat(10,1fr);width:min(62vw,16rem);aspect-ratio:10 / 20;gap:1px;padding:3px;background:var(--ds-border);border:2px solid var(--ds-border-bright);border-radius:var(--ds-radius-control)}.tetris__cell{background:var(--ds-surface);border-radius:2px}.tetris__cell--ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--ds-border-bright)}.tetris__cell--I{background:#22d3ee}.tetris__cell--J{background:#60a5fa}.tetris__cell--L{background:var(--ds-amber)}.tetris__cell--O{background:#fde047}.tetris__cell--S{background:#34d399}.tetris__cell--T{background:var(--ds-violet)}.tetris__cell--Z{background:var(--ds-fuchsia)}.tetris__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:color-mix(in srgb,var(--ds-bg) 82%,transparent);border-radius:var(--ds-radius-control);text-align:center}.tetris__overlay p{margin:0;font-weight:var(--ds-weight-strong)}.tetris__overlay-score{font-family:var(--ds-font-mono);font-size:1.5rem;color:var(--ds-accent-text)}.tetris__side{display:flex;flex-direction:column;gap:.75rem;min-width:5.5rem}.tetris__panel{border:1px solid var(--ds-border);border-radius:var(--ds-radius-control);padding:.5rem;background:var(--ds-surface)}.tetris__panel-label{display:block;font-family:var(--ds-font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ds-muted);margin-bottom:.4rem}.tetris__panel-body{display:flex;flex-wrap:wrap;gap:.3rem}.tetris__panel-empty{color:var(--ds-muted);font-family:var(--ds-font-mono)}.tetris__pip{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:3px;font-family:var(--ds-font-mono);font-size:.75rem;font-weight:var(--ds-weight-strong);color:#0a0a0a}.tetris__pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;max-width:min(100%,15rem);margin:1.25rem auto 0}.game__done{text-align:center;padding-top:1rem}.game__done-title{font-size:1.6rem;margin:0 0 .35rem}.game__done-score{margin:0 0 1.75rem;color:var(--ds-accent-text);font-family:var(--ds-font-mono)}.game__card{list-style:none;margin:0 auto 1.75rem;padding:0;max-width:20rem;display:grid;gap:.35rem}.game__card li{display:grid;grid-template-columns:2rem 3rem 1fr;align-items:baseline;gap:.75rem;padding:.4rem .75rem;border:1px solid var(--ds-border);border-radius:var(--ds-radius-control);font-family:var(--ds-font-mono);font-size:var(--ds-scale-small);text-align:left}.game__card-hole{color:var(--ds-muted)}.game__card-score{color:var(--ds-fg);font-weight:var(--ds-weight-strong)}.game__card-par{color:var(--ds-muted)}