@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}html{overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;background-color:#f7e6cb;background-image:url(/bg_2.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;min-height:100%;overflow-x:hidden}:root{--bg-beige:#f7e6cb;--text-black:#0c0c0c;--accent-red:#cb1b03;--accent-green:#1da849;--accent-blue:#1973c0;--accent-yellow:#d99b00;--beige-subtle:#efe0c5;--beige-hover:#e8d5b7;--cell-given:#2c2c2c;--cell-user:#1973c0;--border-thick:#0c0c0c;--border-thin:#c2b39b;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{color:var(--text-black);font-family:var(--font-body);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;background-color:#0000;flex-direction:column;align-items:center;width:100%;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}#root{flex-direction:column;width:100%;max-width:1280px;min-height:100vh;padding:.5rem 1.25rem .75rem;display:flex}.header-container{justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding-bottom:.5rem;display:flex;border-bottom:none!important}.sound-btn-landing{z-index:100;position:absolute;top:1.25rem;right:1.5rem}.hero-logo-container{text-align:center;flex-direction:column;align-items:center;margin:.25rem 0 1.25rem;display:flex;overflow:visible;transform:translate(-16px)}.shake-subtle{animation:.22s cubic-bezier(.36,.07,.19,.97) both shakeSubtleAnim}@keyframes shakeSubtleAnim{0%{transform:translate(0,0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,1px)}to{transform:translate(0,0)}}.shake-moderate{animation:.22s cubic-bezier(.36,.07,.19,.97) both shakeModerateAnim}@keyframes shakeModerateAnim{0%{transform:translate(0,0)}20%{transform:translate(-3.5px,1.5px)}40%{transform:translate(3.5px,-1.5px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}to{transform:translate(0,0)}}.shake-heavy{animation:.26s cubic-bezier(.36,.07,.19,.97) both shakeHeavyAnim}@keyframes shakeHeavyAnim{0%{transform:translate(0,0)}16%{transform:translate(-6.5px,3px)}33%{transform:translate(6.5px,-3px)}50%{transform:translate(-4px,2px)}66%{transform:translate(4px,-2px)}83%{transform:translate(-2px,1px)}to{transform:translate(0,0)}}.shake-extreme{animation:.28s cubic-bezier(.36,.07,.19,.97) both shakeExtremeAnim}@keyframes shakeExtremeAnim{0%{transform:translate(0,0)}12%{transform:translate(-10px,4px)}25%{transform:translate(10px,-4px)}37%{transform:translate(-8px,3px)}50%{transform:translate(8px,-3px)}62%{transform:translate(-5px,2px)}75%{transform:translate(5px,-2px)}87%{transform:translate(-2px,1px)}to{transform:translate(0,0)}}.vibrate-error{animation:.4s cubic-bezier(.36,.07,.19,.97) both screenVibrate}@keyframes screenVibrate{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.shift-glitch-board{transform-origin:50%;will-change:transform;animation:.45s ease-in-out both shiftGlitchShake}@keyframes shiftGlitchShake{0%{transform:translate(0,0)rotate(0)}15%{filter:hue-rotate(90deg);transform:translate(-5px,3px)rotate(-1deg)}30%{filter:hue-rotate(180deg);transform:translate(6px,-4px)rotate(1deg)}45%{transform:translate(-4px,2px)rotate(-.5deg)}60%{transform:translate(3px,-2px)rotate(.5deg)}75%{transform:translate(-1px,1px)}to{filter:none;transform:translate(0,0)rotate(0)}}.shift-digit-pulse{transform-origin:50%;will-change:transform;animation:.75s ease-in-out both digitWavePulse}@keyframes digitWavePulse{0%{transform:scale(1)translateZ(0)}50%{filter:drop-shadow(0 0 6px #1973c0cc);transform:scale(1.38)translateZ(0)}to{filter:none;transform:scale(1)translateZ(0)}}.win-celebration-pulse{transform-origin:50%;will-change:transform;animation:.75s ease-in-out both digitWavePulse}.defeat-cell-pulse{animation:.9s ease-in-out forwards defeatCellPulse}@keyframes defeatCellPulse{0%{background-color:#0000}35%{background-color:#dc262659}to{background-color:#0000}}.defeat-existing-digit-pulse{transform-origin:50%;will-change:transform;animation:.9s ease-in-out forwards defeatExistingDigitPulse}@keyframes defeatExistingDigitPulse{0%{opacity:1;transform:scale(1)translateZ(0)}45%{opacity:1;filter:drop-shadow(0 0 10px #dc2626e6);transform:scale(1.35)translateZ(0)}to{opacity:1;filter:none;transform:scale(1)translateZ(0)}}.defeat-reveal-digit-pulse{transform-origin:50%;will-change:transform;animation:.9s ease-in-out both defeatRevealDigitPulse}@keyframes defeatRevealDigitPulse{0%{opacity:0;filter:drop-shadow(0 0 6px #dc2626b3);transform:scale(.6)translateZ(0)}45%{opacity:1;filter:drop-shadow(0 0 10px #dc2626e6);transform:scale(1.38)translateZ(0)}to{opacity:1;filter:none;transform:scale(1)translateZ(0)}}.digit-completion-shake{transform-origin:50%;will-change:transform;animation:1s cubic-bezier(.36,.07,.19,.97) both digitCompletionShake}@keyframes digitCompletionShake{0%{transform:scale(1)rotate(0)}15%{transform:scale(1.32)rotate(-8deg)}30%{transform:scale(1.35)rotate(8deg)}45%{transform:scale(1.35)rotate(-7deg)}60%{transform:scale(1.28)rotate(6deg)}75%{transform:scale(1.18)rotate(-3deg)}90%{transform:scale(1.05)rotate(1deg)}to{transform:scale(1)rotate(0)}}.digit-completion-spin{transform-origin:50%;will-change:transform;animation:1s cubic-bezier(.34,1.25,.64,1) both digitCompletionSpin}@keyframes digitCompletionSpin{0%{transform:scale(1)rotate(0)}15%{transform:scale(1.25)rotate(-22deg)}68%{transform:scale(1.36)rotate(415deg)}85%{transform:scale(1.15)rotate(350deg)}to{transform:scale(1)rotate(360deg)}}.digit-completion-check-even{transform-origin:50%;will-change:transform;animation:1s cubic-bezier(.45,.05,.55,.95) both digitCompletionCheckEven}@keyframes digitCompletionCheckEven{0%{transform:scale(1)}25%{transform:scale(1.38)}50%{transform:scale(1)}75%{transform:scale(.74)}to{transform:scale(1)}}.digit-completion-check-odd{transform-origin:50%;will-change:transform;animation:1s cubic-bezier(.45,.05,.55,.95) both digitCompletionCheckOdd}@keyframes digitCompletionCheckOdd{0%{transform:scale(1)}25%{transform:scale(.74)}50%{transform:scale(1)}75%{transform:scale(1.38)}to{transform:scale(1)}}@keyframes heartDoublePulsePop{0%{opacity:1;animation-timing-function:ease-out;transform:scale(1)translate(0,0)rotate(0)}24%{opacity:1;animation-timing-function:ease-in;transform:scale(1.3)translate(-.2px,.15px)rotate(-.35deg)}44%{opacity:1;animation-timing-function:linear;transform:scale(.9)translate(.2px,-.15px)rotate(.35deg)}56%{opacity:1;transform:scale(1.1)translate(-.35px,.25px)rotate(-.7deg)}68%{opacity:1;transform:scale(1.28)translate(.5px,-.35px)rotate(1deg)}78%{opacity:1;transform:scale(1.44)translate(-.75px,.5px)rotate(-1.2deg)}84%{opacity:1;transform:scale(1.54)translate(.9px,-.6px)rotate(1.5deg)}89%{opacity:1;animation-timing-function:cubic-bezier(.7,0,1,1);transform:scale(1.6)translate(-1px,.75px)rotate(-1.8deg)}to{opacity:0;transform:scale(0)translate(0,0)rotate(0)}}.heart-pop-anim{transform-origin:50%;will-change:transform, opacity;animation:.45s forwards heartDoublePulsePop}.game-main-grid{grid-template-columns:minmax(0,min(550px,100vh - 230px)) minmax(300px,380px);justify-content:center;align-items:stretch;gap:1.5rem;width:100%;transition:max-width .2s,gap .2s;display:grid}.header-logo-row{justify-content:flex-start;align-items:center;width:100%;max-width:calc(min(550px,100vh - 230px) + 380px + 1.5rem);margin:.1rem auto .5rem;transition:max-width .2s;display:flex}.number-pad-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;flex-direction:column;gap:.5rem;width:100%;max-width:min(550px,100vh - 230px);margin-top:.85rem;display:flex}.number-pad-grid{grid-template-columns:repeat(10,1fr);gap:.5rem;width:100%;display:grid}.board-wrapper{aspect-ratio:1;border:4px solid var(--border-thick);width:100%;max-width:min(550px,100vh - 230px);box-shadow:4px 4px 0px var(--text-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;background-color:#fff;border-radius:4px;position:relative;box-sizing:border-box!important}.sudoku-grid{z-index:10;contain:paint layout;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);width:100%;height:100%;display:grid;position:relative;transform:translateZ(0);box-sizing:border-box!important}.sudoku-cell{font-size:2.1rem;font-family:var(--font-display);cursor:pointer;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;justify-content:center;align-items:center;font-weight:800;transition:background-color .15s;display:flex;position:relative;transform:translateZ(0)}.sudoku-cell.given{color:var(--cell-given);font-weight:900}.sudoku-cell.user-placed{color:var(--accent-blue);font-weight:800}.sudoku-cell.error-cell{transition:background-color 1s,color 1s;animation:.4s ease-in-out cellPulse;color:var(--accent-red)!important;background-color:#cb1b0340!important}.sudoku-cell.error-cell.fading{color:var(--accent-blue)!important;background-color:#0000!important}@keyframes cellPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.color-badge{box-sizing:border-box;z-index:25;pointer-events:none;width:12px;height:12px;position:absolute;top:4px;right:4px}.color-badge-circle{border:1px solid #00000059;border-radius:50%}.color-badge-star{background:0 0;border:none;justify-content:center;align-items:center;width:14px;height:14px;display:flex;top:3px;right:3px}.color-badge-square{border:1px solid #00000059;border-radius:2px;width:11px;height:11px;top:4px;right:4px}.sidebar-panel{border:3.5px solid var(--border-thick);height:100%;box-shadow:4px 4px 0px var(--text-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;background-color:#fff;border-radius:4px;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.5rem;display:flex}.badge-tag{border:1.5px solid var(--text-black);text-transform:uppercase;border-radius:4px;align-items:center;padding:.35rem .65rem;font-size:.8rem;font-weight:800;display:inline-flex}.badge-tag.red{color:var(--accent-red);background-color:#cb1b031f}.badge-tag.green{color:var(--accent-green);background-color:#1da8491f}.badge-tag.blue{color:var(--accent-blue);background-color:#1973c01f}.bottom-panel-container{border:3.5px solid var(--text-black);width:100%;max-width:820px;min-height:588px;box-shadow:4px 4px 0px var(--text-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-color:#fff;border-radius:4px;flex-direction:column;margin:0 auto;padding:2.25rem;display:flex}.overview-animated-text{z-index:1;font-weight:700;position:relative;color:var(--text-black)!important;text-shadow:none!important}.overview-gradient-bar{background:linear-gradient(90deg,#d99b00 0%,#cb1b03 12.5%,#1da849 25%,#1973c0 37.5%,#d99b00 50%,#cb1b03 62.5%,#1da849 75%,#1973c0 87.5%,#d99b00 100%) 0 0/200% 100%;border-radius:3px;width:100%;height:4.5px;margin-top:1.25rem;animation:3.5s linear infinite moveAccentGradientRight}@keyframes moveAccentGradientRight{0%{background-position:100% 0}to{background-position:0 0}}.btn-swiss{cursor:pointer;font-family:var(--font-body);box-sizing:border-box;outline:none;justify-content:center;align-items:center;margin:0;padding:0;font-weight:800;text-decoration:none;display:inline-flex;position:relative;background-color:#0000!important;border:none!important}.btn-swiss:after{content:"";background-color:var(--text-black);z-index:1;pointer-events:none;border-radius:4px;transition:transform 90ms cubic-bezier(0,0,.2,1),opacity 90ms cubic-bezier(0,0,.2,1),filter 90ms cubic-bezier(0,0,.2,1);position:absolute;inset:0;transform:translate(3px,3px)}.btn-swiss-surface{z-index:2;width:100%;height:100%;color:var(--text-black);border:3px solid var(--text-black);pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometryPrecision;background-color:#fff;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:transform 90ms cubic-bezier(0,0,.2,1);display:inline-flex;position:relative}.btn-swiss-surface *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometryPrecision}@media (hover:hover) and (pointer:fine){.btn-swiss:hover:not(:disabled) .btn-swiss-surface{transform:translate(-2px,-2px)}.btn-swiss:hover:not(:disabled):after{filter:blur(.5px);opacity:.85;transform:translate(3.5px,3.5px)}}.btn-swiss:active:not(:disabled) .btn-swiss-surface{transform:translate(1px,1px)}.btn-swiss:active:not(:disabled):after{filter:none;opacity:1;transform:translate(2px,2px)}.btn-swiss:disabled{opacity:.45;cursor:not-allowed}.btn-swiss.accent-yellow .btn-swiss-surface{background-color:var(--accent-yellow)!important;color:#fff!important}.btn-swiss.accent-blue .btn-swiss-surface{background-color:var(--accent-blue)!important;color:#fff!important}.btn-swiss.accent-red .btn-swiss-surface{background-color:var(--accent-red)!important;color:#fff!important}.btn-swiss.accent-green .btn-swiss-surface{background-color:var(--accent-green)!important;color:#fff!important}.btn-swiss.accent-purple .btn-swiss-surface{color:#fff!important;background-color:#8e24aa!important}.btn-swiss.accent-orange .btn-swiss-surface{color:#fff!important;background-color:#e65100!important}@keyframes rainbowShift{0%{background-color:#d99b00}25%{background-color:#1da849}50%{background-color:#1973c0}75%{background-color:#cb1b03}to{background-color:#d99b00}}.btn-swiss.accent-rainbow .btn-swiss-surface{animation:4s ease-in-out infinite rainbowShift;color:#fff!important}@keyframes outfitWeightWave{0%,to{font-variation-settings:"wght" 300;font-weight:300}50%{font-variation-settings:"wght" 900;font-weight:900}}@keyframes dailyTitleColorWave{0%,to{color:#d99b00}25%{color:#1da849}50%{color:#1973c0}75%{color:#cb1b03}}.daily-wave-char{animation:3s ease-in-out infinite outfitWeightWave,3s ease-in-out infinite dailyTitleColorWave;display:inline-block}.rainbow-text-animated{animation:4s ease-in-out infinite dailyTitleColorWave!important}@keyframes difficultyTitleStretch{0%{transform:translate(0,0)scaleX(1)skew(0)}to{transform:translate3d(var(--target-shift-x,0em), 0, 0) scaleX(var(--target-scale-x)) skewX(var(--target-skew-x,-9deg))}}.difficulty-stretch-char{transform-origin:0 100%;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;font-weight:900;animation-name:difficultyTitleStretch;animation-timing-function:linear;animation-fill-mode:forwards;display:inline-block}@keyframes titleFadeIn{0%{opacity:0;transform:translateY(3px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.title-fade-in{animation:.22s cubic-bezier(.25,1,.5,1) forwards titleFadeIn}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background-color:#0c0c0ca6;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.modal-content{border:3.3px solid var(--text-black);box-shadow:4px 4px 0px var(--text-black);background-color:#fff;border-radius:4px;width:90%;max-width:480px;padding:2rem}@keyframes menuFadeInFromBelow{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}.menu-stagger-1{animation:.4s cubic-bezier(.16,1,.3,1) both menuFadeInFromBelow}.menu-stagger-2{animation:.4s cubic-bezier(.16,1,.3,1) 70ms both menuFadeInFromBelow}.menu-stagger-3{animation:.4s cubic-bezier(.16,1,.3,1) .14s both menuFadeInFromBelow}.menu-stagger-4{animation:.4s cubic-bezier(.16,1,.3,1) .21s both menuFadeInFromBelow}.achievement-stagger-1{animation:.4s cubic-bezier(.16,1,.3,1) both menuFadeInFromBelow}.achievement-stagger-2{animation:.4s cubic-bezier(.16,1,.3,1) 45ms both menuFadeInFromBelow}.achievement-stagger-3{animation:.4s cubic-bezier(.16,1,.3,1) 90ms both menuFadeInFromBelow}.achievement-stagger-4{animation:.4s cubic-bezier(.16,1,.3,1) .135s both menuFadeInFromBelow}.achievement-stagger-5{animation:.4s cubic-bezier(.16,1,.3,1) .18s both menuFadeInFromBelow}.achievement-stagger-6{animation:.4s cubic-bezier(.16,1,.3,1) .225s both menuFadeInFromBelow}.modal-backdrop-animated{animation:.38s cubic-bezier(.16,1,.3,1) forwards modalBackdropFadeIn;overflow:hidden}@keyframes modalBackdropFadeIn{0%{-webkit-backdrop-filter:blur();opacity:0;background-color:#0c0c0c00}to{-webkit-backdrop-filter:blur(4px);opacity:1;background-color:#0c0c0ca6}}.modal-slide-left{will-change:transform, filter, opacity;animation:.38s cubic-bezier(.16,1,.3,1) forwards modalSlideInLeftAnim}@keyframes modalSlideInLeftAnim{0%{opacity:.3;filter:blur(5px);transform:translate(-100vw)}70%{opacity:1;filter:blur(.5px);transform:translate(10px)}to{opacity:1;filter:none;transform:translate(0,0)}}.modal-slide-right{will-change:transform, filter, opacity;animation:.38s cubic-bezier(.16,1,.3,1) forwards modalSlideInRightAnim}@keyframes modalSlideInRightAnim{0%{opacity:.3;filter:blur(5px);transform:translate(100vw)}70%{opacity:1;filter:blur(.5px);transform:translate(-10px)}to{opacity:1;filter:none;transform:translate(0,0)}}.modal-backdrop-exit{animation:.25s cubic-bezier(.4,0,.2,1) forwards modalBackdropFadeOut!important}@keyframes modalBackdropFadeOut{0%{-webkit-backdrop-filter:blur(4px);opacity:1;background-color:#0c0c0ca6}to{-webkit-backdrop-filter:blur();opacity:0;background-color:#0c0c0c00}}.modal-slide-left-exit{will-change:transform, filter, opacity;animation:.25s cubic-bezier(.4,0,.2,1) forwards modalSlideOutLeftAnim!important}@keyframes modalSlideOutLeftAnim{0%{opacity:1;filter:none;transform:translate(0,0)}to{opacity:.2;filter:blur(5px);transform:translate(-100vw)}}.modal-slide-right-exit{will-change:transform, filter, opacity;animation:.25s cubic-bezier(.4,0,.2,1) forwards modalSlideOutRightAnim!important}@keyframes modalSlideOutRightAnim{0%{opacity:1;filter:none;transform:translate(0,0)}to{opacity:.2;filter:blur(5px);transform:translate(100vw)}}@keyframes gameEntrySlideLeft{0%{opacity:0;transform:translate(-100vw)}to{opacity:1;transform:none}}@keyframes gameEntrySlideRight{0%{opacity:0;transform:translate(100vw)}to{opacity:1;transform:none}}@keyframes gameEntrySlideBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.game-entry-slide-left{animation:.48s cubic-bezier(.16,1,.3,1) both gameEntrySlideLeft}.game-entry-slide-right{animation:.48s cubic-bezier(.16,1,.3,1) both gameEntrySlideRight}.game-entry-slide-bottom{animation:.48s cubic-bezier(.16,1,.3,1) both gameEntrySlideBottom}@media (width<=960px){.game-main-grid{grid-template-columns:1fr;max-width:580px}.header-logo-row{max-width:580px}}@media (width<=580px){.number-pad-grid{grid-template-columns:repeat(5,1fr);gap:.5rem}}@media (height>=800px) and (width>=1024px){#root{padding:.6rem 1.5rem .85rem}.game-main-grid{grid-template-columns:minmax(0,min(660px,100vh - 240px)) minmax(310px,400px);gap:1.75rem}.header-logo-row{max-width:calc(min(660px,100vh - 240px) + 400px + 1.75rem);margin-bottom:.6rem}.board-wrapper{max-width:min(660px,100vh - 240px)}.number-pad-container{max-width:min(660px,100vh - 240px);margin-top:.6rem}.sudoku-cell{font-size:2.35rem}}@media (height>=980px) and (width>=1280px){#root{padding:.75rem 2rem 1rem}.game-main-grid{grid-template-columns:minmax(0,min(720px,100vh - 250px)) minmax(330px,430px);gap:2rem}.header-logo-row{max-width:calc(min(720px,100vh - 250px) + 430px + 2rem);margin-bottom:.75rem}.board-wrapper{max-width:min(720px,100vh - 250px)}.number-pad-container{max-width:min(720px,100vh - 250px);margin-top:.75rem}.sudoku-cell{font-size:2.5rem}}input::placeholder{font-family:Outfit,sans-serif}@keyframes achievementToastSlideIn{0%{opacity:0;transform:translateY(24px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.mode-switch-btn{flex:1;min-width:0;transition:flex-grow .35s cubic-bezier(.25,1,.5,1)}.mode-switch-btn.is-active-mode{flex-grow:2}.spin-indicator{animation:1s linear infinite spinRadar}@keyframes spinRadar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes menuExitSlideLeft{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(-100vw)}}.menu-exit-slide-left{animation:.42s cubic-bezier(.16,1,.3,1) both menuExitSlideLeft;pointer-events:none!important}.vs-match-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all;background-color:#f5f3edf2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.vs-match-content{box-sizing:border-box;justify-content:center;align-items:center;gap:1.75rem;width:92%;max-width:860px;display:flex}@media (width<=680px){.vs-match-content{flex-direction:column;gap:1.25rem}}.vs-box-player-left{text-align:center;box-sizing:border-box;background-color:#fff;border:3.5px solid #0c0c0c;border-radius:6px;flex:1;width:100%;padding:1.5rem 1.8rem;animation:.45s cubic-bezier(.16,1,.3,1) both vsBoxSlideInLeft;box-shadow:5px 5px #0c0c0c}@keyframes vsBoxSlideInLeft{0%{opacity:0;transform:translate(-100vw)}to{opacity:1;transform:translate(0,0)}}.vs-box-player-left.exit{animation:.42s cubic-bezier(.16,1,.3,1) both vsBoxSlideOutLeft}@keyframes vsBoxSlideOutLeft{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(-120vw)}}.vs-box-player-right{text-align:center;box-sizing:border-box;background-color:#fff;border:3.5px solid #0c0c0c;border-radius:6px;flex:1;width:100%;padding:1.5rem 1.8rem;animation:.45s cubic-bezier(.16,1,.3,1) both vsBoxSlideInRight;box-shadow:5px 5px #0c0c0c}@keyframes vsBoxSlideInRight{0%{opacity:0;transform:translate(100vw)}to{opacity:1;transform:translate(0,0)}}.vs-box-player-right.exit{animation:.42s cubic-bezier(.16,1,.3,1) both vsBoxSlideOutRight}@keyframes vsBoxSlideOutRight{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(120vw)}}.vs-badge-center{color:#fff;letter-spacing:.08em;background-color:#cb1b03;border:3.5px solid #0c0c0c;border-radius:8px;flex-shrink:0;padding:.65rem 1.4rem;font-size:2.2rem;font-weight:900;line-height:1;animation:.45s cubic-bezier(.16,1,.3,1) both vsBadgeDropIn;box-shadow:4.5px 4.5px #0c0c0c}@keyframes vsBadgeDropIn{0%{opacity:0;transform:scale(.3)translateY(-60px)}to{opacity:1;transform:scale(1)translateY(0)}}.vs-badge-center.exit{animation:.42s cubic-bezier(.16,1,.3,1) both vsBadgeSlideDown}@keyframes vsBadgeSlideDown{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(120vh)}}@keyframes sabotageDigitEarthquake{0%{color:#cb1b03;transform:scale(1)translate(0,0)rotate(0)}10%{color:#cb1b03;transform:scale(1.12)translate(-3px,2px)rotate(-4deg)}20%{color:#cb1b03;transform:scale(1.22)translate(3px,-3px)rotate(5deg)}30%{color:#cb1b03;transform:scale(1.25)translate(-4px,-2px)rotate(-6deg)}40%{filter:drop-shadow(0 0 8px #cb1b03cc);color:#cb1b03;transform:scale(1.28)translate(4px,3px)rotate(6deg)}50%{filter:drop-shadow(0 0 8px #cb1b03cc);color:#cb1b03;transform:scale(1.28)translate(-3px,-3px)rotate(-5deg)}60%{color:#cb1b03;transform:scale(1.22)translate(3px,2px)rotate(4deg)}75%{color:#cb1b03;transform:scale(1.12)translate(-2px,1px)rotate(-2deg)}90%{color:#cb1b03;transform:scale(1.04)translate(1px,-1px)rotate(1deg)}to{filter:none;color:#cb1b03;transform:scale(1)translate(0,0)rotate(0)}}.sabotage-digit-earthquake{transform-origin:50%;will-change:transform;color:#cb1b03!important;animation:.95s cubic-bezier(.36,.07,.19,.97) both sabotageDigitEarthquake!important}.leaderboard-scroll{scrollbar-width:thin;scrollbar-color:#0c0c0c transparent;overflow-y:auto}.leaderboard-scroll::-webkit-scrollbar{width:7px}.leaderboard-scroll::-webkit-scrollbar-track{background:0 0;border-radius:4px}.leaderboard-scroll::-webkit-scrollbar-thumb{background:#0c0c0c;border-radius:4px}.leaderboard-scroll::-webkit-scrollbar-thumb:hover{background:#2a2a2a}@keyframes mobileEntrySlideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes mobileEntryScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes mobileEntrySlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.mobile-entry-slide-down{animation:.38s cubic-bezier(.16,1,.3,1) both mobileEntrySlideDown}.mobile-entry-scale{animation:.42s cubic-bezier(.16,1,.3,1) both mobileEntryScale}.mobile-entry-slide-up{animation:.42s cubic-bezier(.16,1,.3,1) both mobileEntrySlideUp}.mobile-icon-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;justify-content:center;align-items:center;transition:transform .1s;display:flex}.mobile-icon-btn:active{transform:scale(.88)}.mobile-unboxed-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;transition:transform .1s,color .15s;display:flex}.mobile-unboxed-btn:active{transform:scale(.9)}.mobile-game-vertical{box-sizing:border-box;flex-direction:column;align-items:center;gap:.35rem;width:100%;max-width:480px;margin:0 auto;padding:0 .5rem;display:flex}.mobile-game-vertical .board-wrapper{aspect-ratio:1;width:100%;max-width:min(100vw - 1rem,100vh - 280px);margin:0 auto}.mobile-game-landscape{box-sizing:border-box;width:100%;max-width:960px;height:calc(100dvh - 40px - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 40px - env(safe-area-inset-bottom,0px));flex-direction:row;justify-content:center;align-items:flex-start;gap:.85rem;margin:0 auto;padding:0 .5rem 6px;display:flex;overflow:hidden}.mobile-landscape-board-container{aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;display:flex;width:auto!important;max-width:100%!important;height:calc(100% - 6px)!important;max-height:calc(100% - 6px)!important}.mobile-landscape-board-container .board-wrapper{aspect-ratio:1;width:auto;max-width:100%;height:100%;max-height:100%;margin:0}.mobile-landscape-sidebar{box-sizing:border-box;flex-direction:column;flex:1;justify-content:space-between;min-width:250px;max-width:440px;padding:0 0 6px;display:flex;height:100%!important;max-height:100%!important}.mobile-landscape-card-panel{border:2.5px solid var(--border-thick);box-shadow:3px 3px 0px var(--text-black);box-sizing:border-box;background-color:#fff;border-radius:4px;flex-direction:column;gap:.25rem;width:100%;padding:.25rem .45rem;display:flex}@media (width<=768px),(width<=960px) and (orientation:landscape) and (height<=520px){.desktop-header-cluster,.desktop-logo-row{display:none!important}}@media (width<=768px){#root{box-sizing:border-box;flex-direction:column;min-height:100dvh;display:flex;padding:max(.35rem, env(safe-area-inset-top)) .5rem max(.45rem, env(safe-area-inset-bottom))!important;max-width:100%!important}.bottom-panel-container.is-mobile{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;justify-content:space-between!important;width:100%!important;max-width:480px!important;min-height:calc(100dvh - 105px)!important;margin-top:.35rem!important;padding:1.35rem 1.15rem .85rem!important;display:flex!important}.overview-animated-text.is-mobile{margin-bottom:.35rem!important;font-size:.94rem!important;line-height:1.45!important}.overview-gradient-bar{height:3px!important;margin-top:.25rem!important;margin-bottom:.5rem!important}.mode-switch-row.is-mobile{gap:.45rem!important;margin-top:.5rem!important}.mode-switch-row.is-mobile .btn-swiss-surface{gap:.35rem!important;padding:.65rem .25rem!important;font-size:.95rem!important}.subpanel-container.is-mobile{flex-direction:column!important;flex:1!important;justify-content:space-between!important;margin-top:.85rem!important;display:flex!important}.subpanel-header.is-mobile h3{font-size:1.65rem!important}.subpanel-desc-container.is-mobile{min-height:3.2rem!important;margin-top:.45rem!important}.subpanel-desc-container.is-mobile p{font-size:.92rem!important;line-height:1.42!important}.subpanel-controls-row.is-mobile{height:42px!important;margin-top:.65rem!important;margin-bottom:.85rem!important}.subpanel-controls-row.is-mobile .btn-swiss-surface{padding:.4rem .15rem!important;font-size:.88rem!important}.subpanel-action-row.is-mobile{margin-top:.85rem!important;margin-bottom:.35rem!important}.subpanel-action-row.is-mobile .btn-swiss-surface{padding:.85rem .5rem!important;font-size:1.25rem!important}.mobile-menu-footer{color:#8a8a8e;justify-content:center;align-items:center;gap:8px;margin-top:.45rem;font-size:.72rem;display:flex}.mobile-footer-link{color:#8a8a8e;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.mobile-inquiries-footer{color:#64748b;justify-content:center;align-items:center;gap:4px;margin-top:.45rem;margin-bottom:.2rem;font-size:.76rem;font-weight:600;display:flex}.mobile-inquiries-link{color:#1973c0;font-weight:700;text-decoration:underline}.sudoku-cell{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;font-size:1.6rem!important}.achievement-toast-container{align-items:center!important;max-width:calc(100vw - 24px)!important;bottom:12px!important;left:12px!important;right:12px!important}.achievement-toast-container .achievement-toast-card{width:100%!important;max-width:420px!important}}@media (width<=960px) and (orientation:landscape) and (height<=520px){#root{box-sizing:border-box;height:100dvh;min-height:100dvh;overflow:hidden;padding:max(.1rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.1rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left))!important;max-width:100%!important}.bottom-panel-container.is-mobile{max-width:780px!important;min-height:auto!important;margin-top:.15rem!important;padding:.45rem 1.1rem!important}.overview-animated-text.is-mobile{margin-bottom:.2rem!important;font-size:.82rem!important;line-height:1.3!important}.overview-gradient-bar{height:2.5px!important;margin-top:.15rem!important;margin-bottom:.35rem!important}.mode-switch-row.is-mobile{gap:.45rem!important;margin-top:.3rem!important}.mode-switch-row.is-mobile .btn-swiss-surface{gap:.3rem!important;padding:.4rem .25rem!important;font-size:.88rem!important}.subpanel-container.is-mobile{margin-top:.35rem!important}.subpanel-header.is-mobile{min-height:28px!important}.subpanel-header.is-mobile h3{font-size:1.35rem!important}.subpanel-desc-container.is-mobile{min-height:1.8rem!important;margin-top:.15rem!important}.subpanel-desc-container.is-mobile p{font-size:.8rem!important;line-height:1.3!important}.subpanel-controls-row.is-mobile{height:34px!important;margin-top:.15rem!important;margin-bottom:.75rem!important}.subpanel-controls-row.is-mobile .btn-swiss-surface{padding:.25rem .15rem!important;font-size:.8rem!important}.subpanel-action-row.is-mobile{margin-top:.55rem!important}.subpanel-action-row.is-mobile .btn-swiss-surface{padding:.5rem!important;font-size:1.05rem!important}.mobile-menu-footer{color:#8a8a8e;justify-content:center;align-items:center;gap:8px;margin-top:.25rem;font-size:.65rem;display:flex}.mobile-footer-link{color:#8a8a8e;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.mobile-inquiries-footer{color:#64748b;justify-content:center;align-items:center;gap:4px;margin-top:.25rem;font-size:.68rem;font-weight:600;display:flex}.mobile-inquiries-link{color:#1973c0;font-weight:700;text-decoration:underline}.sudoku-cell{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;font-size:1.45rem!important}.achievement-toast-container{align-items:center!important;max-width:calc(100vw - 24px)!important;bottom:8px!important;left:12px!important;right:12px!important}.achievement-toast-container .achievement-toast-card{width:100%!important;max-width:420px!important}}
