.tiles-page{--tiles-ink: #17212b;--tiles-muted: #65717f;--tiles-line: #d7dde5;--tiles-surface: #ffffff;--tiles-soft: #f3f6f9;--tiles-blue: #2777c4;--tiles-green: #16845c;--tiles-coral: #d94f45;--tiles-yellow: #e4ab27;--tiles-shadow: 0 8px 18px rgba(23, 33, 43, .12);--tiles-panel-bg: rgba(255, 255, 255, .78);--tiles-card-bg: #ffffff;--tiles-instruction-bg: rgba(255, 255, 255, .82);--tiles-tray-bg: #d8dee6;--tiles-tray-ready-bg: #c9d8e8;--tiles-grid-bg: rgba(255, 255, 255, .72);--tiles-cell-line: #b8c1cb;--tiles-cell-bg: rgba(255, 255, 255, .62);--tiles-drop-bg: rgba(39, 119, 196, .08);--tiles-answer-bg: rgba(22, 132, 92, .1);--tiles-inactive-bg: rgba(255, 255, 255, .28);--tiles-input-bg: #ffffff;--tiles-tile-shell: #ffffff;--tiles-tile-border: rgba(23, 33, 43, .86);--tiles-face-bg: #334155;--tiles-face-ink: #f8fafc;--tiles-active-bg: var(--tiles-ink);--tiles-active-ink: #ffffff;--tiles-question-shell: #ffffff;--tiles-question-border: rgba(23, 33, 43, .92);--tiles-question-face: #0f172a;width:min(1120px,calc(100% - (var(--page-gutter) * 2)));max-width:none;margin:auto;color:var(--tiles-ink);font-family:var(--site-font)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tiles-page{--tiles-ink: #f8fafc;--tiles-muted: #cbd5e1;--tiles-line: #334155;--tiles-surface: #111827;--tiles-soft: #1e293b;--tiles-blue: #78aef2;--tiles-green: #34d399;--tiles-coral: #ff7a70;--tiles-yellow: #facc15;--tiles-shadow: 0 10px 26px rgba(2, 6, 23, .42);--tiles-panel-bg: rgba(15, 23, 42, .82);--tiles-card-bg: #111827;--tiles-instruction-bg: rgba(15, 23, 42, .76);--tiles-tray-bg: #1f2937;--tiles-tray-ready-bg: #253a54;--tiles-grid-bg: rgba(2, 6, 23, .34);--tiles-cell-line: #475569;--tiles-cell-bg: rgba(15, 23, 42, .52);--tiles-drop-bg: rgba(120, 174, 242, .16);--tiles-answer-bg: rgba(52, 211, 153, .14);--tiles-inactive-bg: rgba(15, 23, 42, .28);--tiles-input-bg: #0f172a;--tiles-tile-shell: #ffffff;--tiles-tile-border: rgba(226, 232, 240, .72);--tiles-face-bg: #334155;--tiles-face-ink: #f8fafc;--tiles-active-bg: #f8fafc;--tiles-active-ink: #0f172a;--tiles-question-shell: #ffffff;--tiles-question-border: rgba(226, 232, 240, .82);--tiles-question-face: #0f172a}}:root[data-theme=dark] .tiles-page{--tiles-ink: #f8fafc;--tiles-muted: #cbd5e1;--tiles-line: #334155;--tiles-surface: #111827;--tiles-soft: #1e293b;--tiles-blue: #78aef2;--tiles-green: #34d399;--tiles-coral: #ff7a70;--tiles-yellow: #facc15;--tiles-shadow: 0 10px 26px rgba(2, 6, 23, .42);--tiles-panel-bg: rgba(15, 23, 42, .82);--tiles-card-bg: #111827;--tiles-instruction-bg: rgba(15, 23, 42, .76);--tiles-tray-bg: #1f2937;--tiles-tray-ready-bg: #253a54;--tiles-grid-bg: rgba(2, 6, 23, .34);--tiles-cell-line: #475569;--tiles-cell-bg: rgba(15, 23, 42, .52);--tiles-drop-bg: rgba(120, 174, 242, .16);--tiles-answer-bg: rgba(52, 211, 153, .14);--tiles-inactive-bg: rgba(15, 23, 42, .28);--tiles-input-bg: #0f172a;--tiles-tile-shell: #ffffff;--tiles-tile-border: rgba(226, 232, 240, .72);--tiles-face-bg: #334155;--tiles-face-ink: #f8fafc;--tiles-active-bg: #f8fafc;--tiles-active-ink: #0f172a;--tiles-question-shell: #ffffff;--tiles-question-border: rgba(226, 232, 240, .82);--tiles-question-face: #0f172a}.tiles-page *,.tiles-page *:before,.tiles-page *:after{box-sizing:border-box}.tiles-page button,.tiles-page input,.tiles-page select{font:inherit}.tiles-page h1,.tiles-page h2,.tiles-page p{margin-top:0}.tiles-page h1{font-size:var(--h1-font-size);line-height:1.2}.tiles-page h2{margin-bottom:12px;font-size:18px;line-height:1.2}.tiles-page .tiles-intro{margin-bottom:2rem}.tiles-page .tiles-intro p:last-child{margin-bottom:0;color:var(--tiles-muted)}.tiles-page .app-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.tiles-page .board-panel{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-panel-bg);box-shadow:var(--tiles-shadow)}.tiles-page .topbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.tiles-page .eyebrow{margin:0 0 4px;color:var(--tiles-blue);font-size:13px;font-weight:800;letter-spacing:0}.tiles-page .mode-tabs{display:flex;flex-wrap:wrap;gap:8px}.tiles-page .mode-tab,.tiles-page .small-button,.tiles-page .primary-button,.tiles-page .check-button{min-height:40px;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-surface);color:var(--tiles-ink);cursor:pointer}.tiles-page .mode-tab{padding:0 14px}.tiles-page .mode-tab.active{border-color:var(--tiles-ink);background:var(--tiles-active-bg);color:var(--tiles-active-ink)}.tiles-page .game-instructions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:18px;padding:16px;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-instruction-bg)}.tiles-page .step-label{margin:0 0 4px;color:var(--tiles-muted);font-size:12px;font-weight:800;line-height:1.2;text-indent:0;text-transform:uppercase}.tiles-page .setup-instructions{margin-bottom:0;color:var(--tiles-muted);font-size:16px;line-height:1.4;text-indent:0}.tiles-page .setup-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tiles-page .setup-select{display:flex;align-items:center;gap:8px;min-height:40px;color:var(--tiles-muted);font-size:13px;font-weight:800}.tiles-page .setup-select select{width:76px;min-height:40px}.tiles-page #memorySpeedControls select{width:118px}.tiles-page #memoryMatchControls select{width:146px}.tiles-page #puzzleDifficultyControls select{width:122px}.tiles-page #puzzleControls select{width:86px}.tiles-page .check-button{min-height:52px;padding:0 22px;border-color:var(--tiles-coral);background:var(--tiles-coral);color:#fff;font-size:18px;font-weight:900;box-shadow:0 10px 18px #d94f4538}.tiles-page .hidden{display:none!important}.tiles-page .quick-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.tiles-page .quick-score div{padding:12px 14px;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-card-bg);box-shadow:var(--tiles-shadow)}.tiles-page .quick-score strong{display:block;font-size:clamp(24px,4vw,40px);line-height:1}.tiles-page strong.running-time{color:#34d399}.tiles-page strong.stopped-time,.tiles-page strong.normal-score{color:#fff}.tiles-page strong.complete-score{color:#facc15}.tiles-page .puzzle-hint-panel{display:grid;gap:10px;margin-bottom:14px;padding:14px;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-card-bg);box-shadow:var(--tiles-shadow)}.tiles-page .puzzle-reference{display:grid;grid-template-columns:minmax(180px,260px) minmax(160px,.8fr);gap:16px;align-items:center;justify-content:start}.tiles-page .puzzle-reference-copy{max-width:330px}.tiles-page .puzzle-reference-copy p{margin:6px 0 0;color:var(--tiles-muted);font-size:15px;line-height:1.45}.tiles-page .puzzle-reference-image{width:min(260px,70vw);padding:12px;border:1px solid rgba(248,250,252,.28);border-radius:10px;background:#0f172a;box-shadow:0 18px 36px #0f172a2e}.tiles-page .puzzle-hint-title{color:var(--tiles-muted);font-size:13px;font-weight:800;line-height:1.2}.tiles-page .puzzle-hint-controls{display:flex;flex-wrap:wrap;gap:6px}.tiles-page .hint-square-button{min-height:34px;padding:0 10px;border:1px solid var(--tiles-line);border-radius:7px;background:var(--tiles-card-bg);color:var(--tiles-ink);font-size:13px;font-weight:900}.tiles-page .hint-square-button.active{border-color:var(--tiles-blue);background:var(--tiles-blue);color:#fff}.tiles-page .hint-full-button{padding-inline:14px}.tiles-page .puzzle-single-preview{display:inline-grid;gap:8px;justify-items:center;align-items:center;width:max-content;padding:10px;border-radius:8px;background:#0f172a;color:#f8fafc;font-size:12px;font-weight:900}.tiles-page .puzzle-single-preview .pixel-matrix{width:74px;padding:4px;background:#0f172a}.tiles-page .puzzle-preview{display:grid;grid-template-columns:repeat(var(--puzzle-preview-size),58px);grid-template-rows:repeat(var(--puzzle-preview-size),58px);gap:4px;align-items:center;justify-content:start;padding:10px;overflow:auto;border-radius:8px;background:#0f172a}.tiles-page .puzzle-preview-tile{display:grid;place-items:center;width:58px;aspect-ratio:1;border:1px solid rgba(248,250,252,.42);border-radius:5px;background:#111827}.tiles-page button.puzzle-preview-tile{padding:0;color:inherit;cursor:pointer}.tiles-page .puzzle-hint-tile{border-style:dashed;opacity:.76}.tiles-page .puzzle-hint-tile:hover,.tiles-page .puzzle-hint-tile.active{border-color:var(--tiles-blue);opacity:1;box-shadow:0 0 0 2px #2777c442}.tiles-page .puzzle-hint-tile:not(.active) .pixel-matrix{opacity:.62}.tiles-page .puzzle-preview-tile .pixel-matrix{width:90%;padding:3px;background:#0f172a}.tiles-page .puzzle-celebration{display:grid;gap:12px;justify-items:start}.tiles-page .puzzle-solved-badge{display:inline-grid;place-items:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--tiles-green);color:#fff;font-size:22px;font-weight:950;letter-spacing:0}.tiles-page .puzzle-solved-badge.flashing{animation:solved-flash .42s ease-in-out infinite alternate}.tiles-page .puzzle-complete-zoom{width:min(260px,72vw);padding:14px;border:1px solid rgba(248,250,252,.28);border-radius:10px;background:#0f172a;box-shadow:0 18px 36px #0f172a3d;animation:puzzle-zoom-in .42s ease-out}.tiles-page .puzzle-complete-matrix{display:grid;grid-template-columns:repeat(var(--complete-pixels),1fr);grid-template-rows:repeat(var(--complete-pixels),1fr);gap:1px;width:100%;aspect-ratio:1;padding:4px;border-radius:8px;background:#0f172a;box-shadow:inset 0 0 0 1px #ffffff14}.tiles-page .puzzle-play-again{min-height:42px}@keyframes solved-flash{0%{background:var(--tiles-green);box-shadow:0 0 #34d39900}to{background:#34d399;box-shadow:0 0 24px #34d39980}}@keyframes puzzle-zoom-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.tiles-page .play-area{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;flex:1;min-height:0}.tiles-page .pack-panel,.tiles-page .board-area{display:grid;gap:8px;min-width:0}.tiles-page .pack-panel,.tiles-page .board-area{grid-template-rows:auto minmax(0,1fr)}.tiles-page .area-title{color:var(--tiles-muted);font-size:13px;font-weight:800;line-height:1.2}.tiles-page .tray{display:grid;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;overflow:auto;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-tray-bg)}.tiles-page .tray.drop-ready{border-color:var(--tiles-blue);background:var(--tiles-tray-ready-bg)}.tiles-page .grid-wrap{display:grid;place-items:center;align-content:center;gap:12px;padding:18px;min-height:380px;overflow:auto;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-grid-bg)}.tiles-page .grid{display:grid;grid-template-columns:repeat(4,86px);grid-template-rows:repeat(4,86px);gap:8px}.tiles-page .equation-answer-panel{display:grid;grid-template-columns:minmax(190px,1fr) minmax(150px,190px);gap:10px;align-items:end;width:min(100%,480px);padding:12px;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-card-bg);box-shadow:var(--tiles-shadow)}.tiles-page .equation-check-action{width:min(100%,240px);justify-self:center}.tiles-page .equation-answer-panel strong{display:block;color:var(--tiles-ink);font-size:16px;line-height:1.2}.tiles-page .equation-answer-panel span{display:block;margin-top:3px;color:var(--tiles-muted);font-size:13px;line-height:1.35}.tiles-page .equation-answer-panel label{display:grid;gap:4px;color:var(--tiles-muted);font-size:12px;font-weight:800;line-height:1.2}.tiles-page .equation-answer-panel input{min-height:52px;padding:0 14px;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-card-bg);color:var(--tiles-ink);font-size:26px;font-weight:900;letter-spacing:0}.tiles-page .cell{position:relative;border:1px dashed var(--tiles-cell-line);border-radius:8px;background:var(--tiles-cell-bg)}.tiles-page .cell.drop-ready{border-color:var(--tiles-blue);background:var(--tiles-drop-bg)}.tiles-page .cell.answer-slot{border-color:var(--tiles-green);border-style:solid;background:var(--tiles-answer-bg)}.tiles-page .cell.answer-slot:focus-visible{outline:3px solid var(--tiles-blue);outline-offset:2px}.tiles-page .cell.answer-slot:before{content:attr(data-slot-label);position:absolute;top:5px;left:7px;z-index:0;color:var(--tiles-green);font-size:10px;font-weight:900;line-height:1;text-transform:uppercase;opacity:.9;pointer-events:none}.tiles-page .cell.inactive-slot{opacity:.22;background:var(--tiles-inactive-bg)}.tiles-page .cell.inactive-slot.drop-ready{border-color:var(--tiles-cell-line);background:var(--tiles-inactive-bg)}.tiles-page .tile{display:grid;place-items:center;width:100%;aspect-ratio:1;border:1px solid var(--tiles-tile-border);border-radius:8px;box-shadow:var(--tiles-shadow);background:var(--tiles-tile-shell);color:var(--tiles-face-ink);cursor:grab;user-select:none;touch-action:none}.tiles-page .tile:active{cursor:grabbing}.tiles-page .tile.selected{outline:4px solid var(--tiles-yellow);outline-offset:2px}.tiles-page .tile-face{display:grid;place-items:center;width:90%;aspect-ratio:1;padding:3px;overflow:hidden;border-radius:7px;border:1px solid rgba(15,23,42,.22);background:linear-gradient(145deg,#ffffff24,#fff0 38%),var(--tiles-face-bg);color:inherit;font-size:26px;font-weight:900;line-height:1.05;text-align:center;word-break:break-word;white-space:nowrap}.tiles-page .tile.long-label .tile-face{font-size:18px}.tiles-page .tile.extra-long-label .tile-face{font-size:13px}.tiles-page .tile[data-kind=blank] .tile-face{color:transparent}.tiles-page .tile.lcd-display[data-kind=blank] .tile-face{color:#17212b}.tiles-page .pack-tile[data-kind=blank] .tile-face{color:#cbd5e1;font-size:16px}.tiles-page .tile[data-kind=equation] .tile-face{border-color:#0f172a33;background:linear-gradient(135deg,#ffffff8f,#fff0 34%),#dff7ff;color:#17212b;box-shadow:inset 0 -8px 18px #0f172a14}.tiles-page .tile.question-tile{border-color:var(--tiles-question-border);background:var(--tiles-question-shell)}.tiles-page .tile.question-tile .tile-face{border-color:#0f172a3d;background:linear-gradient(135deg,#ffffff80,#fff0 30%),#dff7ff;color:#17212b}.tiles-page .tile.question-checked{border-color:#475569}.tiles-page .tile.question-checked .tile-face{border-color:#0f172a38;background:#dbeafe;color:#334155}.tiles-page .tile.question-correct{border-color:var(--tiles-green);box-shadow:0 16px 36px #16845c38}.tiles-page .tile.question-correct .tile-face{background:#16845c;color:#fff}.tiles-page .tile.question-wrong{border-color:#dc4f45;box-shadow:0 16px 36px #dc4f4538}.tiles-page .tile.question-wrong .tile-face{background:#dc4f45;color:#fff}.tiles-page .tile.mole{border-color:#facc15;background:#fef3c7;box-shadow:0 0 0 2px #facc15b8,0 0 22px #facc1566,0 18px 42px #78350f33}.tiles-page .tile.mole .tile-face{border-color:#facc15;background:#fde047;color:#fff}.tiles-page .tile.lcd-display .tile-face{width:94%;padding:4px;border-color:#0f172a3d;background:#dff7ff;color:#17212b;box-shadow:inset 0 0 0 2px #ffffff6b,inset 0 -10px 20px #0f172a14}.tiles-page .lcd-face{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:5px;background:linear-gradient(135deg,#ffffffb3,#fff0 30%),linear-gradient(180deg,#e0f7ff,#a7e9ff)}.tiles-page .lcd-svg{z-index:1;display:block;width:100%;height:100%;border-radius:5px}.tiles-page .lcd-face:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(15,23,42,.07) 0,rgba(15,23,42,.07) 1px,transparent 1px,transparent 5px);pointer-events:none;mix-blend-mode:multiply}.tiles-page .lcd-art{position:relative;z-index:1;display:grid;place-items:center;width:72%;aspect-ratio:1;border-radius:999px;background:#ffffff57;font-size:30px;line-height:1;filter:saturate(1.08)}.tiles-page .lcd-art:before{display:block;transform:translateY(-1px)}.tiles-page .lcd-word{z-index:1;display:grid;place-items:center;width:88%;min-height:52%;padding:3px;border:2px solid rgba(15,23,42,.18);border-radius:6px;background:#ffffffb8;color:#17212b;font-size:17px;font-weight:950;line-height:1;white-space:normal}.tiles-page .lcd-cat .lcd-art:before{content:"🐱"}.tiles-page .lcd-fish .lcd-art:before{content:"🐟"}.tiles-page .lcd-tree .lcd-art:before{content:"🌳"}.tiles-page .lcd-car .lcd-art:before{content:"🚗"}.tiles-page .lcd-star .lcd-art:before{content:"⭐"}.tiles-page .lcd-house .lcd-art:before{content:"🏠"}.tiles-page .lcd-flower .lcd-art:before{content:"🌼"}.tiles-page .lcd-balloon .lcd-art:before{content:"🎈"}.tiles-page .lcd-mole{background:linear-gradient(135deg,#ffffffad,#fff0 28%),linear-gradient(180deg,#fde047 0% 58%,#5a341d 59%,#2f1b12)}.tiles-page .lcd-mole .lcd-art{width:78%;background:transparent;font-size:0}.tiles-page .lcd-mole .lcd-art:before{content:"";width:76%;aspect-ratio:1.18;border-radius:46% 46% 38% 38%;background:#2b211d;box-shadow:-13px -1px 0 -5px #05070c,13px -1px 0 -5px #05070c,0 8px 0 -2px #171412,-17px 12px 0 -7px #f8fafc,17px 12px 0 -7px #f8fafc}.tiles-page .lcd-mole .lcd-art:after{content:"";position:absolute;width:18%;aspect-ratio:1.45;border-radius:999px;background:#111827;transform:translateY(5px)}.tiles-page .pixel-matrix{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:1px;width:96%;aspect-ratio:1;padding:1px;border-radius:4px;background:#111827;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -8px 18px #0f172a2e}.tiles-page .pixel{border-radius:1px;background:#334155;box-shadow:0 0 2px #ffffff24}.tiles-page .pixel[data-color=off]{background:#334155;box-shadow:none}.tiles-page .pixel[data-color=brown]{background:#f97316}.tiles-page .pixel[data-color=tan]{background:#ffc857}.tiles-page .pixel[data-color=pink]{background:#f08ba0}.tiles-page .pixel[data-color=black]{background:#05070c}.tiles-page .pixel[data-color=soil]{background:#9a3412}.tiles-page .tile.revealed .tile-face{border-color:var(--tiles-blue);background:var(--tiles-blue);color:#fff;font-size:28px;line-height:1}.tiles-page .tile.matched{border-color:#9aa6b2;background:#4b5563;color:#d1d5db;cursor:default}.tiles-page .tile.matched .tile-face{border-color:#9aa6b2;background:#aeb8c4;color:#fff;font-size:28px;line-height:1}.tiles-page .tile.revealed.lcd-display .tile-face,.tiles-page .tile.matched.lcd-display .tile-face{font-size:inherit;line-height:inherit}.tiles-page .tile.revealed.lcd-display .tile-face{border-color:var(--tiles-blue);background:#dff7ff;color:#17212b}.tiles-page .tile.matched.lcd-display .tile-face{border-color:#94a3b8;background:#dbe4ee;color:#17212b;opacity:.76}.tiles-page .tile.set-tile .tile-face{padding:5px}.tiles-page .tile.set-selected{outline:4px solid var(--tiles-yellow);outline-offset:2px}.tiles-page .tile.puzzle-tile{border-color:var(--tiles-tile-border);background:#f8fafc}.tiles-page .tile.puzzle-tile .tile-face{width:94%;padding:0;overflow:hidden;border-color:#0f172a47;background:#0f172a;transform:rotate(var(--puzzle-rotation, 0deg));transition:transform .16s ease,box-shadow .16s ease}.tiles-page .tile.puzzle-tile:focus-visible .tile-face,.tiles-page .tile.puzzle-tile:hover .tile-face{box-shadow:0 0 0 3px #2777c438}.tiles-page .tile.puzzle-anchor{border-color:var(--tiles-yellow);box-shadow:0 0 0 4px #facc153d,0 18px 30px #facc152e}.tiles-page .tile.puzzle-anchor .tile-face{box-shadow:0 0 0 3px #facc1538}.tiles-page .tile.puzzle-solved{border-color:var(--tiles-green);box-shadow:0 14px 28px #16845c38}.tiles-page .puzzle-face{display:grid;place-items:center;width:100%;height:100%;background:#0f172a}.tiles-page .puzzle-face.lcd-puzzle-face{background:#dff7ff}.tiles-page .lcd-puzzle-svg,.tiles-page .lcd-puzzle-reference-svg{display:block;width:100%;height:100%}.tiles-page .puzzle-face .pixel-matrix{width:100%;padding:3px;background:#0f172a}.tiles-page .set-face{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:100%}.tiles-page .set-mark{font-size:17px;line-height:1}.tiles-page .set-face[data-color=red] .set-mark{color:#ff6b6b}.tiles-page .set-face[data-color=green] .set-mark{color:#34d399}.tiles-page .set-face[data-color=blue] .set-mark{color:#60a5fa}.tiles-page .pixel[data-color=red]{background:#ff2d2d;box-shadow:none}.tiles-page .pixel[data-color=blue]{background:#2f7cff;box-shadow:none}.tiles-page .pixel[data-color=green]{background:#22e35f;box-shadow:none}.tiles-page .pixel[data-color=yellow]{background:#ffd43b;box-shadow:none}.tiles-page .pixel[data-color=magenta]{background:#f43bff;box-shadow:none}.tiles-page .pixel[data-color=cyan]{background:#3ee7ff;box-shadow:none}.tiles-page .pixel[data-color=orange]{background:#ff8a1f;box-shadow:none}.tiles-page .pixel[data-color=white]{background:#f8fafc;box-shadow:none}.tiles-page .tray .tile{min-width:66px}.tiles-page .side-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tiles-page .status-panel,.tiles-page .graph-panel,.tiles-page .interest-panel{padding:16px;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-surface)}.tiles-page .panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tiles-page .prompt{min-height:44px;color:var(--tiles-muted);line-height:1.35;text-indent:0}.tiles-page .metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tiles-page .metric-row div{padding:10px;border-radius:8px;background:var(--tiles-soft)}.tiles-page .metric-label{display:block;margin-bottom:4px;color:var(--tiles-muted);font-size:12px;font-weight:700}.tiles-page .metric-row strong{font-size:22px}.tiles-page .small-button{padding:0 12px}.tiles-page .graph-list{display:grid;gap:6px;max-height:230px;overflow:auto;color:var(--tiles-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.4}.tiles-page .graph-line{padding:8px;border-radius:8px;background:var(--tiles-soft)}.tiles-page .interest-panel{display:grid;gap:12px}.tiles-page label{display:grid;gap:6px;color:var(--tiles-muted);font-size:13px;font-weight:700}.tiles-page input,.tiles-page select{width:100%;min-height:40px;padding:0 10px;border:1px solid var(--tiles-line);border-radius:8px;background:var(--tiles-input-bg);color:var(--tiles-ink);font-size:16px}.tiles-page input[type=range]{padding:0}.tiles-page .primary-button{border-color:var(--tiles-blue);background:var(--tiles-blue);color:#fff;font-weight:800}.tiles-page .save-status{min-height:18px;margin-bottom:0;color:var(--tiles-green);font-size:13px;text-indent:0}@media(max-width:980px){.tiles-page .app-shell,.tiles-page .side-panel,.tiles-page .play-area,.tiles-page .game-instructions{grid-template-columns:1fr}.tiles-page .setup-actions{justify-content:flex-start}.tiles-page .quick-score{grid-template-columns:repeat(3,minmax(86px,1fr))}.tiles-page .tray{grid-template-columns:repeat(8,minmax(58px,1fr))}.tiles-page .grid{grid-template-columns:repeat(4,72px);grid-template-rows:repeat(4,72px)}.tiles-page .equation-answer-panel{grid-template-columns:1fr;align-items:stretch}}@media(max-width:620px){.tiles-page .board-panel,.tiles-page .side-panel{padding:16px}.tiles-page .puzzle-reference{grid-template-columns:1fr}.tiles-page .puzzle-reference-image{width:min(240px,100%)}.tiles-page .topbar{align-items:start;flex-direction:column}.tiles-page .tray{grid-template-columns:repeat(4,minmax(58px,1fr))}.tiles-page .grid-wrap{min-height:310px}.tiles-page .grid{grid-template-columns:repeat(4,54px);grid-template-rows:repeat(4,54px);gap:6px;padding:10px}.tiles-page .tile-face{font-size:20px}.tiles-page .quick-score{gap:6px}.tiles-page .quick-score div{padding:9px}}