*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;min-width:320px}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid #0066cc;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}.candidate-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:2px;box-sizing:border-box}.candidate{display:flex;align-items:center;justify-content:center;font-size:10px;color:#666;font-family:Georgia,serif}.candidate-hidden{visibility:hidden}.candidate-cause{color:#06c;font-weight:700;background-color:#0066cc26;border-radius:2px}.candidate-effect{color:#228b22;font-weight:700;background-color:#228b2226;border-radius:2px}.candidate-eliminate{color:#c00;text-decoration:line-through;background-color:#cc000026;border-radius:2px}@media(max-width:600px){.candidate{font-size:8px}.candidate-grid{padding:1px}}.sudoku-cell{display:flex;align-items:center;justify-content:center;background-color:var(--bg-paper, #f5f0e6);border:1px solid var(--line-thin, #999);cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;aspect-ratio:1;min-width:0;min-height:0}.sudoku-cell:hover{background-color:#ebe5d8}.cell-box-left{border-left:2px solid var(--line-thick, #333)}.cell-box-right{border-right:2px solid var(--line-thick, #333)}.cell-box-top{border-top:2px solid var(--line-thick, #333)}.cell-box-bottom{border-bottom:2px solid var(--line-thick, #333)}.cell-selected{background-color:#c9dff2!important}.cell-related{background-color:#e8e2d5}.cell-cause{background-color:var(--highlight-cause, #d4e5f7)!important}.cell-effect{background-color:var(--highlight-effect, #d4f7d4)!important}.cell-error{background-color:var(--highlight-error, #f7d4d4)!important}.cell-value{font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,5vw,32px);line-height:1}.cell-value-given{color:var(--text-given, #1a1a1a);font-weight:600}.cell-value-input{color:var(--text-input, #0066cc);font-weight:400}.cell-value-solved{color:#28a745;font-weight:600}@media(max-width:600px){.cell-value{font-size:clamp(16px,4.5vw,24px)}}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:100%;max-width:500px;aspect-ratio:1;background-color:var(--line-thick, #333);border:3px solid var(--line-thick, #333);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow:hidden}@media(max-width:600px){.sudoku-board{max-width:100%;border-width:2px}}.number-pad{display:flex;flex-direction:column;gap:10px;width:100%}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.number-button{display:flex;align-items:center;justify-content:center;height:50px;font-family:Georgia,serif;font-size:24px;color:var(--text-given, #1a1a1a);background-color:var(--bg-paper, #f5f0e6);border:2px solid var(--line-thin, #999);border-radius:6px;cursor:pointer;transition:all .15s ease}.number-button:hover:not(:disabled){background-color:#e8e2d5;border-color:var(--line-thick, #333)}.number-button:active:not(:disabled){transform:scale(.95)}.number-button:disabled{opacity:.5;cursor:not-allowed}.clear-button{height:44px;font-family:system-ui,-apple-system,sans-serif;font-size:16px;color:#fff;background-color:#666;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.clear-button:hover:not(:disabled){background-color:#555}.clear-button:active:not(:disabled){transform:scale(.98)}.clear-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.number-button{height:44px;font-size:20px}.clear-button{height:40px;font-size:14px}}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.action-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 4px #0000001a}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.action-button:not(:disabled):active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.action-solve{color:#fff;background-color:#06c}.action-solve:hover:not(:disabled){background-color:#05a}.action-generate{color:#fff;background-color:#228b22}.action-generate:hover:not(:disabled){background-color:#1a6b1a}.action-reset{color:#fff;background-color:#c60}.action-reset:hover:not(:disabled){background-color:#a50}.action-empty{color:#fff;background-color:#dc3545}.action-empty:hover:not(:disabled){background-color:#c82333}.action-toggle{color:var(--text-given, #1a1a1a);background-color:var(--bg-paper, #f5f0e6);border:2px solid var(--line-thin, #999)}.action-toggle:hover:not(:disabled){background-color:#e8e2d5;border-color:var(--line-thick, #333)}.action-toggle.active{background-color:#d4e5f7;border-color:#06c;color:#06c}.action-toggle{grid-column:1 / -1}@media(max-width:600px){.action-buttons{grid-template-columns:1fr 1fr;gap:10px}.action-button{min-height:44px;padding:10px 12px;font-size:13px}}@media(max-width:400px){.action-buttons{grid-template-columns:1fr}}.difficulty-selector{display:flex;flex-direction:column;gap:8px;width:100%}.difficulty-label{font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;color:var(--text-given, #1a1a1a)}.difficulty-options{display:flex;gap:8px}.difficulty-option{flex:1;height:36px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;color:var(--text-given, #1a1a1a);background-color:var(--bg-paper, #f5f0e6);border:2px solid var(--line-thin, #999);border-radius:4px;cursor:pointer;transition:all .15s ease}.difficulty-option:hover:not(:disabled){background-color:#e8e2d5;border-color:var(--line-thick, #333)}.difficulty-option.active{background-color:#06c;border-color:#06c;color:#fff}.difficulty-option:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.difficulty-options{flex-wrap:wrap}.difficulty-option{flex:1 1 45%;min-width:80px}}.step-card{padding:12px;background-color:var(--bg-paper, #f5f0e6);border:2px solid var(--line-thin, #999);border-radius:6px;cursor:pointer;transition:all .15s ease}.step-card:hover{border-color:var(--line-thick, #333)}.step-card-active{border-color:#06c;background-color:#e8f0fa}.step-card-complete{border-color:#228b22;background-color:#d4f7d4}.step-card-complete .step-number{color:#228b22;font-size:14px}.step-card-complete .step-description{font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:#228b22;font-weight:500}.step-card-complete.step-card-active{border-color:#1a6b1a;background-color:#c4ecc4}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.step-number{font-family:system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;color:#666}.step-technique{font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:600;color:#06c;background-color:#0066cc1a;padding:2px 8px;border-radius:4px}.step-explanation{font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text-given, #1a1a1a);line-height:1.5}.step-detail-toggle{margin-top:8px;padding:4px 8px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;color:#666;background:none;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:all .15s ease}.step-detail-toggle:hover{background-color:#f0f0f0;border-color:#999}.step-detail{margin-top:10px;padding:10px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;color:#555;line-height:1.6;background-color:#00000008;border-radius:4px}@media(max-width:600px){.step-card{padding:10px}.step-explanation{font-size:13px}.step-detail{font-size:12px}}.step-navigation{display:flex;justify-content:center;padding:12px;background-color:var(--bg-paper, #f5f0e6);border-radius:6px;border:1px solid var(--line-thin, #999)}.step-nav-buttons{display:flex;align-items:center;gap:12px}.step-nav-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:16px;color:var(--text-given, #1a1a1a);background-color:#fff;border:2px solid var(--line-thin, #999);border-radius:6px;cursor:pointer;transition:all .15s ease}.step-nav-button:hover:not(:disabled){background-color:#e8e2d5;border-color:var(--line-thick, #333)}.step-nav-button:active:not(:disabled){transform:scale(.95)}.step-nav-button:disabled{opacity:.4;cursor:not-allowed}.step-nav-info{min-width:80px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;color:var(--text-given, #1a1a1a);text-align:center}@media(max-width:600px){.step-nav-button{width:36px;height:36px;font-size:14px}.step-nav-info{font-size:13px}}.step-viewer{display:flex;flex-direction:column;gap:16px;width:100%}.step-viewer-empty{display:flex;align-items:center;justify-content:center;min-height:200px;background-color:var(--bg-paper, #f5f0e6);border:2px dashed var(--line-thin, #999);border-radius:8px}.step-viewer-empty p{font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:#666}.solve-summary{padding:16px;border-radius:8px}.solve-success{background-color:#d4f7d4;border:2px solid #228b22}.solve-failed{background-color:#f7d4d4;border:2px solid #cc3333}.summary-status{font-family:system-ui,-apple-system,sans-serif;font-size:18px;font-weight:600;margin-bottom:8px}.solve-success .summary-status{color:#228b22}.solve-failed .summary-status{color:#c33}.summary-info{display:flex;gap:20px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:#555}.summary-message{margin-top:8px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;color:#666}.techniques-used{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;background-color:#f8f8f8;border-radius:6px}.techniques-label{font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;color:#666}.techniques-list{display:flex;flex-wrap:wrap;gap:6px}.technique-tag{font-family:system-ui,-apple-system,sans-serif;font-size:12px;color:#06c;background-color:#0066cc1a;padding:4px 8px;border-radius:4px}.steps-container{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;padding-right:8px}.steps-container::-webkit-scrollbar{width:6px}.steps-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.steps-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.steps-container::-webkit-scrollbar-thumb:hover{background:#aaa}@media(max-width:600px){.solve-summary{padding:12px}.summary-status{font-size:16px}.summary-info{flex-direction:column;gap:4px}.steps-container{max-height:300px}}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--bg-paper, #f5f0e6);border:1px solid var(--line-thin, #999);border-radius:6px;transition:border-color .15s ease}.history-item:hover{border-color:var(--line-thick, #333)}.history-item-info{display:flex;flex-direction:column;gap:4px}.history-item-header{display:flex;gap:8px}.history-difficulty{font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:600;color:#06c;background-color:#0066cc1a;padding:2px 8px;border-radius:4px}.history-source{font-family:system-ui,-apple-system,sans-serif;font-size:12px;color:#666;background-color:#eee;padding:2px 6px;border-radius:4px}.history-item-meta{display:flex;gap:12px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;color:#888}.history-item-name{font-family:system-ui,-apple-system,sans-serif;font-size:13px;color:var(--text-given, #1a1a1a);margin-top:2px}.history-item-actions{display:flex;gap:8px}.history-action-button{padding:6px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.history-load{color:#fff;background-color:#06c}.history-load:hover{background-color:#05a}.history-delete{color:#c33;background-color:transparent;border:1px solid #cc3333}.history-delete:hover{color:#fff;background-color:#c33}@media(max-width:600px){.history-item{flex-direction:column;align-items:flex-start;gap:10px}.history-item-actions{width:100%}.history-action-button{flex:1}}.confirm-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background-color:var(--bg-paper);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 8px 32px #0003;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text-given);font-family:Georgia,serif}.confirm-modal-message{margin:0 0 24px;font-size:14px;line-height:1.5;color:#555}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-btn{padding:10px 20px;font-size:14px;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .15s ease;font-family:system-ui,-apple-system,sans-serif}.confirm-modal-btn-cancel{background-color:#e8e3d9;color:var(--text-given)}.confirm-modal-btn-cancel:hover{background-color:#ddd8ce}.confirm-modal-btn-confirm{background-color:#06c;color:#fff}.confirm-modal-btn-confirm:hover{background-color:#05a}.confirm-modal-btn-danger{background-color:#dc3545}.confirm-modal-btn-danger:hover{background-color:#c82333}.confirm-modal-btn-warning{background-color:#ffc107;color:#1a1a1a}.confirm-modal-btn-warning:hover{background-color:#e0a800}.confirm-modal-btn:focus{outline:2px solid #0066cc;outline-offset:2px}.confirm-modal-btn-danger:focus{outline-color:#dc3545}.history-panel{display:flex;flex-direction:column;gap:12px;width:100%}.history-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;background-color:var(--bg-paper, #f5f0e6);border:2px dashed var(--line-thin, #999);border-radius:8px}.history-panel-empty p{font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:#666;margin:0}.history-hint{font-size:12px!important;color:#999!important;margin-top:4px!important}.history-header{display:flex;justify-content:space-between;align-items:center}.history-title{font-family:system-ui,-apple-system,sans-serif;font-size:16px;font-weight:600;color:var(--text-given, #1a1a1a);margin:0}.history-clear-all{padding:6px 12px;font-family:system-ui,-apple-system,sans-serif;font-size:12px;color:#c33;background-color:transparent;border:1px solid #cc3333;border-radius:4px;cursor:pointer;transition:all .15s ease}.history-clear-all:hover{color:#fff;background-color:#c33}.history-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#aaa}@media(max-width:600px){.history-list{max-height:300px}}.play-mode-panel{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--bg-paper, #f5f0e6);border:2px solid #6f42c1;border-radius:8px}.play-mode-header{text-align:center}.play-mode-title{font-family:system-ui,-apple-system,sans-serif;font-size:20px;font-weight:600;color:#6f42c1;margin:0}.play-mode-stats{display:flex;justify-content:center;gap:24px;padding:16px;background-color:#6f42c11a;border-radius:6px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-family:system-ui,-apple-system,sans-serif;font-size:12px;color:#666}.stat-value{font-family:system-ui,-apple-system,sans-serif;font-size:24px;font-weight:600;color:#6f42c1}.play-mode-controls{display:flex;justify-content:center;gap:16px}.play-control-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;background-color:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .15s ease;min-width:80px}.play-control-button:hover:not(:disabled){border-color:#6f42c1;background-color:#6f42c10d}.play-control-button:disabled{opacity:.4;cursor:not-allowed}.control-icon{font-size:24px;color:#6f42c1}.control-label{font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;color:#333}.play-mode-hint{text-align:center;padding:12px;background-color:#f8f8f8;border-radius:6px}.play-mode-hint p{font-family:system-ui,-apple-system,sans-serif;font-size:13px;color:#666;margin:0;line-height:1.5}.play-exit-button{padding:12px 24px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;font-weight:500;color:#fff;background-color:#dc3545;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.play-exit-button:hover{background-color:#c82333}@media(max-width:600px){.play-mode-panel{padding:16px;gap:16px}.play-control-button{padding:12px 16px;min-width:70px}.control-icon{font-size:20px}}:root{--bg-paper: #f5f0e6;--bg-main: #e8e3d9;--line-thin: #999;--line-thick: #333;--text-given: #1a1a1a;--text-input: #0066cc;--highlight-cause: #d4e5f7;--highlight-effect: #d4f7d4;--highlight-error: #f7d4d4}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-given);min-height:100vh}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px;background-color:var(--bg-paper);border-bottom:2px solid var(--line-thin)}.app-header h1{margin:0;font-size:28px;font-weight:700;color:var(--text-given);font-family:Georgia,serif}.app-subtitle{margin:4px 0 0;font-size:14px;color:#666}.language-dropdown{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.language-dropdown-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-family:Georgia,serif;color:var(--text-given);background-color:#fff;border:1px solid var(--line-thin);border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:1px 1px 3px #00000014}.language-dropdown-trigger:hover{background-color:#faf8f4;border-color:var(--line-thick);box-shadow:2px 2px 4px #0000001f}.language-icon{font-size:16px}.language-current{min-width:60px}.language-arrow{font-size:10px;color:#666;transition:transform .2s ease}.language-arrow.open{transform:rotate(180deg)}.language-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;margin:0;padding:6px 0;list-style:none;background-color:#fff;border:1px solid var(--line-thin);border-radius:4px;box-shadow:2px 4px 12px #00000026;z-index:100}.language-dropdown-menu li{margin:0}.language-option{display:block;width:100%;padding:10px 16px;font-size:14px;font-family:Georgia,serif;color:var(--text-given);background:none;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease}.language-option:hover{background-color:var(--bg-main)}.language-option.active{color:var(--text-input);font-weight:600;background-color:var(--highlight-cause)}.app-main{flex:1;padding:20px}.app-layout{display:flex;gap:30px;max-width:1100px;margin:0 auto}.app-left{display:flex;flex-direction:column;gap:20px;flex-shrink:0;flex:1;max-width:480px}.controls-section{display:flex;flex-direction:column;gap:16px;width:100%;max-width:500px}.app-right{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.tabs{display:flex;gap:8px;border-bottom:2px solid var(--line-thin);padding-bottom:8px}.tab{padding:10px 20px;font-size:14px;font-weight:500;color:#666;background:none;border:none;border-radius:6px 6px 0 0;cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--text-given);background-color:#0000000d}.tab-active{color:#06c;background-color:var(--bg-paper);border:2px solid var(--line-thin);border-bottom:2px solid var(--bg-paper);margin-bottom:-2px}.tab-content{flex:1;min-height:400px}.play-mode-prompt{margin-top:16px;padding:16px;background-color:#6f42c11a;border:2px dashed #6f42c1;border-radius:8px;text-align:center}.start-play-button{padding:14px 32px;font-family:system-ui,-apple-system,sans-serif;font-size:16px;font-weight:600;color:#fff;background-color:#6f42c1;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.start-play-button:hover{background-color:#5a32a3;transform:translateY(-1px);box-shadow:0 4px 12px #6f42c14d}.app-footer{text-align:center;padding:20px 16px;background-color:var(--bg-paper);border-top:2px solid var(--line-thin)}.app-footer p{margin:0;font-size:12px;color:#666;font-family:Georgia,serif}.app-footer .footer-author{font-size:13px;color:var(--text-given);margin-bottom:4px}.app-footer .footer-tagline{font-style:italic;color:#888}@media(max-width:900px){.app-layout{flex-direction:column;align-items:center}.app-left{width:100%;align-items:center}.app-right{width:100%}.controls-section{max-width:100%}}@media(max-width:600px){.app-header{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px}.app-header h1{font-size:20px;margin:0;order:-1}.app-subtitle{display:none}.language-dropdown{position:static;transform:none;flex-shrink:0;order:1}.language-dropdown-trigger{padding:6px 8px;font-size:12px;gap:4px}.language-icon{font-size:14px}.language-current{min-width:auto}.language-dropdown-menu{right:0;min-width:120px}.language-option{padding:8px 12px;font-size:13px}.app-main{padding:12px}.app-layout{gap:20px}.tabs{gap:4px}.tab{padding:8px 16px;font-size:13px}.tab-content{min-height:300px}}