:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}button{font-family:inherit}#root{min-height:100vh}.game-board{display:inline-block;border:3px solid #000;background:#fff;-webkit-user-select:none;user-select:none}.board-row{display:flex}.cell{position:relative;width:50px;height:50px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;transition:background-color .1s}.cell:hover{background-color:#f0f0f0}.cell.selected{background-color:#bbdefb!important}.cell.highlighted{background-color:#fff9c4!important}.cell.related{background-color:#e3f2fd}.cell.error{background-color:#ffcdd2!important}.cell.border-top-cage{border-top:2px solid #333}.cell.border-bottom-cage{border-bottom:2px solid #333}.cell.border-left-cage{border-left:2px solid #333}.cell.border-right-cage{border-right:2px solid #333}.cell.border-right-box{border-right:2px solid #000}.cell.border-bottom-box{border-bottom:2px solid #000}.cage-sum{position:absolute;top:2px;left:2px;font-size:10px;font-weight:700;color:#666}.cell-value{font-size:24px;font-weight:700;color:#000}.cell-value.given{color:#1976d2;font-weight:900}.cell-notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:90%;height:100%;padding:2px 2px 2px 10px;gap:0px}.note{font-size:9px;color:#666;display:flex;align-items:center;justify-content:center}@media(max-width:600px){.cell{width:38px;height:38px}.cell-value{font-size:18px}.cage-sum{font-size:8px}.note{font-size:7px}}.controls{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:300px}.timer-section{display:flex;flex-direction:column;align-items:center;gap:8px}.timer{font-size:32px;font-weight:700;font-family:Courier New,monospace;color:#333}.completion-message{background:#4caf50;color:#fff;padding:12px;border-radius:8px;text-align:center;font-weight:700;animation:celebrate .5s ease-in-out}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.button-group{display:flex;flex-direction:column;gap:8px}.btn{padding:12px 16px;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-align:center}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover:not(:disabled){background:#1976d2}.btn-secondary{background:#9e9e9e;color:#fff}.btn-secondary:hover:not(:disabled){background:#757575}.btn-hint{background:#ff9800;color:#fff}.btn-hint:hover:not(:disabled){background:#f57c00}.btn-reveal{background:#9c27b0;color:#fff}.btn-reveal:hover:not(:disabled){background:#7b1fa2}.btn-difficulty{background:#4caf50;color:#fff;font-size:13px;padding:10px}.btn-difficulty:hover{background:#388e3c}.difficulty-selector{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:8px;background:#f5f5f5;border-radius:6px}@media(max-width:768px){.controls{max-width:100%;padding:16px}.timer{font-size:24px}.btn{padding:10px 12px;font-size:13px}}.hint-panel{background:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;margin:20px auto;overflow:hidden}.hint-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #ddd}.hint-level{color:#fff;padding:6px 12px;border-radius:4px;font-weight:700;font-size:14px}.hint-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:4px 8px;line-height:1}.hint-close:hover{color:#000}.hint-content{padding:16px}.hint-technique,.hint-position,.hint-message,.hint-explanation,.hint-answer{margin-bottom:12px}.hint-technique{color:#1976d2;font-size:14px}.hint-position{color:#666;font-size:13px}.hint-message{font-size:16px;font-weight:600;color:#333;line-height:1.5}.hint-explanation{color:#555;font-size:14px;line-height:1.6;background:#f9f9f9;padding:12px;border-radius:4px;border-left:3px solid #2196f3}.hint-answer{color:#9c27b0;font-size:18px;font-weight:700;padding:12px;background:#f3e5f5;border-radius:4px;text-align:center}.hint-footer{padding:12px 16px;background:#fafafa;border-top:1px solid #ddd}.hint-tip{margin:0;font-size:12px;color:#666;font-style:italic;text-align:center}@media(max-width:768px){.hint-panel{max-width:90%;margin:16px auto}.hint-message{font-size:15px}.hint-explanation{font-size:13px}}.number-pad{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f5f5f5;border-radius:8px;max-width:300px}.mode-toggle{display:flex;justify-content:center}.btn-mode{padding:10px 20px;font-size:14px;font-weight:600;border:2px solid #2196f3;background:#fff;color:#2196f3;border-radius:6px;cursor:pointer;transition:all .2s}.btn-mode.active{background:#2196f3;color:#fff}.btn-mode:hover{transform:scale(1.05)}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.btn-number{padding:16px;font-size:20px;font-weight:700;border:2px solid #ddd;background:#fff;color:#333;border-radius:6px;cursor:pointer;transition:all .2s}.btn-number:hover{background:#2196f3;color:#fff;border-color:#2196f3;transform:scale(1.1)}.btn-number:active{transform:scale(.95)}.action-buttons{display:flex;gap:8px}.btn-clear{flex:1;padding:12px;font-size:14px;font-weight:600;border:2px solid #f44336;background:#fff;color:#f44336;border-radius:6px;cursor:pointer;transition:all .2s}.btn-clear:hover{background:#f44336;color:#fff}.prefill-buttons{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:2px solid #ddd}.btn-prefill{padding:10px 12px;font-size:13px;font-weight:600;border:2px solid #ff9800;background:#fff;color:#ff9800;border-radius:6px;cursor:pointer;transition:all .2s}.btn-prefill:hover:not(:disabled){background:#ff9800;color:#fff}.btn-prefill:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.number-pad{max-width:100%;padding:16px}.btn-number{padding:14px;font-size:18px}}*{box-sizing:border-box;margin:0;padding:0}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-header{padding:20px;text-align:center;color:#fff;background:#0003}.app-header h1{font-size:36px;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.app-subtitle{font-size:16px;opacity:.9}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff;text-align:center}.welcome-screen h2{font-size:32px;margin-bottom:16px}.welcome-screen>p{font-size:18px;margin-bottom:32px}.difficulty-buttons{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap;justify-content:center}.btn-large{padding:16px 32px;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .3s;color:#fff;min-width:120px}.btn-large:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000004d}.btn-easy{background:#4caf50}.btn-easy:hover{background:#388e3c}.btn-medium{background:#ff9800}.btn-medium:hover{background:#f57c00}.btn-hard{background:#f44336}.btn-hard:hover{background:#d32f2f}.btn-expert{background:#9c27b0}.btn-expert:hover{background:#7b1fa2}.game-rules{max-width:600px;background:#ffffff1a;padding:24px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-rules h3{font-size:24px;margin-bottom:16px}.game-rules ul{list-style:none;text-align:left}.game-rules li{padding:8px 0;font-size:16px;line-height:1.6}.game-rules li:before{content:"✓ ";color:#4caf50;font-weight:700;margin-right:8px}.game-rules .note{font-size:13px;color:#fffc;font-style:italic;margin-top:8px}.game-container{flex:1;display:flex;gap:20px;padding:20px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.game-left,.game-right{flex:0 0 auto}.game-center{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.pause-overlay{width:450px;height:450px;background:#fffffff2;border:3px solid #000;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px #0003}.pause-overlay h2{font-size:32px;color:#333;margin-bottom:16px}.pause-overlay p{font-size:18px;color:#666}.app-footer{padding:16px;text-align:center;color:#fff;background:#0003;font-size:14px}@media(max-width:1200px){.game-container{flex-direction:column;align-items:center}.game-left,.game-right{width:100%;max-width:500px}}@media(max-width:768px){.app-header h1{font-size:28px}.app-subtitle{font-size:14px}.welcome-screen h2{font-size:24px}.difficulty-buttons{flex-direction:column;width:100%;max-width:300px}.btn-large{width:100%}.game-rules{padding:16px}.game-rules h3{font-size:20px}.game-rules li{font-size:14px}.pause-overlay{width:100%;max-width:380px;height:380px}}@media(max-width:600px){.game-container{padding:12px}.pause-overlay{max-width:340px;height:340px}.pause-overlay h2{font-size:24px}.pause-overlay p{font-size:16px}}