.games-page,.game-page{--games-content-width: 88rem;--games-radius: clamp(1rem, 2vw, 1.5rem);width:min(100%,var(--games-content-width));margin-inline:auto;padding-inline:clamp(1rem,4vw,4rem);color:var(--text-primary)}.games-page,.games-page *,.games-page *::before,.games-page *::after,.game-page,.game-page *,.game-page *::before,.game-page *::after{box-sizing:border-box}.games-page a,.game-page a{color:inherit;text-decoration:none}.games-page button,.games-page a,.game-page button,.game-page a{-webkit-tap-highlight-color:rgba(0,0,0,0)}.games-page .eyebrow,.game-page .eyebrow{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.15em;line-height:1.3;text-transform:uppercase}.games-page__header,.game-page__header{padding-block:clamp(1rem,4vw,3rem) clamp(1.5rem,4vw,3.5rem)}.games-page__breadcrumbs,.game-page__breadcrumbs{display:flex;flex-wrap:wrap;gap:.55rem;color:var(--text-muted);font-size:.8rem;font-weight:700}.games-page__breadcrumbs a,.game-page__breadcrumbs a{color:var(--blue)}.games-page__heading,.game-page__heading{max-width:58rem;margin-top:clamp(2.5rem,6vw,5.5rem)}.games-page__heading h1,.game-page__heading h1{max-width:52rem;margin-top:.7rem;color:var(--text-title);font-size:clamp(2.45rem,7vw,5.8rem);font-weight:800;letter-spacing:-0.075em;line-height:.98}.games-page__heading p:last-child,.game-page__heading p:last-child{max-width:43rem;margin-top:1.2rem;color:var(--text-secondary);font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.65}.games-page__grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1rem}.games-page__card{display:grid;align-content:start;gap:.8rem;min-height:18rem;padding:clamp(1.2rem,2.5vw,1.8rem);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--games-radius);box-shadow:0 1rem 2.5rem var(--shadow);transition:border-color 220ms ease,box-shadow 220ms ease,transform 220ms ease}.games-page__card h2{color:var(--text-title);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:800;letter-spacing:-0.045em;line-height:1.05}.games-page__card p{color:var(--text-secondary);font-size:.94rem;line-height:1.6}.games-page__card--available{border-color:color-mix(in srgb, var(--blue) 60%, var(--border))}.games-page__card--available:hover,.games-page__card--available:focus-visible{border-color:var(--blue);box-shadow:0 1.25rem 3rem var(--shadow-blue);transform:translateY(-0.25rem)}.games-page__icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;color:var(--text-inverse);background:var(--blue);border-radius:1rem;font-size:1.35rem;font-weight:800}.games-page__icon img{width:2.25rem;height:2.25rem;filter:brightness(0) invert(1)}.games-page__card-label{width:fit-content;padding:.3rem .6rem;color:var(--blue);background:color-mix(in srgb, var(--blue-soft) 55%, transparent);border-radius:999px;font-size:.7rem;font-weight:800;line-height:1.2}.games-page__link-label{align-self:end;margin-top:auto;color:var(--blue);font-size:.88rem;font-weight:800}.games-page__footer,.game-page__footer{padding-block:clamp(2rem,5vw,4rem) clamp(3rem,7vw,6rem)}.games-page__back-link,.game-page__back-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--blue);font-size:.9rem;font-weight:800}.games-page__back-link:focus-visible,.game-page__back-link:focus-visible{outline:2px solid var(--blue);outline-offset:.3rem}@media(max-width: 68rem){.games-page__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 42rem){.games-page,.game-page{padding-inline:1rem}.games-page__heading,.game-page__heading{margin-top:2.5rem}.games-page__heading h1,.game-page__heading h1{font-size:clamp(2.35rem,13vw,4rem)}.games-page__grid{grid-template-columns:1fr}.games-page__card{min-height:0}}@media(min-width: 42.01rem){.games-page__heading{width:100%;max-width:none}.games-page__heading h1{width:100%;max-width:none}}.sudoku{margin-bottom:clamp(2rem,5vw,4rem);padding:clamp(1rem,3vw,2rem);color:var(--text-primary);background:var(--bg-section);border:1px solid var(--border);border-radius:var(--games-radius);box-shadow:0 1.5rem 4rem var(--shadow)}.sudoku,.sudoku *,.sudoku *::before,.sudoku *::after{box-sizing:border-box}.sudoku button{font:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}.sudoku__header{max-width:50rem}.sudoku__header h2{margin-top:.7rem;color:var(--text-title);font-size:clamp(1.75rem,4vw,3.2rem);font-weight:800;letter-spacing:-0.06em;line-height:1}.sudoku__header p:last-child{margin-top:.9rem;color:var(--text-secondary);font-size:.98rem;line-height:1.6}.sudoku__layout{display:grid;grid-template-columns:minmax(0, 1fr) minmax(17rem, 22rem);gap:clamp(1rem,3vw,2rem);margin-top:clamp(1.5rem,3vw,2.5rem)}.sudoku__play-area,.sudoku__settings,.sudoku__print,.sudoku__records,.sudoku__help{padding:clamp(.85rem,2vw,1.35rem);background:var(--bg-card);border:1px solid var(--border);border-radius:1rem}.sudoku__play-area{min-width:0}.sudoku__status-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.65rem;background:var(--bg-input);border:1px solid var(--border);border-radius:.8rem}.sudoku__counter{display:grid;gap:.15rem;color:var(--text-muted);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sudoku__counter--right{justify-items:end;text-align:right}.sudoku__counter output{color:var(--text-title);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1.1rem,3vw,1.55rem);font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1}.sudoku__game-badge{display:grid;place-items:center;width:3.35rem;height:3.35rem;color:var(--text-inverse);background:var(--blue);border-radius:.75rem;font-size:1.05rem;font-weight:900;letter-spacing:-0.07em}.sudoku__board-wrap{display:grid;place-items:center;margin-top:.9rem;padding:clamp(.45rem,1.5vw,.9rem);overflow:auto;background:var(--bg-input);border:1px solid var(--border);border-radius:.9rem;overscroll-behavior:contain}.sudoku__board{display:grid;grid-template-columns:repeat(9, minmax(0, 1fr));grid-template-rows:repeat(9, minmax(0, 1fr));width:min(100%,35rem);aspect-ratio:1;overflow:hidden;background:var(--text-title);border:2px solid var(--text-title);border-radius:.35rem}.sudoku__cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;color:var(--blue);background:var(--bg-card);border:1px solid color-mix(in srgb, var(--text-title) 32%, var(--border));border-radius:0;cursor:pointer;font-size:clamp(1.05rem,4vw,2.35rem);font-weight:800;line-height:1;transition:background-color 150ms ease,color 150ms ease,box-shadow 150ms ease}.sudoku__cell:hover{background:color-mix(in srgb, var(--blue-soft) 36%, var(--bg-card))}.sudoku__cell:focus-visible{z-index:2;outline:3px solid var(--blue);outline-offset:-4px}.sudoku__cell.is-given{color:var(--text-title);background:color-mix(in srgb, var(--blue-soft) 34%, var(--bg-card));font-weight:900}.sudoku__cell.is-peer{background:color-mix(in srgb, var(--blue-soft) 20%, var(--bg-card))}.sudoku__cell.is-same-value{background:color-mix(in srgb, var(--blue-soft) 54%, var(--bg-card));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--blue) 42%, transparent)}.sudoku__cell.is-selected{z-index:1;background:color-mix(in srgb, var(--blue-soft) 72%, var(--bg-card));box-shadow:inset 0 0 0 3px var(--blue)}.sudoku__cell.is-conflict,.sudoku__cell.is-error{color:var(--error);background:color-mix(in srgb, var(--error) 18%, var(--bg-card));box-shadow:inset 0 0 0 2px var(--error)}.sudoku__cell.is-box-right{border-right:2px solid var(--text-title)}.sudoku__cell.is-box-bottom{border-bottom:2px solid var(--text-title)}.sudoku__cell-notes{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr);align-items:center;justify-items:center;width:82%;height:82%;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.48rem,1.3vw,.82rem);font-weight:800;line-height:1}.sudoku__cell-notes span{display:grid;place-items:center;width:100%;height:100%}.sudoku__cell-notes span.is-note-active{color:var(--blue)}.sudoku__status{min-height:1.5rem;margin:.8rem 0 0;color:var(--text-secondary);font-size:.83rem;line-height:1.45}.sudoku__status[data-state=won]{color:var(--success);font-weight:800}.sudoku__status[data-state=error],.sudoku__status[data-state=warning]{color:var(--error);font-weight:700}.sudoku__status[data-state=success]{color:var(--success);font-weight:700}.sudoku__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.sudoku__button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.7rem;padding:.65rem .85rem;color:var(--text-inverse);background:var(--blue);border:1px solid var(--blue);border-radius:.7rem;cursor:pointer;font-size:.8rem;font-weight:800;transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease}.sudoku__button:hover,.sudoku__button:focus-visible{background:var(--blue-hover);border-color:var(--blue-hover);transform:translateY(-1px)}.sudoku__button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.sudoku__button--secondary{color:var(--text-title);background:var(--bg-input);border-color:var(--border)}.sudoku__button--secondary:hover,.sudoku__button--secondary:focus-visible{color:var(--text-title);background:color-mix(in srgb, var(--blue-soft) 58%, var(--bg-input));border-color:var(--blue)}.sudoku__keypad{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:.5rem;margin-top:.9rem}.sudoku__key{display:grid;place-items:center;min-width:0;min-height:clamp(2.55rem,6vw,3.5rem);padding:.35rem;color:var(--text-title);background:var(--bg-input);border:1px solid var(--border);border-radius:.65rem;cursor:pointer;font-size:clamp(1.05rem,2.5vw,1.45rem);font-weight:900;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}.sudoku__key:hover,.sudoku__key:focus-visible{background:color-mix(in srgb, var(--blue-soft) 52%, var(--bg-input));border-color:var(--blue);transform:translateY(-1px)}.sudoku__key:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.sudoku__key--delete{grid-column:span 2;color:var(--text-secondary);font-size:.76rem;font-weight:800}.sudoku__sidebar{display:grid;align-content:start;gap:1rem;min-width:0}.sudoku__settings{display:grid;gap:1rem}.sudoku__settings fieldset{min-width:0;margin:0;padding:0;border:0}.sudoku__settings legend{color:var(--text-title);font-size:1rem;font-weight:800}.sudoku__difficulty-list{display:grid;gap:.5rem;margin-top:.75rem}.sudoku__difficulty{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;padding:.75rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:.7rem;cursor:pointer;text-align:left;transition:background-color 180ms ease,border-color 180ms ease}.sudoku__difficulty span{font-size:.82rem;font-weight:800}.sudoku__difficulty small{color:var(--text-muted);font-size:.7rem;font-weight:700;text-align:right}.sudoku__difficulty:hover,.sudoku__difficulty:focus-visible,.sudoku__difficulty.is-active{background:color-mix(in srgb, var(--blue-soft) 70%, var(--bg-input));border-color:var(--blue)}.sudoku__difficulty:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.sudoku__notes-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.7rem .75rem;color:var(--text-title);background:var(--bg-input);border:1px solid var(--border);border-radius:.7rem;cursor:pointer;text-align:left;font-size:.78rem;font-weight:800;transition:background-color 180ms ease,border-color 180ms ease}.sudoku__notes-toggle:hover,.sudoku__notes-toggle:focus-visible,.sudoku__notes-toggle[aria-pressed=true]{background:color-mix(in srgb, var(--blue-soft) 70%, var(--bg-input));border-color:var(--blue)}.sudoku__notes-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.sudoku__notes-toggle-mark{color:var(--blue);font-size:1rem}.sudoku__notes-toggle-state{margin-left:auto;color:var(--text-muted);font-size:.68rem}.sudoku__settings-hint{margin:0;color:var(--text-muted);font-size:.75rem;line-height:1.5}.sudoku__print h3{margin-top:.35rem;color:var(--text-title);font-size:1rem;font-weight:800}.sudoku__print p:not(.eyebrow){margin-top:.65rem;color:var(--text-secondary);font-size:.78rem;line-height:1.5}.sudoku__print .sudoku__button--print{width:100%;margin-top:.9rem}.sudoku__records h3{color:var(--text-title);font-size:1rem;font-weight:800}.sudoku__section-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.sudoku__section-heading .eyebrow{margin-bottom:.35rem}.sudoku__clear-records{padding:.25rem 0;color:var(--text-muted);background:rgba(0,0,0,0);border:0;cursor:pointer;font-size:.7rem;font-weight:800}.sudoku__clear-records:hover,.sudoku__clear-records:focus-visible{color:var(--error)}.sudoku__clear-records:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.sudoku__record-list{display:grid;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none}.sudoku__record-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .65rem;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:.55rem;font-size:.75rem}.sudoku__record-list li strong{color:var(--text-title);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums}.sudoku__statistics{margin:.9rem 0 0;color:var(--text-muted);font-size:.73rem}.sudoku__statistics strong{color:var(--text-title)}.sudoku__record-note{margin-top:.7rem;color:var(--text-muted);font-size:.7rem;line-height:1.5}.sudoku__help{margin-top:1rem}.sudoku__help summary{color:var(--text-title);cursor:pointer;font-size:.85rem;font-weight:800}.sudoku__help ul{display:grid;gap:.5rem;margin:.85rem 0 0;padding-left:1.15rem;color:var(--text-secondary);font-size:.8rem;line-height:1.5}@media(max-width: 70rem){.sudoku__layout{grid-template-columns:1fr}.sudoku__sidebar{grid-template-columns:minmax(0, 1fr) minmax(16rem, 0.75fr);align-items:start}}@media(max-width: 48rem){.sudoku{padding:.75rem}.sudoku__sidebar{grid-template-columns:1fr}.sudoku__cell{font-size:clamp(1rem,6vw,1.75rem)}.sudoku__cell-notes{font-size:clamp(.43rem,2.1vw,.68rem)}}@media(prefers-reduced-motion: reduce){.sudoku__cell,.sudoku__button,.sudoku__key,.sudoku__difficulty,.sudoku__notes-toggle{transition:none}}