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{display:grid;gap:0;justify-content:center;padding:8px;background:#f9f9f9;border-radius:16px;border:3px solid #000;margin:0 auto;box-sizing:border-box;width:100%;max-width:100%}.sudoku-grid-3x3{grid-template-columns:repeat(3,1fr);width:100%;max-width:240px;aspect-ratio:1;margin:0 auto}.sudoku-grid-6x6{grid-template-columns:repeat(6,1fr);max-width:min(400px,85vw);aspect-ratio:1}.sudoku-grid-9x9{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: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;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{padding:6px;border-width:2px;border-radius:12px}.sudoku-grid-3x3{grid-template-columns:repeat(3,1fr);width:100%;max-width:240px;aspect-ratio:1;margin:0 auto}.sudoku-grid-6x6{max-width:min(350px,90vw)}.sudoku-grid-9x9{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,.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}@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;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}.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}}