.ads-item{position:relative;box-sizing:border-box;margin:8px 0;transition:opacity .3s}.ads-item.ads-loading{opacity:.6}.ads-borded{min-height:340px;height:fit-content;padding-bottom:10px;border-bottom:1px solid var(--ad-label-line, var(--ws-border, #c6c6c6))}.ads-loading{min-height:100px}.ads-borded-title{color:var(--ad-label-color, #9aa4b5);font-size:13px;font-weight:500;display:flex;align-items:center;text-align:center;margin:14px 0}.ads-borded-title:before,.ads-borded-title:after{content:"";flex:1;border-bottom:1px solid var(--ad-label-line, var(--ws-border, #c6c6c6))}.ads-borded-title:before{margin-right:12px}.ads-borded-title:after{margin-left:12px}.ads-borded--debug{border:1px dashed #666;padding:8px}.ad-msg{position:static;margin-top:6px;padding:5px 9px;background:#000000b8;color:#fff;font-size:12px;line-height:1.5;border-radius:4px;max-width:100%;word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace}:root{--paper: #f7f5ef;--paper-2: #eeede5;--ink: #161412;--ink-2: #4a453c;--ink-3: #7a7368;--line: #d8d8d0;--accent: #ef593e;--accent-ink: #fff7f2;--ok: #2f6b45;--bad: #a31d16;--radius: 2px;--header-h: 64px;--max: 1180px;--sans: "Gill Sans", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--display: "Futura", "Avenir Next Condensed", "Gill Sans", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{background:var(--paper);overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip;max-width:100%}img,video,canvas{max-width:100%;height:auto;display:block}.brand-mark{width:32px;height:32px;max-width:32px;max-height:32px;display:block;flex:none}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#app{width:100%;min-height:100dvh;background:var(--paper)}.site{min-height:100dvh;width:100%;display:flex;flex-direction:column;max-width:100%;overflow-x:clip;background:var(--paper)}main#main{flex:1}.wrap{width:min(var(--max),calc(100% - 2rem));max-width:100%;margin-inline:auto}.display{font-family:var(--display);font-weight:700;letter-spacing:-.055em;line-height:.86;display:flex;flex-direction:column;align-items:flex-start;gap:.02em;max-width:none}.word-see{font-size:.86em;letter-spacing:.02em}.word-color{display:flex;gap:.02em;font-size:1em}.word-color i{font-style:normal}.word-color i:nth-child(1){color:#ef593e}.word-color i:nth-child(2){color:#c9a227}.word-color i:nth-child(3){color:#5a7a3a}.word-color i:nth-child(4){color:#2f6d5c}.word-color i:nth-child(5){color:#8a3b2a}.word-diff{font-size:.86em;letter-spacing:-.05em}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.04em;line-height:1.12}h1,h2{font-family:var(--display)}p{margin:0}h1{font-size:clamp(2.4rem,8vw,5.4rem)}@media(max-width:899px){.hero h1.display{font-size:clamp(3.15rem,14.5vw,4.35rem)}}h2{font-size:clamp(1.7rem,4vw,2.8rem)}h3{font-size:1.15rem}.lede{max-width:38rem;color:var(--ink-2);font-size:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;max-width:none;padding:.65rem 1.1rem;border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);font-weight:600;white-space:nowrap}.btn:hover{background:#000}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.4;pointer-events:none}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--paper-2)}.btn-accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-accent:hover{filter:brightness(.95)}.text-link{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;border-bottom:1px solid currentColor}.text-link:hover{color:var(--accent)}.site-header{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:100%;padding:0 max(.75rem,env(safe-area-inset-right,0px)) 0 max(1rem,env(safe-area-inset-left,0px));background:var(--paper);border-bottom:1px solid var(--line);overflow:visible}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem}.brand-mark{width:32px;height:32px}.nav-mid{display:none;gap:1.4rem;font-weight:600}.nav-mid a[aria-current=page]{border-bottom:2px solid var(--accent);color:var(--accent)}.header-play{display:none;background:var(--accent);border-color:var(--accent);color:var(--accent-ink);border-radius:var(--radius)}.menu-toggle{position:relative;flex:none;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;color:var(--ink)}.menu-toggle span{position:absolute;left:13px;width:18px;height:2px;background:currentColor;transform-origin:center;transition:transform .2s ease,opacity .2s ease,top .2s ease}.menu-toggle span:nth-child(1){top:15px}.menu-toggle span:nth-child(2){top:21px}.menu-toggle span:nth-child(3){top:27px}.menu-toggle[aria-expanded=true] span:nth-child(1){top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){top:21px;transform:rotate(-45deg)}.nav-mobile{position:fixed;inset:var(--header-h) 0 0 0;background:var(--paper);padding:1.25rem;display:flex;flex-direction:column;gap:.35rem;z-index:19}.nav-mobile a,.nav-mobile .btn{min-height:48px;display:flex;align-items:center;font-weight:600;font-size:1.15rem}.menu-overlay{position:fixed;inset:var(--header-h) 0 0 0;background:#16191447;z-index:18}body.menu-open .site-header{position:fixed;top:0;left:0;right:0;z-index:30}html.menu-open,body.menu-open{overflow:hidden;overscroll-behavior:none}@media(min-width:900px){.nav-mid,.header-play{display:flex}.menu-toggle,.nav-mobile,.menu-overlay{display:none!important}}.site-footer{margin-top:4rem;border-top:1px solid var(--line);padding:2.5rem 0 1.5rem}.footer-grid{display:grid;gap:1.5rem}.footer-brand p{margin-top:.6rem;color:var(--ink-2);max-width:28rem}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.2rem;font-weight:600}.footer-copy{margin-top:1.75rem;color:var(--ink-3);font-size:.9rem}@media(min-width:900px){.footer-grid{grid-template-columns:1.2fr 1fr;align-items:start}}.home-section{padding:3.2rem 0 4rem}.home-section-bleed{overflow:visible}.wrap-wide{width:min(1280px,calc(100% - 1.25rem))}.hero{position:relative;padding:1.2rem 0 2.4rem;overflow:hidden;background:var(--paper)}.hero-grid{position:relative;z-index:1;display:grid;gap:1.6rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.3rem 0 1rem}.hero-trust{display:flex;flex-wrap:wrap;gap:.4rem 1rem;color:var(--ink-3);font-size:.92rem;font-weight:600}.hero-stage{display:grid;width:100%;background:#e7dfd2}.hero-still{min-height:220px;background:#e7dfd2 url(/media/hero-stage.jpg) center 30%/cover no-repeat;transition:filter .4s ease}.hero-still[data-kind=memory]{filter:saturate(.72) brightness(.96)}.hero-still[data-kind=order]{filter:hue-rotate(18deg) saturate(1.05)}.hero-picker{display:grid;gap:.55rem;width:100%;min-width:0;max-width:none;padding:.85rem;background:#f3efe6f5;color:var(--ink)}.picker-tabs{display:grid;gap:0;min-width:0;border:1px solid var(--line);background:#fff}.picker-tab{display:grid;grid-template-columns:1fr;gap:.15rem;min-width:0;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);min-height:48px;padding:.7rem .9rem;font-weight:600}.picker-tab:last-child{border-bottom:0}.picker-tab small{color:var(--ink-3);font-weight:500;font-size:.82rem;white-space:normal}.picker-tab[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}.picker-tab[aria-selected=true] small{color:#fff7f2d1}.picker-play{width:100%;display:flex}@media(min-width:960px){.hero{min-height:calc(100dvh - var(--header-h));display:grid;align-items:center}.hero-grid{grid-template-columns:.95fr 1.15fr;gap:2rem;align-items:center;padding-top:.5rem}.hero-copy{z-index:2;padding-right:.5rem}.hero-still{min-height:340px}.picker-tab{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.35rem 1rem}}.live-stage{display:grid;min-height:210px;height:100%}.live-stage[data-kind=spot]{grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.live-cell{display:block;border-radius:3px;transition:background .9s ease}.live-stage[data-kind=memory]{place-items:center;padding:18px}.live-memory{width:58%;aspect-ratio:1;border-radius:8px;transition:opacity .7s ease,transform .7s ease,background .7s ease}.live-memory.dim{opacity:.08;transform:scale(.92)}.live-stage[data-kind=order]{grid-template-columns:repeat(8,1fr);gap:0}.live-bar{background:hsl(calc(var(--i) * 28) 72% 54%);animation:bar-shift 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * 80ms)}@keyframes bar-shift{0%,to{transform:translateY(0)}50%{transform:translateY(8%)}}.fade-enter-active,.fade-leave-active{transition:opacity .22s ease}.fade-enter-from,.fade-leave-to{opacity:0}.hue-ribbon{height:28px;width:100%;background:linear-gradient(90deg,#e23d2a,#e9ab43,#7dae4a,#3aa38c 42%,#3b62d9 57%,#8b4bd9,#d9473b 85%,#e23d2a);background-size:1400px 100%;animation:ribbon 22s linear infinite}.hue-ribbon:hover{animation-play-state:paused}@keyframes ribbon{0%{background-position:0 0}to{background-position:1400px 0}}.quick-card{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:.7rem;align-items:center;min-width:0;padding:.7rem 0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;min-height:88px}.quick-card:hover{color:var(--accent)}.quick-card small{color:var(--ink-2);display:block}.quick-card b{font-size:1.05rem;letter-spacing:-.03em}.game-art{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;background:transparent}.quick-card .game-art{width:72px}.look-card .game-art{width:96px}.quick-go{color:var(--ink-3);font-size:1.2rem}@media(min-width:700px){.quick-card{grid-template-columns:112px minmax(0,1fr) auto;gap:.95rem}.quick-card .game-art{width:112px}}.proto-flag{display:inline-block;margin-top:.2rem;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.look-card .proto-flag,.compare-table .proto-flag,.compare-item .proto-flag,.journey-card .proto-flag{display:block}.quick-grid{display:grid;gap:.7rem;margin-top:1.4rem}@media(min-width:800px){.quick-grid{grid-template-columns:1fr 1fr}}.carousel{margin-top:1.3rem;overflow:visible}.carousel-toolbar{display:flex;justify-content:flex-end;gap:.4rem;margin-bottom:.6rem}.carousel-nav{width:40px;height:40px;border:1px solid var(--ink);background:var(--paper);border-radius:999px;font-weight:700}.carousel-nav:hover{background:var(--ink);color:var(--paper)}.carousel-track{display:flex;gap:.85rem;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1.1rem .4rem 1.4rem;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 min(82%,360px);scroll-snap-align:start}.carousel-slide:nth-child(odd){transform:rotate(-1.1deg)}.carousel-slide:nth-child(2n){transform:rotate(1.2deg) translateY(8px);background:#f6eee4}.carousel-slide:nth-child(3n){background:#e7eee8}.carousel-slide:hover{transform:translateY(-6px) rotate(-1.6deg)}.carousel-dots{display:flex;gap:.4rem;justify-content:center}.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--line)}.carousel-dot[aria-current=true]{background:var(--ink);width:22px}@media(min-width:800px){.carousel-slide{flex-basis:min(46%,420px)}}.look-grid{display:grid;gap:.9rem;margin-top:1.6rem}.look-card{display:grid;grid-template-columns:96px 1fr;gap:.9rem;align-items:center;padding:.9rem 0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;overflow:hidden}.look-card h3{margin-bottom:.25rem}.look-card p{color:var(--ink-2)}.look-go{display:inline-block;margin-top:.45rem;font-weight:700}.look-card .thumb,.look-card .thumb-spot,.look-card .thumb-order,.look-card .thumb-memory{min-height:96px;height:96px}@media(min-width:900px){.look-grid{grid-template-columns:1.15fr .9fr 1fr;align-items:end;gap:1.1rem;padding-top:3.2rem}.look-card{grid-template-columns:1fr;min-height:100%}.look-card .thumb,.look-card .thumb-spot,.look-card .thumb-order,.look-card .thumb-memory,.look-card .thumb-sliders,.look-card .thumb-knowledge{height:150px;min-height:150px}.look-card .game-art{width:100%}}.impress{display:grid;gap:1.5rem}@media(min-width:900px){.impress{grid-template-columns:.9fr 1.1fr;align-items:center}}.impress .impress-pair{min-height:0;grid-template-columns:1fr 1fr}.impress .impress-frame{min-height:220px;aspect-ratio:1}.impress-bleed{padding:0}.impress-pair{display:grid;grid-template-columns:1.15fr .85fr;min-height:68vh}.impress-frame{display:grid;place-items:center;min-height:52vh}.impress-dark{background:#1c1f1a}.impress-light{background:#d7c4a3}.impress-chip{width:min(48%,260px);aspect-ratio:1;transition:background .45s ease,transform .45s ease}.impress-dark .impress-chip{transform:rotate(-6deg)}.impress-light .impress-chip{transform:rotate(5deg) translate(10px,8px)}.impress-caption{padding:1.4rem 0 2.4rem}.impress-caption p{font-family:var(--display);font-size:clamp(1.4rem,3vw,2.1rem);letter-spacing:-.04em;max-width:22ch;line-height:1.15}.swatch-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:.8rem 0 1rem}.swatch-btn{width:44px;height:44px;border:2px solid transparent;border-radius:999px;transition:transform .2s ease}.swatch-btn:hover{transform:scale(1.08)}.swatch-btn[aria-pressed=true]{border-color:var(--ink);outline:2px solid var(--paper)}.impress-links{display:flex;flex-wrap:wrap;gap:.8rem}.impress-visual .swatch-row{margin-top:.85rem}@media(max-width:799px){.impress-pair{grid-template-columns:1fr 1fr;min-height:0}.impress-frame{min-height:28vh}}.hsl-block{display:grid;gap:1.5rem}.hsl-panel{background:#fff;border:1px solid var(--line);padding:1rem;border-radius:var(--radius)}.hsl-result{height:160px;border-radius:var(--radius);margin-bottom:.9rem;border:0;transition:background .08s linear}.hsl-legend{margin:.85rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem;color:var(--ink-2)}.hsl-legend b{color:var(--ink)}.hsl-code{margin-top:.7rem;font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:600}@media(min-width:900px){.hsl-block{grid-template-columns:.85fr 1.15fr;align-items:center}}@media(prefers-reduced-motion:reduce){.hero-still{filter:none!important}.hue-ribbon,.live-cell,.live-bar{animation:none!important}.hero-picker,.look-card,.impress-frame,.impress-chip,.quick-card,.carousel-slide{transform:none!important}.carousel-track{scroll-behavior:auto}.hsl-result,.live-memory,.live-cell,.impress-chip{transition:none!important}}.compare-list{display:grid;gap:.7rem;margin-top:1.2rem}.compare-item{border-bottom:1px solid var(--line);padding:.85rem 0;background:transparent}.compare-top{display:flex;justify-content:space-between;gap:1rem;font-weight:700}.compare-item p{color:var(--ink-2);margin-top:.35rem}@media(min-width:900px){.compare-table{width:100%;border-collapse:collapse;margin-top:1.2rem}.compare-table th,.compare-table td{text-align:left;padding:.8rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}.compare-table th{color:var(--ink-3);font-weight:600}.mobile-only{display:none}}@media(max-width:899px){.desktop-only{display:none}}.about-split{display:grid;gap:1rem}@media(min-width:900px){.about-split{grid-template-columns:.8fr 1.2fr}}.games-hero{padding:2rem 0 1rem;display:grid;gap:.7rem}@media(min-width:900px){.games-hero{grid-template-columns:1.1fr .9fr;align-items:end}}.cat-nav{position:sticky;top:var(--header-h);z-index:10;background:var(--paper);border-bottom:1px solid var(--line);margin:0 -1rem 1.5rem;padding:.4rem 1rem;display:flex;gap:.5rem;overflow-x:auto}.cat-nav a{white-space:nowrap;padding:.55rem .7rem;font-weight:600;border-bottom:2px solid transparent}.cat-nav a.is-active{border-color:var(--ink)}.cat-block{display:grid;gap:1rem;padding:2rem 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 52px)}.cat-games{display:grid;gap:.6rem}@media(min-width:800px){.cat-block{grid-template-columns:.8fr 1.2fr}.cat-games{grid-template-columns:1fr 1fr}}.journey-grid{display:grid;gap:.8rem;margin-top:1.2rem}.journey-card{border-top:1px solid var(--line);padding:1rem 0;background:transparent}.journey-lead,.journey-body,.score-copy p,.essay p{max-width:42rem;color:var(--ink-2)}.journey-body{margin-top:.65rem}.score-copy p{margin:0 0 .85rem}.essay-block{margin:0 0 1.1rem}.essay-block h3{margin:0 0 .35rem;font-size:1.05rem}.journey-mark{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.journey-card h3{margin:.3rem 0 .4rem}.journey-games{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}@media(min-width:900px){.journey-grid{grid-template-columns:1fr 1fr 1fr}}.game-page{padding:1.2rem 0 3rem}.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;color:var(--ink-3);font-weight:600;margin-bottom:.8rem}.game-head h1{font-size:clamp(2.1rem,6vw,3.8rem);letter-spacing:-.05em}.game-head p{color:var(--ink-2);max-width:36rem;margin-top:.4rem}@media(max-width:899px){.game-head h1{font-size:1.55rem}.game-head p{font-size:.92rem;line-height:1.4}}.game-stage{display:grid;gap:1rem;margin:1.3rem 0 2.5rem;scroll-margin-top:calc(var(--header-h) + 12px);grid-template-areas:"board" "actions" "feedback" "progress" "rules"}.stage-board{grid-area:board;background:#eeede5;border:0;padding:1.1rem 1.1rem 1.2rem}.stage-feedback{grid-area:feedback;min-height:4.5rem}.stage-rail{display:contents}.stage-actions{grid-area:actions;display:grid;gap:.5rem}.stage-actions .btn{width:100%;justify-content:center}.stage-progress{grid-area:progress}.stage-rules{grid-area:rules;color:var(--ink-2)}.stage-rules h3{color:var(--ink);margin-bottom:.7rem;font-size:1.35rem}.stage-rules ol{list-style:none;padding:0;margin:0;counter-reset:rule}.stage-rules li{display:grid;grid-template-columns:1.7rem 1fr;gap:.75rem;align-items:start;margin:.7rem 0;color:var(--ink)}.stage-rules li:before{counter-increment:rule;content:counter(rule);width:1.7rem;height:1.7rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:.78rem;font-weight:700}.progress-track{height:8px;background:var(--paper-2);border-radius:99px;overflow:hidden;margin-top:.55rem}.progress-track>span{display:block;height:100%;background:var(--ink)}@media(min-width:900px){.game-stage{grid-template-columns:1.45fr .85fr;grid-template-areas:"board rail" "feedback rail";align-items:start}.stage-rail{grid-area:rail;display:grid;gap:1rem;position:sticky;top:calc(var(--header-h) + 12px)}.stage-actions,.stage-progress,.stage-rules{grid-area:auto}}.spot-grid{display:grid;gap:.7rem;margin-top:.8rem}.spot-tile{aspect-ratio:1;border:0;border-radius:3px;box-shadow:0 1px #16141229;background-image:url(/media/paper-grain.jpg);background-size:180px 180px;background-blend-mode:multiply}.spot-tile.answer-tile{outline:3px solid var(--ink);outline-offset:2px}.spot-tile.tile-wrong{outline:3px solid var(--bad);outline-offset:2px}.feedback-bar{min-height:3.2rem}.feedback-bar p{font-weight:600}.feedback-bar.correct{color:var(--ok);background:#e4eee0;padding:.7rem .9rem}.feedback-bar.wrong{color:var(--bad)}.facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin:1rem 0}.fact{border-top:1px solid var(--ink);padding-top:.6rem}.fact b{display:block;font-size:1.35rem;letter-spacing:-.04em}.change-copy{display:grid;gap:.8rem;color:var(--ink-2)}@media(min-width:800px){.change-copy{grid-template-columns:1fr 1fr}}.rec-grid{display:grid;gap:.7rem;margin-top:1rem}@media(min-width:800px){.rec-grid{grid-template-columns:1fr 1fr 1fr}}.proto{padding:1.2rem;background:#f4f6f0;border:1px dashed var(--ink-3)}.proto-note{margin:0;color:var(--ink-3);font-size:.92rem}.stage-board:has(>.color-stage),.stage-board:has(>.result-stage){padding:0;background:transparent;border:0}.stage-board>.color-stage,.stage-board>.result-stage{min-height:360px;border:1px solid var(--line)}.proto strong{display:block;margin-bottom:.35rem}.info-page{padding:2rem 0 3rem;max-width:46rem}.info-page h1{font-size:clamp(2rem,5vw,3rem)}.info-page .lede{margin:.8rem 0 1.4rem}.info-toc{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin-bottom:1.5rem}.info-page section{margin:1.4rem 0}.info-page h2{font-size:1.25rem;margin-bottom:.4rem}.thumb{display:block;width:100%;height:100%;min-height:64px}.thumb i,.thumb b{display:block}.thumb-spot{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;height:64px}.thumb-spot i{background:#5aa39a}.thumb-spot i.odd{background:#3d7f78}.thumb-memory{height:64px;background:linear-gradient(135deg,#d9b25f,#6b4ea0)}.thumb-order{display:grid;grid-template-columns:repeat(7,1fr);height:64px}.thumb-order i:nth-child(1){background:#d9473b}.thumb-order i:nth-child(2){background:#e07a32}.thumb-order i:nth-child(3){background:#e9ab43}.thumb-order i:nth-child(4){background:#7dae4a}.thumb-order i:nth-child(5){background:#3aa38c}.thumb-order i:nth-child(6){background:#3b62d9}.thumb-order i:nth-child(7){background:#8b4bd9}.thumb-sliders{display:grid;gap:8px;align-content:center;height:64px;padding:6px}.thumb-sliders b{height:6px;background:linear-gradient(90deg,#d9473b,#e9ab43,#3b62d9);border-radius:99px}.thumb-boundary{height:64px;background:linear-gradient(90deg,#2f9e6a 0,#2f9e6a 46%,#3a78c4 54%,#3a78c4)}.thumb-knowledge{height:64px;display:grid;grid-template-columns:1fr 1fr}.thumb-knowledge b:first-child{background:#1d4ed8}.thumb-knowledge b:last-child{background:#eab308;color:#1d4ed8;display:grid;place-items:center;font-weight:800}.picker-stage .thumb{min-height:180px;height:180px}.picker-stage .thumb-spot{height:180px;gap:6px}.picker-stage .thumb-memory,.picker-stage .thumb-order{height:180px}.hsl-sliders{display:grid;gap:.85rem}.slider-row{display:grid;gap:.25rem}.slider-row span{display:flex;justify-content:space-between;font-weight:600;font-size:.92rem}.slider-row input[type=range]{width:100%;accent-color:var(--ink);height:28px}.game-embed,.game-page{--muted: var(--ink-3);--surface: #f4f6f0;--primary: var(--accent)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:3px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;border:1px solid var(--ink)}.btn-primary{background:var(--accent);color:#fff7f4;border-color:var(--accent)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-secondary{background:transparent;color:var(--ink)}.game-status{display:flex;align-items:center;gap:18px;padding:12px 22px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.game-status .score-line{margin-right:auto}.restart-link{margin-left:auto;min-height:44px;padding:0 18px;background:none;border:1px solid var(--ink);border-radius:999px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.restart-link:hover{background:var(--ink);color:#fff}.progress-track{height:3px;background:#1b191814}.progress-track span{display:block;height:100%;background:var(--ink);transition:width .35s ease}.play-area{min-height:420px;padding:40px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.play-area>p{margin:0;color:var(--muted);font-size:14px;max-width:520px}.game-intro{padding:56px 28px;max-width:640px;margin:0 auto;text-align:center}.game-intro h2{margin:0 0 10px;font-size:clamp(28px,4vw,40px)}.intro-desc{color:var(--muted);margin:0 0 22px}.intro-steps{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:8px}.intro-steps li{padding:10px 14px;background:var(--paper);border-radius:8px;font-size:14px}.start-btn{min-width:180px}.spot-grid,.choice-swatches{display:grid;gap:10px;width:min(520px,100%)}.spot-grid.grid-9{grid-template-columns:repeat(3,1fr)}.spot-grid.grid-16{grid-template-columns:repeat(4,1fr)}.choice-swatches{grid-template-columns:repeat(3,1fr);width:min(680px,100%)}.swatch-btn{aspect-ratio:1;min-height:44px;border:3px solid transparent;border-radius:9px;cursor:pointer;padding:0}.choice-swatches .swatch-btn{aspect-ratio:1.4}.swatch-btn:disabled{cursor:default}.answer-tile{border-color:var(--ink)!important;box-shadow:0 0 0 3px #fff}.tile-wrong{border-color:#c44c3d!important}.memory-swatch,.large-swatch{width:min(400px,82vw);height:210px;border-radius:10px;box-shadow:0 1px #16141224}.blind-preview{width:min(400px,82vw);height:210px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#e5e0d5 0,#e5e0d5 14px,#d9d3c6 14px,#d9d3c6 28px);color:var(--muted);font-size:54px;font-weight:800}.sort-row{display:grid;gap:8px;width:min(700px,100%)}.sort-tile{height:96px;min-height:44px;border:3px solid transparent;border-radius:7px;cursor:pointer;padding:0}.sort-tile.fixed{box-shadow:inset 0 0 0 3px #fff9;cursor:default}.sort-tile.selected{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--ink)}.sort-tile.wrong{box-shadow:0 0 0 4px #fff,0 0 0 7px #c44c3d}.sort-hint{display:block;color:var(--muted);font-size:13px}.sort-hint.error{color:#a73d31;font-weight:700}.sort-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.hsl-sliders{width:min(560px,100%);display:grid;gap:16px;text-align:left}.slider-row{display:grid;gap:6px}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.slider-label b{color:var(--ink)}.slider-row input[type=range]{width:100%;height:32px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.slider-row input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:var(--track, #ddd)}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid var(--ink)}.slider-row input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:var(--track, #ddd)}.slider-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--ink)}.slider-row.locked{opacity:.55}.match-pair,.compare-pair{width:min(560px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-pair div,.compare-pair div{display:grid;gap:6px}.match-pair span,.compare-pair span{font-size:12px;color:var(--muted)}.match-pair i,.compare-pair i{display:block;height:130px;border-radius:8px}.match-score{margin:0;font-size:34px;font-weight:800}.match-note{margin:0;color:var(--muted);font-size:13px}.match-result-stage{display:flex;flex-direction:column;align-items:center;gap:16px}.speed-top{width:min(560px,100%);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.speed-timer,.stroop-timer{width:min(560px,100%);height:5px;background:#ddd8d0;border-radius:3px;overflow:hidden}.speed-timer i,.stroop-timer i{display:block;height:100%;background:var(--ink);transition:width 1s linear}.timer-text{font-variant-numeric:tabular-nums}.stroop-word{display:block;font-size:clamp(64px,13vw,128px);font-weight:800;line-height:1;text-transform:uppercase}.word-choices,.name-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.choice-name{min-width:120px}.answer-name{background:var(--ink)!important;color:#fff!important}.name-wrong{border-color:#c44c3d!important;color:#c44c3d!important}.stroop-toolbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 20px 0}.stroop-modes{display:flex;gap:6px}.stroop-modes button{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.stroop-modes button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.color-stage{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;transition:background-color .35s ease}.color-stage p{margin:0;padding:8px 14px;border-radius:999px;background:#ffffffd9;color:#171717;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.choice-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.choice-button{min-width:168px;min-height:58px;padding:0 24px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:#ffffffed;color:#161616;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 1px #1614121f}.result-stage{display:grid;grid-template-columns:1fr 1fr;min-height:380px}.result-swatch{min-height:300px}.result-copy{padding:48px;display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:left}.result-copy h3{margin:0;font-size:clamp(22px,3vw,32px);line-height:1.15}.result-copy p{margin:0;color:var(--muted);font-size:14px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.complement-target{width:170px;height:170px;border-radius:50%;box-shadow:0 1px #16141224}.complement-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:min(560px,100%)}.name-swatch{width:min(420px,82vw);height:240px;border-radius:10px;box-shadow:0 1px #16141224}@media(max-width:899px){.name-swatch,.complement-target{margin-bottom:28px}}.stack-row,.stack-answer{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.stack-row i,.stack-answer i{width:84px;height:104px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:26px;font-style:normal}.stack-answer i{border:2px dashed rgba(27,25,24,.25)}.stack-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:9px;width:min(640px,100%)}.stack-options .swatch-btn{height:68px;aspect-ratio:auto}.sequence-pads{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(560px,100%)}.seq-pad{aspect-ratio:1.5;min-height:44px;border:3px solid transparent;border-radius:10px;cursor:pointer;padding:0;transition:transform .12s ease,filter .12s ease}.seq-pad.lit{transform:scale(1.06);filter:brightness(1.08) saturate(1.05);box-shadow:0 0 0 4px #fff,0 0 0 7px var(--ink)}.sequence-status{color:var(--muted);font-size:12px;font-weight:700}.impress-caption .swatch-btn,.swatch-row .swatch-btn{width:44px;height:44px;min-height:44px;aspect-ratio:auto;border-radius:999px;border:2px solid transparent}@media(max-width:720px){.result-stage{grid-template-columns:1fr}.result-copy{padding:28px}.stack-row i,.stack-answer i{width:62px;height:80px}}.hero-still-link{display:block;color:inherit;text-decoration:none}.hero-still-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}