:root{color-scheme:light;--bg: #f7fbff;--bg-strong: #eef7ff;--surface: #ffffff;--surface-soft: #f0f7fd;--ink: #102033;--muted: #52687a;--border: #d5e5f3;--accent: #2f80ed;--accent-dark: #1e5fb4;--teal: #16a38c;--warm: #ffad3d;--danger: #d84242;--success: #0f8f73;--shadow: 0 16px 50px rgba(30, 95, 180, .11);--radius: 8px;--radius-lg: 14px;--container: min(1120px, calc(100vw - 32px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(47,128,237,.1),transparent 34rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}[hidden]{display:none!important}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(47,128,237,.38)}.skip-link{background:var(--ink);color:#fff;left:1rem;padding:.65rem .9rem;position:fixed;top:-4rem;z-index:20}.skip-link:focus{top:1rem}.site-header{background:#f7fbffe6;border-bottom:1px solid rgba(213,229,243,.78);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.site-nav,.site-footer,.page-shell,.home-hero,.game-hero,.page-hero{width:var(--container);margin-inline:auto}.site-nav{align-items:center;display:flex;justify-content:space-between;min-height:72px;gap:1.5rem}.brand{align-items:center;display:inline-flex;gap:.7rem;font-weight:800;text-decoration:none}.brand__mark{align-items:center;background:var(--accent);border-radius:var(--radius);color:#fff;display:inline-flex;height:38px;justify-content:center;width:38px}.site-nav__links,.site-footer nav{display:flex;flex-wrap:wrap;gap:.95rem}.site-nav__links a,.site-footer a,.text-link,.back-link{color:var(--muted);font-size:.95rem;font-weight:700;text-decoration:none}.site-nav__links a:hover,.site-footer a:hover,.text-link:hover,.back-link:hover{color:var(--accent-dark)}.home-hero,.game-hero,.page-hero{padding-block:4.5rem 2rem}.home-hero{align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.home-hero h1,.game-hero h1,.page-hero h1{font-size:clamp(2.35rem,7vw,4.85rem);letter-spacing:0;line-height:.95;margin:0;max-width:780px}.page-hero--compact h1,.game-hero h1{font-size:clamp(2.1rem,5vw,3.6rem)}.home-hero p,.game-hero p,.page-hero p{color:var(--muted);font-size:1.12rem;margin:1.2rem 0 0;max-width:680px}.hero-actions,.game-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.35rem}.button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:.98rem;font-weight:800;justify-content:center;min-height:44px;padding:.75rem 1rem;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px)}.button--ghost{background:var(--surface);border-color:var(--border);color:var(--ink)}.button--small{min-height:38px;padding:.55rem .8rem}.hero-board{background:linear-gradient(145deg,#fff,#eaf4ff);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1rem}.hero-board__screen{background:var(--ink);border-radius:var(--radius);color:#fff;padding:1rem}.hero-board__screen>span{display:block;font-size:1rem;font-weight:800;margin-bottom:.8rem}.mini-grid{display:grid;gap:.45rem;grid-template-columns:repeat(4,1fr)}.mini-grid b{align-items:center;aspect-ratio:1;background:#d9ecff;border-radius:6px;color:var(--ink);display:flex;font-size:.9rem;justify-content:center}.page-shell{padding-block:1rem 4rem}.content-section{margin-top:2.2rem}.section-heading{margin-bottom:1rem}.section-heading h2{font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.1;margin:0}.section-heading p{color:var(--muted);margin:.45rem 0 0}.section-heading--row{align-items:end;display:flex;gap:1rem;justify-content:space-between}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #1e5fb412;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;min-height:260px;padding:1.15rem}.game-card__meta{color:var(--teal);font-size:.82rem;font-weight:800;margin:0 0 .4rem;text-transform:uppercase}.game-card h3{font-size:1.35rem;line-height:1.1;margin:0}.game-card h3 a{text-decoration:none}.game-card p{color:var(--muted);margin:.65rem 0 0}.tag-list,.category-list,.link-list{display:flex;flex-wrap:wrap;gap:.6rem}.collection-grid,.collection-strip{display:grid;gap:1rem}.collection-grid,.collection-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-card,.collection-strip a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #1e5fb40f;color:inherit;display:grid;gap:.45rem;min-width:0;padding:1rem;text-decoration:none}.collection-card:hover,.collection-strip a:hover{border-color:#2f80ed73;transform:translateY(-1px)}.collection-card span,.collection-strip span{color:var(--teal);font-size:.78rem;font-weight:900;text-transform:uppercase}.collection-card h2,.collection-strip strong{font-size:1.2rem;line-height:1.1;margin:0}.collection-card p,.collection-strip small{color:var(--muted);font-size:.93rem}.collection-card strong{color:var(--accent-dark);margin-top:.25rem}.collection-intro{max-width:none}.tag-list span,.category-list a,.link-list a{background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;color:var(--ink);font-size:.9rem;font-weight:750;padding:.45rem .7rem;text-decoration:none}.split-section{align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(260px,360px)}.ad-slot{align-items:center;background:linear-gradient(135deg,#2f80ed14,#16a38c14),var(--surface);border:1px dashed #9fbad3;border-radius:var(--radius);color:var(--muted);display:flex;flex-direction:column;gap:.15rem;justify-content:center;margin-block:1.1rem;min-height:var(--ad-min-height, 112px);padding:1rem;text-align:center}.ad-slot strong{color:var(--ink)}.ad-slot--rectangle{min-height:var(--ad-min-height, 250px)}.game-hero{padding-bottom:1rem}.back-link{display:inline-flex;margin-bottom:.75rem}.meta-strip{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0 0}.meta-strip div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:132px;padding:.75rem .9rem}.meta-strip dt{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.meta-strip dd{font-weight:800;margin:.15rem 0 0}.game-page-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.game-page-grid>*{min-width:0}.play-panel,.leaderboard,.empty-panel,.prose{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #1e5fb40f;padding:1rem}.leaderboard{position:sticky;top:92px}.leaderboard__state,.form-note,.game-status{color:var(--muted);margin:.8rem 0 0}.leaderboard__list{display:grid;gap:.55rem;list-style:none;margin:1rem 0 0;padding:0}.leaderboard__list li{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:.5rem;grid-template-columns:44px 1fr auto;padding:.65rem}.leaderboard__rank{color:var(--accent-dark);font-weight:900}.score-form{border-top:1px solid var(--border);display:grid;gap:.8rem;margin-top:1rem;padding-top:1rem}.score-form label,.typing-input{display:grid;gap:.35rem}.score-form label span,.typing-input span{color:var(--muted);font-size:.86rem;font-weight:800}.score-form input,.typing-input textarea{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);padding:.75rem}.check-list{display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.check-list li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem .9rem .8rem 2.4rem;position:relative}.check-list li:before{background:var(--teal);border-radius:999px;color:#fff;content:"";font-size:.78rem;font-weight:900;height:1.2rem;left:.8rem;line-height:1.2rem;position:absolute;text-align:center;top:.92rem;width:1.2rem}.faq-list{display:grid;gap:.75rem}.faq-list details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted);margin-bottom:0}.prose{max-width:820px}.prose h2{margin-top:1.6rem}.site-footer{align-items:start;border-top:1px solid var(--border);color:var(--muted);display:flex;gap:2rem;justify-content:space-between;padding-block:2rem 3rem}.brand--footer{color:var(--ink)}.site-footer p{max-width:520px}.game-widget{display:grid;gap:1rem;min-width:0}.game-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between}.game-toolbar>div{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);min-width:92px;padding:.55rem .7rem}.game-toolbar label{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);display:grid;font-size:.76rem;font-weight:800;gap:.25rem;min-width:150px;padding:.55rem .7rem;text-transform:uppercase}.game-toolbar select{background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--ink);font:inherit;font-size:.95rem;font-weight:800;padding:.42rem .55rem;text-transform:none}.game-toolbar span{color:var(--muted);display:block;font-size:.76rem;font-weight:800;text-transform:uppercase}.game-toolbar strong{color:var(--ink);display:block;font-size:1.2rem;line-height:1.1}.board-2048{background:#d8e8f4;border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:.6rem;grid-template-columns:repeat(var(--board-size, 4),minmax(0,1fr));margin-inline:auto;max-width:min(460px,100%);padding:.6rem;touch-action:none;width:100%}.tile-2048{align-items:center;aspect-ratio:1;border-radius:7px;display:flex;font-size:clamp(1.25rem,6vw,2.3rem);font-weight:900;justify-content:center}.snake-canvas{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);display:block;margin-inline:auto;max-width:100%}.direction-pad{display:grid;gap:.55rem;grid-template-columns:repeat(3,58px);justify-content:center}.direction-pad button{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);cursor:pointer;font-size:1.2rem;font-weight:900;height:48px}.direction-pad button:first-child,.direction-pad button:last-child{grid-column:2}.tictactoe-board{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:auto;max-width:420px;width:100%}.tictactoe-board button{aspect-ratio:1;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);cursor:pointer;font-size:clamp(2.2rem,12vw,4rem);font-weight:900}.tictactoe-board button:disabled{cursor:default}.reaction-pad{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);cursor:pointer;display:grid;gap:.35rem;min-height:260px;padding:2rem;place-items:center;text-align:center}.reaction-pad strong{font-size:clamp(2rem,8vw,4rem);line-height:1}.reaction-pad span{color:var(--muted);font-weight:750}.reaction-pad[data-state=waiting]{background:#fff5de}.reaction-pad[data-state=ready]{background:#d9f8ed;border-color:#9fe3cd}.reaction-pad[data-state=early]{background:#ffe8e8;border-color:#ffc6c6}.reaction-pad[data-state=result]{background:#eaf4ff}.typing-prompt{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);font-size:1.08rem;font-weight:750;margin:0;padding:1rem}.typing-input textarea{min-height:150px;resize:vertical}@media(max-width:900px){.home-hero,.game-page-grid,.split-section{grid-template-columns:1fr}.leaderboard{position:static}.card-grid,.card-grid--compact,.collection-grid,.collection-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){:root{--container: min(100vw - 22px, 1120px)}.site-nav{align-items:flex-start;flex-direction:column;gap:.8rem;padding-block:.9rem}.home-hero,.game-hero,.page-hero{padding-block:2.6rem 1.2rem}.home-hero h1,.game-hero h1,.page-hero h1{font-size:2.55rem}.section-heading--row,.site-footer{align-items:flex-start;flex-direction:column}.card-grid,.card-grid--compact,.collection-grid,.collection-strip{grid-template-columns:1fr}.game-card{min-height:auto}.meta-strip,.game-toolbar{align-items:stretch;flex-direction:column}.game-toolbar>div,.game-toolbar label,.game-toolbar .button{width:100%}.leaderboard__list li{grid-template-columns:40px 1fr}.leaderboard__list li span:last-child{grid-column:2}.ad-slot--mobile{display:flex;margin-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.ad-slot--mobile{display:none;min-height:var(--ad-min-height, 72px)}.category-list--cards a{align-items:flex-start;border-radius:var(--radius);display:grid;min-width:180px}.category-list--cards a span{color:var(--muted);font-size:.82rem}.category-collection-grid{display:grid;gap:2rem}.category-panel{min-width:0}.content-section--first{margin-top:0}.meta-strip dd a{color:inherit;text-decoration:none}.meta-strip dd a:hover{color:var(--accent-dark)}.direction-pad button{font-size:.82rem}.typing-prompt{min-height:88px}.score-form .button:disabled,.game-toolbar .button:disabled{cursor:not-allowed;opacity:.58;transform:none}.leaderboard__state[data-status=error]{color:var(--danger)}.leaderboard__state[data-status=success]{margin:0}@media(max-width:640px){.ad-slot--mobile{display:flex}}.developer-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.developer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #1e5fb40f;display:grid;gap:.55rem;min-width:0;padding:1rem}.developer-card span{align-items:center;background:var(--accent);border-radius:999px;color:#fff;display:inline-flex;font-weight:900;height:2rem;justify-content:center;width:2rem}.developer-card h3{margin:0}.developer-card p{color:var(--muted);margin:0}.developer-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 28px #1e5fb40f;display:grid;gap:1rem;max-width:960px;padding:1rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.developer-form label{display:grid;gap:.35rem;min-width:0}.developer-form label span{color:var(--muted);font-size:.86rem;font-weight:800}.developer-form input,.developer-form select,.developer-form textarea{background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);max-width:100%;min-width:0;padding:.75rem;width:100%}.developer-form textarea{min-height:150px;resize:vertical}.checkbox-row{align-items:start;display:grid!important;gap:.75rem;grid-template-columns:auto minmax(0,1fr)}.checkbox-row input{margin-top:.25rem;width:auto}.community-frame{display:grid;gap:.8rem;min-width:0}.community-frame__bar{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:.8rem;justify-content:space-between;padding:.8rem}.community-frame__bar span{color:var(--muted);display:block;font-size:.78rem;font-weight:800;text-transform:uppercase}.community-frame__bar strong{display:block}.community-frame iframe{background:var(--ink);border:1px solid var(--border);border-radius:var(--radius);display:block;min-height:420px;width:100%}.prose pre{background:var(--ink);border-radius:var(--radius);color:#fff;max-width:100%;overflow-x:auto;padding:1rem}.prose code{overflow-wrap:anywhere}@media(max-width:900px){.developer-grid,.form-grid{grid-template-columns:1fr}}@media(max-width:640px){.community-frame__bar{align-items:stretch;flex-direction:column}.community-frame__bar .button{width:100%}.community-frame iframe{min-height:360px}}