.knob{position:relative;width:50px;height:22px;border-radius:8em;background-color:var(--gray-2);transition:background-color .25s}.knob.enabled{background-color:var(--enabled-color)}.knob>.knob-inside{position:absolute;top:1px;left:1px;width:20px;height:20px;background-color:var(--gray-7);border-radius:8em;transition:left .25s}.knob.enabled>.knob-inside{left:29px}.board{display:grid;gap:2px;touch-action:none;user-select:none;-webkit-user-select:none;background-color:var(--border-color);border-radius:8px;padding:2px}.cell{aspect-ratio:1;border-radius:4px;background-color:var(--bg-cell);display:flex;align-items:center;justify-content:center;transition:background-color .1s ease}.cell.box{border-radius:50%;border:3px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.cell.box.selected{border-color:#fff;transform:scale(1.15);box-shadow:0 0 12px 4px #ffffff80;animation:box-pulse .8s ease-in-out infinite alternate}.cell.box.linked{animation:box-linked .3s ease-out;border-color:#fff9;box-shadow:0 0 8px 2px #ffffff4d}.cell.block{background-color:var(--border-color);border-radius:4px;opacity:.85}.cell.link{border-radius:4px;opacity:.7}.cell.link.active-path{opacity:.5;animation:pulse .8s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.4}to{opacity:.7}}@keyframes box-pulse{0%{box-shadow:0 0 8px 2px #ffffff4d}to{box-shadow:0 0 16px 6px #fff9}}@keyframes box-linked{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.level-select{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1;padding:2rem 0}.level-select-title{font-size:2.5rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.level-select-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;max-width:320px}.level-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:2px solid var(--border-color);border-radius:12px;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .15s ease;position:relative}.level-btn:hover:not(.locked){transform:scale(1.05);border-color:var(--btn-primary)}.level-btn:active:not(.locked){transform:scale(.95)}.level-btn.completed{border-color:var(--enabled-color);background-color:var(--enabled-color);color:#fff}.level-btn.locked{opacity:.4;cursor:not-allowed}.level-number{font-size:1.2rem}.level-info{font-size:.55rem;font-weight:400;opacity:.8;margin-top:2px}.level-lock{position:absolute;font-size:.8rem}.level-btn.locked .level-number{display:none}.game-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;gap:8px}.header-btn{background:none;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1.2rem;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.header-btn:hover{background-color:var(--bg-secondary)}.header-btn:active{transform:scale(.9)}.header-level{font-weight:600;font-size:1.1rem;flex:1;text-align:center}.header-timer{font-size:.9rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:45px;text-align:center}.header-moves{font-size:.9rem;color:var(--text-secondary);min-width:60px;text-align:center}.win-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.win-dialog{background-color:var(--dialog-bg);border-radius:16px;padding:2rem;text-align:center;min-width:280px;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease}.win-title{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.win-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.win-stat{display:flex;flex-direction:column;align-items:center}.win-stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.win-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.win-buttons{display:flex;flex-direction:column;gap:8px}.win-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.win-btn:active{transform:scale(.95)}.win-btn-primary{background-color:var(--btn-primary);color:var(--btn-primary-text)}.win-btn-primary:hover{opacity:.9}.win-btn-secondary{background-color:var(--btn-secondary);color:var(--btn-secondary-text)}.win-btn-secondary:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}.settings-panel{background-color:var(--dialog-bg);border-radius:16px;padding:1.5rem;min-width:280px;max-width:360px;box-shadow:0 8px 32px #0003}.settings-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.settings-title{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.settings-close{background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;padding:4px 8px}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-color);cursor:pointer}.settings-item:last-child{border-bottom:none}.settings-label{font-size:1rem;color:var(--text-primary)}.editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary);z-index:300;overflow-y:auto;animation:fadeIn .2s ease}.editor-panel{max-width:500px;margin:0 auto;padding:1.5rem}.editor-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.editor-label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-right:8px}.editor-size-controls{display:flex;gap:4px}.editor-size-btn{padding:4px 10px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:600}.editor-size-btn:active{transform:scale(.9)}.editor-section{margin-bottom:1rem}.editor-color-picker{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.editor-color-btn{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .15s ease}.editor-color-btn.selected{border-color:var(--text-primary);transform:scale(1.15)}.editor-color-btn.full{opacity:.35}.editor-mode-toggle{display:flex;gap:4px;margin-top:6px}.editor-mode-btn{padding:6px 16px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;transition:all .15s ease}.editor-mode-btn.selected{border-color:var(--btn-primary);background:var(--btn-primary);color:#fff}.editor-mode-btn:active{transform:scale(.9)}.editor-grid{display:grid;gap:2px;background-color:var(--border-color);border-radius:8px;padding:2px;margin:1rem 0}.editor-actions{display:flex;gap:8px;margin-top:1rem}.editor-actions .win-btn{flex:1}.settings-version{text-align:center;padding:16px 0 4px;font-size:.75rem;color:var(--text-secondary);cursor:default;user-select:none;-webkit-user-select:none}.settings-commit-link{color:var(--text-secondary);text-decoration:none;opacity:.7}.settings-commit-link:hover{text-decoration:underline;opacity:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation}:root{--bg-primary: #fafafa;--bg-secondary: #eeeeee;--bg-cell: #e0e0e0;--text-primary: #333333;--text-secondary: #666666;--border-color: #cccccc;--enabled-color: #4caf50;--gray-2: #e0e0e0;--gray-7: #ffffff;--overlay-bg: rgba(0, 0, 0, .4);--dialog-bg: #ffffff;--btn-primary: #3498db;--btn-primary-text: #ffffff;--btn-secondary: #e0e0e0;--btn-secondary-text: #333333}body.dark{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-cell: #2c3e50;--text-primary: #ecf0f1;--text-secondary: #bdc3c7;--border-color: #34495e;--gray-2: #34495e;--gray-7: #2c3e50;--dialog-bg: #16213e;--btn-secondary: #2c3e50;--btn-secondary-text: #ecf0f1}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;-webkit-tap-highlight-color:transparent}.game-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;max-width:540px;margin:0 auto;padding:0 16px}#app{display:flex;flex-direction:column;align-items:center;width:100%;flex:1}