html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(circle at top left,var(--color-secondary),#020617);color:var(--text)}:root{--bg: #0e1118;--board-bg: rgba(255, 255, 255, .05);--cell-bg: rgba(255, 255, 255, .08);--cell-fixed: rgba(255, 255, 255, .15);--accent: #4ade80;--color-secondary: #0f172a;--accent-light: #86efac;--error: #f87171;--text: #f8fafc;--muted: #94a3b8;--glass: rgba(255, 255, 255, .07);--blur: 18px;--navbar-height: 70px;--app-shell-margin: clamp(1rem, 2vmin, 2rem);--app-shell-padding: clamp(0rem, 2vmin, 2rem);--app-shell-max-width: min(1200px, 95vw);--container-gap: clamp(1rem, 3vmin, 2rem);--container-padding: clamp(1rem, 3vmin, 3rem);--board-size: clamp(500px, 60vw, 600px);--board-aspect-ratio: 1;--cell-size: calc(var(--board-size) / 9.8);--number-btn-size: var(--cell-size);--row-column-animation-duration: 1s;--row-column-animation-delay: 1s;--board-finished-confetti-fall-duration: 3s;--sudoku-board-width_height-relation: min(90vw, 60vh)}body.theme-paper{color:var(--text)}body.theme-paper .app-shell{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0000001a}body.theme-desert .app-shell{background:#fbbf240d;border:1px solid rgba(251,191,36,.2)}body.theme-fire .app-shell{background:#f871710d;border:1px solid rgba(248,113,113,.2)}body.theme-forest .app-shell{background:#4ade800d;border:1px solid rgba(74,222,128,.2)}body.theme-rain .app-shell{background:#60a5fa0d;border:1px solid rgba(96,165,250,.2)}*{box-sizing:border-box}.app-shell{width:100%;max-width:var(--app-shell-max-width);margin:var(--app-shell-margin) auto;padding:var(--app-shell-padding);border-radius:clamp(12px,2vmin,20px);background:var(--glass);box-shadow:0 12px 40px #0009;animation:fadeIn .6s ease;min-height:calc(100vh - var(--navbar-height) - var(--app-shell-margin) * 2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{display:flex;padding:var(--container-padding);gap:var(--container-gap);justify-content:center;align-items:start;grid-template-columns:var(--board-size) minmax(240px,min(320px,25vw));grid-template-areas:"board toolbar"}@media (min-width: 1400px){.container{justify-content:center;max-width:min(1200px,90vw);margin:0 auto}}app-sudoku-board{width:100%;height:fit-content}app-toolbarr{grid-area:toolbar;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:fit-content;padding-left:var(--container-gap)}@media (max-width: 800px),(max-aspect-ratio: 1/1){.app-shell{padding:0}.container{--board-size: min(100%, 60vh);flex-direction:column;padding:0;gap:calc(var(--container-gap) * .75);align-items:center;justify-items:center}app-toolbarr{width:100%;max-width:var(--board-size);padding-left:0}.numbers{grid-template-columns:repeat(9,1fr)!important;grid-template-rows:1fr!important}}.center{display:grid;place-items:center}.footer{font-size:13px;text-align:center;color:var(--muted)}.no-drag{-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.link,.link:hover{color:inherit;text-decoration:inherit}