:root{--ink:#162033;--cream:#fff9ee;--coral:#ff655a;--coral-ink:#b3291f;--mint:#a7e5cc;--periwinkle:#a8b4ff;--sunflower:#ffcf65;--dark:#121825;--bg:var(--cream);--surface:#fff;--surface-2:#fdf1dc;--text:var(--ink);--muted:#4a5468;--line:#e7dcc8;--accent:var(--coral);--accent-text:var(--coral-ink);--on-accent:var(--ink);--focus:#2b47ff;--good:#137a52;--bad:#b3291f;--shadow:0 1px 0 #1620330f, 0 8px 24px #16203314;--radius:18px;--radius-sm:12px;--font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--t-fast:.14s;--t-med:.2s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--dark);--surface:#1b2335;--surface-2:#222c42;--text:#fff4e3;--muted:#c3c9d6;--line:#313c55;--accent-text:#ff8a80;--focus:#9fb0ff;--good:#6fdcaf;--bad:#ff8a80;--shadow:0 1px 0 #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--dark);--surface:#1b2335;--surface-2:#222c42;--text:#fff4e3;--muted:#c3c9d6;--line:#313c55;--accent-text:#ff8a80;--focus:#9fb0ff;--good:#6fdcaf;--bad:#ff8a80;--shadow:0 1px 0 #0000004d, 0 8px 24px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:1.0625rem;line-height:1.55;overflow-x:hidden}img,svg{max-width:100%}a{color:var(--accent-text);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(2rem,6vw,3.4rem);font-weight:800}h2{font-size:clamp(1.35rem,3.5vw,1.9rem);font-weight:800}h3{font-size:1.15rem;font-weight:750}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{background:var(--surface);color:var(--text);z-index:100;border-radius:10px;padding:10px 14px;font-weight:700;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.wrap{width:min(1120px,100% - 32px);margin-inline-start:auto;margin-inline-end:auto}.muted{color:var(--muted)}.kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.4em;font-size:.78rem;font-weight:800}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:12px;min-height:60px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;min-height:44px;font-size:1.15rem;font-weight:850;text-decoration:none;display:inline-flex}.brand svg{width:32px;height:32px}.site-nav ul{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.site-nav a,.theme-toggle{min-height:44px;color:var(--text);border-radius:10px;align-items:center;padding:0 10px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.site-nav a[aria-current=page],.site-nav a:hover{background:var(--surface-2)}.theme-toggle{border:1px solid var(--line);font:inherit;cursor:pointer;background:0 0;font-size:.85rem;font-weight:700}@media (max-width:560px){.nav-optional{display:none!important}.site-nav a,.theme-toggle{padding:0 8px;font-size:.9rem}}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding:32px 0 48px;font-size:.95rem}.site-footer ul{flex-wrap:wrap;gap:4px 18px;margin:0 0 12px;padding:0;list-style:none;display:flex}.site-footer a{color:var(--text);padding:10px 0;display:inline-block}.btn{min-height:48px;font:inherit;cursor:pointer;transition:transform var(--t-fast) ease, background var(--t-fast) ease;touch-action:manipulation;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:800;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--coral);color:var(--ink);box-shadow:0 3px #c6443b}.btn-primary:hover{background:#ff7a70}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--text)}.btn-quiet{color:var(--text);border-color:var(--line);background:0 0}.btn-lg{min-height:56px;padding:0 28px;font-size:1.1rem}.hero{padding:28px 0 12px}.hero-grid{align-items:center;gap:24px;display:grid}@media (min-width:860px){.hero-grid{grid-template-columns:1.4fr 1fr;padding:28px 0}}.hero h1{margin-bottom:.3em}.hero .lede{color:var(--muted);max-width:34ch;font-size:1.15rem}.cta-row{flex-wrap:wrap;gap:12px;margin:18px 0 8px;display:flex}.hero-art{display:none}@media (min-width:860px){.hero-art{display:block}}.hero-art svg{width:100%;height:auto}.section{padding:32px 0}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.game-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.game-card-art{aspect-ratio:16/9;place-items:center;display:grid}.game-card-art svg{width:72%;height:80%}.art-switchpop{background:var(--sunflower)}.art-looploom{background:var(--mint)}.art-echostep{background:var(--periwinkle)}.game-card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.game-card-body h3{margin:0;font-size:1.35rem}.game-card-body p{color:var(--muted);margin:0}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--surface-2);color:var(--text);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:800}.game-card .btn{align-self:flex-start;margin-top:auto}.daily-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.daily-strip p{margin:0}.faq dt{margin-top:16px;font-weight:800}.faq dd{color:var(--muted);margin:4px 0 0}.prose{max-width:70ch}.prose h2{margin-top:1.4em}.prose li{margin-bottom:.4em}.page-head{padding:32px 0 8px}.page-head .lede{color:var(--muted);max-width:60ch;font-size:1.15rem}.game-page-head{padding:18px 0 4px}.game-page-head h1{margin-bottom:.15em;font-size:clamp(1.8rem,5vw,2.6rem)}.game-page-head p{color:var(--muted);margin:0}.stage-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-height:520px;margin:14px 0 8px;position:relative}.stage-loading{text-align:center;color:var(--muted);padding:40px 20px}.game{flex-direction:column;display:flex}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:8px;display:flex}.tool{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.tool[disabled]{opacity:.45;cursor:not-allowed}@media (max-width:420px){.tool-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.hud{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.hud-item{background:var(--surface-2);border-radius:var(--radius-sm);text-align:center;padding:6px 10px}.hud-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.72rem;font-weight:800;display:block}.hud-value{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:850;display:block}.choice-row{border:0;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;padding:0;display:flex}.choice-row legend{margin-bottom:6px;padding:0;font-weight:800}.choice-row label{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:inline-flex}.choice-row input{width:22px;height:22px;accent-color:var(--coral)}.notice{background:var(--surface-2);border-left:4px solid var(--sunflower);border-radius:8px;padding:10px 14px;font-size:.95rem}.pause-overlay{background:var(--surface);text-align:center;border-radius:var(--radius);z-index:5;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.is-paused{position:relative}.results{text-align:center;padding:8px 0}.results-title{outline:none;font-size:clamp(1.6rem,5vw,2.2rem)}.results-sub{color:var(--muted);font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0;display:grid}.stat{background:var(--surface-2);border-radius:var(--radius-sm);padding:10px}.stat dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.78rem;font-weight:800}.stat dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;font-weight:850}.results-note{color:var(--muted);font-size:.95rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0;display:flex}.share-box{border-top:1px dashed var(--line);margin-top:6px;padding-top:14px}.share-preview{background:var(--surface-2);word-break:break-word;text-align:left;border-radius:10px;padding:10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}.share-status{min-height:1.5em;margin:8px 0 0}.manual-copy{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:10px;font-size:.9rem}.celebrate .results-title{animation:.42s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{transform:scale(.85)}to{transform:scale(1)}}.dialog{border-radius:var(--radius);background:var(--surface);width:min(560px,100% - 24px);color:var(--text);box-shadow:var(--shadow);border:0;padding:22px}.dialog::backdrop{background:#1218258c}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.dialog-body li{margin-bottom:.4em}.how-to{padding-top:18px}.how-to ol li,.how-to ul li{margin-bottom:.4em}.prefs label{align-items:center;gap:10px;min-height:44px;display:flex}.prefs select{font:inherit;border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;padding:0 10px}.prefs input[type=checkbox]{width:22px;height:22px;accent-color:var(--coral)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.game{scroll-margin-top:64px}.theme-toggle{white-space:nowrap}@media (max-width:380px){.brand span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.site-header .wrap{gap:4px}}
