*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf9f6;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{margin:0;font-family:Playfair Display,serif;font-weight:400}button{font-family:"Inter",inherit}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.app-header{text-align:center;padding:30px 20px;background-color:#faf9f6;border-bottom:1px solid #e0e0e0}.app-header h1{color:#333;font-size:3rem;margin-bottom:12px;font-family:Playfair Display,serif;font-weight:500;letter-spacing:-.5px;line-height:1.1}.tagline{color:#666;font-size:1.1rem;margin:0;font-family:Inter,sans-serif;font-weight:400;letter-spacing:.3px}.clickable-title{cursor:pointer;transition:all .3s ease;border-radius:8px;padding:8px 16px;margin:0 -16px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.clickable-title:hover{transform:translateY(-2px);color:#6b9bd1;background-color:#6b9bd10d;box-shadow:0 4px 12px #6b9bd126}.clickable-title:active{transform:translateY(0);background-color:#6b9bd11a;box-shadow:0 2px 6px #6b9bd133}.clickable-title:focus{outline:2px solid #6b9bd1;outline-offset:4px}.clickable-title:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:2px;background-color:#6b9bd1;transition:width .3s ease}.clickable-title:hover:after{width:25%}@media (max-width: 768px){.app-header h1{font-size:2.5rem}.tagline{font-size:1rem}}.cell{position:relative;border:1px solid #e0e0e0;background-color:#fff;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.cell:hover:not(.cell-disabled):not(.cell-has-dot){background-color:#f5f5f5;transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.cell-user-guess{background-color:#b19cd94d}.cell-correct-answer{background-color:#ffd7004d}.cell-highlighted{background-color:#6b9bd133}.cell-disabled{cursor:default!important}.cell-has-dot{background-color:#c8c8c880;cursor:not-allowed!important}.cell-has-dot:hover{background-color:#c8c8c880!important;transform:none!important;box-shadow:none!important}.cell-marker{width:60%;height:60%;border-radius:50%;position:absolute}.user-marker{background-color:#b19cd9b3;animation:ripple 1s ease-out}.correct-marker{background-color:#ffd700cc;animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(1.5);opacity:0}}.dot{position:absolute;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003;z-index:10}.grid-container{position:relative;margin:0 auto;box-shadow:0 4px 8px #0000001a;border-radius:8px;overflow:hidden;max-width:100%;max-height:100%}.grid{display:grid;background-color:#faf9f6;width:100%;height:100%}.dots-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.game-board{display:flex;flex-direction:column;align-items:center;gap:20px}.sequential-mode{max-width:800px;margin:0 auto}.score-display{text-align:center;font-size:1.2rem;color:#333;display:flex;flex-direction:column;gap:15px;align-items:center}.perfect-score{color:#4caf50;font-weight:700;font-size:1.4rem}.next-button{padding:10px 24px;font-size:1rem;background-color:#6b9bd1;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.next-button:hover{background-color:#5a89c0}.multi-grid-mode{max-width:1200px;margin:0 auto}.grid-container-multi{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:20px}.grid-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.mini-score{font-size:1rem;color:#333;font-weight:500}.submit-all-button{padding:12px 32px;font-size:1.1rem;background-color:#6b9bd1;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;margin:0 auto;display:block}.submit-all-button:hover:not(:disabled){background-color:#5a89c0}.submit-all-button:disabled{background-color:#ccc;cursor:not-allowed}.view-final-score-button{padding:12px 32px;font-size:1.1rem;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;margin:0 auto;display:block}.view-final-score-button:hover{background-color:#45a049}@media (max-width: 768px){.grid-container-multi{grid-template-columns:1fr}}.mode-selector{margin-bottom:30px}.mode-selector h3{text-align:center;color:#333;margin-bottom:20px;font-size:1.4rem;font-family:Playfair Display,serif;font-weight:500}.mode-options{display:flex;gap:20px;justify-content:center}.mode-option{padding:20px;width:200px;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;font-family:Inter,sans-serif}.mode-option:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.mode-option.selected{border-color:#6b9bd1;background-color:#f0f7ff}.mode-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:8px}.mode-description{font-size:.9rem;color:#666;margin-bottom:8px;line-height:1.4}.mode-count{font-size:.85rem;color:#999;font-style:italic}@media (max-width: 768px){.mode-options{flex-direction:column;align-items:center}.mode-option{width:100%;max-width:300px}}.difficulty-selector{margin-bottom:30px}.difficulty-selector h3{text-align:center;color:#333;margin-bottom:20px;font-size:1.4rem;font-family:Playfair Display,serif;font-weight:500}.difficulty-options{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.difficulty-option{padding:16px 24px;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;min-width:180px;font-family:Inter,sans-serif}.difficulty-option:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.difficulty-option.selected{border-color:#6b9bd1;background-color:#f0f7ff}.difficulty-label{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:6px}.difficulty-description{font-size:.85rem;color:#666;line-height:1.4}@media (max-width: 768px){.difficulty-options{flex-direction:column;align-items:center}.difficulty-option{width:100%;max-width:300px}}.score-display-container{max-width:600px;margin:0 auto;padding:40px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;font-family:Inter,sans-serif}.score-display-container h2{color:#333;margin-bottom:30px;font-size:2rem;font-family:Playfair Display,serif;font-weight:500}.score-summary{background-color:#f0f7ff;padding:20px;border-radius:8px;margin-bottom:30px}.score-item{display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-size:1.1rem}.score-label{color:#666;font-weight:500}.score-value{color:#333;font-weight:600}.puzzle-breakdown{margin-bottom:30px}.puzzle-breakdown h3{color:#333;margin-bottom:15px;font-size:1.3rem;font-family:Playfair Display,serif;font-weight:500}.puzzle-score{display:flex;justify-content:space-between;padding:8px 20px;border-bottom:1px solid #e0e0e0}.puzzle-score .perfect{color:#4caf50;font-weight:600}.high-scores{margin-bottom:30px}.high-scores h3{color:#333;margin-bottom:15px;font-size:1.3rem;font-family:Playfair Display,serif;font-weight:500}.high-scores ol{list-style:none;padding:0;margin:0}.high-scores li{padding:8px 0;color:#666;font-size:1.1rem}.high-scores li.current-score{color:#6b9bd1;font-weight:600}.play-again-button{padding:12px 32px;font-size:1.1rem;font-family:Inter,sans-serif;font-weight:600;background-color:#6b9bd1;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.play-again-button:hover{background-color:#5a89c0}@media (max-width: 768px){.score-display-container{padding:30px 20px}.score-display-container h2{font-size:1.8rem}.score-item{font-size:1rem}}.share-button{background:#6b9bd1;color:#fff;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:140px}.share-button:hover{background:#5a8ac0;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.share-button:active{transform:translateY(0);box-shadow:none}.share-button:focus{outline:2px solid #6b9bd1;outline-offset:2px}.daily-score-display-container{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:500px;margin:0 auto;text-align:center}.daily-score-display-container h2{color:#333;margin-bottom:.5rem;font-size:1.8rem}.date-display{color:#666;font-size:1.1rem;margin-bottom:2rem}.score-summary{background:#f7f9fc;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.puzzle-breakdown{margin-bottom:2rem}.puzzle-breakdown h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.puzzle-score{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #eee}.puzzle-score:last-child{border-bottom:none}.puzzle-label{color:#666;font-size:.95rem}.puzzle-score .score{color:#333;font-weight:500}.puzzle-score .perfect{color:#22c55e;font-weight:600}.button-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.play-again-button{background:#f0f0f0;color:#333;border:none;padding:.75rem 2rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.play-again-button:hover{background:#e0e0e0}.play-again-button:focus{outline:2px solid #6b9bd1;outline-offset:2px}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.tutorial-content{background-color:#fff;padding:40px;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:fadeIn .3s ease-out;font-family:Inter,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tutorial-content h2{text-align:center;color:#333;margin-bottom:30px;font-family:Playfair Display,serif;font-weight:500;font-size:2rem}.tutorial-text{text-align:center;font-size:1.1rem;color:#666;margin-bottom:30px;line-height:1.5}.tutorial-grid{display:flex;justify-content:center;margin-bottom:30px}.tutorial-feedback{text-align:center}.tutorial-feedback p{margin-bottom:20px;font-size:1.1rem;line-height:1.5}.tutorial-feedback .perfect{color:#4caf50;font-weight:600}.tutorial-button{padding:10px 24px;font-size:1rem;background-color:#6b9bd1;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;font-family:Inter,sans-serif;font-weight:500}.tutorial-button:hover{background-color:#5a89c0}.tutorial-button.primary{font-size:1.2rem;padding:12px 32px;display:block;margin:0 auto;font-weight:600}.tutorial-modes{display:flex;gap:30px;justify-content:center;margin-bottom:30px}.mode-preview{flex:1;padding:20px;background-color:#f0f7ff;border-radius:8px;text-align:center}.mode-preview h3{color:#333;margin-bottom:10px;font-family:Playfair Display,serif;font-weight:500}.mode-preview p{color:#666;font-size:.9rem;line-height:1.4}.tutorial-tip{text-align:center;color:#666;font-style:italic;margin-bottom:30px;line-height:1.5}.skip-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#999;cursor:pointer;text-decoration:underline;font-size:.9rem;font-family:Inter,sans-serif}.skip-button:hover{color:#666}@media (max-width: 768px){.tutorial-content{padding:30px 20px}.tutorial-content h2{font-size:1.8rem}.tutorial-modes{flex-direction:column;gap:20px}}.game-container{padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-setup{max-width:800px;width:100%;margin:0 auto;background-color:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.start-button{display:block;margin:40px auto 0;padding:14px 40px;font-size:1.2rem;font-family:Inter,sans-serif;font-weight:600;background-color:#6b9bd1;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.start-button:hover{background-color:#5a89c0;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.game-info{display:flex;justify-content:center;gap:30px;margin-bottom:30px;font-size:1.1rem;color:#333;width:100%}.game-info span{padding:8px 16px;background-color:#f0f7ff;border-radius:6px;text-transform:capitalize}.daily-completion-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin:1.5rem 0;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.completion-header{text-align:center;margin-bottom:1.5rem}.completion-header h3{color:#333;font-size:1.4rem;font-family:Playfair Display,serif;font-weight:500;margin:0 0 .5rem}.completion-subtitle{color:#666;font-size:1rem;margin:0}.score-summary{background:#f7f9fc;padding:1.5rem;border-radius:8px}.score-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.score-item:last-child{margin-bottom:0}.score-label{color:#666;font-size:1rem}.score-value{color:#333;font-weight:600;font-size:1.1rem}@media (max-width: 768px){.game-container{padding:20px 10px}.game-setup{padding:20px}.game-info{flex-direction:column;gap:15px;align-items:center}.game-info span{text-align:center;min-width:200px}}@media (max-width: 480px){.game-container{padding:15px 5px}.game-setup{padding:15px}}.App{min-height:100vh;background-color:#faf9f6}