.site-header-inner{max-width:1280px}
.board-panel{scroll-margin-top:calc(var(--header-height) + 14px);position:relative}
.games-dropdown{max-height:min(70vh,560px);overflow:auto;overscroll-behavior:contain}
.games-search{position:sticky;top:0;z-index:2;width:100%;height:40px;margin:0 0 7px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:#0b1020;color:var(--text);outline:none}
.games-search:focus{border-color:#6d61cc;box-shadow:0 0 0 3px rgba(115,87,255,.12)}
.games-search-empty{padding:16px 12px;color:var(--muted);font-size:12px;text-align:center}
.footer-inner{grid-template-columns:minmax(260px,1fr) minmax(130px,180px) minmax(130px,180px) minmax(130px,180px);gap:48px}
.control-stack button:disabled,.difficulty-button:disabled,.mode-button:disabled,.daily-level:disabled,.solution-navigator button:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.65);transform:none!important;box-shadow:none!important}
.control-stack button:disabled:hover,.difficulty-button:disabled:hover,.mode-button:disabled:hover,.daily-level:disabled:hover{transform:none;background:inherit}
.board-feedback{margin:0;padding:8px 14px;border-bottom:1px solid rgba(40,49,77,.72);background:linear-gradient(90deg,rgba(115,87,255,.055),rgba(40,201,245,.025));color:var(--muted);font-size:10px;line-height:1.4;min-height:31px;text-align:center}
.board-feedback:empty{display:none}
.practice-complete-notice{position:absolute;z-index:12;top:66px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),480px);display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(55,217,154,.42);border-radius:14px;background:rgba(8,18,25,.94);box-shadow:0 16px 44px rgba(0,0,0,.36),0 0 28px rgba(55,217,154,.08);backdrop-filter:blur(12px)}
.practice-complete-notice[hidden]{display:none!important}.practice-complete-icon{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:rgba(55,217,154,.16);color:var(--success);font-size:17px;font-weight:900}.practice-complete-notice div{min-width:0;display:flex;flex-direction:column}.practice-complete-notice strong{font-size:12px;color:#dffff1}.practice-complete-notice small{margin-top:1px;color:var(--muted);font-size:10px;line-height:1.35}.board-panel.practice-complete{border-color:rgba(55,217,154,.32);box-shadow:0 10px 35px rgba(0,0,0,.12),inset 0 0 0 1px rgba(55,217,154,.05)}
.number-cell.blocked,.color-cell.blocked{opacity:1!important;cursor:not-allowed!important;border-color:#46516c!important;background:repeating-linear-gradient(135deg,#0a0f1b 0,#0a0f1b 7px,#1b2234 7px,#1b2234 13px)!important;box-shadow:inset 0 0 0 1px rgba(132,146,177,.09),inset 0 0 22px rgba(0,0,0,.34)!important}.number-cell.blocked:before,.color-cell.blocked:before{content:"";position:absolute;inset:17%;border:1px solid rgba(132,146,177,.24);border-radius:7px;background:linear-gradient(45deg,transparent 46%,rgba(132,146,177,.24) 47%,rgba(132,146,177,.24) 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(132,146,177,.16) 47%,rgba(132,146,177,.16) 53%,transparent 54%)}.number-cell.blocked:after,.color-cell.blocked:after{content:""!important;position:absolute!important;inset:7px!important;border-radius:6px!important;border:1px solid rgba(116,128,154,.08)!important;pointer-events:none}

/* Competitive loop */
.ranking-gap{text-align:center;color:#66708a;font-size:12px;letter-spacing:.18em;padding:2px 0}.ranking-row.is-target{background:linear-gradient(90deg,rgba(255,189,90,.08),transparent)}.ranking-target{color:#ffbd5a!important;font-weight:800!important}.ranking-row.is-me{background:linear-gradient(90deg,rgba(115,87,255,.20),rgba(40,201,245,.06));outline:1px solid rgba(115,87,255,.42)}.ranking-row.is-me .ranking-player b{color:#fff;letter-spacing:.04em}.mastery{margin-top:9px;padding-top:9px;border-top:1px solid var(--border-soft)}.mastery-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.mastery-heading b{font-size:9px}.mastery-heading small{font-size:7px;color:var(--muted-2)}.mastery-levels{display:grid;gap:5px}.mastery-level{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 7px;border-radius:8px;background:#0c1220;color:var(--muted);font-size:8px}.mastery-level.complete{color:#dfffee;background:rgba(55,217,154,.055);border:1px solid rgba(55,217,154,.14)}.mastery-level b{font-size:9px;color:inherit}
.result-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.result-insights[hidden]{display:none!important}.result-insight{padding:9px;border:1px solid var(--border);border-radius:10px;background:#0d1322;text-align:left}.result-insight b{display:block;font-size:10px}.result-insight small{display:block;margin-top:2px;color:var(--muted-2);font-size:7.5px;line-height:1.3}.result-insight.is-best{border-color:rgba(55,217,154,.32);background:rgba(55,217,154,.06)}.result-insight.is-rank-up,.result-insight.is-target{border-color:rgba(115,87,255,.32);background:rgba(115,87,255,.07)}.result-insight.is-daily{border-color:rgba(255,189,90,.35);background:rgba(255,189,90,.06)}.result-insight.is-milestone{grid-column:1/-1;border-color:rgba(255,189,90,.52);background:linear-gradient(90deg,rgba(255,189,90,.10),rgba(115,87,255,.08));text-align:center}.result-insight.is-policy{border-color:rgba(148,163,184,.2);background:rgba(148,163,184,.04)}
.solution-navigator{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 10px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(40,201,245,.04),rgba(115,87,255,.06))}.solution-navigator[hidden]{display:none!important}.solution-navigator button{width:34px;height:30px;border:1px solid var(--border);border-radius:8px;background:#10172a;color:var(--text);cursor:pointer}.solution-navigator span{min-width:150px;text-align:center;display:flex;flex-direction:column}.solution-navigator b{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#8fa5ff}.solution-navigator small{font-size:9px;color:var(--muted);margin-top:1px}.color-solution-line.solution-current{opacity:.78;stroke-width:9px;filter:drop-shadow(0 0 4px currentColor)}.light-cell.hint-zone{outline:2px dashed rgba(55,217,154,.34);outline-offset:-4px}.loop-hit.solution-current{stroke:#37d99a!important;stroke-width:3.4!important;filter:drop-shadow(0 0 1.5px #37d99a)}

/* Daily retention */
.daily-level.complete{border-color:rgba(55,217,154,.58)!important;background:linear-gradient(135deg,rgba(55,217,154,.13),rgba(40,201,245,.055))!important;box-shadow:inset 3px 0 0 var(--success),0 0 18px rgba(55,217,154,.04)}
.daily-level.complete span{color:#eafff5}.daily-level.complete small{color:#91cbb2}.daily-level.complete i{display:grid!important;place-items:center;min-width:46px;height:22px;top:18px!important;right:9px!important;padding:0 7px;border-radius:999px;background:rgba(55,217,154,.14);border:1px solid rgba(55,217,154,.28);font-size:8px;font-weight:900;letter-spacing:.05em}
.daily-progress.is-complete{border-color:rgba(55,217,154,.35);background:linear-gradient(135deg,rgba(55,217,154,.07),#0e1322)}
.daily-progress.is-complete>strong{color:#bff5d8}

/* Loop Puzzle clue chips */
.loop-clue-chip{stroke-width:.35;transition:fill .16s ease,stroke .16s ease,filter .16s ease}.loop-clue-chip.clue-0{fill:#11182a;stroke:#48526c}.loop-clue-chip.clue-1{fill:rgba(40,201,245,.13);stroke:#3b91b1}.loop-clue-chip.clue-2{fill:rgba(115,87,255,.16);stroke:#685bd0}.loop-clue-chip.clue-3{fill:rgba(255,189,90,.15);stroke:#a87b39}.loop-clue{font-weight:900!important;paint-order:stroke;stroke:#080b14;stroke-width:.35;letter-spacing:-.03em}.loop-clue.clue-0{fill:#9aa5bd}.loop-clue.clue-1{fill:#7edcff}.loop-clue.clue-2{fill:#b7a9ff}.loop-clue.clue-3{fill:#ffd284}.loop-clue-chip.satisfied{fill:rgba(55,217,154,.16);stroke:#37d99a;filter:drop-shadow(0 0 1.5px rgba(55,217,154,.45))}.loop-clue-chip.conflict{fill:rgba(255,107,124,.14);stroke:#ff6b7c;filter:drop-shadow(0 0 1.5px rgba(255,107,124,.38))}

/* Subtle game juice */
.color-cell.paired:after{animation:pairGlow .42s ease-out}.light-cell.press-pop{animation:pressPop .18s ease-out}.game-board.game-solved-bloom:after{content:"";position:absolute;inset:18%;border-radius:50%;pointer-events:none;animation:solveBloom .58s ease-out both;background:radial-gradient(circle,rgba(55,217,154,.18),transparent 66%)}
@keyframes pairGlow{0%{transform:scale(.78);filter:brightness(1.8)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes pressPop{50%{transform:scale(.94);filter:brightness(1.22)}}
@keyframes solveBloom{0%{opacity:0;transform:scale(.65)}35%{opacity:1}100%{opacity:0;transform:scale(1.45)}}

@media(max-width:960px){.footer-inner{grid-template-columns:1.4fr 1fr 1fr;gap:34px}.footer-brand{grid-column:1/-1}}
@media(max-width:620px){.footer-inner{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.practice-complete-notice{top:62px}.result-insights{grid-template-columns:1fr}.solution-navigator span{min-width:120px}.board-feedback{font-size:9px;padding:7px 10px}}
@media(max-width:420px){.footer-inner{grid-template-columns:1fr}}