:root{color-scheme:light!important;--bg:#ececef;--panel:#f4f5f7;--card:#f6f7f8;--accent:#2f5fca;--accent-soft:rgba(47, 95, 202, 0.2);--line:rgba(42, 53, 78, 0.18);--ink:#2f426d;--ink-soft:#66708c;--tile:#f0e6bc;--tile-blank:#f1ecd2;--tile-border:#2a2a2a;--bank:#d8eceb;--bank-ink:#32a954;--good:#1f8f52;--bad:#b84545;--warn:#9a5b2a;--radius-xl:24px;--radius-lg:18px;--radius-md:12px;--tile-size:clamp(1.96rem, 5.15vw, 3.25rem)}*{box-sizing:border-box}html{font-size:16px}body,button,select{touch-action:manipulation}body,html{color-scheme:light!important}body{margin:0;min-height:100vh;font-family:"Trebuchet MS","Gill Sans",Tahoma,sans-serif;color:var(--ink);background:radial-gradient(130% 78%at 8% -12%,rgba(93,121,191,.22),transparent 58%),radial-gradient(100% 64%at 95% -8%,rgba(75,194,164,.15),transparent 56%),linear-gradient(180deg,#f2f3f5,#e8ebf0)}button,select{font:inherit}.app-shell{width:min(970px,calc(100vw - 1rem));margin:0 auto;padding:.75rem 0 calc(2rem + env(safe-area-inset-bottom));display:grid;gap:.66rem;transition:transform 200ms ease}.app-shell.is-puzzle-transitioning{transform:translateY(2px)}.bank-card,.puzzle-card{box-shadow:0 12px 30px rgba(30,42,62,.1)}.bank-card,.controls-card,.puzzle-card{border:1px solid rgba(47,66,109,.08);border-radius:var(--radius-xl);background:var(--card);transition:opacity 170ms ease,transform 180ms ease,box-shadow 180ms ease}.app-shell.is-puzzle-transitioning .bank-card,.app-shell.is-puzzle-transitioning .controls-card,.app-shell.is-puzzle-transitioning .puzzle-card{opacity:.55;transform:translateY(6px) scale(.995)}.puzzle-card{background:var(--panel);padding:.8rem;overflow-x:auto}.difficulty-control{display:grid;gap:.24rem}.difficulty-control label{color:#575f66;font-weight:700;font-size:.92rem}.difficulty-control select{min-height:2.28rem;width:100%;min-width:0;border-radius:10px;border:1px solid rgba(42,53,78,.25);background:#fff;color:#2f426d;font-weight:700;padding:.38rem .68rem}.difficulty-control select:focus-visible{outline:0;border-color:rgba(47,95,202,.55);box-shadow:0 0 0 4px rgba(47,95,202,.15)}.crossmath-board{--board-cols:12;--board-rows:12;width:fit-content;margin:0;max-width:100%;display:grid;grid-template-columns:repeat(var(--board-cols),var(--tile-size));grid-template-rows:repeat(var(--board-rows),var(--tile-size));gap:.04rem;padding:.08rem;transition:transform 180ms ease}.app-shell.is-puzzle-transitioning .crossmath-board{transform:scale(.986)}.tile{border:1.5px solid var(--tile-border);background:var(--tile);color:#2c2f34;font-weight:700;font-size:clamp(1.12rem,2.55vw,1.72rem);display:grid;place-items:center;line-height:1;font-variant-numeric:tabular-nums;overflow:hidden;user-select:none;transition:background-color 130ms ease,color 130ms ease,box-shadow 130ms ease,transform 130ms ease}.tile-eq,.tile-op{color:#3f4348}.tile-given{color:#202327}.tile.correct{color:var(--good);background:#e7f8ec}.tile-editable{width:100%;height:100%;border:1.5px solid var(--tile-border);background:var(--tile-blank);color:#253347;font-size:clamp(1.08rem,2.5vw,1.68rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;overflow:hidden;cursor:pointer;transition:background-color 130ms ease,color 130ms ease,box-shadow 130ms ease,transform 120ms ease,border-color 130ms ease}.tile-editable:focus-visible,.tile-editable:hover{outline:0;background:#f8f1d7;box-shadow:inset 0 0 0 2px rgba(72,96,145,.38)}.tile-editable.active-target{border-color:#1f4ea8;background:#fff2c4;color:#1c2a45;transform:translateY(-1px);box-shadow:inset 0 0 0 2px rgba(31,78,168,.55),0 0 0 3px rgba(58,105,223,.28),0 8px 14px rgba(35,61,108,.18)}.tile-editable.wrong{color:var(--bad);background:#ffe9e4}.tile-editable.correct{color:var(--good);background:#e7f8ec}.bank-card{padding:.75rem}.controls-card{position:sticky;bottom:calc(.42rem + env(safe-area-inset-bottom));z-index:20;padding:.46rem;background:rgba(243,245,249,.92);backdrop-filter:blur(9px);box-shadow:0 10px 22px rgba(37,52,80,.14)}.options-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.48rem;align-items:end;margin-top:.46rem}.options-row #solveBtn{min-width:6.2rem;min-height:2.28rem;border-radius:10px;border:1px solid rgba(154,91,42,.3);background:linear-gradient(180deg,#fff7ef,#f6e7d7);color:#8a4f22;font-size:.88rem;font-weight:700;cursor:pointer;transition:transform 110ms ease,box-shadow 140ms ease,border-color 120ms ease,background-color 120ms ease}.options-row #solveBtn:focus-visible,.options-row #solveBtn:hover{outline:0;transform:translateY(-1px);border-color:rgba(154,91,42,.55);box-shadow:0 0 0 4px rgba(154,91,42,.16)}.secondary-panel{border-top:1px solid rgba(42,53,78,.12);margin-top:.46rem;padding-top:.46rem}.number-bank{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fill,minmax(3.35rem,1fr))}.bank-token{min-height:3.08rem;border:1.5px solid #4a4e56;background:linear-gradient(180deg,#e4f3f2,#d5ecea);color:var(--bank-ink);font-size:1.84rem;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform 120ms ease,box-shadow 120ms ease,border-color 120ms ease}.bank-token:focus-visible,.bank-token:hover{outline:0;transform:translateY(-2px);border-color:#2f5fca;box-shadow:0 0 0 4px rgba(47,95,202,.15)}.bank-token.active{border-color:#2f5fca;box-shadow:0 0 0 4px rgba(47,95,202,.18)}.action-row{display:grid;gap:.42rem}.action-row button{min-height:2.4rem;border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f0f3f8);color:#2f426d;font-size:.84rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform 110ms ease,box-shadow 140ms ease,border-color 120ms ease,background-color 120ms ease}.action-row-main{grid-template-columns:repeat(4,minmax(0,1fr))}.action-row-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.action-row button:focus-visible,.action-row button:hover{outline:0;transform:translateY(-1px);border-color:rgba(47,95,202,.58);box-shadow:0 0 0 4px rgba(47,95,202,.15)}.action-row button:active{transform:translateY(0)}.action-row button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}#undoBtn:not(:disabled){border-color:rgba(47,95,202,.28);background:linear-gradient(180deg,#f8fbff,#eaf2ff)}#soundBtn{border-color:rgba(31,143,82,.25);color:#1f8f52;background:linear-gradient(180deg,#f8fffb,#ebf8f0)}#moreBtn{border-color:rgba(47,95,202,.28);background:linear-gradient(180deg,#f7f9ff,#e9eefc)}#soundBtn[aria-pressed=false]{border-color:rgba(154,91,42,.25);color:#9a5b2a;background:linear-gradient(180deg,#fff7ef,#f8ede2)}.win-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem;background:rgba(34,47,73,.42);backdrop-filter:blur(3px)}.win-modal[hidden]{display:none!important}.win-modal-dialog{width:min(24rem,calc(100vw - 1.4rem));border-radius:18px;border:1px solid rgba(47,66,109,.15);background:#f7f8fb;box-shadow:0 16px 36px rgba(30,42,62,.24);padding:1rem;color:#2f426d}.win-modal-dialog h2{margin:0;font-size:1.28rem;line-height:1.2}.win-modal-dialog p{margin:.58rem 0 0;color:#55607d;font-size:.97rem}.win-modal-actions{margin-top:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.win-modal-actions button{min-height:2.34rem;border-radius:12px;border:1px solid rgba(47,66,109,.2);background:linear-gradient(180deg,#fff,#edf1f8);color:#2f426d;font-size:.9rem;font-weight:700;cursor:pointer}.win-modal-actions button:focus-visible,.win-modal-actions button:hover{outline:0;border-color:rgba(47,95,202,.58);box-shadow:0 0 0 4px rgba(47,95,202,.16)}#winModalNewPuzzleBtn{border-color:rgba(31,143,82,.32);color:#1f8f52;background:linear-gradient(180deg,#f8fffb,#ebf8f0)}@media (max-width:560px){.tile-editable,.tile-given{font-size:clamp(.94rem,2.2vw,1.2rem)}.controls-card{padding:.4rem}.options-row{grid-template-columns:minmax(0,1fr) 5.7rem;gap:.36rem}.options-row #solveBtn{min-width:5.7rem;min-height:2.2rem;font-size:.82rem}.action-row{gap:.36rem}.action-row button{min-height:2.24rem;font-size:.8rem}}