:root{--primary-color:#696969;--sun-color:#f8b94b;--sun-border:#e08e27;--moon-color:#6f9ed8;--moon-border:#5e8dc5;--bg-color:#f8f8f8;--cell-bg:#ffffff;--cell-bg-alternate:#f2f2f2;--success-color:#68c07c;--error-color:#e77474;--board-bg:#ffffff;--cell-border:#e8e8e8;--constraint-color:#9ca3af;--button-bg:#e8e8e8;--button-text:#696969;--button-bg-primary:#68c07c;--button-text-primary:#ffffff}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,html{line-height:1.6;font-size:16px;background-color:var(--bg-color);color:var(--primary-color);overflow-x:hidden;touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-size:1rem;transition:all .2s ease;background-color:var(--button-bg);color:var(--button-text)}.container{min-height:100vh;flex-direction:column;padding:1.5rem 1rem;max-width:600px;margin:0 auto}.container,.main{display:flex;justify-content:flex-start;align-items:center;width:100%}.main{flex:1;flex-direction:column}.title{margin-bottom:2rem;font-size:2rem;font-weight:700;text-align:center;letter-spacing:-.02em}.title-word{display:inline-block;margin-right:.25rem;color:var(--primary-color)}.title-word.sun{color:var(--sun-border)}.description{text-align:center;margin-bottom:2rem;font-size:1.1rem;color:var(--primary-color);opacity:.8}.footer{width:100%;height:60px;display:flex;justify-content:center;align-items:center}.game-board{margin:0 auto;box-shadow:0 4px 20px rgba(0,0,0,.08)}.board-row,.cell{display:flex}.cell{justify-content:center;align-items:center;position:relative;transition:all .2s ease;background-color:var(--cell-bg);border:1px solid var(--cell-border)}.cell.prefilled{background-color:var(--cell-bg-alternate)}.cell:active{transform:scale(.95)}.moon-icon,.sun-icon{transition:all .2s ease}.constraint{pointer-events:none;color:var(--constraint-color)}.constraint.error{color:var(--error-color)}.rules{width:100%;margin:1.5rem 0;padding:1rem 1.5rem;border-radius:.5rem;background-color:var(--cell-bg);box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden}.rules h2{font-size:1.1rem;margin-bottom:.5rem;color:var(--primary-color)}.rules ol{padding-left:1.5rem}.rules li{margin-bottom:.4rem;line-height:1.5;font-size:.95rem}.error-message{margin-top:1rem}.success-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(104,192,124,.3);display:flex;justify-content:center;align-items:center;z-index:100;backdrop-filter:blur(2px)}.success-message{background-color:white;padding:1.5rem 2rem;border-radius:.5rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.15)}.success-message h2{color:var(--success-color);font-size:1.5rem;margin-bottom:.5rem}.success-message p{color:var(--primary-color)}.game-board-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:2rem}.game-controls-wrapper{width:100%;max-width:500px}@media (max-width:480px){.container{padding:1rem .75rem}.title{font-size:1.75rem;margin-bottom:1.5rem}.rules{padding:.75rem 1rem}.rules h2{font-size:1rem}.rules li{font-size:.85rem;margin-bottom:.3rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.animate-fadeIn{animation:fadeIn .25s ease-in-out}.animate-scaleIn{animation:scaleIn .5s ease-in-out}.animate-pulse{animation:pulse 1s ease-in-out infinite}.cell{overflow:hidden}.framer-motion-custom .moon-icon,.framer-motion-custom .sun-icon{transition:transform .25s ease-out,opacity .25s ease-out}.cell{transition:background-color .3s ease,box-shadow .3s ease}@keyframes boardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-board{animation:boardFadeIn .4s ease-out}.cell.prefilled{transition:background-color .5s ease}.cell:not(.prefilled):hover{background-color:rgba(248,248,248,.8)}.game-container{padding:0 1rem;max-width:500px;margin:0 auto}.game-container,.game-content{width:100%;display:flex;flex-direction:column;align-items:center}.game-board{width:fit-content;margin:0 auto 1.5rem;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1)}.game-actions{width:100%;margin-bottom:1.5rem}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.action-button{padding:.75rem 0;border-radius:.5rem;font-size:1rem;text-align:center;transition:all .2s ease;font-weight:500}.action-button.primary{background-color:var(--success-color);color:white}.action-button.secondary,.action-button.tertiary{background-color:#f1f1f1;color:var(--primary-color)}.action-button.tertiary{opacity:.9}.action-button:disabled{opacity:.5;cursor:not-allowed}.game-controls{width:100%;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.control-group{display:flex;justify-content:space-between;align-items:center;width:100%}.control-select{padding:.6rem 1rem;border-radius:.5rem;border:1px solid #e4e4e4;background-color:white;font-size:1rem;min-width:10rem;color:var(--primary-color);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em}.rules-toggle-button{background:none;color:var(--primary-color);opacity:.7;font-size:.9rem;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;margin-bottom:.5rem}.rules-toggle-button:hover{background-color:#f1f1f1;opacity:1}.rules-panel{width:100%;background-color:white;border-radius:.5rem;padding:1rem 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden}.rules-title{font-size:1.1rem;margin-bottom:.5rem;color:var(--primary-color)}.rules-list{padding-left:1.5rem}.rules-list li{margin-bottom:.4rem;line-height:1.5;font-size:.95rem}.error-message{margin:.5rem 0 1rem;color:var(--error-color);font-weight:500;text-align:center}.footer{margin-top:2rem;color:var(--primary-color);opacity:.7;font-size:.9rem;text-align:center}@media (max-width:480px){.game-container{padding:0 .5rem}.control-select{min-width:8rem}.rules-panel{padding:.75rem 1rem}.rules-list li{font-size:.9rem;margin-bottom:.3rem}}..success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(3px)}.success-content{background:white;padding:2rem;border-radius:1rem;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.1);max-width:85%}.success-content h2{font-size:1.75rem;color:var(--success-color);margin-bottom:1rem}.success-content p{margin-bottom:1.5rem;color:var(--primary-color);font-size:1.1rem}.success-buttons{display:flex;justify-content:center;gap:1rem}.success-button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.success-button:hover{transform:translateY(-2px)}.success-button.primary{background-color:var(--success-color);color:white}.success-button.secondary{background-color:var(--button-bg);color:var(--primary-color)}.game-board.solved{animation:solvePulse 2s ease-out}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{box-shadow:0 0 5px 2px rgba(104,192,124,.3)}50%{box-shadow:0 0 8px 4px rgba(104,192,124,.5)}to{box-shadow:0 0 5px 2px rgba(104,192,124,.3)}}@keyframes victoryPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(104,192,124,0)}50%{transform:scale(1.02);box-shadow:0 0 20px 10px rgba(104,192,124,.5)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(104,192,124,0)}}@keyframes solvePulse{0%{box-shadow:0 0 0 0 rgba(104,192,124,.7)}30%{box-shadow:0 0 20px 10px rgba(104,192,124,.5)}to{box-shadow:0 0 0 0 rgba(104,192,124,0)}}.cell.hinted{z-index:10;animation:shimmer 1.5s infinite}.cell{user-select:none;-webkit-user-select:none;touch-action:manipulation;tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;cursor:pointer;padding:2px}.moon-icon,.sun-icon{transform-origin:center;min-width:28px;min-height:28px}.constraint{padding:4px;background-color:rgba(255,255,255,.7);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}.game-board.solved{animation:victoryPulse 2s ease-out}@media (max-width:480px){.hint-content,.success-content{padding:1.25rem;max-width:90%}.hint-text,.success-content p{font-size:.95rem}.action-button,.hint-button,.success-button{min-height:44px;display:flex;align-items:center;justify-content:center}}