:root{
  --bg:#ede8df;--panel:#faf7f0;--ink:#262720;--muted:#76766d;--accent:#566348;--accent2:#c59a55;
  --board:#f8f5ed;--cell:#fffdf8;--given:#252820;--entry:#3d5742;--line:#b8b3a7;--heavy:#49513f;
  --related:#eef0e8;--same:#dde5d4;--selected:#ccd9c2;--wrong:#f5d4d0;--hint:#f1dfaa;--shadow:0 18px 50px rgba(36,33,27,.14);
  --radius:18px;--surface-glow:rgba(255,255,255,.42);--board-rim:#68715c;--key-shadow:rgba(44,40,33,.14);
}
body[data-theme="midnight"]{--bg:#12161c;--panel:#1c222a;--ink:#f3f0e7;--muted:#a6abb0;--accent:#7b9cab;--accent2:#c8aa6a;--board:#222a33;--cell:#28313b;--given:#f5f2ea;--entry:#b9d8df;--line:#56616b;--heavy:#c1c9cb;--related:#303b46;--same:#3c4d58;--selected:#49616a;--wrong:#613b3c;--hint:#645a36;--surface-glow:rgba(255,255,255,.045);--board-rim:#8ca0a7;--key-shadow:rgba(0,0,0,.32)}
body[data-theme="parchment"]{--bg:#e9dfcb;--panel:#f7f0e1;--ink:#312b22;--muted:#817565;--accent:#7d694c;--accent2:#a87b3f;--board:#f2e5cd;--cell:#fbf2df;--given:#332d24;--entry:#75583c;--line:#c1ad8c;--heavy:#725d43;--related:#f0e2c8;--same:#e5d1ad;--selected:#dbc398;--wrong:#efc7bb;--hint:#f2d58e;--surface-glow:rgba(255,255,255,.36);--board-rim:#856f52;--key-shadow:rgba(79,61,36,.18)}
body[data-theme="deep-blue"]{--bg:#13243a;--panel:#1b314b;--ink:#f4f6f4;--muted:#a8b5c3;--accent:#5e91b4;--accent2:#d0ae68;--board:#203a58;--cell:#284867;--given:#fff;--entry:#bce4f4;--line:#5d7994;--heavy:#d1dfeb;--related:#315472;--same:#3b6582;--selected:#4a7792;--wrong:#754549;--hint:#776a3a;--surface-glow:rgba(255,255,255,.055);--board-rim:#86abc4;--key-shadow:rgba(0,0,0,.28)}
body[data-theme="burgundy"]{--bg:#2c1719;--panel:#3b2023;--ink:#f8f0e9;--muted:#bba8a7;--accent:#9d5d5d;--accent2:#d1a35c;--board:#4b2528;--cell:#5a2e31;--given:#fff8f0;--entry:#f2c7b9;--line:#805258;--heavy:#ead4cd;--related:#65383b;--same:#754348;--selected:#895158;--wrong:#833b3f;--hint:#786038;--surface-glow:rgba(255,255,255,.05);--board-rim:#b7887f;--key-shadow:rgba(0,0,0,.28)}
body[data-theme="charcoal"]{--bg:#20211f;--panel:#2b2d2a;--ink:#f2f0ea;--muted:#aaa9a2;--accent:#7c8871;--accent2:#c5a66a;--board:#343632;--cell:#3c3f3a;--given:#f7f5ef;--entry:#c6d2bc;--line:#666960;--heavy:#d6d5cf;--related:#464a43;--same:#51574c;--selected:#626b59;--wrong:#674344;--hint:#6e623f;--surface-glow:rgba(255,255,255,.045);--board-rim:#94988e;--key-shadow:rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{color:inherit}.app-shell{height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,42px);border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel) 88%,transparent));backdrop-filter:blur(14px);box-shadow:0 4px 18px rgba(0,0,0,.035);position:relative;z-index:4}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-size:25px;background:var(--accent);color:#fff}.brand strong{display:block;font-family:Georgia,serif;font-size:20px;font-weight:600}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.top-actions{display:flex;gap:8px}.icon-btn,.close-btn{border:0;background:color-mix(in srgb,var(--ink) 7%,transparent);width:42px;height:42px;border-radius:12px;cursor:pointer;font-weight:700}.icon-btn:hover,.close-btn:hover{background:color-mix(in srgb,var(--ink) 12%,transparent)}.game-layout{max-width:1220px;width:100%;height:100%;margin:0 auto;padding:14px clamp(12px,2vw,28px) 14px;display:grid;grid-template-columns:minmax(500px,760px) minmax(220px,300px);gap:clamp(16px,2.6vw,34px);align-items:stretch;overflow:hidden}.game-column{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;align-content:start}.status-strip{display:flex;align-items:stretch;gap:8px;margin-bottom:0;overflow-x:auto;scrollbar-width:none}.status-strip::-webkit-scrollbar{display:none}.mode-pill,.status-item{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 98%,transparent),color-mix(in srgb,var(--panel) 90%,transparent));box-shadow:0 3px 10px rgba(0,0,0,.035),inset 0 1px 0 var(--surface-glow);border-radius:13px;padding:9px 13px;min-width:84px}.mode-pill{cursor:pointer;color:var(--ink);font-weight:700;white-space:nowrap}.status-item span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.status-item strong{display:block;font-variant-numeric:tabular-nums;font-size:16px;margin-top:1px}.score-status{margin-left:auto}.board-wrap{position:relative;width:min(100%, min(700px, calc(100dvh - 300px)));aspect-ratio:1;margin:0 auto;padding:5px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 82%,var(--accent) 18%),color-mix(in srgb,var(--panel) 94%,var(--bg)));box-shadow:0 4px 14px rgba(0,0,0,.06),inset 0 1px 0 var(--surface-glow)}.sudoku-board{width:100%;height:100%;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);background:var(--heavy);border:4px solid var(--board-rim);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(20,18,15,.16),0 4px 12px rgba(20,18,15,.10),inset 0 0 0 1px color-mix(in srgb,var(--panel) 45%,transparent);touch-action:manipulation}.cell{position:relative;display:grid;place-items:center;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--cell) 98%,white 2%),var(--cell));color:var(--entry);cursor:pointer;padding:0;font-weight:650;font-size:clamp(20px,4.3vw,38px);font-variant-numeric:tabular-nums;transition:background .13s,transform .11s,box-shadow .13s}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+73){border-bottom:0}.cell.box-right{border-right:3px solid var(--heavy)}.cell.box-bottom{border-bottom:3px solid var(--heavy)}.cell.given{color:var(--given);font-weight:800;text-shadow:0 1px 0 color-mix(in srgb,var(--panel) 35%,transparent)}.cell.related{background:var(--related)}.cell.same{background:var(--same)}.cell.selected{background:var(--selected);outline:3px solid color-mix(in srgb,var(--accent) 82%,white);outline-offset:-4px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--panel) 45%,transparent)}.cell.wrong{background:var(--wrong);color:#a23632}.cell.hint-nudge{animation:hintGlow 1.15s ease-in-out 2}.cell.flash-good{animation:goodPop .38s ease}.cell.flash-bad{animation:badWiggle .28s ease}.notes-grid{position:absolute;inset:3px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:clamp(7px,1.45vw,12px);font-weight:650;color:color-mix(in srgb,var(--entry) 80%,var(--muted));line-height:1}.notes-grid span{display:grid;place-items:center}.pause-cover{position:absolute;inset:0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(9px);display:grid;place-items:center;border-radius:13px;z-index:3}.pause-cover[hidden]{display:none}.pause-card{text-align:center;max-width:310px;padding:28px}.pause-icon{font-size:42px;color:var(--accent);margin-bottom:9px}.pause-card strong{display:block;font:600 28px Georgia,serif}.pause-card span{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin:8px 0 18px}.number-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;width:min(100%,700px);margin:0 auto}.number-pad button{border:1px solid color-mix(in srgb,var(--ink) 11%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 100%,white 0%),color-mix(in srgb,var(--panel) 92%,var(--bg)));box-shadow:0 4px 10px var(--key-shadow),inset 0 1px 0 var(--surface-glow);border-radius:11px;min-height:46px;font-size:23px;font-weight:780;cursor:pointer;transition:transform .11s,box-shadow .11s,background .11s}.number-pad button:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 8%,var(--panel));box-shadow:0 7px 14px var(--key-shadow),inset 0 1px 0 var(--surface-glow)}.number-pad button:active{transform:translateY(0);box-shadow:0 2px 6px var(--key-shadow),inset 0 1px 0 var(--surface-glow)}.number-pad button.exhausted{opacity:.3}.tool-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:min(100%,700px);margin:0 auto}.tool-btn{border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:color-mix(in srgb,var(--panel) 72%,transparent);cursor:pointer;border-radius:12px;padding:6px 4px;color:var(--muted);box-shadow:inset 0 1px 0 var(--surface-glow);transition:.14s}.tool-btn span{display:grid;place-items:center;margin:0 auto 2px;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--ink) 6%,transparent);font-size:19px;color:var(--ink)}.tool-btn small{font-size:11px}.tool-btn:hover{background:color-mix(in srgb,var(--accent) 6%,var(--panel));transform:translateY(-1px)}.tool-btn.active{color:var(--accent);font-weight:700;border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.tool-btn.active span{background:var(--accent);color:#fff}.tool-btn:disabled{opacity:.35;cursor:not-allowed}.sage-panel{position:sticky;top:14px;align-self:start;max-height:calc(100dvh - 110px);overflow:hidden}.sage-frame{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 100%,white 0%),color-mix(in srgb,var(--panel) 88%,var(--bg)));border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(20,18,15,.14);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);aspect-ratio:4/5;position:relative}.sage-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--surface-glow);pointer-events:none}.sage-frame img{width:100%;height:100%;object-fit:cover;display:block}.sage-copy{padding:17px 4px 14px}.sage-label{font:italic 600 25px Georgia,serif;color:var(--accent)}.sage-copy p{margin:5px 0 0;color:var(--muted);line-height:1.5;font-size:14px}.mini-actions{display:grid;grid-template-columns:1fr;gap:7px}.mini-actions button{border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 90%,var(--bg)));padding:10px;border-radius:10px;cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.04)}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:rgba(20,20,17,.46);backdrop-filter:blur(5px);z-index:20;display:grid;place-items:center;padding:16px}.modal-backdrop.hidden{display:none}.modal{position:relative;background:var(--panel);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.3);width:min(680px,100%);max-height:min(92vh,900px);overflow:auto;padding:30px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.modal>.close-btn{position:absolute;right:16px;top:16px}.start-head{display:grid;grid-template-columns:115px 1fr;gap:20px;align-items:center;margin-bottom:24px}.start-head img{width:115px;height:144px;object-fit:cover;border-radius:16px}.eyebrow{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--accent);margin-bottom:5px}.start-head h1,.modal h2,.drawer-head h2{font:600 clamp(30px,5vw,44px) Georgia,serif;margin:0}.start-head p{color:var(--muted);line-height:1.45;margin:7px 0 0}.setup-section{margin:19px 0}.setup-section h2,.setting-group h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 9px;color:var(--muted)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:color-mix(in srgb,var(--ink) 7%,transparent);border-radius:12px;gap:3px}.segmented button{border:0;background:transparent;padding:11px 8px;border-radius:9px;cursor:pointer;font-weight:700}.segmented button.active{background:var(--panel);box-shadow:0 2px 8px rgba(0,0,0,.09);color:var(--accent)}.difficulty-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.difficulty-grid button{padding:12px 7px;border:1px solid color-mix(in srgb,var(--ink) 11%,transparent);border-radius:12px;background:transparent;cursor:pointer}.difficulty-grid strong,.difficulty-grid span{display:block}.difficulty-grid span{color:var(--muted);font-size:10px;margin-top:2px}.difficulty-grid button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.difficulty-grid button.active span{color:rgba(255,255,255,.72)}.challenge-note{padding:13px 15px;border-radius:12px;background:color-mix(in srgb,var(--accent2) 18%,transparent);margin:14px 0}.challenge-note strong,.challenge-note span{display:block}.challenge-note span{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.45}.primary-btn,.secondary-btn{border:0;border-radius:11px;padding:12px 18px;font-weight:750;cursor:pointer}.primary-btn{background:var(--accent);color:#fff}.secondary-btn{background:color-mix(in srgb,var(--ink) 8%,var(--panel));color:var(--ink)}.primary-btn.large{width:100%;padding:15px;font-size:16px}.text-btn{border:0;background:transparent;color:var(--accent);cursor:pointer;padding:10px}.text-btn.danger{color:#a64b49}.start-modal>.text-btn{width:100%;margin-top:4px}.settings-drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,94vw);background:var(--panel);z-index:30;transform:translateX(105%);transition:transform .25s ease;box-shadow:-20px 0 60px rgba(0,0,0,.2);display:flex;flex-direction:column}.settings-drawer.open{transform:translateX(0)}.drawer-backdrop{z-index:29}.drawer-backdrop[hidden]{display:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 15px;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.drawer-head h2{font-size:31px}.drawer-scroll{overflow:auto;padding:6px 22px 28px}.setting-group{padding:19px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-grid button{display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);background:transparent;border-radius:10px;padding:9px;cursor:pointer;font-size:12px}.theme-grid button.active{outline:2px solid var(--accent);outline-offset:-2px}.swatch{width:25px;height:25px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex:0 0 auto}.swatch.sage-olive{background:#566348}.swatch.midnight{background:#1c2a36}.swatch.parchment{background:#d8c7a4}.swatch.deep-blue{background:#234c72}.swatch.burgundy{background:#672f35}.swatch.charcoal{background:#3b3e39}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;cursor:pointer}.toggle-row span{min-width:0}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:13px}.toggle-row small{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.35}.toggle-row input{display:none}.toggle-row i{position:relative;width:42px;height:24px;border-radius:99px;background:color-mix(in srgb,var(--ink) 18%,transparent);flex:0 0 auto;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.18)}.toggle-row input:checked+i{background:var(--accent)}.toggle-row input:checked+i:after{transform:translateX(18px)}.range-row{display:block;padding:9px 0}.range-row span{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.range-row input{width:100%;accent-color:var(--accent)}.full{width:100%}.stats-modal{width:min(620px,100%)}.stats-tabs{display:flex;gap:5px;overflow:auto;margin:16px 0 14px}.stats-tabs button{white-space:nowrap;border:1px solid color-mix(in srgb,var(--ink) 11%,transparent);background:transparent;border-radius:99px;padding:7px 11px;cursor:pointer;font-size:12px}.stats-tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats-grid>div,.finish-stats>div{background:color-mix(in srgb,var(--ink) 5%,transparent);border-radius:12px;padding:14px;text-align:center}.stats-grid span,.finish-stats span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.stats-grid strong,.finish-stats strong{display:block;font-size:21px;margin-top:3px}.best-list{margin-top:12px}.best-row{display:flex;justify-content:space-between;padding:10px 3px;border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);font-size:13px}.best-row span{color:var(--muted)}.finish-modal{text-align:center;max-width:520px}.finish-modal>img{width:130px;height:162px;object-fit:cover;border-radius:18px;margin-bottom:12px}.finish-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:19px 0}.finish-actions{display:flex;justify-content:center;gap:8px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#222;color:#fff;padding:10px 14px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes hintGlow{0%,100%{box-shadow:inset 0 0 0 0 transparent}50%{background:var(--hint);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--accent2) 75%,white)}}@keyframes goodPop{50%{transform:scale(.93);background:var(--same)}}@keyframes badWiggle{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-width:900px){.game-layout{position:relative;grid-template-columns:1fr;grid-template-rows:1fr;max-width:760px;padding:10px 10px 12px;gap:0;overflow:hidden}.game-column{gap:8px}.status-strip{padding-right:64px}.sage-panel{position:absolute;right:12px;top:10px;width:52px;height:52px;display:block;background:transparent;border:0;padding:0;margin:0;max-height:none;overflow:visible;z-index:6}.sage-frame{width:52px;height:52px;aspect-ratio:1;border-radius:50%;box-shadow:0 5px 14px rgba(0,0,0,.16);border:2px solid color-mix(in srgb,var(--panel) 70%,var(--accent));background:var(--panel)}.sage-frame img{object-position:center 18%}.sage-copy,.mini-actions{display:none}.score-status{margin-left:0}.board-wrap{width:min(100%, min(680px, calc(100dvh - 250px)))}}
@media(max-width:600px){.topbar{height:56px;padding:0 10px}.brand-mark{width:34px;height:34px;font-size:20px}.brand strong{font-size:16px}.brand small{display:none}.icon-btn{width:36px;height:36px}.game-layout{padding:8px 6px 8px;gap:8px}.status-strip{gap:4px;margin-bottom:0}.mode-pill,.status-item{padding:6px 8px;min-width:64px;border-radius:10px}.status-item strong{font-size:13px}.score-status{display:none}.board-wrap{width:min(100%, calc(100dvh - 250px))}.sudoku-board{border-width:2px;border-radius:9px}.cell.box-right{border-right-width:2px}.cell.box-bottom{border-bottom-width:2px}.number-pad{gap:4px}.number-pad button{min-height:40px;border-radius:8px;font-size:18px}.tool-row{gap:2px}.tool-btn{padding:3px 2px}.tool-btn span{width:29px;height:29px;font-size:17px}.tool-btn small{font-size:9px}.modal-backdrop{padding:7px;align-items:end}.modal{border-radius:22px 22px 0 0;width:100%;max-height:94vh;padding:23px 16px 24px}.start-head{grid-template-columns:74px 1fr;gap:12px}.start-head img{width:74px;height:92px;border-radius:12px}.start-head h1{font-size:31px}.start-head p{font-size:12px}.difficulty-grid{grid-template-columns:repeat(3,1fr)}.difficulty-grid button:nth-child(4),.difficulty-grid button:nth-child(5){grid-column:auto}.segmented button{font-size:12px;padding:10px 4px}.settings-drawer{top:auto;left:0;right:0;bottom:0;width:100%;height:min(82vh,720px);border-radius:22px 22px 0 0;transform:translateY(105%)}.settings-drawer.open{transform:translateY(0)}.drawer-scroll{padding:3px 17px 24px}.drawer-head{padding:17px}.theme-grid{grid-template-columns:repeat(3,1fr)}.theme-grid button{display:block;text-align:center;padding:8px 4px;font-size:10px}.swatch{display:block;margin:0 auto 5px}.stats-grid,.finish-stats{grid-template-columns:repeat(2,1fr)}.finish-modal>img{width:95px;height:118px}.sage-panel{right:8px;top:7px;width:46px;height:46px}.sage-frame{width:46px;height:46px}.status-strip{padding-right:54px}}

@media (max-height: 860px){.game-layout{padding-top:10px;padding-bottom:10px;gap:14px}.status-strip{gap:6px}.mode-pill,.status-item{padding:7px 10px}.board-wrap{width:min(100%, min(640px, calc(100dvh - 285px)))}.number-pad button{min-height:42px}.tool-btn span{width:31px;height:31px}.sage-frame{aspect-ratio:3/4}.sage-copy p{font-size:13px}}
@media (max-height: 760px){.topbar{height:60px}.game-layout{padding-top:8px;padding-bottom:8px;gap:10px}.board-wrap{width:min(100%, min(560px, calc(100dvh - 250px)))}.number-pad button{min-height:38px;font-size:19px}.tool-btn span{width:28px;height:28px;font-size:17px}.tool-btn small{font-size:10px}.sage-copy p{font-size:12px}}

body[data-theme="sage-olive"]{background:radial-gradient(circle at 18% 12%,rgba(116,128,94,.10),transparent 34%),var(--bg)}
body[data-theme="midnight"],body[data-theme="deep-blue"],body[data-theme="burgundy"],body[data-theme="charcoal"]{background:radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 35%),var(--bg)}
body[data-theme="parchment"]{background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.24),transparent 35%),var(--bg)}

[hidden]{display:none!important}