[data-game]{box-sizing:border-box;width:100%;display:block}[data-game] canvas:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}[data-game] div[data-group=seed] input[type=text]:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}twenty48-game[data-game="2048"]{min-height:44rem}div[data-type=tw-game]{width:min(100%, calc(100vw - 2 * var(--space-page-x)));max-width:var(--max-width);margin:0 auto}div[data-type=tw-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=tw-titlebar] h1{margin:0}span[data-type=tw-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=tw-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=tw-scores]{gap:.6rem;margin:.25rem 0 .75rem;display:flex}div[data-type=tw-score]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;align-items:center;min-width:5.5rem;padding:.35rem .9rem;display:flex}div[data-type=tw-score] span{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}div[data-type=tw-score] output{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text);line-height:1.2}div[data-type=tw-stage]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;max-width:480px;margin:0 auto 1.25rem;line-height:0;position:relative;overflow:hidden}canvas[data-type=tw-canvas]{touch-action:none;cursor:pointer;width:100%;height:auto;display:block}div[data-type=tw-overlay]{text-align:center;background:var(--color-bg-blur);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;line-height:1.4;display:flex;position:absolute;inset:0}div[data-type=tw-overlay][hidden]{display:none}p[data-type=tw-overlay-msg]{font-family:var(--font-serif);font-size:var(--text-title);color:var(--color-text);margin:0}div[data-type=tw-overlay][data-state=win] p[data-type=tw-overlay-msg]{color:var(--color-success)}div[data-type=tw-overlay-actions]{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}div[data-type=tw-controls]{flex-wrap:wrap;align-items:center;gap:.85rem 1.5rem;display:flex}div[data-type=tw-controls] [data-group]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}div[data-type=tw-game] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .7rem;transition:color .15s,border-color .15s,background-color .15s}div[data-type=tw-game] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=tw-game] button:disabled{opacity:.45;cursor:not-allowed}div[data-type=tw-controls] [data-group=transport] button[data-action=new],div[data-type=tw-overlay-actions] button[data-action=again]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=tw-controls] [data-group=transport] button[data-action=new]:hover,div[data-type=tw-overlay-actions] button[data-action=again]:hover{background:var(--color-accent);border-color:var(--color-accent)}div[data-type=tw-overlay-actions] button[data-action=keepgoing]{color:var(--color-accent);border-color:var(--color-accent)}div[data-type=tw-controls] [data-size][aria-pressed=true]{color:var(--color-text);border-color:var(--color-accent)}span[data-type=tw-group-label]{font-size:var(--text-xs);color:var(--color-muted)}p[data-type=tw-status]{min-height:1.2em;font-size:var(--text-sm);color:var(--color-accent);margin:.9rem 0 0}p[data-type=tw-hint]{font-size:var(--text-xs);color:var(--color-muted);margin-top:.5rem}details[data-type=tw-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.5rem;padding:0 1rem}details[data-type=tw-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=tw-explainer]>summary::-webkit-details-marker{display:none}details[data-type=tw-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=tw-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=tw-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=tw-explainer] strong{color:var(--color-text)}p[data-type=tw-try]{border-left:2px solid var(--color-accent);background:var(--color-bg);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .75rem}@media (width<=420px){twenty48-game[data-game="2048"]{min-height:52rem}div[data-type=tw-scores]{width:100%}div[data-type=tw-score]{flex:1;min-width:0}}div[data-type=gol-game]{max-width:var(--max-width);margin:0 auto}div[data-type=gol-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=gol-titlebar] h1{margin:0}span[data-type=gol-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=gol-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=gol-stage]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);width:100%;margin:.5rem 0 1.25rem;line-height:0;overflow:hidden}canvas[data-type=gol-canvas]{cursor:crosshair;touch-action:none;width:100%;height:auto;display:block}div[data-type=gol-controls]{flex-direction:column;gap:.85rem;display:flex}div[data-type=gol-controls] [data-group]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}div[data-type=gol-controls] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .7rem;transition:color .15s,border-color .15s,background-color .15s}div[data-type=gol-controls] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=gol-controls] [data-group=transport] button[data-action=play]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=gol-controls] [data-group=transport] button[data-action=play]:hover{background:var(--color-accent);border-color:var(--color-accent)}div[data-type=gol-controls] label,span[data-type=gol-group-label]{font-size:var(--text-xs);color:var(--color-muted)}div[data-type=gol-controls] [data-group=speed] input[type=range]{max-width:240px;accent-color:var(--color-text);cursor:pointer;flex:1}span[data-type=gol-speed-val]{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);min-width:3ch}label.gol-toggle{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex}label.gol-toggle input{accent-color:var(--color-text);cursor:pointer}span[data-type=gol-stats]{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);margin-left:auto}details[data-type=gol-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.5rem;padding:0 1rem}details[data-type=gol-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=gol-explainer]>summary::-webkit-details-marker{display:none}details[data-type=gol-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=gol-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=gol-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=gol-explainer] strong{color:var(--color-text)}div[data-type=gol-rules]{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.5rem 0 1rem;display:grid}div[data-type=gol-rule]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);font-size:var(--text-sm);color:var(--color-muted);flex-direction:column;gap:.35rem;padding:.7rem;line-height:1.45;display:flex}span[data-type=gol-rule-tag]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;font-weight:600}div[data-type=gol-rule][data-kind=survive]{border-color:var(--color-success)}div[data-type=gol-rule][data-kind=survive] span[data-type=gol-rule-tag]{color:var(--color-success)}div[data-type=gol-rule][data-kind=die] span[data-type=gol-rule-tag]{color:var(--color-muted)}div[data-type=gol-rule][data-kind=born]{border-color:var(--color-accent)}div[data-type=gol-rule][data-kind=born] span[data-type=gol-rule-tag]{color:var(--color-accent)}p[data-type=gol-legend] span[data-type=gol-dot]{border-radius:var(--radius-sm);vertical-align:middle;width:.7rem;height:.7rem;display:inline-block}p[data-type=gol-legend] span[data-type=gol-dot][data-kind=born]{background:var(--color-accent)}p[data-type=gol-legend] span[data-type=gol-dot][data-kind=alive]{background:var(--color-text)}p[data-type=gol-try]{border-left:2px solid var(--color-accent);background:var(--color-bg);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .75rem}p[data-type=gol-hint]{font-size:var(--text-xs);color:var(--color-muted);margin-top:1rem}@media (width<=560px){span[data-type=gol-stats]{width:100%;margin-left:0}div[data-type=gol-rules]{grid-template-columns:1fr}}div[data-type=ff-game]{max-width:var(--max-width);margin:0 auto}div[data-type=ff-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=ff-titlebar] h1{margin:0}span[data-type=ff-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=ff-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=ff-stage]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);width:100%;margin:.5rem 0 1.25rem;line-height:0;overflow:hidden}canvas[data-type=ff-canvas]{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}div[data-type=ff-controls]{flex-direction:column;gap:.85rem;display:flex}div[data-type=ff-controls] [data-group]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}div[data-type=ff-controls] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .7rem;transition:color .15s,border-color .15s,background-color .15s}div[data-type=ff-controls] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=ff-controls] [data-group=transport] button[data-action=play]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=ff-controls] [data-group=transport] button[data-action=play]:hover{background:var(--color-accent);border-color:var(--color-accent)}div[data-type=ff-controls] [data-palette][aria-pressed=true]{color:var(--color-text);border-color:var(--color-accent)}span[data-type=ff-swatch]{vertical-align:middle;gap:2px;margin-right:.4rem;display:inline-flex}span[data-type=ff-swatch] i{border-radius:var(--radius-sm);width:.55rem;height:.55rem;display:inline-block}div[data-type=ff-controls] label,span[data-type=ff-group-label]{font-size:var(--text-xs);color:var(--color-muted)}div[data-type=ff-sliders]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem;display:grid}div[data-type=ff-slider]{align-items:center;gap:.5rem;display:flex}div[data-type=ff-slider] label{min-width:4.5rem}div[data-type=ff-slider] input[type=range]{min-width:0;accent-color:var(--color-text);cursor:pointer;flex:1}div[data-type=ff-slider] output{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);text-align:right;min-width:3.5ch}details[data-type=ff-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.5rem;padding:0 1rem}details[data-type=ff-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=ff-explainer]>summary::-webkit-details-marker{display:none}details[data-type=ff-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=ff-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=ff-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=ff-explainer] strong{color:var(--color-text)}p[data-type=ff-try]{border-left:2px solid var(--color-accent);background:var(--color-bg);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .75rem}p[data-type=ff-hint]{font-size:var(--text-xs);color:var(--color-muted);margin-top:1rem}@media (width<=560px){div[data-type=ff-sliders]{grid-template-columns:1fr}}div[data-type=mw-game]{max-width:var(--max-width);margin:0 auto}div[data-type=mw-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=mw-titlebar] h1{margin:0}span[data-type=mw-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=mw-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=mw-stage]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);width:100%;margin:.5rem 0 1.25rem;line-height:0;overflow:hidden}canvas[data-type=mw-canvas]{touch-action:none;cursor:pointer;width:100%;height:auto;display:block}div[data-type=mw-controls]{flex-direction:column;gap:.85rem;display:flex}div[data-type=mw-controls] [data-group]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}div[data-type=mw-controls] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .7rem;transition:color .15s,border-color .15s,background-color .15s}div[data-type=mw-controls] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=mw-controls] [data-group=transport] button[data-action=solve]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=mw-controls] [data-group=transport] button[data-action=solve]:hover{background:var(--color-accent);border-color:var(--color-accent)}div[data-type=mw-controls] [data-gen][aria-pressed=true],div[data-type=mw-controls] [data-solver][aria-pressed=true]{color:var(--color-text);border-color:var(--color-accent)}div[data-type=mw-selects]{flex-direction:column;gap:.6rem;display:flex}div[data-type=mw-controls] label,span[data-type=mw-group-label]{font-size:var(--text-xs);color:var(--color-muted)}span[data-type=mw-group-label]{min-width:4.5rem}div[data-type=mw-sliders]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem;display:grid}div[data-type=mw-slider]{align-items:center;gap:.5rem;display:flex}div[data-type=mw-slider] label{min-width:3rem}div[data-type=mw-slider] input[type=range]{min-width:0;accent-color:var(--color-text);cursor:pointer;flex:1}div[data-type=mw-slider] output{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);text-align:right;min-width:6ch}p[data-type=mw-status]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);min-height:1.2em;margin:0}div[data-type=mw-legend]{font-size:var(--text-xs);color:var(--color-muted);flex-wrap:wrap;gap:.35rem 1rem;display:flex}div[data-type=mw-legend] span{align-items:center;gap:.35rem;display:inline-flex}div[data-type=mw-legend] i{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:.7rem;height:.7rem;display:inline-block}details[data-type=mw-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.5rem;padding:0 1rem}details[data-type=mw-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=mw-explainer]>summary::-webkit-details-marker{display:none}details[data-type=mw-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=mw-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=mw-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=mw-explainer] strong{color:var(--color-text)}p[data-type=mw-try]{border-left:2px solid var(--color-accent);background:var(--color-bg);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .75rem}p[data-type=mw-hint]{font-size:var(--text-xs);color:var(--color-muted);margin-top:1rem}@media (width<=560px){div[data-type=mw-sliders]{grid-template-columns:1fr}}div[data-type=tool-page][data-tool=type-trial]{max-width:760px;margin:0 auto}div[data-tool=type-trial] [data-group=categories]{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1.25rem;display:flex}div[data-tool=type-trial] [data-group=categories] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;cursor:pointer;background:0 0;padding:.32rem .8rem;transition:color .15s,border-color .15s,background-color .15s}div[data-tool=type-trial] [data-group=categories] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-tool=type-trial] [data-group=categories] button[data-active]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=tt-stage]{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);cursor:text;padding:clamp(1rem,4vw,1.75rem);transition:border-color .15s,box-shadow .15s;position:relative}div[data-type=tt-stage][data-focused]{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}div[data-type=tt-stage][data-done]{cursor:default}div[data-type=tt-text]{font-family:var(--font-mono);letter-spacing:.01em;color:var(--color-muted);white-space:pre-wrap;word-break:break-word;user-select:none;font-size:clamp(1rem,3.2vw,1.3rem);line-height:1.9}div[data-type=tt-text] span[data-s=ok]{color:var(--color-text)}div[data-type=tt-text] span[data-s=bad]{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 16%, transparent);border-radius:var(--radius-sm)}div[data-type=tt-text] span[data-s=caret]{border-left:2px solid var(--color-accent);margin-left:-2px;animation:1s step-end infinite tt-blink}@keyframes tt-blink{0%,to{border-left-color:var(--color-accent)}50%{border-left-color:#0000}}input[data-type=tt-input]{color:#0000;caret-color:#0000;opacity:0;cursor:text;background:0 0;border:0;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}div[data-type=tt-overlay]{border-radius:var(--radius-xl);pointer-events:none;background:0 0;justify-content:flex-end;align-items:flex-end;padding:.5rem;display:flex;position:absolute;inset:0}div[data-type=tt-overlay] span{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 2px 8px color-mix(in srgb, var(--color-bg) 70%, transparent);padding:.4rem .9rem}div[data-type=tt-stats]{gap:clamp(1.5rem,6vw,3rem);margin:1.25rem 0 .5rem;display:flex}div[data-type=tt-stats] [data-stat]{flex-direction:column;line-height:1.1;display:flex}div[data-type=tt-stats] span[data-type=tt-val]{font-family:var(--font-mono);font-size:var(--text-title);font-variant-numeric:tabular-nums;color:var(--color-text)}div[data-type=tt-stats] span[data-type=tt-lbl]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:lowercase;color:var(--color-muted);margin-top:.2rem}div[data-type=tt-result]{border:1px solid var(--color-border);border-left:3px solid var(--color-success);border-radius:var(--radius-lg);background:var(--color-surface);margin:1rem 0 0;padding:1rem 1.25rem}p[data-type=tt-rank]{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;color:var(--color-success);margin:0 0 .35rem}p[data-type=tt-summary]{font-size:var(--text-lg);color:var(--color-text);margin:0}p[data-type=tt-summary] strong{font-family:var(--font-mono)}div[data-tool=type-trial] [data-group=actions]{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;display:flex}div[data-tool=type-trial] [data-group=actions] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .8rem;transition:color .15s,border-color .15s}div[data-tool=type-trial] [data-group=actions] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-tool=type-trial] [data-group=actions] [data-type=tt-hint]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);align-self:center;margin-left:.25rem}p[data-type=tt-best]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);margin:1rem 0 0}p[data-type=tt-best] [data-action=reset-best]{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;background:0 0;margin-left:.5rem;padding:.1rem .45rem;transition:color .15s,border-color .15s}p[data-type=tt-best] [data-action=reset-best]:hover{color:var(--color-error);border-color:var(--color-error)}@media (prefers-reduced-motion:reduce){div[data-type=tt-text] span[data-s=caret]{animation:none}}div[data-type=hue-game]{max-width:var(--max-width);margin:0 auto}div[data-type=hue-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=hue-titlebar] h1{margin:0}span[data-type=hue-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=hue-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=hue-controls]{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin:.75rem 0 1.25rem;display:flex}div[data-type=hue-controls] [data-group]{align-items:center;gap:.5rem;display:flex}div[data-type=hue-controls] [data-group=actions]{margin-left:auto}span[data-type=hue-group-label]{font-size:var(--text-xs);color:var(--color-muted)}div[data-type=hue-seg]{border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}div[data-type=hue-seg] button{border:none;border-left:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.3rem .7rem;transition:color .15s,background-color .15s}div[data-type=hue-seg] button:first-child{border-left:none}div[data-type=hue-seg] button:hover{color:var(--color-text)}div[data-type=hue-seg] button[data-active]{color:var(--color-bg);background:var(--color-text)}div[data-type=hue-controls] [data-group=actions] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.3rem .7rem;transition:color .15s,border-color .15s}div[data-type=hue-controls] [data-group=actions] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=hue-board]{grid-template-columns:minmax(0,300px) 1fr;align-items:stretch;gap:1.25rem;margin-bottom:1.25rem;display:grid}div[data-type=hue-swatch]{border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;height:100%;min-height:200px;display:flex;position:relative}span[data-type=hue-swatch-tag]{font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:.04em;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);opacity:.92;padding:.15rem .55rem;font-weight:600}div[data-type=hue-panel]{flex-direction:column;gap:.75rem;min-width:0;display:flex}p[data-type=hue-prompt]{font-size:var(--text-base);color:var(--color-text);margin:0}p[data-type=hue-prompt]:empty{display:none}div[data-type=hue-options]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;display:grid}button[data-type=hue-option]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left;align-items:center;gap:.5rem;padding:.55rem .65rem;transition:border-color .15s,background-color .15s;display:flex}button[data-type=hue-option]:hover:not(:disabled){border-color:var(--color-accent)}button[data-type=hue-option]:disabled{cursor:default}span[data-type=hue-option-num]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;padding:0 .35rem}span[data-type=hue-option-hex]{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em}button[data-type=hue-option][data-state=correct]{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 16%, transparent)}button[data-type=hue-option][data-state=correct] span[data-type=hue-option-num]{color:var(--color-success);border-color:var(--color-success)}button[data-type=hue-option][data-state=wrong]{border-color:var(--color-error);background:color-mix(in srgb, var(--color-error) 14%, transparent)}button[data-type=hue-option][data-state=wrong] span[data-type=hue-option-num]{color:var(--color-error);border-color:var(--color-error)}div[data-type=hue-typerow]{flex-wrap:wrap;gap:.5rem;display:flex}input[data-type=hue-input]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-width:8rem;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.04em;text-transform:uppercase;flex:1;padding:.5rem .6rem}input[data-type=hue-input]:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button[data-type=hue-submit]{border:1px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-bg);font-family:var(--font-serif);font-size:var(--text-sm);cursor:pointer;padding:.5rem 1.1rem;transition:background-color .15s,border-color .15s}button[data-type=hue-submit]:hover{background:var(--color-accent);border-color:var(--color-accent)}p[data-type=hue-input-error]{font-size:var(--text-xs);color:var(--color-error);margin:0}div[data-type=hue-feedback]{flex-direction:column;gap:.75rem;display:flex}p[data-type=hue-verdict]{font-family:var(--font-mono);font-size:var(--text-sm);margin:0}p[data-type=hue-verdict][data-result=win]{color:var(--color-success)}p[data-type=hue-verdict][data-result=ok]{color:var(--color-accent)}p[data-type=hue-verdict][data-result=lose]{color:var(--color-muted)}div[data-type=hue-compare]{gap:.75rem;display:flex}div[data-type=hue-mini]{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}div[data-type=hue-mini-swatch]{border:1px solid var(--color-border);border-radius:var(--radius-md);height:3rem}span[data-type=hue-mini-label]{font-size:var(--text-xs);color:var(--color-muted)}span[data-type=hue-mini-hex]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}button[data-type=hue-next]{border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-serif);font-size:var(--text-sm);cursor:pointer;background:0 0;align-self:flex-start;padding:.4rem .85rem;transition:color .15s,background-color .15s}button[data-type=hue-next]:hover{color:var(--color-bg);background:var(--color-accent)}div[data-type=hue-scorebar]{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.5rem;display:grid}div[data-type=hue-stat]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;gap:.15rem;padding:.6rem .7rem;display:flex}span[data-type=hue-stat-value]{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text)}span[data-type=hue-stat-label]{font-size:var(--text-xs);color:var(--color-muted)}details[data-type=hue-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:0 1rem}details[data-type=hue-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=hue-explainer]>summary::-webkit-details-marker{display:none}details[data-type=hue-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=hue-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=hue-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=hue-explainer] strong{color:var(--color-text)}details[data-type=hue-explainer] code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent)}details[data-type=hue-explainer] kbd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 .3rem}p[data-type=hue-tip]{border-left:2px solid var(--color-accent);padding-left:.6rem}div[data-type=hue-legend]{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.4rem 1rem;margin:.5rem 0 .85rem;display:grid}div[data-type=hue-legend-item]{font-size:var(--text-xs);color:var(--color-muted);align-items:center;gap:.5rem;display:flex}span[data-type=hue-ex-sw]{border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;width:1.1rem;height:1.1rem}div[data-type=hue-mix]{flex-direction:column;gap:.15rem;display:flex}span[data-type=hue-mix-cap]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted)}div[data-type=hue-channels]{flex-direction:column;gap:.25rem;width:100%;margin-top:.35rem;display:flex}div[data-type=hue-chan]{align-items:center;gap:.45rem;display:flex}span[data-type=hue-chan-label]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);flex-shrink:0;width:1ch}span[data-type=hue-chan-track]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);flex:1;height:.5rem;overflow:hidden}span[data-type=hue-chan-fill]{border-radius:var(--radius-pill);height:100%;display:block}span[data-type=hue-chan-val]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);text-align:right;flex-shrink:0;width:3ch}@media (width<=620px){div[data-type=hue-board]{grid-template-columns:1fr}div[data-type=hue-swatch]{min-height:150px}div[data-type=hue-scorebar]{grid-template-columns:repeat(2,1fr)}div[data-type=hue-controls] [data-group=actions]{margin-left:0}}@media (prefers-reduced-motion:reduce){div[data-type=hue-game] *{transition:none!important}}div[data-type=sf-game]{max-width:var(--max-width);margin:0 auto}div[data-type=sf-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=sf-titlebar] h1{margin:0}span[data-type=sf-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=sf-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=sf-stage]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);width:100%;margin:.5rem 0 1.25rem;line-height:0;overflow:hidden}canvas[data-type=sf-canvas]{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}div[data-type=sf-controls]{flex-direction:column;gap:.85rem;display:flex}div[data-type=sf-controls] [data-group]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}div[data-type=sf-controls] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .7rem;transition:color .15s,border-color .15s,background-color .15s}div[data-type=sf-controls] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=sf-controls] [data-group=transport] button[data-action=play]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=sf-controls] [data-group=transport] button[data-action=play]:hover{background:var(--color-accent);border-color:var(--color-accent)}div[data-type=sf-controls] [data-group=transport] button[data-action=boost]{color:var(--color-accent);border-color:var(--color-accent)}div[data-type=sf-controls] [data-palette][aria-pressed=true]{color:var(--color-text);border-color:var(--color-accent)}span[data-type=sf-swatch]{vertical-align:middle;gap:2px;margin-right:.4rem;display:inline-flex}span[data-type=sf-swatch] i{border-radius:var(--radius-sm);width:.55rem;height:.55rem;display:inline-block}div[data-type=sf-controls] label,span[data-type=sf-group-label]{font-size:var(--text-xs);color:var(--color-muted)}div[data-type=sf-sliders]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem;display:grid}div[data-type=sf-slider]{align-items:center;gap:.5rem;display:flex}div[data-type=sf-slider] label{min-width:4.5rem}div[data-type=sf-slider] input[type=range]{min-width:0;accent-color:var(--color-text);cursor:pointer;flex:1}div[data-type=sf-slider] output{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);text-align:right;min-width:3.5ch}details[data-type=sf-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.5rem;padding:0 1rem}details[data-type=sf-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=sf-explainer]>summary::-webkit-details-marker{display:none}details[data-type=sf-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=sf-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=sf-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=sf-explainer] strong{color:var(--color-text)}p[data-type=sf-try]{border-left:2px solid var(--color-accent);background:var(--color-bg);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .75rem}p[data-type=sf-hint]{font-size:var(--text-xs);color:var(--color-muted);margin-top:1rem}@media (width<=560px){div[data-type=sf-sliders]{grid-template-columns:1fr}}div[data-type=bo-game]{max-width:var(--max-width);margin:0 auto}div[data-type=bo-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=bo-titlebar] h1{margin:0}span[data-type=bo-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=bo-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=bo-stage]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);width:100%;margin:.5rem 0 1.25rem;line-height:0;overflow:hidden}canvas[data-type=bo-canvas]{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}div[data-type=bo-controls]{flex-direction:column;gap:.85rem;display:flex}div[data-type=bo-controls] [data-group]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}div[data-type=bo-controls] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .7rem;transition:color .15s,border-color .15s,background-color .15s}div[data-type=bo-controls] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=bo-controls] [data-group=transport] button[data-action=play]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=bo-controls] [data-group=transport] button[data-action=play]:hover{background:var(--color-accent);border-color:var(--color-accent)}div[data-type=bo-controls] [data-group=transport] button[data-action=scatter]{color:var(--color-accent);border-color:var(--color-accent)}div[data-type=bo-controls] [data-pointer][aria-pressed=true],div[data-type=bo-controls] [data-palette][aria-pressed=true]{color:var(--color-text);border-color:var(--color-accent)}span[data-type=bo-swatch]{vertical-align:middle;gap:2px;margin-right:.4rem;display:inline-flex}span[data-type=bo-swatch] i{border-radius:var(--radius-sm);width:.55rem;height:.55rem;display:inline-block}div[data-type=bo-controls] label,span[data-type=bo-group-label]{font-size:var(--text-xs);color:var(--color-muted)}div[data-type=bo-sliders]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem;display:grid}div[data-type=bo-slider]{align-items:center;gap:.5rem;display:flex}div[data-type=bo-slider] label{min-width:5rem}div[data-type=bo-slider] input[type=range]{min-width:0;accent-color:var(--color-text);cursor:pointer;flex:1}div[data-type=bo-slider] output{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);text-align:right;min-width:3.5ch}details[data-type=bo-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.5rem;padding:0 1rem}details[data-type=bo-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=bo-explainer]>summary::-webkit-details-marker{display:none}details[data-type=bo-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=bo-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=bo-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=bo-explainer] strong{color:var(--color-text)}p[data-type=bo-try]{border-left:2px solid var(--color-accent);background:var(--color-bg);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .75rem}p[data-type=bo-hint]{font-size:var(--text-xs);color:var(--color-muted);margin-top:1rem}@media (width<=560px){div[data-type=bo-sliders]{grid-template-columns:1fr}}div[data-type=tb-game]{max-width:var(--max-width);margin:0 auto}div[data-type=tb-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=tb-titlebar] h1{margin:0}span[data-type=tb-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=tb-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=tb-stage]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);width:100%;margin:.5rem 0 1.25rem;line-height:0;overflow:hidden}canvas[data-type=tb-canvas]{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}div[data-type=tb-controls]{flex-direction:column;gap:.85rem;display:flex}div[data-type=tb-controls] [data-group]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}div[data-type=tb-controls] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .7rem;transition:color .15s,border-color .15s,background-color .15s}div[data-type=tb-controls] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=tb-controls] [data-group=transport] button[data-action=play]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=tb-controls] [data-group=transport] button[data-action=play]:hover{background:var(--color-accent);border-color:var(--color-accent)}div[data-type=tb-controls] [data-preset][aria-pressed=true],div[data-type=tb-controls] [data-palette][aria-pressed=true]{color:var(--color-text);border-color:var(--color-accent)}span[data-type=tb-swatch]{vertical-align:middle;gap:2px;margin-right:.4rem;display:inline-flex}span[data-type=tb-swatch] i{border-radius:var(--radius-sm);width:.55rem;height:.55rem;display:inline-block}div[data-type=tb-controls] label,span[data-type=tb-group-label]{font-size:var(--text-xs);color:var(--color-muted)}div[data-type=tb-sliders]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem;display:grid}div[data-type=tb-slider]{align-items:center;gap:.5rem;display:flex}div[data-type=tb-slider] label{min-width:3.2rem}div[data-type=tb-slider] input[type=range]{min-width:0;accent-color:var(--color-text);cursor:pointer;flex:1}div[data-type=tb-slider] output{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);text-align:right;min-width:4.5ch}div[data-group=seed]{font-size:var(--text-xs);color:var(--color-muted)}div[data-group=seed] input[type=text]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:11ch;padding:.28rem .5rem}details[data-type=tb-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.5rem;padding:0 1rem}details[data-type=tb-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=tb-explainer]>summary::-webkit-details-marker{display:none}details[data-type=tb-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=tb-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=tb-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=tb-explainer] strong{color:var(--color-text)}p[data-type=tb-try]{border-left:2px solid var(--color-accent);background:var(--color-bg);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .75rem}p[data-type=tb-hint]{font-size:var(--text-xs);color:var(--color-muted);margin-top:1rem}@media (width<=560px){div[data-type=tb-sliders]{grid-template-columns:1fr}}div[data-type=sl-game]{max-width:var(--max-width);margin:0 auto}div[data-type=sl-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=sl-titlebar] h1{margin:0}span[data-type=sl-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=sl-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=sl-stage]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);width:100%;margin:.5rem 0 1.25rem;line-height:0;overflow:hidden}canvas[data-type=sl-canvas]{touch-action:none;cursor:crosshair;width:100%;height:auto;image-rendering:pixelated;display:block}div[data-type=sl-controls]{flex-direction:column;gap:.85rem;display:flex}div[data-type=sl-controls] [data-group]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}div[data-type=sl-controls] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .7rem;transition:color .15s,border-color .15s,background-color .15s}div[data-type=sl-controls] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=sl-controls] [data-group=transport] button[data-action=play]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=sl-controls] [data-group=transport] button[data-action=play]:hover{background:var(--color-accent);border-color:var(--color-accent)}div[data-type=sl-controls] [data-group=materials] button{align-items:center;gap:.35rem;display:inline-flex}div[data-type=sl-controls] [data-mat][aria-pressed=true]{color:var(--color-text);border-color:var(--color-accent)}span[data-type=sl-swatch]{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:.7rem;height:.7rem;display:inline-block}span[data-type=sl-swatch][data-erase]{background:repeating-linear-gradient(45deg, var(--color-surface), var(--color-surface) 2px, var(--color-border) 2px, var(--color-border) 4px)}span[data-type=sl-key]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);opacity:.7}div[data-type=sl-controls] label,span[data-type=sl-group-label]{font-size:var(--text-xs);color:var(--color-muted)}div[data-type=sl-sliders]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem 1.25rem;display:grid}div[data-type=sl-slider]{align-items:center;gap:.5rem;display:flex}div[data-type=sl-slider] label{min-width:3.2rem}div[data-type=sl-slider] input[type=range]{min-width:0;accent-color:var(--color-text);cursor:pointer;flex:1}div[data-type=sl-slider] output{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);text-align:right;min-width:4ch}details[data-type=sl-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.5rem;padding:0 1rem}details[data-type=sl-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=sl-explainer]>summary::-webkit-details-marker{display:none}details[data-type=sl-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=sl-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=sl-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=sl-explainer] strong{color:var(--color-text)}p[data-type=sl-try]{border-left:2px solid var(--color-accent);background:var(--color-bg);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .75rem}p[data-type=sl-hint]{font-size:var(--text-xs);color:var(--color-muted);margin-top:1rem}@media (width<=560px){div[data-type=sl-sliders]{grid-template-columns:1fr}}div[data-type=fg-game]{max-width:var(--max-width);margin:0 auto}div[data-type=fg-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=fg-titlebar] h1{margin:0}span[data-type=fg-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=fg-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=fg-stage]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);width:100%;margin:.5rem 0 1.25rem;line-height:0;overflow:hidden}canvas[data-type=fg-canvas]{width:100%;height:auto;display:block}div[data-type=fg-controls]{flex-direction:column;gap:.85rem;display:flex}div[data-type=fg-controls] [data-group]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}div[data-type=fg-controls] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.32rem .7rem;transition:color .15s,border-color .15s,background-color .15s}div[data-type=fg-controls] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=fg-controls] [data-group=transport] button[data-action=grow]{color:var(--color-bg);background:var(--color-text);border-color:var(--color-text)}div[data-type=fg-controls] [data-group=transport] button[data-action=grow]:hover{background:var(--color-accent);border-color:var(--color-accent)}div[data-type=fg-controls] [data-group=transport] button[data-action=reseed]{color:var(--color-accent);border-color:var(--color-accent)}div[data-type=fg-controls] [data-preset][aria-pressed=true],div[data-type=fg-controls] [data-palette][aria-pressed=true]{color:var(--color-text);border-color:var(--color-accent)}span[data-type=fg-swatch]{vertical-align:middle;gap:2px;margin-right:.4rem;display:inline-flex}span[data-type=fg-swatch] i{border-radius:var(--radius-sm);width:.55rem;height:.55rem;display:inline-block}div[data-type=fg-controls] label,span[data-type=fg-group-label]{font-size:var(--text-xs);color:var(--color-muted)}div[data-group=seed] input[type=text]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-width:8rem;max-width:16rem;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-xs);flex:1;padding:.3rem .6rem}div[data-group=seed] input[type=text]:focus-visible{border-color:var(--color-accent)}div[data-type=fg-sliders]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem;display:grid}div[data-type=fg-slider]{align-items:center;gap:.5rem;display:flex}div[data-type=fg-slider] label{min-width:5.5rem}div[data-type=fg-slider] input[type=range]{min-width:0;accent-color:var(--color-text);cursor:pointer;flex:1}div[data-type=fg-slider] output{font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);text-align:right;min-width:3.5ch}details[data-type=fg-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.5rem;padding:0 1rem}details[data-type=fg-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=fg-explainer]>summary::-webkit-details-marker{display:none}details[data-type=fg-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=fg-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=fg-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=fg-explainer] strong{color:var(--color-text)}p[data-type=fg-try]{border-left:2px solid var(--color-accent);background:var(--color-bg);border-radius:var(--radius);margin-bottom:1rem;padding:.6rem .75rem}p[data-type=fg-hint]{font-size:var(--text-xs);color:var(--color-muted);margin-top:1rem}@media (width<=560px){div[data-type=fg-sliders]{grid-template-columns:1fr}}div[data-type=q-game]{max-width:var(--max-width);margin:0 auto}div[data-type=q-titlebar]{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.25rem;display:flex}div[data-type=q-titlebar] h1{margin:0}span[data-type=q-badge]{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-pill);white-space:nowrap;padding:.1rem .55rem}div[data-type=q-header] p{color:var(--color-muted);font-size:var(--text-base);margin-top:0;line-height:1.55}div[data-type=q-controls]{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin:.75rem 0 1.25rem;display:flex}div[data-type=q-controls] [data-group]{align-items:center;gap:.5rem;display:flex}div[data-type=q-controls] [data-group=actions]{margin-left:auto}span[data-type=q-group-label]{font-size:var(--text-xs);color:var(--color-muted)}div[data-type=q-seg]{border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}div[data-type=q-seg] button{border:none;border-left:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.3rem .7rem;transition:color .15s,background-color .15s}div[data-type=q-seg] button:first-child{border-left:none}div[data-type=q-seg] button:hover{color:var(--color-text)}div[data-type=q-seg] button[data-active]{color:var(--color-bg);background:var(--color-text)}div[data-type=q-controls] [data-group=actions] button{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font-serif);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:.3rem .7rem;transition:color .15s,border-color .15s}div[data-type=q-controls] [data-group=actions] button:hover{color:var(--color-text);border-color:var(--color-muted)}div[data-type=q-controls] [data-group=actions] button[data-active]{color:var(--color-text);border-color:var(--color-accent)}div[data-type=q-board]{gap:.4rem;max-width:21rem;margin:0 auto 1rem;display:grid}div[data-type=q-row]{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}div[data-type=q-tile]{aspect-ratio:1;border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-title);text-transform:uppercase;color:var(--color-text);user-select:none;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:border-color .12s;display:flex}div[data-type=q-tile][data-state=filled]{border-color:var(--color-muted)}div[data-type=q-tile][data-state=correct]{background:var(--color-success);border-color:var(--color-success);color:var(--color-bg)}div[data-type=q-tile][data-state=present]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}div[data-type=q-tile][data-state=absent]{background:var(--color-border);border-color:var(--color-border);color:var(--color-muted)}p[data-type=q-message]{text-align:center;min-height:1.4em;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);margin:0 0 .75rem}p[data-type=q-message][data-tone=error]{color:var(--color-error)}p[data-type=q-message][data-tone=win]{color:var(--color-success)}p[data-type=q-message][data-tone=lose]{color:var(--color-muted)}div[data-type=q-result]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:21rem;margin:0 auto 1.1rem;padding:.7rem .85rem;display:flex}div[data-type=q-result] p{font-size:var(--text-sm);color:var(--color-text);margin:0}div[data-type=q-result] strong{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}button[data-type=q-share]{border:1px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-bg);font-family:var(--font-serif);font-size:var(--text-sm);cursor:pointer;padding:.4rem .9rem;transition:background-color .15s,border-color .15s}button[data-type=q-share]:hover{background:var(--color-accent);border-color:var(--color-accent)}button[data-type=q-replay]{border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font-family:var(--font-serif);font-size:var(--text-sm);cursor:pointer;background:0 0;padding:.4rem .85rem;transition:color .15s,background-color .15s}button[data-type=q-replay]:hover{color:var(--color-bg);background:var(--color-accent)}div[data-type=q-keyboard]{flex-direction:column;gap:.4rem;max-width:30rem;margin:0 auto;display:flex}div[data-type=q-krow]{justify-content:center;gap:.35rem;display:flex}button[data-type=q-key]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;cursor:pointer;flex:auto;padding:.85rem .2rem;transition:background-color .12s,color .12s,border-color .12s}button[data-type=q-key]:hover{border-color:var(--color-muted)}button[data-type=q-key][data-wide]{font-family:var(--font-serif);font-size:var(--text-xs);flex:1.5 auto}button[data-type=q-key][data-state=correct]{background:var(--color-success);border-color:var(--color-success);color:var(--color-bg)}button[data-type=q-key][data-state=present]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}button[data-type=q-key][data-state=absent]{background:var(--color-border);border-color:var(--color-border);color:var(--color-muted)}div[data-type=q-stats]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);max-width:21rem;margin:1.25rem auto 0;padding:.9rem 1rem 1rem}div[data-type=q-stats] h2{font-size:var(--text-base);color:var(--color-text);margin:0 0 .6rem}div[data-type=q-scorebar]{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:.9rem;display:grid}div[data-type=q-stat]{text-align:center;flex-direction:column;gap:.15rem;display:flex}span[data-type=q-stat-value]{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text)}span[data-type=q-stat-label]{font-size:var(--text-xs);color:var(--color-muted)}span[data-type=q-dist-title]{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:.4rem;display:block}div[data-type=q-dist]{flex-direction:column;gap:.28rem;display:flex}div[data-type=q-dist-row]{align-items:center;gap:.45rem;display:flex}span[data-type=q-dist-label]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);flex-shrink:0;width:1ch}span[data-type=q-dist-bar]{border-radius:var(--radius-sm);background:var(--color-border);min-width:1.6rem;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-align:right;padding:.05rem .4rem}span[data-type=q-dist-bar][data-current]{background:var(--color-accent);color:var(--color-bg)}details[data-type=q-explainer]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:1.25rem;padding:0 1rem}details[data-type=q-explainer]>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.75rem 0;list-style:none;display:flex}details[data-type=q-explainer]>summary::-webkit-details-marker{display:none}details[data-type=q-explainer]>summary:before{content:"›";color:var(--color-accent);transition:transform .15s;display:inline-block}details[data-type=q-explainer][open]>summary:before{transform:rotate(90deg)}details[data-type=q-explainer] p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6}details[data-type=q-explainer] strong{color:var(--color-text)}details[data-type=q-explainer] kbd{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 .3rem}div[data-type=q-legend]{flex-wrap:wrap;gap:.5rem 1.1rem;margin:.5rem 0 .85rem;display:flex}div[data-type=q-legend-item]{font-size:var(--text-xs);color:var(--color-muted);align-items:center;gap:.5rem;display:flex}span[data-type=q-swatch]{border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;width:1.15rem;height:1.15rem}span[data-type=q-swatch][data-state=correct]{background:var(--color-success);border-color:var(--color-success)}span[data-type=q-swatch][data-state=present]{background:var(--color-accent);border-color:var(--color-accent)}span[data-type=q-swatch][data-state=absent]{background:var(--color-border)}@keyframes q-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes q-flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes q-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}div[data-type=q-tile][data-anim=pop]{animation:.11s q-pop}div[data-type=q-tile][data-anim=flip]{animation:.5s q-flip}div[data-type=q-row][data-anim=shake]{animation:.42s q-shake}@media (width<=480px){div[data-type=q-tile]{font-size:var(--text-lg)}div[data-type=q-scorebar]{grid-template-columns:repeat(2,1fr)}div[data-type=q-controls] [data-group=actions]{margin-left:0}button[data-type=q-key]{padding:.7rem .15rem}}@media (prefers-reduced-motion:reduce){div[data-type=q-tile],div[data-type=q-row],div[data-type=q-game] *{transition:none!important;animation:none!important}}h2[data-astro-cid-h2e7rbrf][data-type=coming-soon]{color:var(--color-muted);margin-bottom:var(--space-section)}