@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";html{height:100%;overflow-x:hidden}body{background-color:#90caf9;font-family:Inter,sans-serif;margin:0;padding:0;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.game-header-wrapper,.game-container,.header-content,.game-header{display:flex;flex-direction:column;align-items:center}.game-container{width:100%;max-width:100vw;box-sizing:border-box;padding:0 1rem}.game-header{gap:.25rem;font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1rem;position:relative}.game-title{font-family:Inter,sans-serif;font-size:clamp(28px,8vw,48px);color:#4d5eff;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000;letter-spacing:2px;font-weight:700;margin-bottom:10px;text-align:center}.game-layout{width:100%;max-width:min(95vw,600px);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;box-sizing:border-box}.game-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.5rem}.sudoku-grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:240px;aspect-ratio:1;margin:0 auto}.sudoku-grid-6x6{display:grid;grid-template-columns:repeat(6,1fr);max-width:min(400px,85vw);aspect-ratio:1}.sudoku-grid-9x9{display:grid;grid-template-columns:repeat(9,1fr);max-width:min(500px,90vw);aspect-ratio:1}.sudoku-cell{box-sizing:border-box;margin:0;width:100%;aspect-ratio:1;font-size:clamp(12px,3.5vw,24px);font-family:Inter,sans-serif;font-weight:600;border:1px solid #ccc;border-radius:0;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;position:relative;-webkit-user-select:none;user-select:none;text-align:center;cursor:pointer}.sudoku-cell:focus{border-color:#000;background-color:#e0f2fe;outline:none}.sudoku-cell.error{background-color:#ffe5e5!important;border-color:#ff4d4d!important}input.sudoku-cell.bg-red-200{background-color:#ffe5e5!important}.sudoku-cell.match-highlight{background-color:#e2e8f0!important}.sudoku-cell.match-highlight:read-only{background-color:#f3f4f6!important}.match-highlight{background-color:#dbeafe!important}.soft-highlight{background-color:#f0f9ff!important}.global-highlight{background-color:#96969633}.selected-cell{border:2px solid #000!important;box-shadow:inset 0 0 0 1px #4d5eff}.logo-grid{display:grid;grid-template-columns:repeat(3,20px);margin-bottom:10px}.logo-grid.compact{grid-gap:2px}.logo-grid.tight{grid-template-columns:repeat(3,24px);grid-gap:0;margin-bottom:12px;justify-content:center}.logo-cell{width:24px;height:24px;background-color:#fff;border:2px solid black;box-sizing:border-box}.fredoka-font{font-family:Inter,sans-serif;font-size:20px;font-weight:600;background-color:#4d5eff;color:#fff;border:3px solid black;border-radius:12px;padding:12px 24px;cursor:pointer;transition:background-color .3s ease}.fredoka-font:hover{background-color:#3a48e0}.start-button.fredoka-font{display:block;margin:0 auto}.intro-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#90caf9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow:hidden}.intro-modal{background:#fff;border-radius:20px;padding:1.5rem 1.25rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 6px 24px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:1rem}.modal-text-box{padding:0;font-size:1rem;line-height:1.5}.level-box,.timer-box{background-color:#fff;color:#1e3a8a;padding:10px 24px;border-radius:16px;border:4px solid black;font-size:clamp(18px,4vw,24px);font-family:Inter,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px}.timer-box{margin-top:.5rem}.level-indicator,.score-display{font-family:Courier New,Courier,monospace;background-color:#f8f9fa;padding:.5rem 1rem;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014;box-shadow:0 2px 4px #0000001a;position:relative;font-size:clamp(14px,3.5vw,18px)}.score-flash{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:clamp(14px,4vw,18px);font-weight:700;animation:scorePop .6s ease-out forwards}.score-flash.positive{color:green}.score-flash.negative{color:red}@keyframes scorePop{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.bg-red-200{background-color:#ffe5e5!important;border-color:#ff4d4d!important}.border-top-bold{border-top:2px solid #222!important}.border-left-bold{border-left:2px solid #222!important}.border-right-bold{border-right:2px solid #222!important}.border-bottom-bold{border-bottom:2px solid #222!important}.number-pad{display:grid;gap:.5rem;width:100%;max-width:min(500px,90vw);margin:0 auto;padding:.5rem 0;justify-items:center;box-sizing:border-box}.number-pad.cols-3{grid-template-columns:repeat(3,1fr);max-width:min(280px,80vw)}.number-pad.cols-6{grid-template-columns:repeat(6,1fr);max-width:min(400px,85vw)}.number-pad.cols-9{grid-template-columns:repeat(9,1fr);max-width:min(500px,90vw)}.number-pad-button{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(14px,3.5vw,20px);padding:.75rem 0;border:2px solid #333;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014;background:#fff;cursor:pointer;transition:background .2s;width:100%;min-width:32px;max-width:60px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.number-pad-button:hover,.number-pad-button:focus{background:#f0f0f0}.number-pad-button:active{transform:scale(.95);background-color:#e0f7fa}.score-table{width:100%;border-collapse:collapse;margin:1rem 0;text-align:center;font-family:Inter,sans-serif}.score-table th,.score-table td{padding:8px 12px;border:1px solid #ccc}.score-table th{background-color:#3f51b5;color:#fff;font-weight:700}.score-table td{background-color:#e6e9ff}@media (max-width: 768px){body{background-color:#90caf9;font-family:Inter,sans-serif;margin:0;padding:0;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box}.game-container{width:100%;max-width:100vw;box-sizing:border-box;padding:0 1rem}.game-layout{width:100%;max-width:min(95vw,600px);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;box-sizing:border-box}.game-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:.5rem}.sudoku-grid{position:relative;overflow:hidden;display:grid;grid-gap:2px}.sudoku-grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:240px;aspect-ratio:1;margin:0 auto}.sudoku-grid-6x6{display:grid;max-width:min(350px,90vw)}.sudoku-grid-9x9{display:grid;max-width:min(380px,95vw)}.sudoku-cell{font-size:clamp(10px,3vw,18px)}.number-pad{gap:.4rem;padding:.25rem 0}.number-pad.cols-3{max-width:240px!important;width:240px!important;margin:0 auto!important}.number-pad.cols-6{max-width:min(350px,90vw)}.number-pad.cols-9{max-width:min(380px,95vw)}.number-pad-button{font-size:clamp(12px,3vw,16px);padding:.5rem 0;min-width:28px;max-width:40px}.number-pad.cols-3 .number-pad-button{min-width:60px;max-width:70px;font-size:clamp(14px,4vw,18px)}.timer-box{font-size:clamp(16px,4vw,20px);padding:8px 16px;margin-top:.25rem}.game-header{font-size:clamp(1rem,4vw,1.25rem);gap:.25rem;margin-bottom:.5rem}.modal-text-box{padding:0;font-size:1rem;line-height:1.5}.fredoka-font{font-size:clamp(16px,5vw,20px);padding:10px 20px}.intro-modal{background:#fff;border-radius:20px;padding:1.5rem 1.25rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 6px 24px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:1rem}}@media (max-width: 480px){.sudoku-grid-9x9{display:grid;max-width:min(360px,98vw)}.number-pad.cols-9{max-width:min(360px,98vw)}.number-pad-button{min-width:24px;max-width:36px;font-size:clamp(10px,2.8vw,14px)}.number-pad.cols-3 .number-pad-button{min-width:55px;max-width:65px;font-size:clamp(12px,3.5vw,16px)}}@media (orientation: landscape) and (max-width: 768px) and (max-height: 500px){body:before{content:"Rotate to portrait to play Speeduko";display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;background:#90caf9;color:#000;font-size:1.2rem;z-index:9999;text-align:center;padding:2rem}}.sudoku-cell:active{transform:scale(.98);background-color:#e0f7fa}.sudoku-cell-drop-target{outline:2px solid rgba(255,255,255,.9);outline-offset:-2px;box-shadow:0 0 10px #fff9}.drag-preview{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.drag-preview-chip{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;background:#fffffff5;box-shadow:0 4px 12px #00000059}@media (max-width: 768px){.sudoku-cell,.number-pad-button{touch-action:manipulation}}.intro-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#90caf9;display:flex;align-items:center;justify-content:center;z-index:10;padding:1rem}.intro-modal-content{background:#fff;border-radius:12px;padding:1rem;max-width:600px;width:100%;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.intro-modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.intro-modal-body{flex:1;overflow-y:auto;text-align:center;font-size:1rem;padding:0 .5rem}.rules-list{text-align:left;margin:1rem auto 0;padding-left:1rem;max-width:400px}.intro-modal-footer{display:flex;justify-content:center;padding-top:1rem}.start-button{background-color:#4d5eff;color:#fff;font-size:1.2rem;padding:.6rem 2rem;border:none;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014;cursor:pointer;transition:background-color .2s ease}.start-button:hover{background-color:#3b46c6}.floating-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;margin-top:-2rem}.intro-modal-content{background:#fff;border-radius:12px;padding:1rem;max-width:600px;width:100%;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;box-shadow:0 4px 12px #0000001a}.scoreboard{margin-top:1rem;width:100%;max-width:500px;margin-left:auto;margin-right:auto;font-size:.95rem}.scoreboard-header,.scoreboard-row{display:grid;grid-template-columns:1fr 2fr 3fr 2fr;gap:.5rem;padding:.25rem 0}.scoreboard-header{font-weight:700;border-bottom:2px solid #ccc;margin-bottom:.5rem}.scoreboard-row{border-bottom:1px solid #eee}@media (max-width: 480px){.intro-modal-content{max-width:90vw;padding:.75rem}.intro-modal-body{font-size:.9rem;padding:.25rem}.floating-header{margin-top:0;gap:.25rem}.game-title{font-size:clamp(20px,6vw,32px);text-shadow:none;margin-bottom:.5rem}.scoreboard{font-size:.85rem}.scoreboard-header,.scoreboard-row{grid-template-columns:1fr 1.5fr 2.5fr 1.5fr}}.intro-modal-content{width:100%;max-width:500px;box-sizing:border-box}.intro-modal-wrapper{width:100%;max-width:100vw;padding:0 1rem;box-sizing:border-box}@media (max-width: 480px){.intro-modal-content{width:100%;max-width:100%;padding:.75rem;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014}.intro-modal-body{font-size:.9rem;padding:.5rem .25rem}.floating-header{margin-top:0;margin-bottom:.5rem}.game-title{font-size:6vw;margin-bottom:.25rem;text-shadow:none}.scoreboard{font-size:.8rem;padding:0}.scoreboard-header,.scoreboard-row{grid-template-columns:1fr 1.5fr 2.5fr 1.5fr;padding:.25rem 0}}@media (max-width: 768px){.intro-modal-overlay{align-items:flex-start;padding-top:2rem;padding-bottom:2rem;overflow-y:auto}.intro-modal{margin-top:2rem;margin-bottom:2rem;max-height:none;width:100%;max-width:95vw;padding:1.25rem 1rem;box-sizing:border-box}.floating-header{margin-top:0;margin-bottom:1rem}.game-title{font-size:clamp(20px,7vw,32px);text-shadow:none}.modal-text-box{font-size:.95rem}}.intro-modal-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:100vw;padding:1rem;height:100%;box-sizing:border-box}.intro-modal-overlay{display:flex;align-items:center;justify-content:center;padding:1rem;background:#90caf9;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.intro-modal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff;border-radius:20px;padding:2rem 1.5rem;width:100%;max-width:480px;box-shadow:0 6px 24px #00000026;text-align:center;gap:1rem;overflow-y:auto;max-height:90vh}.floating-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;margin-top:-1rem;gap:.5rem}@media (max-width: 480px){.intro-modal{padding:1rem;max-width:90vw}.floating-header{margin-top:0;margin-bottom:.5rem}.game-title{font-size:clamp(20px,6vw,32px);text-shadow:none;margin-bottom:.5rem}}@media (max-width: 768px){.intro-modal-overlay{display:flex;align-items:center;justify-content:center;padding:1rem}.intro-modal-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0;margin:0 auto;box-sizing:border-box;height:100%}.intro-modal{width:100%;max-width:90vw;padding:1rem;margin:0 auto;box-sizing:border-box;align-items:center;justify-content:center;text-align:center}.floating-header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:0;margin-bottom:.75rem}.game-title{font-size:clamp(20px,6vw,32px);text-shadow:none;margin-bottom:.25rem}}@media (max-width: 768px){.intro-modal{margin:0 auto!important;width:100%;max-width:90vw!important;padding:1rem!important;box-sizing:border-box}.intro-modal-content{margin:0 auto!important;width:100%;max-width:100%!important;padding:.5rem 1rem!important;box-sizing:border-box}.intro-modal-overlay{padding:0!important;align-items:center;justify-content:center}.floating-header{margin:0 auto 1rem!important;text-align:center;align-items:center;justify-content:center}}.number-pad-button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.number-pad-button--hidden{visibility:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50}.modal{width:min(680px,calc(100% - 24px));background:#111;color:#f1f1f1;border-radius:16px;padding:20px;border:1px solid #222;box-shadow:0 12px 40px #00000080}.modal-title{font-size:1.6rem;font-weight:800;margin:0}.modal-subtitle{opacity:.85;margin:6px 0 16px}.btn-primary,.btn-secondary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer}.btn-primary{background:#22c55e;color:#0a0a0a}.btn-primary:hover{filter:brightness(.95)}.btn-secondary{background:#2a2a2a;color:#f1f1f1}.btn-secondary:hover{filter:brightness(1.1)}.stats-card{margin-top:1rem;padding:12px;border:1px solid #222;border-radius:12px;background:#ffffff0a}.stats-card h3{margin:.25rem 0 .5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid>div{background:#0003;border-radius:10px;padding:8px;text-align:center}.stats-grid strong{display:block;font-size:.8rem;opacity:.8}.muted{font-size:.9rem;opacity:.7;margin-top:6px}.summary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-card{background:#ffffff0a;border:1px solid #222;border-radius:12px;padding:14px;text-align:center}.summary-value{font-size:1.4rem;font-weight:800}.summary-label{opacity:.8}.actions{margin-top:14px;display:flex;gap:10px;justify-content:flex-end}.hud{display:flex;gap:12px;align-items:center;margin:10px 0 16px;opacity:.9}.placeholder-grid{display:grid;place-items:center;height:240px;border:1px dashed #333;border-radius:12px;margin-bottom:12px}.placeholder{opacity:.7}.introMiniGrid .miniCell{animation-name:miniCascade;animation-duration:1.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--i) * -.12s);will-change:transform,background-color,box-shadow}@keyframes miniCascade{0%{transform:scale(1);background-color:#fff;box-shadow:none}20%{transform:scale(1.06);background-color:#e7f2ff;box-shadow:0 0 0 2px #1c2c4a1a inset}70%{transform:scale(1);background-color:#ebf6ff40;box-shadow:none}to{transform:scale(1);background-color:#ebf6ff00;box-shadow:none}}.level-cascade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none;z-index:10;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);contain:layout paint}.level-cascade-3{--cols: 3;--rows: 3}.level-cascade-6{--cols: 6;--rows: 6}.level-cascade-9{--cols: 9;--rows: 9}.level-cascade-cell{will-change:transform,opacity;animation:waterfallTile var(--dur, .6s) cubic-bezier(.2,.7,.15,1) both;animation-delay:calc(var(--c) * var(--step, 45ms) + var(--r) * var(--rstep, 8ms));background:#ffffff1f;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014;opacity:0;transform:translateY(-6px)}@keyframes waterfallTile{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.level-cascade-cell{animation:fadeOnly .3s ease both;animation-delay:calc(var(--c) * 25ms)}@keyframes fadeOnly{0%{opacity:0}to{opacity:.12}}}.level-cascade-9{--step: 40ms;--rstep: 7ms;--dur: .62s}.level-cascade-6{--step: 45ms;--rstep: 8ms;--dur: .6s}.level-cascade-3{--step: 60ms;--rstep: 10ms;--dur: .58s}.sudoku-grid{position:relative;overflow:hidden;display:grid;grid-gap:2px}.level-cascade-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none;z-index:10;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.level-cascade-3{--cols: 3;--rows: 3;--step: 70ms}.level-cascade-6{--cols: 6;--rows: 6;--step: 45ms}.level-cascade-9{--cols: 9;--rows: 9;--step: 35ms}.level-cascade-cell{animation:logoCascade .52s ease-in-out 1 both;animation-delay:calc(var(--i) * var(--step));will-change:transform,background-color,box-shadow,opacity;border-radius:8px;opacity:0}@keyframes logoCascade{0%{opacity:0;transform:scale(1);background-color:#fff;box-shadow:none}}.transition-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;display:grid;place-items:center;contain:layout paint}.transition-layer .tl-rows,.transition-layer .tl-rows-in{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:repeat(var(--rows, 9),1fr);grid-auto-flow:row}.transition-layer .tl-row{width:100%;height:100%;will-change:transform,opacity;transform:translateZ(0);opacity:0;border-radius:6px;background:linear-gradient(180deg,#1c2c4a00,#1c2c4a1a,#1c2c4a00)}.transition-layer.phase-out .tl-row.out{animation:cascadeRowOut .56s ease both;animation-delay:calc(var(--i) * var(--rowDelay, 45ms))}.transition-layer.phase-in .tl-row.in{animation:cascadeRowIn .52s ease both;animation-delay:calc(var(--i) * var(--rowDelayIn, 35ms))}.transition-layer.dir-up.phase-out .tl-row.out{transform-origin:top center}.transition-layer.dir-down.phase-out .tl-row.out,.transition-layer.dir-up.phase-in .tl-row.in{transform-origin:bottom center}.transition-layer.dir-down.phase-in .tl-row.in{transform-origin:top center}@keyframes cascadeRowOut{0%{opacity:0;transform:translateY(0) scaleY(1);background:#1c2c4a00}}@keyframes cascadeRowIn{0%{opacity:0;transform:translateY(-12px) scaleY(1);background:#1c2c4a00}}.transition-layer-cells{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;contain:layout paint}.transition-layer-cells .tl-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--cols, 9),1fr);grid-template-rows:repeat(var(--rows, 9),1fr);gap:0}.transition-layer-cells .tl-cell{will-change:transform,opacity;transform:translateZ(0);opacity:0;background:radial-gradient(100% 100% at 50% 50%,#1c2c4a1f,#1c2c4a0f 60%,#1c2c4a00);border-radius:6px}.transition-layer-cells.phase-out .tl-cell.out{animation:cascadeCellOut var(--dur, .44s) cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--i) * var(--cellDelay))}.transition-layer-cells.phase-in .tl-cell.in{animation:cascadeCellIn var(--dur, .42s) cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--i) * var(--cellDelayIn))}@keyframes cascadeCellOut{0%{opacity:0;transform:translate(0) scale(1)}20%{opacity:1;transform:translateY(var(--ty)) scale(calc(1 + var(--scaleBump)))}to{opacity:0;transform:translateY(var(--ty)) scale(1)}}@keyframes cascadeCellIn{0%{opacity:0;transform:translateY(calc(var(--ty) * -1)) scale(1)}50%{opacity:1;transform:translate(0) scale(calc(1 + var(--scaleBump)))}to{opacity:0;transform:translate(0) scale(1)}}.transition-layer-cells.dir-up{--ty: -4px}.transition-layer-cells.dir-down{--ty: 4px}.transition-layer-cells{--cellDelay: 10ms;--cellDelayIn: 8ms}.sudoku-grid-6x6 .sudoku-cell,.sudoku-grid-9x9 .sudoku-cell{border:none}