.tg-shell{--sd: #38bdf8;--sd-ink: #7dd3fc;--sd-err: var(--danger);--sd-glow: rgba(56, 189, 248, .55);--sd-line: rgba(255, 255, 255, .085);--sd-box: #9db4cf;--sd-note: rgba(226, 232, 240, .66);--sd-edge: rgba(0, 0, 0, .5);--sd-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='144'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.035'%3E%3Cpath d='M0 48H144M0 96H144M48 0V144M96 0V144'/%3E%3C/g%3E%3Cg fill='%23fff' fill-opacity='.045' font-family='sans-serif' font-weight='700' font-size='20' text-anchor='middle'%3E%3Ctext x='24' y='32'%3E7%3C/text%3E%3Ctext x='72' y='128'%3E3%3C/text%3E%3Ctext x='120' y='80'%3E5%3C/text%3E%3Ctext x='24' y='104'%3E9%3C/text%3E%3C/g%3E%3C/svg%3E");--sd-sel: color-mix(in srgb, var(--sd) 38%, transparent);--sd-same: color-mix(in srgb, var(--sd) 24%, transparent);--sd-peer: color-mix(in srgb, var(--sd) 10%, transparent);--board: 320px;overflow:hidden;background:radial-gradient(120% 70% at 10% -8%,color-mix(in srgb,var(--sd) 24%,transparent),transparent 62%),radial-gradient(90% 60% at 105% 105%,rgba(99,102,241,.2),transparent 60%),linear-gradient(180deg,#0b1220,#070b13 58%,#05070c)}:root[data-theme=light] .tg-shell{--sd: #0369a1;--sd-ink: #0369a1;--sd-err: #b91c1c;--sd-glow: rgba(3, 105, 161, .32);--sd-line: rgba(15, 23, 42, .13);--sd-box: #475569;--sd-note: #475569;--sd-edge: rgba(15, 23, 42, .25);--sd-key-edge: rgba(15, 40, 80, .28);--sd-pat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='144'%3E%3Cg fill='none' stroke='%230c4a6e' stroke-opacity='.05'%3E%3Cpath d='M0 48H144M0 96H144M48 0V144M96 0V144'/%3E%3C/g%3E%3Cg fill='%230c4a6e' fill-opacity='.06' font-family='sans-serif' font-weight='700' font-size='20' text-anchor='middle'%3E%3Ctext x='24' y='32'%3E7%3C/text%3E%3Ctext x='72' y='128'%3E3%3C/text%3E%3Ctext x='120' y='80'%3E5%3C/text%3E%3Ctext x='24' y='104'%3E9%3C/text%3E%3C/g%3E%3C/svg%3E");background:radial-gradient(120% 70% at 10% -8%,rgba(56,189,248,.3),transparent 62%),radial-gradient(90% 60% at 105% 105%,rgba(129,140,248,.22),transparent 60%),linear-gradient(180deg,#eef4fb,#e6edf6 60%,#dde6f1)}:root[data-contrast=high] .tg-shell{--sd-line: rgba(255, 255, 255, .32);--sd-note: #f1f5f9;--sd-box: #e2e8f0}:root[data-theme=light][data-contrast=high] .tg-shell{--sd-line: rgba(15, 23, 42, .5);--sd-note: #0f172a;--sd-box: #0f172a}.sd-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .9s ease;background:linear-gradient(180deg,#04091280,#0409129e 55%,#03060cc7),url(/art/sudoku-bg.webp) 30% 40% / cover no-repeat}.sd-bg.ready{opacity:1}:root[data-theme=light] .sd-bg{background:linear-gradient(180deg,#f0f6fc8c,#ebf2faad 60%,#e2ebf6cc),url(/art/sudoku-bg.webp) 30% 40% / cover no-repeat}.tg-shell:before{content:"";position:absolute;inset:-25%;z-index:1;pointer-events:none;will-change:transform;animation:sd-drift 28s ease-in-out infinite alternate;background:radial-gradient(38% 32% at 32% 34%,color-mix(in srgb,var(--sd) 20%,transparent),transparent 70%),radial-gradient(30% 26% at 72% 70%,rgba(129,140,248,.13),transparent 70%)}.tg-shell:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 46%,transparent 52%,rgba(0,0,0,.5)),var(--sd-pat)}:root[data-theme=light] .tg-shell:after{background:radial-gradient(120% 90% at 50% 46%,transparent 55%,rgba(15,40,80,.16)),var(--sd-pat)}@keyframes sd-drift{0%{transform:translate3d(-5%,-3%,0)}to{transform:translate3d(6%,4%,0)}}.tg-status{position:relative;z-index:1;font-variant-numeric:tabular-nums}.tg-stage{touch-action:manipulation;z-index:1}.tg-timer{font-variant-numeric:tabular-nums}.tg-toast{left:var(--t-left, 50%);width:max-content;max-width:min(92vw,var(--t-w, 440px));top:var(--t-top, calc(var(--sat) + 92px));bottom:auto;border-radius:16px;font-size:.95rem;line-height:1.35}.sd-wrap{position:relative;width:var(--board);height:var(--board);flex:none}.sd-roomy .tg-status{opacity:0}.sd-wrap:before{content:"";position:absolute;inset:-4px;border-radius:18px;pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--sd) 34%,#243247),#0d141f 52%,color-mix(in srgb,var(--sd) 14%,#0a1019));box-shadow:0 1px #ffffff38 inset,0 -1px #0000008c inset,0 0 0 1px #0009,7px 12px 24px -4px #0009,0 3px 8px #00000073,0 0 34px -6px var(--sd-glow)}:root[data-theme=light] .sd-wrap:before{background:linear-gradient(145deg,#fff,#d5e1ee 55%,#c3d3e5);box-shadow:0 1px #fff inset,0 0 0 1px #0f172a2e,6px 10px 22px -6px #0f285066,0 2px 6px #0f285033}.sd-board{position:relative;display:flex;flex-direction:column;width:100%;height:100%;border-radius:14px;overflow:hidden;isolation:isolate;background:radial-gradient(130% 90% at 0% 0%,rgba(255,255,255,.075),transparent 52%),linear-gradient(150deg,#1a2332,#121927 58%,#0d131e);box-shadow:inset 0 3px 10px #00000080,inset 0 0 0 1px #ffffff14,inset 2px 2px #ffffff0d}:root[data-theme=light] .sd-board{background:radial-gradient(130% 90% at 0% 0%,#fff,transparent 58%),linear-gradient(150deg,#fbfdff,#f1f6fb 60%,#e8eff7);box-shadow:inset 0 2px 7px #0f285038,inset 0 0 0 1px #0f172a29}.sd-paper{position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/art/tex/paper.webp) 0 0 / 320px;opacity:.11;mix-blend-mode:soft-light;filter:grayscale(1) contrast(.9)}:root[data-theme=light] .sd-paper{opacity:.22;mix-blend-mode:multiply;filter:grayscale(1) brightness(1.25) contrast(.8)}.sd-board:before,.sd-board:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;filter:drop-shadow(0 0 3px var(--sd-glow))}.sd-board:before{background:linear-gradient(var(--sd-box),var(--sd-box)) calc(100% / 3) 0 / 2px 100% no-repeat,linear-gradient(var(--sd-box),var(--sd-box)) calc(200% / 3) 0 / 2px 100% no-repeat}.sd-board:after{background:linear-gradient(var(--sd-box),var(--sd-box)) 0 calc(100% / 3) / 100% 2px no-repeat,linear-gradient(var(--sd-box),var(--sd-box)) 0 calc(200% / 3) / 100% 2px no-repeat}:root[data-theme=light] .sd-board:before,:root[data-theme=light] .sd-board:after{filter:none}.sd-row{display:flex;flex:1 1 0;min-height:0}.sd-cell{position:relative;flex:1 1 0;min-width:0;padding:0;margin:0;border:0;border-radius:0;background:transparent;color:var(--text);overflow:hidden;border-right:1px solid var(--sd-line);border-bottom:1px solid var(--sd-line);font:inherit;font-size:calc(var(--board) / 9 * .6);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:background-color .12s ease}.sd-cell.b1{background:#ffffff07}:root[data-theme=light] .sd-cell.b1{background:#0369a10d}.sd-row:last-child .sd-cell{border-bottom:0}.sd-cell:last-child{border-right:0}.sd-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:1}.sd-v{position:relative;z-index:1;pointer-events:none;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sd-cell.given .sd-v{font-weight:700;color:var(--text);text-shadow:0 1px 0 rgba(0,0,0,.45)}:root[data-theme=light] .sd-cell.given .sd-v{color:#0f172a;text-shadow:none}.sd-cell.entered .sd-v{font-weight:560;color:var(--sd-ink);text-shadow:0 0 12px color-mix(in srgb,var(--sd) 45%,transparent)}:root[data-theme=light] .sd-cell.entered .sd-v{text-shadow:none}.sd-cell.hinted .sd-v{font-weight:600;color:var(--amber);text-shadow:0 0 12px color-mix(in srgb,var(--amber) 40%,transparent)}.sd-cell.peer{background:var(--sd-peer)}.sd-cell.same{background:var(--sd-same);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--sd) 62%,transparent),inset 0 0 12px color-mix(in srgb,var(--sd) 30%,transparent)}.sd-cell.same .sd-v{text-shadow:0 0 12px var(--sd-glow)}.sd-cell.sel{background:var(--sd-sel);box-shadow:inset 0 0 0 2px var(--sd),inset 0 0 16px color-mix(in srgb,var(--sd) 40%,transparent),0 0 14px var(--sd-glow);z-index:1}.sd-cell.err{background:color-mix(in srgb,var(--sd-err) 16%,transparent)}.sd-cell.err .sd-v{color:var(--sd-err);text-shadow:0 0 10px color-mix(in srgb,var(--sd-err) 50%,transparent)}.sd-cell.err:after{content:"";position:absolute;inset:0;background:var(--sd-err);opacity:0;pointer-events:none;animation:sd-pulse 1s ease-in-out 3}@keyframes sd-pulse{50%{opacity:.3}}.sd-cell.wrong{background:color-mix(in srgb,var(--sd-err) 26%,transparent);box-shadow:inset 0 0 0 2px var(--sd-err)}.sd-cell.wrong .sd-v{color:var(--sd-err);text-decoration:underline wavy;text-decoration-thickness:1px}.sd-cell.flash{animation:sd-flash .7s ease-in-out 2}@keyframes sd-flash{50%{background:color-mix(in srgb,var(--amber) 55%,transparent);box-shadow:inset 0 0 18px var(--amber)}}.sd-cell.pop .sd-v{animation:sd-pop .34s cubic-bezier(.2,.9,.3,1.15)}@keyframes sd-pop{0%{transform:scale(.5);opacity:0}55%{transform:scale(1.16);opacity:1}to{transform:scale(1)}}.sd-cell:before{content:"";position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;transform:translate(-120%);background:linear-gradient(105deg,transparent 28%,color-mix(in srgb,var(--sd-ink) 70%,#fff) 50%,transparent 72%)}.sd-cell.shine:before{animation:sd-shine .72s var(--d, 0ms) ease-out both}.sd-cell.shine .sd-v{animation:sd-wave .55s var(--d, 0ms) cubic-bezier(.2,.9,.3,1.15)}@keyframes sd-shine{0%{opacity:0;transform:translate(-120%)}20%{opacity:.85}80%{opacity:.85}to{opacity:0;transform:translate(120%)}}@keyframes sd-wave{40%{transform:scale(1.28)}to{transform:scale(1)}}.sd-n{position:absolute;inset:1px;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:none;font-size:calc(var(--board) / 9 * .31);font-weight:700;color:var(--sd-note)}.sd-n i{font-style:normal;display:flex;align-items:center;justify-content:center}.sd-n i.hl{color:var(--sd-ink);font-weight:850;text-shadow:0 0 8px var(--sd-glow)}.sd-cell.given .sd-n,.sd-v:not(:empty)+.sd-n{display:none}.sd-pause,.sd-busy{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:14px;font-weight:600;color:var(--muted);background:radial-gradient(70% 55% at 50% 38%,color-mix(in srgb,var(--sd) 22%,transparent),transparent 70%),linear-gradient(150deg,#19222f,#0f1520);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 3px 10px #00000073}:root[data-theme=light] .sd-pause,:root[data-theme=light] .sd-busy{background:radial-gradient(70% 55% at 50% 38%,rgba(56,189,248,.28),transparent 70%),linear-gradient(150deg,#fbfdff,#e8eff7)}.sd-pause-ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:var(--sd-ink);background:color-mix(in srgb,var(--sd) 16%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--sd) 55%,transparent),0 0 26px var(--sd-glow)}.sd-pause-title{font-size:1.6rem;font-weight:800;letter-spacing:-.01em;color:var(--text)}.sd-pause-time{font-size:1.05rem;font-variant-numeric:tabular-nums;margin-top:-6px}.sd-resume{margin-top:6px;padding:0 22px;min-height:48px}.sd-wrap.paused .sd-pause,.sd-wrap.busy .sd-busy{display:flex}.sd-wrap.paused .sd-board,.sd-wrap.busy .sd-board{visibility:hidden}.sd-spin{width:34px;height:34px;border-radius:50%;border:3px solid color-mix(in srgb,var(--sd) 22%,transparent);border-top-color:var(--sd);animation:sd-rot .8s linear infinite}@keyframes sd-rot{to{transform:rotate(360deg)}}.sd-hud{position:absolute;left:0;right:0;bottom:calc(100% + 16px);display:none;align-items:center;gap:8px;pointer-events:none}.sd-roomy .sd-hud{display:flex}.sd-foot{position:absolute;left:0;right:0;top:calc(100% + 16px);display:none;justify-content:center;gap:8px;pointer-events:none}.sd-roomy .sd-foot{display:flex}.sd-chip b{font-weight:750}.sd-chip-notes{color:var(--muted)}.sd-chip-notes.on{color:var(--sd-ink);border-color:color-mix(in srgb,var(--sd) 60%,var(--line));background:color-mix(in srgb,var(--sd) 20%,var(--surface2))}.sd-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text);background:color-mix(in srgb,var(--surface2) 78%,transparent);border:1px solid color-mix(in srgb,#fff 11%,var(--line));box-shadow:0 1px #ffffff14 inset,0 4px 10px #00000040;backdrop-filter:blur(8px)}.sd-chip-diff:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c, var(--sd));box-shadow:0 0 8px var(--c, var(--sd))}.sd-chip-diff[data-diff=easy]{--c: #4ade80}.sd-chip-diff[data-diff=medium]{--c: #38bdf8}.sd-chip-diff[data-diff=hard]{--c: #f0a43a}.sd-chip-diff[data-diff=expert]{--c: #f87171}.sd-chip-hint{color:var(--muted)}.sd-chip-hint.on{color:var(--amber)}.sd-prog{flex:1;height:6px;border-radius:3px;overflow:hidden;background:color-mix(in srgb,var(--text) 12%,transparent);box-shadow:inset 0 1px 2px #00000059}.sd-prog i{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--sd),color-mix(in srgb,var(--sd) 50%,#fff));transition:transform .45s cubic-bezier(.2,.9,.3,1.15);box-shadow:0 0 10px var(--sd-glow)}.tg-controls{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:0;padding:6px 8px calc(6px + var(--sab));background:linear-gradient(0deg,#05080ec7,#0a0f188c);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}:root[data-theme=light] .tg-controls{background:linear-gradient(0deg,#e8eff7e6,#f4f8fcbf)}.sd-ctl{display:flex;flex-direction:column;gap:6px;width:min(100%,max(var(--board),320px))}.sd-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.sd-key{position:relative;flex-direction:column;gap:0;padding:0;min-height:clamp(44px,7.2vh,62px);font-size:1.45rem;font-weight:650;line-height:1.05;border-radius:16px;color:var(--sd-ink);background:linear-gradient(180deg,color-mix(in srgb,#fff 10%,var(--surface2)),var(--surface2) 55%,color-mix(in srgb,#000 12%,var(--surface2)));border:1px solid color-mix(in srgb,#fff 12%,var(--line));box-shadow:0 1px #ffffff29 inset,0 3px 0 var(--sd-key-edge, color-mix(in srgb, #000 60%, var(--surface2))),0 6px 10px #00000052;transition:transform .09s ease,box-shadow .09s ease,opacity .2s}.sd-key:active:not([disabled]){transform:translateY(3px);box-shadow:0 1px #ffffff1a inset,0 0 0 transparent,0 1px 3px #0000004d}.sd-d{position:relative;z-index:1;font-size:1.5rem;text-shadow:0 0 12px color-mix(in srgb,var(--sd) 40%,transparent)}:root[data-theme=light] .sd-d{text-shadow:none}.sd-c{position:absolute;top:3px;right:7px;z-index:1;font-size:.72rem;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.sd-ring{position:absolute;left:50%;top:50%;height:min(80%,40px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none;overflow:visible}.sd-ring .tr{stroke:color-mix(in srgb,var(--sd) 20%,transparent)}.sd-ring .pr{stroke:var(--sd);stroke-dashoffset:calc(106.81px * (1 - var(--p, 0)));transition:stroke-dashoffset .4s cubic-bezier(.2,.9,.3,1.15),stroke .3s;filter:drop-shadow(0 0 3px var(--sd-glow))}.sd-key.done{opacity:.55;color:var(--ok)}:root[data-theme=light] .sd-key.done{color:#15803d}.sd-key.done .sd-ring .pr{stroke:var(--ok)}.sd-key.done .sd-ring .tr{stroke:color-mix(in srgb,var(--ok) 25%,transparent)}.sd-erase{color:var(--text);gap:1px}.sd-erase .sd-lbl{font-size:.72rem;font-weight:650;color:var(--muted)}.sd-notes .sd-key:not(.sd-erase){border-style:dashed;color:var(--muted)}.sd-notes .sd-key:not(.sd-erase) .sd-d{font-size:1.2rem;text-shadow:none}.sd-notes .sd-ring .pr{stroke:color-mix(in srgb,var(--sd) 60%,var(--muted))}.sd-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.sd-tool{position:relative;flex-direction:column;gap:1px;padding:0;min-width:44px;min-height:clamp(44px,7vh,56px);line-height:1.1;border-radius:14px;box-shadow:0 1px #ffffff1f inset,0 2px 0 var(--sd-key-edge, color-mix(in srgb, #000 55%, var(--surface2))),0 4px 8px #00000040;transition:transform .09s ease,box-shadow .09s ease}.sd-tool:active:not([disabled]){transform:translateY(2px);box-shadow:0 1px #ffffff14 inset,0 0 #000}.sd-ico{display:grid;place-items:center}.sd-tool .sd-lbl{font-size:.72rem;font-weight:650;color:var(--muted)}.sd-tool.on .sd-lbl{color:var(--text)}.sd-badge{position:absolute;top:2px;right:4px;min-width:16px;padding:0 4px;border-radius:8px;background:var(--amber);color:var(--accent-ink);font-size:.68rem;font-weight:800;text-align:center;box-shadow:0 1px 4px #00000059}.sd-badge:empty{display:none}.tg-btn.sd-tool.on{outline:0;border-color:var(--sd);color:var(--sd-ink);background:linear-gradient(180deg,color-mix(in srgb,var(--sd) 34%,var(--surface2)),color-mix(in srgb,var(--sd) 16%,var(--surface2)));box-shadow:0 0 0 1px var(--sd),0 0 16px var(--sd-glow),0 2px color-mix(in srgb,#000 55%,var(--surface2))}.tg-shell.sd-toast-low .tg-toast{top:auto;bottom:var(--t-bot, 8px)}.sd-daily{position:relative;width:100%;justify-content:flex-start;align-items:center;gap:14px;padding:14px 16px;height:auto;text-align:left;overflow:hidden;border-color:color-mix(in srgb,var(--c, var(--sd)) 60%,var(--line));background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--c, var(--sd)) 30%,transparent),transparent 62%),linear-gradient(180deg,color-mix(in srgb,#fff 6%,var(--surface2)),var(--surface2))}.sd-daily-ico{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--c, var(--sd)) 80%,#fff),color-mix(in srgb,var(--c, var(--sd)) 70%,#000));box-shadow:0 1px #fff6 inset,0 6px 14px color-mix(in srgb,var(--c, var(--sd)) 45%,transparent)}.sd-daily.is-done .sd-daily-ico{background:linear-gradient(145deg,#4ade80,#15803d)}.sd-daily-txt{display:flex;flex-direction:column;gap:1px;min-width:0}.sd-daily-t{font-size:1.1rem;font-weight:800;color:var(--text)}.sd-daily-s{font-size:.82rem;font-weight:500;color:var(--muted)}.sd-streak{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:.85rem;color:var(--amber);background:color-mix(in srgb,var(--amber) 16%,transparent);font-variant-numeric:tabular-nums}.sd-diffs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.sd-diff{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"m t" "m p" "b b";align-items:center;justify-content:stretch;column-gap:10px;row-gap:4px;padding:12px;height:auto;text-align:left;overflow:hidden;border-color:color-mix(in srgb,var(--c) 38%,var(--line));background:radial-gradient(110% 100% at 0% 0%,color-mix(in srgb,var(--c) 20%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,#fff 6%,var(--surface2)),var(--surface2))}.sd-mini{grid-area:m;width:38px;height:38px}.sd-mini .on{fill:var(--c);filter:drop-shadow(0 0 2px color-mix(in srgb,var(--c) 70%,transparent))}.sd-mini .off{fill:color-mix(in srgb,var(--text) 12%,transparent)}.sd-diff-txt{grid-area:t;display:flex;flex-direction:column;min-width:0}.sd-diff-txt strong{font-size:1.05rem;font-weight:800;color:var(--text)}.sd-pips{grid-area:p;display:flex;gap:3px}.sd-pips i{width:14px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--text) 14%,transparent)}.sd-pips i.on{background:var(--c);box-shadow:0 0 6px color-mix(in srgb,var(--c) 60%,transparent)}.sd-best{grid-area:b;display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.sd-best svg{color:var(--amber)}.sd-wide{width:100%;margin-bottom:4px;gap:8px}.sd-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sd-tiles-2{grid-template-columns:1fr 1fr;margin-top:10px}.sd-tile{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,#fff 9%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,#fff 5%,var(--surface2)),var(--surface2));box-shadow:0 1px #ffffff0f inset}.sd-tile.acc{border-color:color-mix(in srgb,var(--sd) 50%,var(--line));background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--sd) 22%,transparent),transparent 70%),var(--surface2)}.sd-tile-l{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:650;letter-spacing:.02em;color:var(--muted)}.sd-tile-v{font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sd-statrows{margin-top:12px;display:flex;flex-direction:column}.sd-statrow{display:grid;grid-template-columns:62px 1fr 48px 52px;align-items:center;gap:10px;min-height:40px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;font-size:.9rem}.sd-statrow-h{min-height:28px;font-size:.75rem;font-weight:650;color:var(--muted)}.sd-statrow-n{font-weight:700;color:var(--c, var(--text))}.sd-statrow-bar{height:7px;border-radius:4px;background:color-mix(in srgb,var(--text) 12%,transparent);overflow:hidden}.sd-statrow-h .sd-statrow-bar{background:none;height:auto}.sd-statrow-bar i{display:block;height:100%;background:var(--c);border-radius:4px;box-shadow:0 0 8px color-mix(in srgb,var(--c) 55%,transparent)}.sd-statrow-c,.sd-statrow-t{text-align:right}.sd-win-hero{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 12px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--sd) 40%,var(--line));background:radial-gradient(90% 120% at 50% 0%,color-mix(in srgb,var(--sd) 28%,transparent),transparent 70%),var(--surface2)}.sd-win-hero.best{border-color:color-mix(in srgb,var(--amber) 60%,var(--line));background:radial-gradient(90% 120% at 50% 0%,color-mix(in srgb,var(--amber) 30%,transparent),transparent 70%),var(--surface2)}.sd-win-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--sd-ink);background:color-mix(in srgb,var(--sd) 18%,transparent);box-shadow:0 0 20px var(--sd-glow)}.sd-win-hero.best .sd-win-ico{color:var(--amber);background:color-mix(in srgb,var(--amber) 18%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--amber) 55%,transparent)}.sd-win-hero b{font-size:2.5rem;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.sd-win-hero span:last-child{font-size:.85rem;font-weight:650;color:var(--muted)}@media(min-aspect-ratio:11/10){.tg-shell{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,36vw,400px);grid-template-rows:auto auto minmax(0,1fr)}.tg-header,.tg-status{grid-column:1 / -1}.tg-stage{grid-column:1;grid-row:3}.tg-controls{grid-column:2;grid-row:3;justify-content:center;border-top:0;border-left:1px solid var(--line);padding:8px 12px calc(8px + var(--sab))}.sd-ctl{width:100%;max-width:380px;gap:10px}.sd-tools{grid-template-columns:repeat(3,1fr)}}@media(min-aspect-ratio:11/10)and (max-height:460px){.sd-ctl{gap:6px}.sd-key,.sd-tool{min-height:44px}}@media(max-width:360px){.sd-ico svg{width:18px;height:18px}.sd-statrow{grid-template-columns:56px 1fr 42px 46px;gap:8px}}@media(max-width:480px)and (max-height:600px)and (max-aspect-ratio:10/10){.tg-status{min-height:20px;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.tg-shell:before{animation:none}}[data-motion=reduce] .tg-shell:before{animation:none}.sd-paused .tg-toast{visibility:hidden;opacity:0!important}