@font-face{font-family:BoardTogetherDisplay;src:url(/math/play/assets/Fonts/Bangers-Regular-subset.woff) format("woff"),url(/math/play/assets/Fonts/Bangers-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:BoardTogetherHand;src:url(/math/play/assets/Fonts/Fraunces-Variable-subset.woff) format("woff"),url(/math/play/assets/Fonts/Fraunces-Variable.ttf) format("truetype");font-display:swap}@font-face{font-family:BoardTogetherMath;src:url(/math/play/assets/Fonts/STIXTwoMath-Regular-subset.woff) format("woff"),url(/math/play/assets/Fonts/STIXTwoMath-Regular.ttf) format("truetype");font-display:swap}:root{color-scheme:light;color:#213035;background:#fff7df;font-family:BoardTogetherHand,ui-rounded,system-ui,sans-serif;font-synthesis:none;--ink: #213035;--ink-soft: #55666d;--paper: #fff7df;--panel: #fffdf4;--panel-strong: #fff0b7;--edge: #263238;--sun: #ffd34d;--blue: #2d7ff9;--mint: #8fe3c0;--rose: #f15b5b;--violet: #6c63ff;--teal: #2a7b77;--shadow: rgba(38, 50, 56, .22);--shadow-soft: rgba(38, 50, 56, .14);--focus-ring: #1769e0;--focus-ring-soft: rgba(23,105,224,.22);--surface-pattern: linear-gradient(rgba(255,255,255,.46) 1px, transparent 1px), radial-gradient(circle at 14% 18%, rgba(255, 211, 77, .18), transparent 24%);--surface-pattern-size: 100% 32px, auto;--surface-pattern-position: 0 0, 0 0;--theme-panel-bg: rgba(255,253,244,.92);--theme-panel-pattern: linear-gradient(transparent, transparent);--theme-panel-size: 42px 42px, 100% 100%;--theme-board-bg: rgba(255,253,244,.92);--theme-board-pattern: linear-gradient(transparent, transparent);--theme-board-size: 34px 34px, 100% 100%;--theme-tile-face: var(--panel);--theme-blank-bg: rgba(45,127,249,.06);--ease-pop: cubic-bezier(.2,.8,.2,1);--motion-fast: .15s;--motion-toggle: .16s;--motion-tile: .26s;--motion-board: .3s;--motion-shake: .36s;--motion-stat: .42s;--motion-pop: .52s;--motion-feedback: .62s;--motion-urgent: .65s;--motion-dot: .8s;--motion-loop: .85s;--motion-burst: .9s;--motion-confetti: 1.7s;--motion-shine: 1.8s;--type-page-title: 5rem;--type-title-tile: 4rem;--type-title-tile-small: 3.2rem;--type-mode-title: 1.9rem;--type-equation: 2.35rem;--type-practice-equation: 2.25rem;--type-preview-equation: 1.75rem;--type-lobby-title: 3.75rem}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}:where(button,a,h1,h2,h3,p,label,small,strong,em){min-width:0;overflow-wrap:break-word}:where(.mode-card,.nav-button,.status-card,.status-text,.selection-summary span,.setup-ready,.topic-main,.topic-state,.topic-recommendation,.topic-count,.round-settings label,.hud-title,.hud-metric,.feedback-pill,.summary-medal,.summary-stat,.summary-badges span,.settings-overview span,.settings-section-head,.settings-section-head small,.theme-selected-badge,.store-hero,.store-status-chip,.store-stats span,.store-feature,.store-theme-chip,.score-card,.score-target,.validation-chip,.preview-header span,.lobby-mode-card,.lobby-status small,.network-facts p){min-width:0}:where(button,.mode-badge,.selection-summary span,.setup-ready,.topic-state,.topic-recommendation,.topic-count,.score-target,.summary-badges span,.settings-overview span,.settings-section-head small,.theme-selected-badge,.store-status-chip,.store-stats span,.store-theme-chip,.validation-chip,.preview-header span,.lobby-status small,.network-facts p){overflow-wrap:anywhere;text-wrap:balance}button{border:2px solid var(--edge);background:var(--panel);color:var(--ink);border-radius:8px;padding:.58rem .85rem;box-shadow:3px 3px 0 var(--shadow);cursor:pointer}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:4px 5px 0 var(--shadow)}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.primary{background:var(--sun)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 7px var(--focus-ring-soft),3px 3px 0 var(--shadow)}.math-tile:focus-visible,.blank-slot:focus-visible,.theme-swatch:focus-visible,.topic-row:focus-visible{outline-width:4px;box-shadow:0 0 0 7px var(--focus-ring-soft),4px 5px #2d7ff93d}input,select{border:2px solid var(--edge);border-radius:8px;background:var(--panel);padding:.5rem;min-height:44px}input.field-ready{border-color:#087a4c;box-shadow:0 0 0 3px #8fe3c047}input.field-error,input[aria-invalid=true]{border-color:#a52a3a;box-shadow:0 0 0 3px #f15b5b2e}.form-help{margin:6px 0 10px;font-size:.88rem;font-weight:800;color:var(--ink-soft)}.form-help.ready{color:#087a4c}.form-help.error{color:#a52a3a}a{color:#175ccf;font-weight:700}p{color:var(--ink-soft)}h1{font-family:BoardTogetherDisplay,Impact,sans-serif;font-size:var(--type-page-title);font-weight:400;letter-spacing:0;margin:0 0 12px}h2{margin:0 0 8px}.app-frame{min-height:100vh;background-color:var(--surface, var(--paper));background-image:var(--surface-pattern);background-position:var(--surface-pattern-position);background-size:var(--surface-pattern-size)}.theme-notebook{--surface: #fff7df;--theme-panel-pattern: linear-gradient(rgba(255,211,77,.08) 1px, transparent 1px);--theme-board-pattern: linear-gradient(90deg, rgba(45,127,249,.08) 1px, transparent 1px);--theme-tile-face: linear-gradient(180deg, #ffffff 0%, #fff9e8 100%)}.theme-robotLab{--surface: #eef8ff;--panel: #f8fdff;--panel-strong: #d8f0ff;--sun: #7bdff2;--blue: #1769e0;--mint: #b8f7ff;--surface-pattern: linear-gradient(90deg, rgba(23,105,224,.09) 1px, transparent 1px), linear-gradient(rgba(23,105,224,.07) 1px, transparent 1px), radial-gradient(circle at 18px 18px, rgba(108,99,255,.18) 0 2px, transparent 3px);--surface-pattern-size: 38px 38px, 38px 38px, 76px 76px;--surface-pattern-position: 0 0, 0 0, 0 0;--theme-panel-bg: rgba(248,253,255,.94);--theme-panel-pattern: linear-gradient(90deg, rgba(23,105,224,.08) 1px, transparent 1px), linear-gradient(rgba(23,105,224,.06) 1px, transparent 1px);--theme-panel-size: 42px 42px, 42px 42px, 100% 100%;--theme-board-bg: rgba(248,253,255,.96);--theme-board-pattern: radial-gradient(circle at 16px 14px, rgba(23,105,224,.16) 0 2px, transparent 3px), linear-gradient(90deg, rgba(23,105,224,.07) 1px, transparent 1px);--theme-board-size: 38px 38px, 28px 28px, 100% 100%;--theme-tile-face: linear-gradient(180deg, #ffffff 0%, #eaf8ff 100%);--theme-blank-bg: rgba(23,105,224,.08)}.theme-botanical{--surface: #f5ffec;--panel: #fcfff7;--panel-strong: #dcf8c6;--sun: #ffe17a;--blue: #2a7b77;--mint: #a7e6a1;--surface-pattern: radial-gradient(ellipse at 16px 11px, rgba(42,123,119,.14) 0 4px, transparent 5px), radial-gradient(circle at 42px 32px, rgba(167,230,161,.22) 0 9px, transparent 10px);--surface-pattern-size: 64px 52px, 96px 82px;--surface-pattern-position: 0 0, 12px 8px;--theme-panel-bg: rgba(252,255,247,.94);--theme-panel-pattern: radial-gradient(ellipse at 12px 10px, rgba(42,123,119,.08) 0 5px, transparent 6px);--theme-panel-size: 48px 40px, 100% 100%;--theme-board-bg: rgba(252,255,247,.96);--theme-board-pattern: radial-gradient(ellipse at 24px 16px, rgba(167,230,161,.18) 0 7px, transparent 8px), linear-gradient(90deg, rgba(42,123,119,.06) 1px, transparent 1px);--theme-board-size: 58px 44px, 30px 30px, 100% 100%;--theme-tile-face: linear-gradient(180deg, #ffffff 0%, #f2ffe8 100%);--theme-blank-bg: rgba(42,123,119,.08)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#f3fbff;background:#101820;--ink: #f3fbff;--ink-soft: #c5d6dc;--paper: #101820;--panel: #1d2a30;--panel-strong: #2a3b42;--edge: #eaf4f8;--sun: #ffd76e;--blue: #89b8ff;--mint: #7adcb8;--rose: #ff8a8a;--violet: #b8b0ff;--teal: #83d5ce;--shadow: rgba(0,0,0,.55);--shadow-soft: rgba(0,0,0,.36);--focus-ring: #9dccff;--focus-ring-soft: rgba(157,204,255,.26);--surface-pattern: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), radial-gradient(circle at 14% 18%, rgba(255, 211, 77, .12), transparent 24%);--theme-panel-bg: rgba(29,42,48,.94);--theme-board-bg: rgba(33,48,54,.96);--theme-tile-face: linear-gradient(180deg, #31424a 0%, #24343b 100%);--theme-blank-bg: rgba(137,184,255,.16)}a{color:#9dccff}.theme-notebook{--surface: #151814;--panel: #222720;--panel-strong: #393721;--surface-pattern: linear-gradient(rgba(255,215,110,.08) 1px, transparent 1px), radial-gradient(circle at 16% 16%, rgba(255,215,110,.12), transparent 26%);--theme-panel-bg: rgba(34,39,32,.94);--theme-panel-pattern: linear-gradient(rgba(255,215,110,.08) 1px, transparent 1px);--theme-board-bg: rgba(38,43,36,.96);--theme-board-pattern: linear-gradient(90deg, rgba(137,184,255,.12) 1px, transparent 1px);--theme-tile-face: linear-gradient(180deg, #344038 0%, #252f28 100%);--theme-blank-bg: rgba(137,184,255,.18)}.theme-robotLab{--surface: #0e1820;--panel: #172631;--panel-strong: #203b48;--sun: #8be8ff;--blue: #9dccff;--mint: #81edf3;--surface-pattern: linear-gradient(90deg, rgba(139,232,255,.13) 1px, transparent 1px), linear-gradient(rgba(139,232,255,.1) 1px, transparent 1px), radial-gradient(circle at 18px 18px, rgba(184,176,255,.2) 0 2px, transparent 3px);--theme-panel-bg: rgba(23,38,49,.95);--theme-panel-pattern: linear-gradient(90deg, rgba(139,232,255,.12) 1px, transparent 1px), linear-gradient(rgba(139,232,255,.08) 1px, transparent 1px);--theme-board-bg: rgba(27,47,58,.96);--theme-board-pattern: radial-gradient(circle at 16px 14px, rgba(139,232,255,.22) 0 2px, transparent 3px), linear-gradient(90deg, rgba(139,232,255,.1) 1px, transparent 1px);--theme-tile-face: linear-gradient(180deg, #263d4a 0%, #192d38 100%);--theme-blank-bg: rgba(139,232,255,.17)}.theme-botanical{--surface: #0f1b17;--panel: #192821;--panel-strong: #263d2f;--sun: #ffe27a;--blue: #83d5ce;--mint: #87d98b;--surface-pattern: radial-gradient(ellipse at 16px 11px, rgba(131,213,206,.15) 0 4px, transparent 5px), radial-gradient(circle at 42px 32px, rgba(135,217,139,.16) 0 9px, transparent 10px);--theme-panel-bg: rgba(25,40,33,.95);--theme-panel-pattern: radial-gradient(ellipse at 12px 10px, rgba(131,213,206,.12) 0 5px, transparent 6px);--theme-board-bg: rgba(29,48,39,.96);--theme-board-pattern: radial-gradient(ellipse at 24px 16px, rgba(135,217,139,.18) 0 7px, transparent 8px), linear-gradient(90deg, rgba(131,213,206,.09) 1px, transparent 1px);--theme-tile-face: linear-gradient(180deg, #2d4136 0%, #1f3128 100%);--theme-blank-bg: rgba(131,213,206,.16)}.drag-preview{background:var(--theme-tile-face)}.contrast-tiles .math-tile,.contrast-tiles .blank-slot.filled{color:#f3fbff;text-shadow:0 1px 0 rgba(0,0,0,.8)}.contrast-tiles .math-tile:after,.contrast-tiles .blank-slot.filled:after{background:#101820eb;color:#f3fbff}}.screen{min-height:100vh;padding:clamp(16px,3vw,34px);position:relative;overflow:visible}.loading-banner{position:fixed;z-index:40;top:12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:9px;background:var(--mint);border:2px solid var(--edge);border-radius:8px;padding:8px 14px;box-shadow:3px 3px 0 var(--shadow);font-weight:900}.loading-dots{display:inline-flex;align-items:center;gap:3px}.loading-dots i{width:6px;height:6px;border-radius:999px;background:currentColor;animation:loading-dot var(--motion-dot) var(--ease-pop) infinite both}.loading-dots i:nth-child(2){animation-delay:.11s}.loading-dots i:nth-child(3){animation-delay:.22s}.loading-screen{display:grid;place-items:center}.loading-panel{width:min(760px,100%);background:var(--theme-panel-pattern),var(--theme-panel-bg);background-size:var(--theme-panel-size);border:2px solid var(--edge);border-radius:8px;padding:clamp(18px,4vw,28px);box-shadow:3px 3px 0 var(--shadow-soft)}.loading-panel p{margin:10px 0 0;font-weight:900}.skeleton-title,.skeleton-card{display:block;position:relative;overflow:hidden;border:2px solid var(--edge);border-radius:8px;background:#ffffffa3}.skeleton-title{width:min(320px,70%);height:44px}.skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.skeleton-card{min-height:76px}.skeleton-title:after,.skeleton-card:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:skeleton-shine var(--motion-shine) linear infinite}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.toolbar-spacer{flex:1}.toolbar-action,.nav-button,.start-button,.resource-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.setup-ready{min-width:190px;display:grid;gap:1px;border:2px solid rgba(38,50,56,.22);border-radius:8px;padding:7px 10px;background:#fffdf4d1;box-shadow:2px 2px #26323814}.setup-ready strong{line-height:1.1}.setup-ready span{color:var(--ink-soft);font-size:.8rem;font-weight:800}.setup-ready.ready{border-color:#087a4c75;background:#8fe3c047}.setup-ready.needs-topic{border-color:#a52a3a6b;background:#f15b5b1a}.icon-button{width:46px;height:46px;padding:0;display:inline-grid;place-items:center}.touch-audit :is(button,a,input,select,[role=button]){outline:3px dashed rgba(165,42,58,.72);outline-offset:4px}.touch-audit :is(button,a,input,select,[role=button]):focus-visible{outline-style:solid}.bt-icon{width:22px;height:22px;position:relative;display:inline-block;flex:0 0 22px}.bt-icon:before,.bt-icon:after{content:"";position:absolute;display:block}.bt-icon-back:before{width:12px;height:12px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg);left:6px;top:4px}.bt-icon-back:after{width:16px;height:3px;background:currentColor;left:5px;top:10px}.bt-icon-menu:before{width:18px;height:3px;background:currentColor;left:2px;top:4px;box-shadow:0 7px 0 currentColor,0 14px 0 currentColor}.bt-icon-settings:before{inset:4px;border:3px solid currentColor;border-radius:50%}.bt-icon-settings:after{width:22px;height:3px;background:currentColor;left:0;top:9px;transform:rotate(45deg);box-shadow:0 0 0 0 currentColor}.bt-icon-play:before{left:6px;top:2px;border-left:14px solid currentColor;border-top:9px solid transparent;border-bottom:9px solid transparent}.bt-icon-trophy:before{inset:3px 5px 8px;border:3px solid currentColor;border-radius:3px 3px 8px 8px}.bt-icon-trophy:after{width:16px;height:3px;background:currentColor;left:3px;bottom:3px;box-shadow:5px -5px 0 -1px currentColor}.bt-icon-boards:before{inset:2px;border:3px solid currentColor;border-radius:5px;box-shadow:5px 5px 0 -1px var(--panel),5px 5px 0 1px currentColor}.bt-icon-book:before{inset:2px;border:3px solid currentColor;border-radius:3px}.bt-icon-book:after{width:3px;height:18px;background:currentColor;left:10px;top:2px}.bt-icon-spark:before{width:20px;height:20px;left:1px;top:1px;background:currentColor;clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%)}.bt-icon-wifi:before{width:18px;height:18px;left:2px;top:5px;border:3px solid currentColor;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-45deg)}.bt-icon-wifi:after{width:6px;height:6px;background:currentColor;border-radius:50%;left:8px;top:14px}.bt-icon-store:before{inset:7px 3px 3px;border:3px solid currentColor;border-radius:2px}.bt-icon-store:after{width:18px;height:6px;left:2px;top:2px;background:currentColor;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.title-board{display:grid;gap:10px;width:min(920px,100%);margin-bottom:18px}.title-board>div{display:flex;gap:clamp(5px,1vw,10px);justify-content:flex-start}.title-row-small .title-tile{width:clamp(36px,6.6vw,70px);font-size:var(--type-title-tile-small)}.title-tile{width:clamp(44px,8vw,86px);aspect-ratio:1;display:grid;place-items:center;border:3px solid var(--edge);border-radius:8px;background:var(--panel);box-shadow:5px 5px 0 var(--shadow);font-family:BoardTogetherDisplay,Impact,sans-serif;font-size:var(--type-title-tile);animation:tile-settle var(--motion-pop) var(--ease-pop) both}.title-tile:nth-child(2n){animation-delay:45ms;transform:rotate(-1.5deg)}.title-tile:nth-child(3n){animation-delay:85ms;transform:rotate(1.2deg)}.prompt{font-size:1.25rem;color:#9f4a3a;margin:8px 0 20px;font-weight:800}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px}.mode-card{min-height:190px;text-align:left;display:flex;flex-direction:column;gap:10px;justify-content:space-between;background:var(--mode-bg, var(--panel-strong));overflow:hidden;position:relative}.mode-card strong{font-size:var(--type-mode-title)}.mode-card span{color:var(--ink-soft)}.mode-card em{color:var(--ink);font-style:normal;font-family:BoardTogetherMath,serif;font-size:1.05rem;padding:7px 9px;border:2px dashed rgba(38,50,56,.34);border-radius:8px;background:#ffffff6b}.mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-preview{min-height:48px;display:grid;align-items:center;gap:6px;padding:7px;border:2px solid rgba(38,50,56,.24);border-radius:8px;background:#ffffff4d}.mode-preview span{display:block}.mini-board{height:32px;border:2px solid currentColor;border-radius:7px;background:linear-gradient(90deg,transparent 0 38%,rgba(255,255,255,.58) 38% 62%,transparent 62%),#ffffff57;box-shadow:2px 2px #26323829}.mini-board.shared{height:36px}.mini-board.lane{height:34px}.mini-rack{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.mini-rack span{height:18px;border:2px solid currentColor;border-radius:5px;background:#ffffff80}.mini-player{width:28px;height:28px;border:2px solid currentColor;border-radius:999px;background:#ffffff75;box-shadow:inset 0 -6px #26323814}.mini-lane{height:14px;border:2px solid currentColor;border-radius:999px;background:#fff6;overflow:hidden}.mini-lane span{width:54%;height:100%;border-radius:inherit;background:currentColor}.mini-lane.alt span{width:34%}.mini-finish{width:26px;height:34px;border:2px solid currentColor;border-radius:6px;background:linear-gradient(45deg,currentColor 25%,transparent 25% 50%,currentColor 50% 75%,transparent 75%),#ffffff80;background-size:12px 12px}.mini-trade{height:16px;border-top:3px solid currentColor;border-bottom:3px solid currentColor;position:relative}.mini-trade:before,.mini-trade:after{content:"";position:absolute;top:-7px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.mini-trade:before{right:-1px;border-left:9px solid currentColor}.mini-trade:after{left:-1px;border-right:9px solid currentColor}.preview-boardSolo{grid-template-columns:minmax(0,1.7fr) minmax(72px,1fr)}.preview-coOpSharedBoard{grid-template-columns:auto minmax(0,1fr) auto}.preview-coOpIndividualLanes{grid-template-columns:minmax(48px,1fr) minmax(78px,1.2fr) minmax(48px,1fr)}.preview-boardBattle{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.mode-icon{width:42px;height:42px;border:2px solid var(--edge);border-radius:8px;display:grid;place-items:center;background:#ffffff94}.mode-badge{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tone-solo{--mode-bg: #ffe9a6;color:#835b00}.tone-shared{--mode-bg: #c8f2e0;color:#096a47}.tone-battle{--mode-bg: #ffd9df;color:#9b2336}.tone-lanes{--mode-bg: #dbe6ff;color:#254ca3}.nav-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:16px;margin-top:22px}.home-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.status-card{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;border:2px solid var(--edge);border-radius:8px;padding:8px 10px;background:#fffdf4d1;box-shadow:2px 2px 0 var(--shadow-soft)}.status-icon{width:30px;height:30px;border:2px solid var(--edge);border-radius:8px;display:grid;place-items:center;background:#ffffffb3}.status-text{min-width:0;display:grid;gap:1px}.status-text small{color:var(--ink-soft);font-size:.72rem;font-weight:800;line-height:1}.status-text strong{color:var(--ink);font-size:.92rem;line-height:1.08}button.status-card{width:100%;text-align:left}.status-card.state-ready{background:#8fe3c09e}.status-card.state-offline,.status-card.state-pending,.status-card.state-saving,.status-card.state-browser,.status-card.state-manual{background:#ffd34d94}.status-card.state-action{background:var(--sun);box-shadow:3px 3px 0 var(--shadow)}.status-card.state-action .status-icon{background:#ffffffd6}.subtitle-image{position:absolute;right:34px;top:76px;width:min(360px,38vw);opacity:.92;pointer-events:none}.theme-notebook .title-tile{background:var(--theme-tile-face)}.theme-robotLab .title-tile{background:linear-gradient(135deg,rgba(23,105,224,.14) 0 18%,transparent 18% 82%,rgba(123,223,242,.22) 82%),var(--theme-tile-face)}.theme-botanical .title-tile{background:radial-gradient(ellipse at 24% 18%,rgba(167,230,161,.3) 0 18%,transparent 20%),var(--theme-tile-face)}.theme-robotLab .mode-preview{border-color:#1769e061;box-shadow:inset 0 0 0 2px #7bdff229}.theme-botanical .mode-preview{border-color:#2a7b7757;box-shadow:inset 0 0 0 2px #a7e6a129}.screen-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.selection-summary{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.selection-summary span{background:#fffdf4cc;border:2px solid rgba(38,50,56,.24);border-radius:999px;padding:5px 10px;color:var(--ink-soft);font-weight:800}.round-settings{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.round-settings label{display:grid;gap:4px;font-size:.85rem;color:var(--ink-soft);font-weight:800}.topic-columns{display:grid;grid-template-columns:1fr;gap:18px;height:calc(100vh - 205px)}.topic-columns.two{grid-template-columns:1fr 1fr}.topic-panel{min-height:0;overflow:auto;padding-right:4px}.topic-group{margin-bottom:10px}.topic-group summary{width:max-content;font-size:1.25rem;cursor:pointer;margin:8px 0;font-weight:900;border:2px solid rgba(38,50,56,.22);border-radius:999px;background:#fffdf4d1;padding:4px 10px}.topic-list{display:grid;gap:8px}.topic-row{display:grid;grid-template-columns:32px 54px 1fr auto auto auto;align-items:center;gap:10px;text-align:left;background:#fffdf4eb}.topic-row:hover{background:#fff}.topic-row.selected{background:#fffdf4fa;border-color:var(--edge);box-shadow:4px 4px #26323829}.topic-row.core{box-shadow:inset 5px 0 0 var(--sun),4px 4px #26323824}.topic-row.stretch{box-shadow:inset 5px 0 0 var(--rose),4px 4px #26323824}.topic-row.off{background:#fffdf4bd}.topic-main em{display:block;color:var(--ink-soft);font-style:normal}.topic-row small{color:var(--ink-soft);font-weight:800}.topic-path{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:center;min-width:48px;position:relative}.topic-path:before{content:"";position:absolute;left:10px;right:10px;top:50%;border-top:3px solid rgba(38,50,56,.18);transform:translateY(-50%)}.topic-path i{width:18px;height:18px;z-index:1;border:2px solid var(--edge);border-radius:999px;background:var(--theme-tile-face)}.topic-path.path-core i:first-child,.topic-path.path-stretch i{background:var(--sun)}.topic-path.path-stretch:before{border-color:#f15b5b6b}.topic-path.path-stretch i:last-child{background:#ffd9df}.topic-state,.topic-recommendation,.topic-count{border:2px solid rgba(38,50,56,.22);border-radius:999px;padding:4px 8px;background:#ffffff8f;white-space:nowrap}.topic-row.core .topic-state{color:#835b00;background:#fff0b7}.topic-row.stretch .topic-state{color:#9b2336;background:#ffd9df}.topic-recommendation{color:#087a4c;background:#8fe3c061}.star{font-size:1.45rem;color:#8e9aa0}.star.standard{color:#e2a800}.star.challenge{color:var(--rose)}.game-screen{padding:14px;overflow:hidden;--gameplay-accent: var(--blue);--gameplay-accent-soft: rgba(45,127,249,.16);--gameplay-accent-line: rgba(45,127,249,.32)}.gameplay-solo{--gameplay-accent: #d49a00;--gameplay-accent-soft: rgba(255,211,77,.24);--gameplay-accent-line: rgba(212,154,0,.34)}.gameplay-shared{--gameplay-accent: #087a4c;--gameplay-accent-soft: rgba(143,227,192,.24);--gameplay-accent-line: rgba(8,122,76,.34)}.gameplay-battle{--gameplay-accent: #a52a3a;--gameplay-accent-soft: rgba(241,91,91,.18);--gameplay-accent-line: rgba(165,42,58,.34)}.gameplay-lanes{--gameplay-accent: #254ca3;--gameplay-accent-soft: rgba(219,230,255,.34);--gameplay-accent-line: rgba(37,76,163,.36)}.game-hud{display:grid;grid-template-columns:46px minmax(150px,220px) minmax(90px,1fr) repeat(4,auto) minmax(150px,1fr);gap:10px;align-items:center;padding:6px 8px 10px;border-bottom:3px solid var(--gameplay-accent)}.hud-title{display:grid;gap:2px}.hud-title span,.hud-metric small{color:var(--ink-soft);font-size:.78rem;font-weight:800}.hud-progress{height:14px;background:#fffdf4c2;border:2px solid var(--edge);border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c}.hud-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--sun));transition:width var(--motion-tile) ease}.hud-progress.progress-empty span{background:#2d7ff938}.hud-progress.progress-started span{background:linear-gradient(90deg,var(--mint),#b7efd5)}.hud-progress.progress-moving span{background:linear-gradient(90deg,var(--mint),var(--sun))}.hud-progress.progress-near-done{border-color:#087a4c}.hud-progress.progress-near-done span{background:linear-gradient(90deg,#62d49f,var(--sun),#ffd9df)}.hud-metric{min-width:68px;display:grid;justify-items:center;gap:1px;border:2px solid var(--edge);border-radius:8px;background:#fffdf4db;padding:5px 8px;box-shadow:2px 2px 0 var(--shadow-soft)}.hud-metric strong{font-size:1.05rem}.score-meter.score-bump{animation:score-bump var(--motion-feedback) var(--ease-pop) both}.streak-meter.warm{background:#fff0b7}.streak-meter.hot,.streak-meter.legend{background:#ffd9df;animation:pulse-pop var(--motion-loop) ease-in-out infinite alternate}.hearts-meter.warning{background:#fff0b7}.hearts-meter.low{color:#a52a3a;background:#f15b5b29;animation:pulse-pop var(--motion-urgent) ease-in-out infinite alternate}.hearts-meter.heart-spend{animation:heart-spend var(--motion-feedback) var(--ease-pop) both}.timer-meter.warning{background:#fff0b7}.timer-meter.urgent{background:#ffd9df;animation:pulse-pop var(--motion-urgent) ease-in-out infinite alternate}.feedback-pill{justify-self:stretch;border:2px solid var(--edge);border-radius:999px;padding:8px 12px;background:#fffdf4e0;font-style:normal;font-weight:900;color:var(--blue);text-align:center}.feedback-correct{color:#087a4c;background:#8fe3c094}.feedback-incorrect{color:#a52a3a;background:#f15b5b29}.feedback-trade,.feedback-exchange{color:#244a9e;background:#dbe6ffd1}.feedback-pulse{animation:feedback-pop var(--motion-feedback) var(--ease-pop) both}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:16px;height:calc(100vh - 88px);position:relative;align-items:start}.game-layout:before{content:"";position:absolute;inset:0;border:2px dashed var(--gameplay-accent-line);border-radius:12px;background:linear-gradient(90deg,var(--gameplay-accent-soft),transparent 34% 66%,var(--gameplay-accent-soft)),#ffffff29;pointer-events:none}.game-layout.lanes .equation-zone{grid-template-columns:repeat(2,minmax(260px,1fr))}.equation-zone{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));grid-auto-rows:minmax(170px,max-content);align-content:start;gap:14px;overflow:auto;padding:4px 4px 28px}@media(min-width:901px){.equation-zone.equation-count-1{grid-template-columns:minmax(360px,min(100%,640px));justify-content:center;align-content:center}.equation-zone.equation-count-1 .equation-board{min-height:220px;display:grid;align-content:center}.game-layout:not(.lanes) .equation-zone.equation-count-2{grid-template-columns:repeat(2,minmax(320px,min(50%,520px)));justify-content:center;align-content:center}}.equation-board{background:var(--theme-board-pattern),var(--theme-board-bg);background-size:var(--theme-board-size);border:2px solid var(--edge);border-radius:8px;padding:14px;min-height:166px;box-shadow:3px 3px 0 var(--shadow-soft);position:relative;overflow:hidden;animation:board-deal var(--motion-board) var(--ease-pop) both}.equation-board:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--gameplay-accent);pointer-events:none}.board-transition-ghost{position:absolute;z-index:4;left:var(--ghost-left, 4px);top:var(--ghost-top, 4px);width:var(--ghost-width, min(420px, calc(100% - 8px) ));min-height:var(--ghost-height, 166px);display:grid;align-content:center;pointer-events:none;border:2px solid #087a4c;border-radius:8px;padding:14px;background:linear-gradient(120deg,#8fe3c057,#ffd34d38),var(--theme-board-bg);box-shadow:6px 8px #087a4c29;animation:board-transition-out var(--motion-burst) var(--ease-pop) both;will-change:transform,opacity}.board-transition-ghost:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#087a4c}.board-transition-ghost .equation-row{position:relative;z-index:1}.board-correct{background:#f4fff9fa;border-color:#087a4c;animation:board-deal var(--motion-board) var(--ease-pop) both,board-glow var(--motion-burst) ease both}.board-correct:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 22%,rgba(143,227,192,.72) 0 11px,transparent 12px),radial-gradient(circle at 82% 18%,rgba(255,211,77,.72) 0 9px,transparent 10px),linear-gradient(120deg,transparent 0 26%,rgba(255,255,255,.74) 42%,transparent 58% 100%);animation:board-spark var(--motion-burst) ease both}.board-incorrect{background:#fff4f6fa;border-color:#a52a3a;animation:board-shake var(--motion-shake) ease both,board-error-glow var(--motion-burst) ease both}.board-incorrect:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(165,42,58,.12) 0 6px,transparent 6px 16px),radial-gradient(circle at 84% 22%,rgba(241,91,91,.22),transparent 20%);animation:board-error-fade var(--motion-burst) ease both}.board-state-symbol{position:absolute;top:9px;right:10px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--edge);border-radius:999px;background:#fff;font-family:ui-rounded,system-ui,sans-serif;font-weight:1000;line-height:1;box-shadow:2px 2px #26323829}.board-state-symbol.correct{color:#087a4c}.board-state-symbol.incorrect{color:#a52a3a}.lane-label{display:inline-block;color:var(--ink-soft);margin-bottom:8px;font-weight:900}.equation-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-family:BoardTogetherMath,serif;font-size:var(--type-equation)}.equation-token{min-height:76px;display:inline-grid;place-items:center}.blank-slot,.math-tile{width:76px;height:76px;display:inline-grid;place-items:center;font-family:BoardTogetherMath,serif;font-size:1.7rem;-webkit-user-select:none;user-select:none;position:relative;transform-origin:center bottom;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease}.blank-slot{border-style:dashed;background:var(--theme-blank-bg)}.blank-slot:hover{transform:translateY(-2px);box-shadow:3px 4px #2632382e}.math-tile:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:5px 7px #2632382e}.blank-slot.compatible{background:#8fe3c06b;border-style:solid;box-shadow:inset 0 0 0 3px #087a4c29,3px 4px #087a4c29}.blank-slot.compatible:before{content:"";position:absolute;inset:7px;border:2px solid rgba(8,122,76,.38);border-radius:6px;pointer-events:none}.blank-slot.blocked{background:#f15b5b14;border-color:#a52a3aa3;opacity:.82}.blank-slot.blocked:before{content:"";position:absolute;inset:8px;border-radius:6px;background:repeating-linear-gradient(135deg,rgba(165,42,58,.18) 0 3px,transparent 3px 9px);pointer-events:none}.blank-slot.filled{background:#fff;border-style:solid;animation:tile-settle var(--motion-tile) var(--ease-pop) both}.blank-slot.selected{outline:4px solid var(--blue);outline-offset:3px;transform:translateY(-3px) scale(1.035);box-shadow:4px 5px #2d7ff93d}.math-tile.selected{outline:4px solid var(--blue);outline-offset:3px;transform:translateY(-6px) rotate(-1.5deg) scale(1.045);box-shadow:6px 8px #2d7ff938}.blank-slot.selected{background:#dbe6ffb8}.math-tile.selected{background:#fff}.blank-slot.mini{width:46px;height:46px;font-size:1.1rem;display:inline-grid;margin:0 3px}.hint{margin:10px 0 0;font-size:.95rem;font-weight:800}.racks{overflow:auto;display:grid;gap:12px;align-content:start;padding-right:4px;position:sticky;top:0;z-index:1;max-height:calc(100vh - 88px)}.tile-rack,.trade-tray,.summary-panel,.settings-section,.settings-card,.boards-section,.score-card,.store-card,.tutorial-step,.tutorial-practice,.modal{background:var(--theme-panel-pattern),var(--theme-panel-bg);background-size:var(--theme-panel-size);border:2px solid var(--edge);border-radius:8px;padding:14px;box-shadow:3px 3px 0 var(--shadow-soft)}.tile-rack{position:relative}.tile-rack:before{content:"";position:absolute;left:-18px;top:42px;width:16px;border-top:3px dashed var(--gameplay-accent-line)}.rack-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.tile-list{display:grid;grid-template-columns:repeat(4,minmax(58px,76px));gap:8px}.math-tile{background:var(--theme-tile-face);touch-action:none;cursor:grab}.math-tile:active{cursor:grabbing;transform:translateY(1px) scale(.985);box-shadow:1px 1px #26323833}.math-tile.dragging{opacity:.46;transform:translateY(3px) scale(.96);box-shadow:inset 0 0 0 3px #2d7ff924}.rack-refresh{animation:rack-refresh var(--motion-feedback) var(--ease-pop) both}.rack-refresh .math-tile{animation:tile-settle var(--motion-tile) var(--ease-pop) both}.rack-refresh .math-tile:nth-child(2){animation-delay:35ms}.rack-refresh .math-tile:nth-child(3){animation-delay:70ms}.rack-refresh .math-tile:nth-child(4){animation-delay:105ms}.rack-refresh .math-tile:nth-child(5){animation-delay:.14s}.rack-refresh .math-tile:nth-child(6){animation-delay:175ms}.rack-refresh .math-tile:nth-child(7){animation-delay:.21s}.rack-refresh .math-tile:nth-child(8){animation-delay:245ms}.contrast-tiles .math-tile,.contrast-tiles .blank-slot.filled{border-width:3px;color:#101820;font-weight:900;text-shadow:0 1px 0 #ffffff}.contrast-tiles .math-tile:after,.contrast-tiles .blank-slot.filled:after{content:attr(data-category-label);position:absolute;top:3px;left:4px;min-width:18px;min-height:16px;border:1.5px solid currentColor;border-radius:4px;background:#ffffffe0;color:#101820;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.54rem;font-weight:900;line-height:1;display:grid;place-items:center;padding:1px 2px}.contrast-tiles .tile-category-number{background-color:#fff;background-image:linear-gradient(135deg,rgba(16,24,32,.12) 25%,transparent 25%,transparent 50%,rgba(16,24,32,.12) 50%,rgba(16,24,32,.12) 75%,transparent 75%,transparent);background-size:14px 14px}.contrast-tiles .tile-category-operatorSymbol{background-color:#fff0b7;background-image:repeating-linear-gradient(90deg,rgba(16,24,32,.22) 0 3px,transparent 3px 9px);border-style:double}.contrast-tiles .tile-category-variable{background-color:#dbe6ff;background-image:radial-gradient(circle,rgba(16,24,32,.28) 1.5px,transparent 2px);background-size:11px 11px}.contrast-tiles .tile-category-expression{background-color:#ffd9df;background-image:repeating-linear-gradient(45deg,rgba(16,24,32,.18) 0 2px,transparent 2px 8px),repeating-linear-gradient(-45deg,rgba(16,24,32,.12) 0 2px,transparent 2px 8px)}.contrast-tiles .tile-category-fraction{background-color:#c8f2e0;background-image:repeating-linear-gradient(135deg,rgba(16,24,32,.2) 0 2px,transparent 2px 10px);border-style:dashed}.contrast-tiles .tile-category-exponent{background-color:#e7ddff;background-image:radial-gradient(circle at 30% 30%,rgba(16,24,32,.28) 2px,transparent 2px),radial-gradient(circle at 70% 70%,rgba(16,24,32,.2) 2px,transparent 2px);background-size:16px 16px}@media(prefers-color-scheme:dark){.contrast-tiles .math-tile,.contrast-tiles .blank-slot.filled{color:#f3fbff;text-shadow:0 1px 0 rgba(0,0,0,.8)}.contrast-tiles .math-tile:after,.contrast-tiles .blank-slot.filled:after{background:#101820eb;color:#f3fbff}}.small{padding:.4rem .7rem;margin-top:8px}.trade-tray{width:fit-content}.trade-slots{display:flex;gap:12px}.trade-slots button{width:76px;height:76px;font-size:1.6rem}.drag-preview{position:fixed;z-index:60;left:0;top:0;width:76px;height:76px;pointer-events:none;display:grid;place-items:center;border:2px solid var(--edge);border-radius:8px;background:#fff;box-shadow:10px 14px #2632382e;font-family:BoardTogetherMath,serif;font-size:1.7rem;will-change:transform}.celebration-burst{position:absolute;top:10px;left:50%;z-index:10;pointer-events:none;border:2px solid var(--edge);border-radius:999px;padding:8px 16px;background:#fff;box-shadow:3px 3px 0 var(--shadow);font-weight:900;animation:burst-rise var(--motion-burst) ease both}.celebration-burst:before,.celebration-burst:after{content:"";position:absolute;width:10px;height:10px;border-radius:999px;background:currentColor;opacity:.65;top:50%;transform:translateY(-50%);animation:burst-dot var(--motion-burst) ease both}.celebration-burst:before{left:-18px}.celebration-burst:after{right:-18px;animation-delay:70ms}.celebration-burst.feedback-correct{background:var(--mint)}.celebration-burst.feedback-incorrect{background:#ffd9df}.modal-backdrop{position:fixed;inset:0;background:#26323847;display:grid;place-items:center;z-index:30}.modal{width:min(440px,calc(100vw - 32px));display:grid;gap:10px}.summary-screen{display:grid;place-items:center}.summary-panel{width:min(960px,100%);position:relative;overflow:hidden}.summary-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(143,227,192,.28),transparent 24%),radial-gradient(circle at 92% 16%,rgba(255,211,77,.28),transparent 22%)}.summary-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;position:relative;z-index:1}.summary-hero p{margin-top:0;font-weight:800}.summary-mascot{width:clamp(96px,16vw,152px);max-height:78px;object-fit:contain;filter:drop-shadow(0 7px 0 rgba(38,50,56,.13));animation:mascot-pop var(--motion-pop) var(--ease-pop) both}.summary-medal{min-width:150px;display:grid;place-items:center;gap:8px;border:2px solid var(--edge);border-radius:8px;background:var(--sun);padding:12px;box-shadow:3px 3px 0 var(--shadow);position:relative;overflow:hidden;animation:medal-pop var(--motion-pop) var(--ease-pop) both}.summary-medal:after{content:"";position:absolute;inset:-30% 60% -30% -40%;background:#ffffff6b;transform:rotate(18deg);animation:medal-shine var(--motion-shine) ease-in-out infinite}.summary-medal span{position:relative;z-index:1;border:2px solid rgba(38,50,56,.2);border-radius:999px;padding:3px 8px;background:#ffffff80;font-size:.8rem;font-weight:900}.summary-medal strong,.summary-medal .bt-icon{position:relative;z-index:1}.summary-medal.medal-gold{background:linear-gradient(180deg,#ffe17a,#ffd34d)}.summary-medal.medal-silver{background:linear-gradient(180deg,#eef4f7,#cfd9df)}.summary-medal.medal-bronze{background:linear-gradient(180deg,#ffd9c4,#d89056)}.summary-medal.medal-practice{background:linear-gradient(180deg,#dbe6ff,#b8c9ff)}.summary-tile-parade{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.summary-tile{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--edge);border-radius:8px;background:#ffffffb8;box-shadow:2px 2px #26323829;font-family:BoardTogetherMath,serif;font-size:1.2rem;animation:stat-pop var(--motion-stat) ease both}.summary-tile:nth-child(2){animation-delay:60ms}.summary-tile:nth-child(3){animation-delay:.12s}.summary-tile:nth-child(4){animation-delay:.18s}.summary-tile:nth-child(5){animation-delay:.24s}.summary-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative;z-index:1}.summary-stat{background:var(--panel-strong);border:2px solid var(--edge);border-radius:8px;padding:10px;text-align:center;animation:stat-pop var(--motion-stat) ease both}.summary-stat:nth-child(2){animation-delay:60ms}.summary-stat:nth-child(3){animation-delay:.12s}.summary-stat:nth-child(4){animation-delay:.18s}.summary-stat:nth-child(5){animation-delay:.24s}.summary-stat span{display:block;color:var(--ink-soft);font-weight:800}.summary-stat strong{font-size:1.7rem}.summary-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.summary-badges span{display:inline-flex;gap:6px;align-items:center;background:#8fe3c080;border:2px solid var(--edge);border-radius:999px;padding:6px 10px;font-weight:900}.summary-confetti span{position:absolute;top:-18px;width:10px;height:18px;background:var(--sun);animation:confetti-drop var(--motion-confetti) ease-in-out infinite}.summary-confetti span:nth-child(1){left:12%;background:var(--rose);animation-delay:0ms}.summary-confetti span:nth-child(2){left:28%;background:var(--blue);animation-delay:.18s}.summary-confetti span:nth-child(3){left:62%;background:var(--mint);animation-delay:80ms}.summary-confetti span:nth-child(4){left:78%;background:var(--violet);animation-delay:.26s}.summary-confetti span:nth-child(5){left:88%;background:var(--sun);animation-delay:.12s}.summary-confetti span:nth-child(6){left:44%;background:var(--rose);animation-delay:.32s}.summary-confetti span:nth-child(7){left:52%;background:var(--blue);animation-delay:.42s}.summary-confetti span:nth-child(8){left:70%;background:var(--mint);animation-delay:.52s}.summary-confetti span:nth-child(9){left:18%;background:var(--violet);animation-delay:.62s}.name-card{margin-top:14px;display:flex;gap:10px;align-items:end;flex-wrap:wrap}.name-card label{display:grid;gap:4px}.action-row,.choice-row,.theme-row,.resource-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.settings-overview{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 16px}.settings-overview span{min-height:40px;display:inline-flex;align-items:center;gap:7px;border:2px solid rgba(38,50,56,.24);border-radius:999px;padding:7px 11px;background:#fffdf4d1;color:var(--ink);font-weight:900;box-shadow:2px 2px #26323814}.settings-overview .bt-icon{width:20px;height:20px;flex:0 0 20px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;margin-bottom:18px}.settings-grid label,.settings-card label{display:grid;gap:6px}.settings-card{display:grid;gap:12px;align-content:start}.settings-section{margin-top:14px;display:grid;gap:12px}.settings-section-head{display:flex;align-items:center;gap:10px}.settings-section-head h2{margin:0}.settings-section-head small{display:block;margin-top:2px;color:var(--ink-soft);font-weight:900}.settings-head-icon{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--edge);border-radius:8px;background:var(--sun);box-shadow:2px 2px #2632381f}.toggle-row{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:10px!important;cursor:pointer}.toggle-row.disabled{cursor:not-allowed;opacity:.66}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:50px;height:28px;border:2px solid var(--edge);border-radius:999px;background:#dfe5e7;padding:2px;box-shadow:inset 2px 2px #2632381f}.toggle-track span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--edge);transition:transform var(--motion-toggle) ease}.toggle-row input:checked+.toggle-track{background:var(--mint)}.toggle-row input:checked+.toggle-track span{transform:translate(20px)}.theme-swatch{min-width:160px;display:grid;gap:8px;text-align:left;align-content:start;position:relative}.theme-swatch.selected{background:var(--mint);box-shadow:0 0 0 4px #8fe3c047,3px 3px 0 var(--shadow)}.theme-selected-badge{width:max-content;max-width:100%;border:2px solid rgba(38,50,56,.24);border-radius:999px;padding:3px 8px;background:#ffffff9e;font-size:.82rem;font-weight:900}.swatch-row{display:flex;gap:6px}.swatch-row i{width:28px;height:20px;border:2px solid var(--edge);border-radius:6px}.resource-row{align-items:center}.resource-row a,.version-label{min-height:44px;display:inline-flex;align-items:center}.version-label{color:var(--ink-soft);font-weight:900}.score-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px}.score-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:8px}.score-card h2{display:flex;align-items:center;gap:8px;margin:0}.score-card-icon{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--edge);border-radius:8px;background:#ffffff8f}.score-target{display:inline-flex;align-items:center;gap:5px;border:2px solid rgba(38,50,56,.26);border-radius:999px;padding:5px 9px;background:#ffffff8f;font-size:.86rem;font-weight:900;white-space:nowrap}.score-target .bt-icon{width:16px;height:16px;flex-basis:16px}.score-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid rgba(38,50,56,.18);padding:9px 0 10px;position:relative}.score-row-bar{grid-column:1 / -1;height:6px;border-radius:999px;border:1px solid rgba(38,50,56,.16);background:linear-gradient(90deg,currentColor var(--score-ratio, 8%),rgba(255,255,255,.48) 0);color:var(--blue);opacity:.72}.score-row b{display:inline-block;min-width:34px;color:#9f4a3a}.rank-1 b{color:#9b6b00}.rank-2 b{color:#5d6b74}.rank-3 b{color:#9f4a3a}.store-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:2px solid var(--edge);border-radius:8px;padding:14px;margin-bottom:14px;background:linear-gradient(90deg,#8fe3c075,#ffd34d47),var(--theme-panel-bg);box-shadow:3px 3px 0 var(--shadow-soft)}.store-hero p{margin:3px 0 0;font-weight:800}.store-hero-icon,.store-card-icon{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--edge);border-radius:8px;background:#ffffffb8;box-shadow:2px 2px #2632381f}.store-status-chip{width:max-content;max-width:100%;display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:2px solid rgba(38,50,56,.24);border-radius:999px;padding:6px 10px;background:#ffffffa3;color:#087a4c;font-weight:900}.store-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.store-stats span{display:grid;gap:2px;border:2px solid rgba(38,50,56,.22);border-radius:8px;padding:10px;background:#fffdf4d1;box-shadow:2px 2px #26323814}.store-stats strong{font-size:1.35rem}.store-stats small{color:var(--ink-soft);font-weight:900}.store-list{display:grid;gap:14px}.store-card.unlocked{background:#8fe3c075}.store-feature{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px}.store-feature h2,.store-feature p{margin-top:0}.store-feature p{margin-bottom:0;font-weight:800}.store-theme-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.store-theme-chip{display:grid;gap:6px;min-width:142px;border:2px solid rgba(38,50,56,.24);border-radius:8px;padding:9px;background:#ffffff94;font-weight:900}.store-theme-chip small{color:#087a4c;font-weight:900}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.tutorial-step strong{font-size:2.5rem}.tutorial-practice{margin-top:14px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,1.2fr) auto;gap:14px;align-items:center}.tutorial-practice h2,.tutorial-practice p{margin:0}.tutorial-practice h2{margin-bottom:4px}.practice-board{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-family:BoardTogetherMath,serif;font-size:var(--type-practice-equation)}.practice-tiles{display:flex;gap:8px}.practice-feedback{grid-column:1 / -1;width:max-content;max-width:100%;border:2px solid var(--edge);border-radius:999px;padding:7px 12px;background:#ffffff8f;font-weight:900}.mascot{display:block;max-height:260px;max-width:100%;margin:18px auto 0;filter:drop-shadow(0 8px 0 rgba(38,50,56,.12))}.creator{display:grid;gap:10px}.creator label{display:grid;gap:4px}.creator label input{transition:border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.creator label.field-ready input{border-color:#087a4cb8;background:#f4fff9f0;box-shadow:inset 4px 0 #8fe3c073}.creator label.field-error input{border-color:#a52a3ac7;background:#fff4f6f5;box-shadow:inset 4px 0 #f15b5b47}.validation-list{display:flex;flex-wrap:wrap;gap:8px}.validation-chip{display:inline-flex;align-items:center;min-height:32px;border:2px solid rgba(38,50,56,.22);border-radius:999px;padding:5px 9px;font-weight:900;font-size:.86rem;background:#ffffff94}.validation-chip.ready{color:#087a4c;background:#8fe3c061}.validation-chip.error{color:#a52a3a;background:#f15b5b24}.validation-chip.warning{color:#835b00;background:#ffd34d47}.custom-board-list{display:flex;gap:8px;flex-wrap:wrap}.custom-board-list span{border:2px dashed rgba(38,50,56,.28);border-radius:8px;background:#ffffff80;padding:8px 10px}.board-preview{display:grid;gap:10px;border:2px solid rgba(38,50,56,.32);border-radius:8px;background:var(--theme-panel-pattern),var(--theme-panel-bg);background-size:var(--theme-panel-size);padding:12px}.board-preview.ready{border-color:#087a4c9e;box-shadow:inset 5px 0 #8fe3c07a,2px 2px #26323814}.board-preview.needs-work{border-style:dashed}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-header span{border:2px solid rgba(38,50,56,.22);border-radius:999px;padding:4px 8px;background:#ffffff94;color:var(--ink-soft);font-weight:900;font-size:.85rem}.preview-board-row{min-height:82px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;border:2px solid var(--edge);border-radius:8px;background:var(--theme-board-pattern),var(--theme-board-bg);background-size:var(--theme-board-size);font-family:BoardTogetherMath,serif;font-size:var(--type-preview-equation);padding:10px}.preview-rack{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preview-tile,.preview-empty-tile{min-width:46px;height:46px;display:inline-grid;place-items:center;border:2px solid var(--edge);border-radius:8px;background:var(--theme-tile-face);box-shadow:2px 2px #2632381f;font-family:BoardTogetherMath,serif;font-size:1.15rem;padding:0 8px}.preview-empty-tile{border-style:dashed;color:var(--ink-soft);background:#ffffff75}.board-preview p{margin:0}.status-banner{background:var(--panel-strong);border:2px solid var(--edge);border-radius:8px;padding:16px;margin:12px 0}.lobby-screen{display:grid;align-content:start;gap:14px}.lobby-mode-card{width:min(880px,100%);display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,320px);align-items:center;gap:14px;border:2px solid var(--edge);border-radius:8px;padding:16px;background:var(--mode-bg, var(--theme-panel-bg));box-shadow:3px 3px 0 var(--shadow-soft)}.lobby-mode-card h1{font-size:var(--type-lobby-title);margin-bottom:2px}.lobby-mode-card p{margin:0;font-weight:900}.lobby-choice{width:min(880px,100%)}.lobby-choice button{min-width:210px;min-height:86px;flex:1 1 260px;justify-content:center;font-weight:900;background:linear-gradient(180deg,rgba(255,255,255,.48),transparent),var(--theme-panel-bg)}.lobby-status{width:min(880px,100%);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:0;background:linear-gradient(90deg,#8fe3c06b,#ffffff7a),var(--theme-panel-bg);box-shadow:3px 3px 0 var(--shadow-soft)}.lobby-status small{border:2px solid rgba(38,50,56,.22);border-radius:999px;padding:5px 9px;background:#ffffff9e;font-weight:900}.room-code-card{width:min(880px,100%);display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:10px;border:2px solid var(--edge);border-radius:8px;padding:10px;background:var(--theme-panel-pattern),var(--theme-panel-bg);background-size:var(--theme-panel-size);box-shadow:3px 3px 0 var(--shadow-soft)}.room-code-card>span{color:var(--ink-soft);font-weight:900}.room-code-card strong{display:inline-flex;justify-content:center;border:2px dashed var(--edge);border-radius:8px;padding:8px 12px;background:#ffffff9e;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}.room-code-card.copied{border-color:#087a4c;box-shadow:0 0 0 4px #8fe3c047,3px 3px 0 var(--shadow-soft)}.room-code-card.failed{border-color:#a52a3a;box-shadow:0 0 0 4px #f15b5b2e,3px 3px 0 var(--shadow-soft)}.activity-dots{display:flex;gap:4px}.activity-dots i{width:10px;height:10px;background:var(--blue);border-radius:50%;animation:dot-bounce var(--motion-dot) ease-in-out infinite alternate}.activity-dots i:nth-child(2){animation-delay:.11s}.activity-dots i:nth-child(3){animation-delay:.22s}.network-facts{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;width:min(880px,100%)}.network-facts p{margin:0;background:var(--theme-panel-pattern),var(--theme-panel-bg);background-size:var(--theme-panel-size);border:2px solid rgba(38,50,56,.22);border-radius:8px;padding:10px 12px;box-shadow:2px 2px #26323814}@keyframes tile-settle{0%{opacity:0;transform:translateY(-12px) rotate(-6deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes loading-dot{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-3px);opacity:1}}@keyframes skeleton-shine{to{transform:translate(100%)}}@keyframes score-bump{0%{transform:translateY(0) scale(1)}38%{transform:translateY(-4px) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes feedback-pop{0%{transform:scale(1)}40%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes heart-spend{0%{transform:translateY(0) scale(1)}34%{transform:translateY(-3px) scale(1.08);background:#fff0b7}to{transform:translateY(0) scale(1)}}@keyframes rack-refresh{0%{transform:translateY(0)}34%{transform:translateY(-4px);box-shadow:0 0 0 4px #dbe6ff80,5px 6px #244a9e29}to{transform:translateY(0)}}@keyframes board-deal{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes board-transition-out{0%{opacity:.96;transform:translateY(0) scale(1)}45%{opacity:.78;transform:translateY(-8px) scale(.99)}to{opacity:0;transform:translateY(-18px) scale(.96)}}@keyframes board-glow{0%{box-shadow:3px 3px 0 var(--shadow-soft)}24%{box-shadow:0 0 0 5px #8fe3c09e,7px 8px #087a4c3d}72%{box-shadow:0 0 0 4px #8fe3c06b,5px 6px #087a4c29}to{box-shadow:3px 3px 0 var(--shadow-soft)}}@keyframes board-spark{0%{opacity:0;transform:translate(-28px)}24%{opacity:1}to{opacity:0;transform:translate(48px)}}@keyframes board-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes board-error-glow{0%{box-shadow:3px 3px 0 var(--shadow-soft)}28%{box-shadow:0 0 0 5px #f15b5b47,7px 8px #a52a3a2e}to{box-shadow:3px 3px 0 var(--shadow-soft)}}@keyframes board-error-fade{0%{opacity:0}24%{opacity:1}to{opacity:0}}@keyframes burst-rise{0%{opacity:0;transform:translate(-50%,16px) scale(.9)}20%{opacity:1;transform:translate(-50%) scale(1.03)}to{opacity:0;transform:translate(-50%,-18px) scale(1)}}@keyframes burst-dot{0%{opacity:0;transform:translateY(-50%) scale(.4)}24%{opacity:.65;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.5)}}@keyframes stat-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes medal-pop{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mascot-pop{0%{opacity:0;transform:translateY(10px) rotate(-2deg) scale(.94)}to{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}}@keyframes medal-shine{0%,38%{transform:translate(0) rotate(18deg);opacity:0}52%{opacity:.75}72%,to{transform:translate(220%) rotate(18deg);opacity:0}}@keyframes confetti-drop{0%{opacity:0;transform:translateY(-12px) rotate(0)}30%{opacity:1}to{opacity:0;transform:translateY(210px) rotate(220deg)}}@keyframes dot-bounce{0%{transform:translateY(0);opacity:.55}to{transform:translateY(-7px);opacity:1}}@keyframes pulse-pop{0%{transform:scale(1)}to{transform:scale(1.035)}}@media(max-width:1120px){.game-hud{grid-template-columns:46px minmax(150px,1fr) repeat(4,auto)}.hud-progress,.feedback-pill{grid-column:1 / -1}}@media(max-width:900px){:root{--type-page-title: 4rem;--type-title-tile: 3rem;--type-title-tile-small: 2.35rem;--type-mode-title: 1.65rem;--type-equation: 2rem;--type-practice-equation: 2rem;--type-preview-equation: 1.6rem;--type-lobby-title: 3.25rem}.mode-grid,.nav-grid,.topic-columns.two,.game-layout,.equation-zone,.game-layout.lanes .equation-zone,.score-grid,.tutorial-grid,.settings-grid{grid-template-columns:1fr}.subtitle-image{display:none}.screen-title-row{display:grid}.topic-columns,.game-layout{height:auto}.game-screen{overflow:auto}.racks{position:relative;top:auto;max-height:none;overflow:visible}.tile-rack:before{left:26px;top:-14px;width:0;height:12px;border-top:0;border-left:3px dashed rgba(45,127,249,.24)}.game-hud{grid-template-columns:46px 1fr 1fr}.hud-title,.hud-progress,.feedback-pill{grid-column:1 / -1}.tile-list{grid-template-columns:repeat(4,minmax(58px,76px))}.summary-stats{grid-template-columns:repeat(2,1fr)}.summary-hero{display:grid}.summary-mascot{width:min(160px,48vw)}.tutorial-practice{grid-template-columns:1fr}.practice-tiles{justify-content:center}.practice-feedback{width:auto}.lobby-mode-card{grid-template-columns:auto minmax(0,1fr)}.lobby-mode-card .mode-preview{grid-column:1 / -1}.lobby-status{grid-template-columns:auto 1fr}.lobby-status small{grid-column:1 / -1;width:max-content;max-width:100%}.room-code-card{grid-template-columns:1fr;gap:8px}.room-code-card strong{justify-content:start}.network-facts{grid-template-columns:1fr}.store-hero,.store-feature{grid-template-columns:auto minmax(0,1fr)}.store-hero .store-status-chip,.store-feature>.store-status-chip{grid-column:1 / -1;justify-self:start}.store-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:700px)and (max-width:900px){.home-screen .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-screen .mode-card{min-height:210px}.home-screen .nav-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-screen .nav-button{min-height:54px}.home-screen .home-status-row{margin-top:14px}}@media(max-width:560px){:root{--type-page-title: 3rem;--type-title-tile: 2rem;--type-title-tile-small: 1.7rem;--type-mode-title: 1.22rem;--type-equation: 2rem;--type-practice-equation: 1.8rem;--type-preview-equation: 1.45rem;--type-lobby-title: 2.8rem}.screen{padding:14px}.game-screen{padding:8px}.home-screen{padding:10px 12px 12px}.home-screen .title-board{gap:6px;margin-bottom:8px}.title-board>div{gap:4px}.title-tile{width:clamp(36px,10vw,44px);font-size:var(--type-title-tile)}.title-row-small .title-tile{width:clamp(34px,9vw,40px);font-size:var(--type-title-tile-small)}.home-screen .title-tile{width:clamp(30px,10.2vw,42px);font-size:var(--type-title-tile);border-width:2px;box-shadow:3px 3px 0 var(--shadow)}.home-screen .title-row-small .title-tile{width:clamp(25px,8.3vw,34px);font-size:var(--type-title-tile-small)}.home-screen .prompt{margin:4px 0 10px;font-size:1rem}.topic-screen .toolbar{flex-wrap:wrap;gap:8px}.topic-screen .toolbar:after{content:"";flex-basis:100%;order:1}.topic-screen .toolbar .icon-button{order:1}.topic-screen .toolbar-spacer{display:none}.topic-screen .toolbar-action{flex:1 1 calc(50% - 4px);order:2}.topic-screen .setup-ready{flex:1 1 100%;order:3}.topic-screen .start-button{flex:1 1 100%;order:4}.mode-card{min-height:158px}.home-screen .mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-screen .mode-card{min-height:154px;gap:4px;padding:.5rem;box-shadow:2px 2px 0 var(--shadow)}.home-screen .mode-card strong{font-size:var(--type-mode-title);line-height:1.04}.home-screen .mode-card>span:not(.mode-card-top){font-size:.74rem;line-height:1.12}.home-screen .mode-card em{font-size:.78rem;padding:4px 6px}.home-screen .mode-card-top{gap:4px}.home-screen .mode-icon{width:32px;height:32px}.home-screen .mode-badge{font-size:.62rem;line-height:1.05}.home-screen .mode-preview{min-height:30px;gap:3px;padding:4px}.home-screen .mini-board,.home-screen .mini-board.shared,.home-screen .mini-board.lane{height:22px}.home-screen .mini-rack{gap:2px}.home-screen .mini-rack span{height:12px}.home-screen .mini-player{width:22px;height:22px}.home-screen .mini-lane{height:10px}.home-screen .mini-finish{width:18px;height:25px;background-size:9px 9px}.home-screen .mini-trade{height:12px}.home-screen .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.home-screen .nav-button{min-height:44px;padding:.46rem .55rem;box-shadow:2px 2px 0 var(--shadow)}.home-screen .home-status-row{gap:6px;margin-top:9px}.home-screen .status-card{grid-template-columns:24px minmax(0,1fr);gap:5px;min-height:50px;padding:6px;box-shadow:2px 2px 0 var(--shadow-soft)}.home-screen .status-icon{width:24px;height:24px;border-radius:7px}.home-screen .status-text small{font-size:.62rem}.home-screen .status-text strong{font-size:.78rem}.loading-screen{place-items:start stretch}.loading-panel{padding:16px}.skeleton-grid{grid-template-columns:1fr;gap:10px}.skeleton-card{min-height:62px}.topic-row{grid-template-columns:28px 46px 1fr}.topic-main,.topic-row small{grid-column:3}.topic-path{min-width:42px}.game-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px 4px 8px}.hud-title{grid-column:2 / -1}.hud-progress,.feedback-pill{grid-column:1 / -1}.hud-progress{height:12px}.hud-metric{min-width:0;padding:4px}.hud-metric small{font-size:.7rem}.hud-metric strong{font-size:.98rem}.feedback-pill{padding:6px 10px}.game-layout{gap:10px}.equation-zone{grid-auto-rows:minmax(132px,max-content);gap:10px;padding:2px 2px 0}.equation-board{min-height:132px;padding:10px}.equation-row{gap:6px;font-size:var(--type-equation)}.equation-token{min-height:64px}.blank-slot,.math-tile,.trade-slots button{width:clamp(60px,17vw,68px);height:clamp(60px,17vw,68px);font-size:1.45rem}.hint{margin-top:6px;font-size:.86rem}.racks{gap:8px;padding-right:0}.tile-rack,.trade-tray{padding:10px}.rack-header{margin-bottom:8px}.rack-header button{padding:.45rem .6rem}.tile-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.summary-stats,.store-hero,.store-feature{grid-template-columns:1fr}.store-hero-icon,.store-card-icon{width:38px;height:38px}.store-stats{grid-template-columns:1fr}.store-theme-chip{min-width:0;flex:1 1 130px}.lobby-mode-card{padding:12px}.lobby-mode-card h1{font-size:var(--type-lobby-title)}.lobby-choice button{min-height:68px}}@media(max-width:360px){.home-screen .mode-card{min-height:132px}.home-screen .mode-card>span:not(.mode-card-top){display:none}.home-screen .mode-preview{min-height:26px}.home-screen .mini-board,.home-screen .mini-board.shared,.home-screen .mini-board.lane{height:18px}.home-screen .nav-grid{margin-top:8px}}@media(prefers-contrast:more){:root{--edge: #000000;--focus-ring: #004cff;--focus-ring-soft: rgba(0,76,255,.28);--shadow: rgba(0,0,0,.34);--shadow-soft: rgba(0,0,0,.24)}.app-frame{background-image:none}button,input,select,.mode-card,.status-card,.status-icon,.loading-panel,.skeleton-title,.skeleton-card,.setup-ready,.topic-row,.hud-metric,.progress-track,.equation-board,.board-transition-ghost,.blank-slot,.math-tile,.tile-rack,.trade-tray,.summary-panel,.settings-section,.settings-card,.boards-section,.score-card,.store-hero,.store-stats span,.store-card,.store-theme-chip,.tutorial-step,.tutorial-practice,.room-code-card,.modal{border-width:3px}button,.math-tile,.blank-slot,.topic-row,.status-card{box-shadow:4px 4px 0 var(--shadow)}.topic-path i,.validation-chip,.topic-state,.topic-count,.topic-recommendation,.target-chip,.store-status-chip,.summary-medal{border-width:2px}}@media(forced-colors:active){:root,.app-frame{color-scheme:light;--ink: CanvasText;--ink-soft: CanvasText;--paper: Canvas;--panel: Canvas;--panel-strong: Canvas;--edge: CanvasText;--sun: Highlight;--blue: LinkText;--mint: Highlight;--rose: Mark;--violet: Highlight;--teal: LinkText;--shadow: transparent;--shadow-soft: transparent;--focus-ring: Highlight;--focus-ring-soft: transparent;--surface: Canvas;--surface-pattern: linear-gradient(transparent, transparent);--theme-panel-bg: Canvas;--theme-panel-pattern: linear-gradient(transparent, transparent);--theme-board-bg: Canvas;--theme-board-pattern: linear-gradient(transparent, transparent);--theme-tile-face: ButtonFace;--theme-blank-bg: Canvas}.app-frame,.tile-rack,.trade-tray,.summary-panel,.settings-section,.settings-card,.boards-section,.score-card,.store-hero,.store-stats span,.store-card,.store-theme-chip,.tutorial-step,.tutorial-practice,.modal,.room-code-card,.loading-panel,.equation-board,.board-transition-ghost{background:Canvas;color:CanvasText;box-shadow:none}button,input,select,.mode-card,.status-card,.status-icon,.skeleton-title,.skeleton-card,.topic-row,.hud-metric,.progress-track,.board-transition-ghost,.blank-slot,.math-tile,.summary-stat,.theme-swatch,.store-card-icon,.store-hero-icon,.store-status-chip,.validation-chip,.target-chip,.summary-medal,.room-code-card,.board-state-symbol{border-color:CanvasText;background:ButtonFace;color:ButtonText;box-shadow:none}button.primary,.primary,.topic-row.selected,.math-tile.selected,.blank-slot.compatible,.setup-ready.ready{background:Highlight;color:HighlightText}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible,.math-tile:focus-visible,.blank-slot:focus-visible,.theme-swatch:focus-visible,.topic-row:focus-visible{outline-color:Highlight;box-shadow:none}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: .01ms;--motion-toggle: .01ms;--motion-tile: .01ms;--motion-board: .01ms;--motion-shake: .01ms;--motion-stat: .01ms;--motion-pop: .01ms;--motion-feedback: .01ms;--motion-urgent: .01ms;--motion-dot: .01ms;--motion-loop: .01ms;--motion-burst: .01ms;--motion-confetti: .01ms;--motion-shine: .01ms}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.blank-slot:hover,.math-tile:hover,.blank-slot.selected,.math-tile.selected,.math-tile.dragging{transform:none}}.reduced-motion{--motion-fast: .01ms;--motion-toggle: .01ms;--motion-tile: .01ms;--motion-board: .01ms;--motion-shake: .01ms;--motion-stat: .01ms;--motion-pop: .01ms;--motion-feedback: .01ms;--motion-urgent: .01ms;--motion-dot: .01ms;--motion-loop: .01ms;--motion-burst: .01ms;--motion-confetti: .01ms;--motion-shine: .01ms}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reduced-motion .blank-slot:hover,.reduced-motion .math-tile:hover,.reduced-motion .blank-slot.selected,.reduced-motion .math-tile.selected,.reduced-motion .math-tile.dragging{transform:none}