.brain-stage{--brain-surface: var(--bg-soft);--brain-cell: var(--bg-card);--brain-line: var(--border);--brain-ok: var(--green);--brain-ok-bg: var(--green-bg);--brain-miss: var(--warn);--brain-miss-bg: var(--warn-bg);position:relative;min-height:360px;padding:22px;border-radius:14px;background:var(--brain-surface);display:flex;flex-direction:column;align-items:center;justify-content:center}.brain-stage .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.brain-stage button{font:inherit;color:inherit}.brain-stage button:focus-visible,.brain-stage input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.brain-stage kbd{font-family:var(--mono);font-size:.72em;padding:1px 6px;border-radius:5px;border:1px solid var(--brain-line);background:var(--bg);color:var(--text-2)}.brain-hint{min-height:1.5em;margin:10px 0;text-align:center;color:var(--text-2);font-size:14px}.brain-hint.is-ok{color:var(--brain-ok)}.brain-hint.is-miss{color:var(--brain-miss)}.brain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:inherit;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@supports not (backdrop-filter: blur(3px)){.brain-overlay{background:var(--bg)}}.brain-overlay-card{width:min(420px,100%);padding:24px;border-radius:16px;border:1px solid var(--brain-line);background:var(--bg-card);text-align:center;box-shadow:0 18px 40px #00000038}.brain-overlay-eyebrow{justify-content:center;margin-bottom:6px}.brain-overlay-title{margin:0 0 8px;font-family:var(--mono);font-size:clamp(22px,4vw,30px)}.brain-overlay-card p{margin:0 0 14px;color:var(--text-2);line-height:1.55}.brain-overlay-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.brain-options{display:grid;gap:6px;justify-items:center;margin:4px 0}.brain-options-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.brain-options-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.brain-options-row button{min-height:36px;padding:6px 12px;border-radius:999px;border:1px solid var(--brain-line);background:var(--bg);cursor:pointer}.brain-options-row button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.brain-options-row button:disabled{opacity:.55;cursor:default}.brain-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;width:100%;margin:8px 0;padding:10px 14px;border-radius:12px;border:1px solid var(--brain-line);background:var(--bg-card);text-align:center}.brain-result.is-win{border-color:var(--brain-ok)}.brain-result.is-loss{border-color:var(--brain-miss)}.nback{display:grid;justify-items:center;gap:14px}.nback-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:min(300px,70vw);aspect-ratio:1}.nback-cell{border-radius:12px;background:var(--brain-cell);border:1px solid var(--brain-line);transition:background .12s}.nback-cell.is-lit{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}.nback-match{min-width:180px;min-height:48px;font-size:16px}.nback-match.is-hit{box-shadow:0 0 0 4px var(--brain-ok)}.nback-match.is-false{box-shadow:0 0 0 4px var(--brain-miss)}.seq{display:grid;justify-items:center}.seq-pads{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:14px;width:min(320px,74vw);aspect-ratio:1}.seq-pad{border-radius:22px;border:2px solid transparent;font-family:var(--mono);font-size:28px;font-weight:700;color:#fff;cursor:pointer;opacity:.55;transition:opacity .1s,transform .1s;text-shadow:0 1px 3px rgba(0,0,0,.5)}.seq-pad:disabled{cursor:default}.seq-pad-0{background:#2f6fd6}.seq-pad-1{background:#c2410c}.seq-pad-2{background:#15803d}.seq-pad-3{background:#9d4edd}.seq-pad.is-lit{opacity:1;transform:scale(1.04);border-color:#fff;box-shadow:0 0 22px #ffffff59}.seq-pad.is-wrong{border-color:var(--brain-miss);border-style:dashed;opacity:1}.mgrid,.schulte,.lights{display:grid;justify-items:center;gap:6px;width:100%}.mgrid-board,.schulte-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:8px;width:min(420px,100%)}.mgrid-cell,.schulte-cell,.lights-cell{aspect-ratio:1;border-radius:10px;border:1px solid var(--brain-line);background:var(--brain-cell);cursor:pointer}.mgrid-cell:disabled,.schulte-cell:disabled,.lights-cell:disabled{cursor:default}.mgrid-cell.is-shown{background:var(--accent);border-color:var(--accent)}.mgrid-cell.is-found{background:var(--brain-ok-bg);border:2px solid var(--brain-ok)}.mgrid-cell.is-wrong{background:var(--brain-miss-bg);border:2px dashed var(--brain-miss)}.schulte-cell{font-family:var(--mono);font-weight:700;font-size:clamp(16px,4.2vw,26px)}.schulte-cell.is-ok{background:var(--brain-ok-bg)}.schulte-cell.is-miss{background:var(--brain-miss-bg)}.lights-board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:min(360px,100%);margin-bottom:10px}.lights-cell.is-on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 16px color-mix(in srgb,var(--gold) 55%,transparent)}.lights-cell.is-on:after{content:"";display:block;width:30%;aspect-ratio:1;margin:auto;border-radius:50%;background:#ffffffb3}.stroop{display:grid;justify-items:center;gap:18px;width:100%}.stroop-word{display:grid;place-items:center;width:min(460px,100%);min-height:130px;border-radius:16px;background:#0e1726;border:3px solid transparent;font-family:var(--mono);font-size:clamp(34px,8vw,56px);font-weight:800;letter-spacing:.06em}.stroop-word.is-ok{border-color:var(--brain-ok)}.stroop-word.is-miss{border-color:var(--brain-miss);border-style:dashed}.stroop-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(460px,100%)}.stroop-answer{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:12px;border:1px solid var(--brain-line);background:var(--brain-cell);cursor:pointer;font-weight:600}.stroop-swatch{width:14px;height:14px;border-radius:50%}.reaction{display:grid;justify-items:center;gap:14px;width:100%}.reaction-panel{width:min(560px,100%);min-height:220px;border-radius:18px;border:0;font-family:var(--mono);font-size:clamp(20px,4.5vw,30px);font-weight:700;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.reaction-panel.is-ready,.reaction-panel.is-over,.reaction-panel.is-idle{background:var(--brain-cell);color:var(--text)}.reaction-panel.is-waiting{background:#7f1d1d;color:#fff}.reaction-panel.is-go{background:#15803d;color:#fff;font-size:clamp(40px,9vw,64px)}.reaction-panel.is-early{background:var(--brain-miss-bg);color:var(--brain-miss)}.reaction-times{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;font-family:var(--mono);font-size:13px;color:var(--text-3)}.reaction-times li{padding:4px 10px;border-radius:999px;border:1px solid var(--brain-line)}.reaction-times li.is-done{color:var(--text);border-color:var(--accent)}.sudoku{display:grid;gap:14px;justify-items:center;width:100%}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:min(460px,100%);aspect-ratio:1;border:2px solid var(--text-2);border-radius:6px;overflow:hidden;background:var(--brain-line);gap:1px}.sudoku-cell{position:relative;border:0;background:var(--brain-cell);font-family:var(--mono);font-size:clamp(16px,4.6vw,24px);color:var(--accent-text);cursor:pointer;padding:0;min-width:0}.sudoku-cell.box-r{box-shadow:2px 0 0 var(--text-2);z-index:1}.sudoku-cell.box-b{box-shadow:0 2px 0 var(--text-2);z-index:1}.sudoku-cell.box-r.box-b{box-shadow:2px 0 0 var(--text-2),0 2px 0 var(--text-2),2px 2px 0 var(--text-2)}.sudoku-cell.is-given{color:var(--text);font-weight:700}.sudoku-cell.is-peer{background:color-mix(in srgb,var(--brain-cell) 82%,var(--accent))}.sudoku-cell.is-same{background:color-mix(in srgb,var(--brain-cell) 65%,var(--accent))}.sudoku-cell.is-selected{background:color-mix(in srgb,var(--brain-cell) 45%,var(--accent));color:var(--text)}.sudoku-cell.is-conflict{color:var(--brain-miss);text-decoration:underline wavy;text-underline-offset:3px}.sudoku-cell:focus-visible{outline-offset:-3px;z-index:2}.sudoku-notes{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:grid;grid-template-columns:repeat(3,1fr);font-size:clamp(7px,1.6vw,10px);color:var(--text-2);line-height:1;place-items:center}.sudoku-pad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(460px,100%)}.sudoku-pad button{display:grid;place-items:center;gap:1px;min-height:44px;border-radius:10px;border:1px solid var(--brain-line);background:var(--brain-cell);cursor:pointer;font-family:var(--mono);font-weight:700;font-size:17px}.sudoku-pad button small{font-size:10px;font-weight:400;color:var(--text-3)}.sudoku-pad button.is-complete{opacity:.45}.sudoku-pad button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sudoku-pad button:disabled{cursor:default}.mines{display:grid;gap:10px;width:100%;justify-items:center;container-type:inline-size}.mines-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:center;gap:10px 18px}.mines-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mines-actions button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.mines-scroll{max-width:100%;overflow-x:auto;padding:2px}.mines-board{--cell: clamp(22px, calc((100cqw - var(--cols) * 2px - 8px) / var(--cols)), 30px);display:grid;grid-template-columns:repeat(var(--cols),var(--cell));gap:2px;width:max-content}.mines-cell{width:var(--cell);height:var(--cell);padding:0;border-radius:4px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--brain-line));background:color-mix(in srgb,var(--accent) 30%,var(--bg-card));box-shadow:inset 0 -2px color-mix(in srgb,var(--text) 14%,transparent);cursor:pointer;font-family:var(--mono);font-weight:800;font-size:15px;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mines-cell.is-open{background:var(--bg);border-color:var(--brain-line);box-shadow:none;cursor:default}.mines-cell.is-flag{color:var(--brain-miss)}.mines-cell.is-mine{color:var(--text)}.mines-cell.is-boom{background:var(--brain-miss-bg);border:2px solid var(--brain-miss)}.mines-cell[data-n="1"]{color:#4f8ff7}.mines-cell[data-n="2"]{color:#3fb27f}.mines-cell[data-n="3"]{color:#ef5f5f}.mines-cell[data-n="4"]{color:#a78bfa}.mines-cell[data-n="5"]{color:#f59e0b}.mines-cell[data-n="6"]{color:#2dd4bf}.mines-cell[data-n="7"],.mines-cell[data-n="8"]{color:var(--text)}html[data-theme=light] .mines-cell[data-n="1"]{color:#1d4ed8}html[data-theme=light] .mines-cell[data-n="2"]{color:#15803d}html[data-theme=light] .mines-cell[data-n="3"]{color:#b91c1c}html[data-theme=light] .mines-cell[data-n="4"]{color:#6d28d9}html[data-theme=light] .mines-cell[data-n="5"]{color:#b45309}html[data-theme=light] .mines-cell[data-n="6"]{color:#0f766e}.nono{display:grid;gap:10px;justify-items:center;width:100%;container-type:inline-size}.nono-layout{--cell: clamp(14px, calc((100cqw - var(--n) * 4px - 70px) / var(--n)), 34px);display:grid;grid-template-columns:auto calc(var(--cell) * var(--n));grid-template-rows:auto calc(var(--cell) * var(--n));gap:4px}.nono-cols{display:grid;grid-template-columns:repeat(var(--n),var(--cell));align-items:end}.nono-rows{display:grid;grid-template-rows:repeat(var(--n),var(--cell));justify-items:end}.nono-clue{display:flex;gap:4px;font-family:var(--mono);font-size:calc(var(--cell) * .42);color:var(--text);font-weight:700}.nono-cols .nono-clue{flex-direction:column;align-items:center;gap:1px;padding-bottom:3px}.nono-rows .nono-clue{align-items:center;gap:.55em;padding-right:6px}.nono-clue.is-done{color:var(--text-3);font-weight:400}.nono-board{display:grid;grid-template-columns:repeat(var(--n),var(--cell));border:2px solid var(--text-2);touch-action:none;-webkit-user-select:none;user-select:none}.nono-cell{width:var(--cell);height:var(--cell);padding:0;border:1px solid var(--brain-line);background:var(--brain-cell);cursor:pointer}.nono-cell.box-r{border-right:2px solid var(--text-2)}.nono-cell.box-b{border-bottom:2px solid var(--text-2)}.nono-cell.is-filled{background:var(--text)}.nono-cell.is-marked{background-color:var(--brain-cell);background-image:linear-gradient(45deg,transparent 42%,var(--text-2) 42%,var(--text-2) 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--text-2) 42%,var(--text-2) 58%,transparent 58%);background-size:60% 60%;background-position:center;background-repeat:no-repeat}.nono-cell:focus-visible{outline-offset:-3px}.g2048{display:grid;justify-items:center;gap:12px;width:100%}.g2048-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;width:min(400px,100%);aspect-ratio:1;padding:10px;border-radius:14px;background:#3a3f4b;touch-action:none;-webkit-user-select:none;user-select:none}.g2048-cell{display:grid;place-items:center;border-radius:8px;background:#535a67;font-family:var(--mono);font-weight:800;font-size:clamp(16px,6vw,32px);color:#1d2430}.g2048-cell.is-new{animation:g2048-pop .16s ease-out}@keyframes g2048-pop{0%{transform:scale(.5)}to{transform:scale(1)}}.g2048-cell.t-2{background:#eee4da}.g2048-cell.t-4{background:#ede0c8}.g2048-cell.t-8{background:#f2b179;color:#fff}.g2048-cell.t-16{background:#f59563;color:#fff}.g2048-cell.t-32{background:#f67c5f;color:#fff}.g2048-cell.t-64{background:#f65e3b;color:#fff}.g2048-cell.t-128{background:#edcf72;color:#fff;font-size:clamp(14px,5vw,28px)}.g2048-cell.t-256{background:#edcc61;color:#fff;font-size:clamp(14px,5vw,28px)}.g2048-cell.t-512{background:#edc850;color:#fff;font-size:clamp(14px,5vw,28px)}.g2048-cell.t-1024,.g2048-cell.t-2048,.g2048-cell.t-4096{background:#edc22e;color:#fff;font-size:clamp(12px,4.2vw,24px)}.g2048-cell.t-4096{background:#3c3a32}.g2048-arrows{display:grid;grid-template-columns:repeat(3,48px);grid-template-areas:". up ." "left down right";gap:6px}.g2048-arrow{width:48px;height:44px;border-radius:10px;border:1px solid var(--brain-line);background:var(--brain-cell);font-size:18px;cursor:pointer}.g2048-arrow.is-up{grid-area:up}.g2048-arrow.is-left{grid-area:left}.g2048-arrow.is-down{grid-area:down}.g2048-arrow.is-right{grid-area:right}.slide{display:grid;justify-items:center;width:100%}.slide-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--cols),1fr);gap:6px;width:min(400px,100%);aspect-ratio:1;padding:6px;border-radius:14px;background:var(--brain-line)}.slide-tile{border-radius:10px;border:0;background:var(--brain-cell);font-family:var(--mono);font-weight:800;font-size:clamp(16px,5vw,30px);cursor:pointer;box-shadow:inset 0 -3px color-mix(in srgb,var(--text) 12%,transparent)}.slide-tile.is-home{color:var(--brain-ok)}.slide-tile:disabled{cursor:default}.slide-gap{border-radius:10px}.hanoi{display:grid;justify-items:center;width:100%}.hanoi-pegs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:min(720px,100%)}.hanoi-peg{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:calc(60px + var(--discs) * 22px);padding:10px 4px 28px;border-radius:12px;border:2px solid var(--brain-line);background:var(--brain-cell);cursor:pointer}.hanoi-peg:disabled{cursor:default}.hanoi-peg.is-held{border-color:var(--accent)}.hanoi-peg.is-target{border-style:dashed;border-color:var(--brain-ok)}.hanoi-rod{position:absolute;bottom:28px;top:18px;left:50%;width:6px;transform:translate(-50%);border-radius:3px;background:var(--text-3)}.hanoi-stack{position:relative;display:flex;flex-direction:column-reverse;align-items:center;gap:3px;width:100%}.hanoi-disc{height:18px;width:calc(18% + var(--w) * 10%);max-width:100%;border-radius:9px;background:hsl(calc(var(--w) * 40deg) 65% 55%);border:1px solid rgba(0,0,0,.25);transition:transform .12s}.hanoi-disc.is-lifted{transform:translateY(-14px);box-shadow:0 6px 12px #0000004d}.hanoi-key{position:absolute;bottom:6px;font-family:var(--mono);font-size:12px;color:var(--text-3)}.sprint{display:grid;justify-items:center;gap:12px;width:min(460px,100%)}.sprint-problem{width:100%;padding:18px 12px;text-align:center;border-radius:14px;border:2px solid transparent;background:var(--brain-cell);font-family:var(--mono);font-size:clamp(28px,7vw,46px);font-weight:800}.sprint-problem.is-ok{border-color:var(--brain-ok)}.sprint-problem.is-miss{border-color:var(--brain-miss);border-style:dashed}.sprint-problem.is-code{font-size:clamp(22px,5.5vw,36px)}.sprint-note{display:block;margin-top:6px;font-size:14px;font-weight:400;color:var(--text-2)}.sprint-input{width:100%;min-height:54px;padding:8px 14px;text-align:center;border-radius:12px;border:2px solid var(--brain-line);background:var(--bg);color:var(--text);font-family:var(--mono);font-size:26px}.sprint-input.is-code{text-transform:uppercase;letter-spacing:.06em}.words{display:grid;justify-items:center;gap:10px;width:100%}.words-grid{display:grid;gap:6px}.words-row{display:grid;grid-template-columns:repeat(5,clamp(44px,12vw,58px));gap:6px}.words-tile{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;border:2px solid var(--brain-line);font-family:var(--mono);font-size:clamp(20px,5.5vw,28px);font-weight:800;text-transform:uppercase}.words-tile.is-typed{border-color:var(--text-2)}.words-tile.is-correct{background:#2f8a57;border:3px solid #1f6b41;color:#fff}.words-tile.is-present{background:#b58a10;border:3px dashed #fff3;color:#fff}.words-tile.is-absent{background:#4b5563;border-color:#4b5563;color:#e5e7eb}.words-keyboard{display:grid;gap:6px;width:min(520px,100%)}.words-keys{display:flex;justify-content:center;gap:5px}.words-key{flex:1 1 0;min-width:0;max-width:46px;min-height:50px;border-radius:8px;border:1px solid var(--brain-line);background:var(--brain-cell);font-weight:700;cursor:pointer;padding:0}.words-key.is-wide{flex:1.6 1 0;max-width:74px;font-size:13px}.words-key.is-correct{background:#2f8a57;color:#fff;border-color:#1f6b41}.words-key.is-present{background:#b58a10;color:#fff;border-style:dashed}.words-key.is-absent{opacity:.45}.quiz,.brackets{display:grid;gap:12px;width:min(620px,100%)}.quiz-code{margin:0;padding:16px 18px;border-radius:12px;background:#0e1726;color:#e6edf3;font-family:var(--mono);font-size:14.5px;line-height:1.6;overflow-x:auto;white-space:pre}.quiz-ask{margin:0;font-weight:600;color:var(--text-2)}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quiz-option{display:flex;align-items:flex-start;gap:10px;min-height:52px;padding:10px 12px;text-align:left;border-radius:12px;border:2px solid var(--brain-line);background:var(--brain-cell);cursor:pointer}.quiz-option pre{margin:0;font-family:var(--mono);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.quiz-option.is-right{border-color:var(--brain-ok);background:var(--brain-ok-bg)}.quiz-option.is-wrong{border-color:var(--brain-miss);border-style:dashed;background:var(--brain-miss-bg)}.quiz-option.is-dim{opacity:.55}.quiz-option:disabled{cursor:default}.quiz-explain{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;border-radius:12px;border-left:4px solid var(--brain-ok);background:var(--bg-card);line-height:1.5}.quiz-explain.is-wrong{border-left-color:var(--brain-miss)}.quiz-explain .btn{margin-left:auto}.brackets-line{font-size:clamp(13px,2.6vw,17px);text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.brackets-last{opacity:.7;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.brackets-answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brackets-answer{min-height:56px;border-radius:12px;border:2px solid var(--brain-line);background:var(--brain-cell);font-weight:700;font-size:16px;cursor:pointer}.brackets-answer.is-yes{border-color:var(--brain-ok)}.brackets-answer.is-no{border-color:var(--brain-miss);border-style:dashed}@media (max-width: 600px){.brain-stage{padding:14px 10px;min-height:300px}.quiz-options{grid-template-columns:1fr}.sudoku-pad{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}}@media (prefers-reduced-motion: reduce){.brain-stage *,.brain-stage *:before,.brain-stage *:after{animation:none!important;transition:none!important}}.answer-keypad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:420px;margin:12px auto}.answer-keypad button{min-width:0;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation}.answer-keypad button:disabled{opacity:.5;cursor:default}.answer-keypad button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width: 480px){.answer-keypad{grid-template-columns:repeat(4,minmax(0,1fr))}}
