/* Original game-specific color editions. Board coordinates remain owned by each game. */
.color-edition{--edition-paper:#fff3ed;--edition-accent:#ffb28d;--edition-ink:#57334d;--edition-panel:#30283f;background:var(--edition-paper);color:#232836}
.color-edition[data-game="pop-recall"]{--edition-paper:#faf1fa;--edition-accent:#f3a8cd;--edition-ink:#713756;--edition-panel:#30233e;--edition-mark:"◉"}
.color-edition[data-game="reaction-pop"]{--edition-paper:#fff3e2;--edition-accent:#ffbf62;--edition-ink:#754118;--edition-panel:#22365b;--edition-mark:"↗"}
.color-edition[data-game="color-match"]{--edition-paper:#fcf0f8;--edition-accent:#ffa4c8;--edition-ink:#763559;--edition-panel:#3c2b52;--edition-mark:"Aa"}
.color-edition[data-game="tile-connect"]{--edition-paper:#eaf9f4;--edition-accent:#7ee5d3;--edition-ink:#11645d;--edition-panel:#1a4247;--edition-mark:"◇"}
.color-edition[data-game="odd-one-out"]{--edition-paper:#fff0e7;--edition-accent:#ffb28d;--edition-ink:#783850;--edition-panel:#402c4b;--edition-mark:"✳"}
.color-edition[data-game="mini-pool"]{--edition-paper:#edf8ef;--edition-accent:#8be3ba;--edition-ink:#285f4f;--edition-panel:#1b4147;--edition-mark:"8"}
.color-edition[data-game="bubble-match"]{--edition-paper:#f0efff;--edition-accent:#b9b6ff;--edition-ink:#4e4288;--edition-panel:#2d2b55;--edition-mark:"○○"}
.color-edition[data-game="hoop-shot"]{--edition-paper:#fff3df;--edition-accent:#ffb767;--edition-ink:#7a461d;--edition-panel:#283d58;--edition-mark:"◉"}
.color-edition[data-game="brick-break"]{--edition-paper:#fff0ec;--edition-accent:#ffa998;--edition-ink:#773b50;--edition-panel:#292d50;--edition-mark:"▰"}
.color-edition[data-game="tic-tac-toe"]{--edition-paper:#edf7ff;--edition-accent:#9bdef0;--edition-ink:#305878;--edition-panel:#2c375d;--edition-mark:"XO"}
.color-edition[data-game="maze-path"]{--edition-paper:#f9f8e6;--edition-accent:#f7d66d;--edition-ink:#5a5b29;--edition-panel:#274b44;--edition-mark:"⚑"}
.color-edition[data-game="word-search"]{--edition-paper:#f4f0ff;--edition-accent:#c8adfa;--edition-ink:#5a4288;--edition-panel:#37315a;--edition-mark:"Aa"}
.color-edition[data-game="slide-eight"]{--edition-paper:#fff4e5;--edition-accent:#ffcc88;--edition-ink:#7c5028;--edition-panel:#41365c;--edition-mark:"123"}
.color-edition[data-game="rail-switch"]{--edition-paper:#eaf7fc;--edition-accent:#8ddfdb;--edition-ink:#225d69;--edition-panel:#1c4057;--edition-mark:"↔"}
.color-edition[data-game="pipe-patch"]{--edition-paper:#edf9ff;--edition-accent:#8adfea;--edition-ink:#245e77;--edition-panel:#283e5c;--edition-mark:"↻"}
.color-edition[data-game="target-pair"]{--edition-paper:#fff0f7;--edition-accent:#ffafcf;--edition-ink:#7b3b67;--edition-panel:#432e56;--edition-mark:"+"}
.color-edition .site-header{border-color:color-mix(in srgb,var(--edition-ink) 18%,transparent)}
.color-edition .brand{color:var(--edition-ink)}
.color-edition .all-games-link{padding:10px 14px;border-radius:22px;background:#ffffffb3;color:var(--edition-ink);box-shadow:0 2px 0 #24253709}
.color-edition .color-hero{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.3fr);gap:38px;align-items:center;padding:28px 0 42px}
.color-edition .color-hero>.mini-intro{max-width:400px;text-align:left;margin:0;padding:0 0 0 9px}
.color-edition .color-hero>.mini-intro .small-label{display:inline-block;color:var(--edition-ink);padding:8px 11px;background:#ffffffb3;border-radius:22px;letter-spacing:1.2px;font-size:10px}
.color-edition .color-hero>.mini-intro h1{color:var(--edition-ink);font-size:clamp(42px,5.2vw,66px);line-height:1.01;letter-spacing:-2.4px;margin:19px 0 17px}
.color-edition .color-hero>.mini-intro p{color:#4e5261;font-size:17px;line-height:1.65;max-width:360px;margin:0}
.color-edition .color-hero>.mini-intro:after{content:var(--edition-mark);display:grid;place-items:center;width:92px;height:92px;border-radius:25px;margin-top:30px;background:var(--edition-accent);color:var(--edition-ink);font-size:43px;font-weight:900;letter-spacing:-3px;box-shadow:5px 7px 0 color-mix(in srgb,var(--edition-accent) 30%,transparent);transform:rotate(-7deg)}
.color-edition .color-hero>.mini-panel,.color-edition .color-hero>.trend-panel{width:100%;margin:0 auto;background:var(--edition-panel);box-shadow:0 10px 0 color-mix(in srgb,var(--edition-accent) 45%,var(--edition-paper)),0 24px 48px -35px var(--edition-ink)}
.color-edition .mini-stats>div{background:#ffffff0b;padding:9px 5px;border-radius:10px}
.color-edition .mini-stats span,.color-edition .trend-stats span{color:#e7e4f2}
.color-edition .mini-stats strong,.color-edition .trend-stats strong{color:var(--edition-accent)}
.color-edition .trend-stats>div{background:#ffffff0b}
.color-edition .mini-status,.color-edition .trend-status{color:#f0e9f7}
.color-edition .mini-panel .primary-button,.color-edition .trend-panel .primary-button{background:var(--edition-accent);color:var(--edition-panel)}
.color-edition .mini-panel .primary-button:hover,.color-edition .trend-panel .primary-button:hover{background:color-mix(in srgb,var(--edition-accent) 75%,white)}
.color-edition .secondary-button,.color-edition .trend-secondary{background:#ffffff12;color:#fff7fa;border-color:#ffffff65}
.color-edition .secondary-button:hover,.color-edition .trend-secondary:hover{background:#ffffff23}
.color-edition .mini-controls button,.color-edition .trend-actions button{touch-action:manipulation}
.color-edition .mini-result{background:#e4f5bd;color:#274a2a;border-color:#a6d372}
.color-edition .mini-result h2,.color-edition .mini-result p{color:#274a2a}
.color-edition .mini-instructions,.color-edition .trend-how{padding-top:18px}
.color-edition .mini-instructions h2,.color-edition .trend-how h2{color:var(--edition-ink)}
.color-edition .mini-instructions p,.color-edition .trend-how p{color:#4e5261}
.color-edition .site-footer,.color-edition .ad-slot{border-color:color-mix(in srgb,var(--edition-ink) 18%,transparent)}
.color-edition .game-panel{background:var(--edition-panel);box-shadow:0 12px 0 #e8d7ed,0 24px 35px -30px #0005}
.color-edition .intro .eyebrow,.color-edition .intro .small-label{color:var(--edition-ink)}
.color-edition .intro .pop-word{color:#db508c}
.color-edition .intro .game-facts>span{background:#fff9ff;border-color:#e5cae4;color:#664b70}
.color-edition .reaction-field{background:radial-gradient(circle at 50% 50%,#ffffff28 1px,transparent 2px),#344f85;background-size:24px 24px;border-color:#7494bf}
.color-edition .reaction-target{background:#ff9765;border-color:#ffecc1;box-shadow:inset -6px -7px 0 #e66347,0 0 0 5px #ffb76735,0 4px 12px #0003}
.color-edition .color-surface{background:#fffdf4;border-color:#f2d7e5;box-shadow:inset 0 -7px 0 #f5e0eb}
.color-edition .color-question{color:#5b4c68;font-weight:700}
.color-edition .color-word{text-shadow:0 1px 0 #ffffff;-webkit-text-stroke:.6px #3b2d4838}
.color-edition .color-answers button{background:#bdeecf;border-color:#8bc9a6;color:#174d38;box-shadow:0 4px 0 #78a98c}
.color-edition .color-answers button:last-child{background:#e9c4fb;border-color:#c697e3;color:#583072;box-shadow:0 4px 0 #906ba4}
.color-edition .color-deadline-track>div{background:#ffb9d5}
.color-edition .tile-shell{background:#123238;border-color:#668e8e}
.color-edition .tile-cell{--tile-paper:#bcece6;--tile-ink:#1b5d62;background:var(--tile-paper);color:var(--tile-ink);border-color:#ffffff66;box-shadow:inset 0 -4px 0 #00000012}
.color-edition .tile-cell[data-symbol="1"],.color-edition .tile-cell[data-symbol="6"],.color-edition .tile-cell[data-symbol="11"],.color-edition .tile-cell[data-symbol="16"]{--tile-paper:#f9cca8;--tile-ink:#7f421f}
.color-edition .tile-cell[data-symbol="2"],.color-edition .tile-cell[data-symbol="7"],.color-edition .tile-cell[data-symbol="12"],.color-edition .tile-cell[data-symbol="17"]{--tile-paper:#d8c6f5;--tile-ink:#60428b}
.color-edition .tile-cell[data-symbol="3"],.color-edition .tile-cell[data-symbol="8"],.color-edition .tile-cell[data-symbol="13"]{--tile-paper:#f6e79f;--tile-ink:#716020}
.color-edition .tile-cell[data-symbol="4"],.color-edition .tile-cell[data-symbol="9"],.color-edition .tile-cell[data-symbol="14"]{--tile-paper:#f7bdd2;--tile-ink:#873e62}
.color-edition .tile-cell[data-symbol="5"],.color-edition .tile-cell[data-symbol="10"],.color-edition .tile-cell[data-symbol="15"]{--tile-paper:#bfdcf5;--tile-ink:#345e8a}
.color-edition .tile-cell:disabled:not(.is-empty){opacity:1}
.color-edition .tile-cell:not(:disabled):not(.is-selected):not(.is-hint):not(.is-wrong):hover{background:var(--tile-paper)}
.color-edition .tile-cell.is-empty{background:transparent;box-shadow:none}
.color-edition .tile-cell.is-selected{background:#fff9d1;border-color:#ffbc4f;box-shadow:inset 0 0 0 2px #ffbc4f}
.color-edition .tile-cell.is-hint{box-shadow:inset 0 0 0 4px #fff9cf,0 0 0 2px #b8f2bf}
.color-edition .tile-cell.is-wrong{background:#ffb8ae;border-color:#e15a50;box-shadow:inset 0 0 0 2px #c95149}
.color-edition .tile-path polyline{stroke:#fbf389;filter:drop-shadow(0 0 3px #274a42)}
.color-edition #odd-field{background:#593b69;border-color:#9c76a3}
.color-edition .odd-tile{background:#ffd6bd;color:#6a3559;border-color:#f4b293;box-shadow:inset 0 -5px 0 #eeb79e}
.color-edition .odd-tile.is-wrong{background:#f693a3;color:#662844;border-color:#e86681}
.color-edition .odd-placeholder{color:#ffdbc9}
.color-edition .bubble-aim button{background:#49467a;border-color:#9b94cf;color:#fff}
.color-edition[data-game="mini-pool"] .trend-stage{min-height:0}
.color-edition .bubble-board{background:#23274c;border-radius:15px}
.color-edition .bubble-cell:not(.is-empty){box-shadow:inset -3px -4px 0 #0002,inset 2px 3px 0 #fff4}
.color-edition .hoop-court{background:#304a72;border-color:#7f9cca}
.color-edition .brick-court{border-color:#a5b1eb;box-shadow:0 0 0 4px #a7b6f01a}
.color-edition .ttt-cell{background:#425184;border-color:#728bc1;box-shadow:inset 0 -6px 0 #24375e55}
.color-edition .ttt-cell[data-mark="X"]{background:#514a7d;color:#ffd394}
.color-edition .ttt-cell[data-mark="O"]{background:#345e7b;color:#9ceddd}
.color-edition .ttt-cell[aria-disabled="false"]:hover{background:#59659a}
.color-edition .ttt-cell.winning{background:#588663;color:#fbffd1;border-color:#d9f6a2}
.color-edition .maze-wall{background:#4e8d82;border-color:#6da798;box-shadow:inset 0 -3px 0 #356c6533}
.color-edition .maze-board{background:#fff4cc;border-color:#fff4cc}
.color-edition .maze-tile:not(.maze-wall):not(.maze-player){border-color:#e0cea3}
.color-edition .maze-player{background:#cdeaff;color:#295ce1;box-shadow:inset 0 0 0 3px #fff4cc}
.color-edition .maze-goal:not(.maze-player){background:#ffdd83;color:#4b6a32}
.color-edition .maze-pad button{background:#f5d96f;color:#374a32;border-color:#d5b85b}
.color-edition .word-board,.color-edition .word-cell{background:#f9edff}
.color-edition .word-cell{color:#5f3f88;border-color:#d9c7ed}
.color-edition .word-list li{background:#635384;color:#fff0ff}
.color-edition .word-list li:nth-child(2n){background:#455f83}
.color-edition .word-list .is-found{background:#ccedab;color:#2c562a}
.color-edition .word-cell.is-found{background:#d3eeb4;color:#31562e}
.color-edition .word-cell.is-selecting{background:#ffcb8a;color:#71421d;box-shadow:inset 0 0 0 3px #d8963e}
.color-edition .slide-tile{background:#f8c5a8;color:#5e3e5e;border-color:#eeb194;box-shadow:inset 0 -5px 0 #b37f6e27}
.color-edition .slide-tile:nth-child(3n+2){background:#d1b9ef;border-color:#bca0dc}
.color-edition .slide-tile:nth-child(3n){background:#b4e1db;border-color:#92c5bd}
.color-edition .slide-tile.movable{background:#365cb0;color:#fff;box-shadow:inset 0 0 0 3px #fff5cd,0 4px 0 #211b3f;border-color:#fff0bf}
.color-edition .slide-tile.blank{background:#302942;border-color:#afa0cd;box-shadow:none}
.color-edition .slide-tile.blank:after{color:#dbd0ef}
.color-edition .slide-board.solved .slide-tile:not(.blank){background:#d7edab;color:#35562c;border-color:#8eb865}
.color-edition .rail-court{background:#274965;border-color:#75adb9}
.color-edition .rail-switch-button{background:#9ee7d4;color:#164f51;border-color:#70b8ab}
.color-edition .pipe-board{background:#1c304d;border-color:#779ac6}
.color-edition .pipe-tile{background:#34577b;border-color:#648ab2}
.color-edition .pipe-line{stroke:#bdcdeb}
.color-edition .pipe-shadow{stroke:#1d395a}
.color-edition .pipe-tile.flowing{background:#2c6b85}
.color-edition .pipe-tile.flowing .pipe-line{stroke:#8af0ef}
.color-edition .pipe-tile.flowing circle{fill:#fff0ac}
.color-edition .pair-goal strong{color:#ffd78c}
.color-edition .pair-card{background:#f8c2d7;color:#693456;border-color:#d994b5;box-shadow:inset 0 -5px 0 #a6668b22}
.color-edition .pair-card:nth-child(3n+2){background:#d5c0f5;color:#4d3d76;border-color:#b49bd6}
.color-edition .pair-card:nth-child(3n){background:#afdedd;color:#285b62;border-color:#7eb4be}
.color-edition .pair-card.selected{background:#fff0af;color:#65501b;border-color:#ffd17b;box-shadow:inset 0 0 0 2px #d8a44f}
.color-edition .pair-card.selected:after{color:#6b5015}
.color-edition .pair-card.incorrect{background:#ff9fa8;color:#6a2b44;border-color:#da647b}
/* Directory covers are screenshots of the actual games, rather than generic symbols. */
.color-directory{background:#f2f3fc;color:#242338}
.color-directory .directory-intro{max-width:none;background:#2c2945;color:#fff7ff;border-radius:26px;padding:31px 34px;position:relative;overflow:hidden}
.color-directory .directory-intro:after{content:"✦";position:absolute;right:29px;top:16px;color:#e0b9ff;font-size:100px;line-height:1;transform:rotate(12deg)}
.color-directory .directory-intro .small-label{color:#d1c1f1;letter-spacing:1.5px}
.color-directory .directory-intro h1{font-size:clamp(37px,4.5vw,59px);max-width:780px;margin:14px 0;color:#fff4fe;letter-spacing:-2px}
.color-directory .directory-intro p{color:#ddd5ed;max-width:760px;margin-bottom:0}
.color-directory .game-cards{gap:22px}
.color-directory .game-card{padding:13px 13px 18px;background:#fff;border-color:#dfdbea;border-radius:21px;box-shadow:0 5px 0 #ddddea66;overflow:hidden}
.color-directory .game-card>img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:var(--cover-paper,#e9e4f4);border-radius:13px}
.color-directory .game-card h2{font-size:23px;margin:16px 9px 8px;color:#332e47}
.color-directory .game-card .game-type{margin:0 9px 7px;background:var(--cover-paper,#eee8fb);color:#49405e;padding:5px 8px;border-radius:14px;font-size:9px;letter-spacing:1px}
.color-directory .game-card p{margin:0 9px 19px;font-size:13px;color:#615b70}
.color-directory .game-card .card-play{margin-left:9px;margin-right:9px;background:#36304f;color:#fff3ff;border-radius:20px;padding:10px 17px;gap:30px}
.color-directory .game-card .card-play:hover{background:#5f4783}
.color-directory .game-card .card-play:focus-visible{outline:3px solid #8b5db8;outline-offset:3px}
@media(min-width:721px) and (max-width:920px){.color-edition .color-hero{gap:20px;grid-template-columns:minmax(170px,.65fr) minmax(0,1.2fr)}.color-edition .color-hero>.mini-intro h1{font-size:42px}.color-edition .color-hero>.mini-intro p{font-size:15px}}
@media(max-width:720px){.color-edition .color-hero{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:0 0 29px}.color-edition .color-hero>.mini-intro{margin:0 auto;text-align:center;max-width:450px;padding:0}.color-edition .color-hero>.mini-intro:after{display:none}.color-edition .color-hero>.mini-intro h1{font-size:34px;letter-spacing:-1.4px;margin:12px 0 9px}.color-edition .color-hero>.mini-intro p{font-size:14px;max-width:390px;margin:0 auto}.color-edition .color-hero>.mini-intro .small-label{font-size:8px;padding:7px 10px}.color-edition .mini-stats>div{padding:8px 3px}.color-directory .directory-intro{padding:25px 21px;border-radius:22px}.color-directory .directory-intro h1{font-size:39px;max-width:430px;letter-spacing:-1.5px;position:relative;z-index:1}.color-directory .directory-intro:after{font-size:58px;right:17px;top:17px;opacity:.45}.color-directory .directory-intro p{font-size:14px}.color-directory .directory-intro .small-label{font-size:8px}.color-directory .game-cards{gap:18px}}
@media(max-width:350px){.color-edition .color-hero>.mini-intro h1{font-size:30px}.color-edition .color-hero>.mini-intro p{font-size:13px}.color-directory .directory-intro{padding:22px 17px}.color-directory .directory-intro h1{font-size:33px}.color-directory .directory-intro:after{font-size:44px;right:13px}}
@media(prefers-reduced-motion:reduce){.color-edition *, .color-directory *{animation:none!important;transition:none!important}}