:root{--bg:#f8fafc;--panel:#fff;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--accent-text:#fff;--danger:#dc2626;--ok:#16a34a}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--panel:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--border:#334155;--accent:#3b82f6;--accent-text:#fff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{min-height:100vh}button{cursor:pointer;font-family:inherit}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 14px;font-size:14px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn.ghost{background:0 0;border-color:#0000}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.mode-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.home{max-width:900px;margin:0 auto;padding:24px 16px 60px}.home h1{margin-bottom:4px;font-size:28px}.home .subtitle{color:var(--muted);margin-bottom:24px}.home-section{margin-bottom:28px}.home-section h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px;font-size:16px}.puzzle-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.puzzle-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.puzzle-card .name{font-weight:600}.puzzle-card .meta{color:var(--muted);font-size:12px}.puzzle-card .card-actions{gap:6px;margin-top:4px;display:flex}.icon-btn{justify-content:center;align-items:center;padding:8px;line-height:0;display:inline-flex}.icon-btn svg{width:18px;height:18px;display:block}.icon-btn.copied{color:var(--ok);border-color:var(--ok)}.icon-btn.danger-action{color:var(--danger);border-color:var(--danger)}.icon-btn.danger-action:hover{background:var(--danger);color:#fff}.code-input-row{gap:8px;display:flex}.code-input-row input{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font-size:14px}.player{max-width:1000px;margin:0 auto;padding:12px 12px 40px}.player-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.puzzle-title{flex:1;margin:0;font-size:18px}.timer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:16px}.player-body{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.grid-wrap{flex:300px;max-width:560px}.sudoku-grid{-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;width:100%;height:auto;display:block}.side-panel{flex-direction:column;flex:260px;gap:14px;min-width:240px;display:flex}.mode-row{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.number-pad{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.num-btn{border-radius:8px;padding:14px 0;font-size:18px}.del-btn{grid-column:span 3;padding:10px 0;font-size:14px}.digit-tracker{grid-template-columns:repeat(9,1fr);gap:4px;display:grid}.digit-chip{font-variant-numeric:tabular-nums;border-radius:6px;padding:8px 0;font-size:15px}.digit-chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.digit-chip.done{color:var(--muted);opacity:.55;cursor:default;text-decoration:line-through}.digit-chip.done:hover{border-color:var(--border)}.action-row{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.status-line{min-height:20px;font-size:14px}.status-line.ok{color:var(--ok);font-weight:600}.status-line.error{color:var(--danger);font-weight:600}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:14px;max-width:320px;padding:32px 36px;box-shadow:0 20px 50px #00000059}.modal-emoji{margin-bottom:6px;font-size:42px}.modal-card h2{color:var(--text);margin:0 0 8px;font-size:22px}.modal-card p{color:var(--muted);margin:0 0 20px;font-size:16px}.modal-card .modal-message{color:var(--text);margin:0 0 20px;font-size:15px;line-height:1.4}.modal-actions{justify-content:center;gap:8px;display:flex}.modal-actions .btn{flex:1}.editor{max-width:1100px;margin:0 auto;padding:12px 12px 60px}.editor-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.editor-header input[type=text]{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;flex:1;min-width:160px;padding:6px 10px;font-size:16px}.editor-body{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.tool-panel{flex-direction:column;flex:280px;gap:10px;min-width:260px;display:flex}.tool-group{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px}.tool-group h3,.tracker-group h3{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px;font-size:13px}.hint-text{color:var(--muted);font-size:12px;line-height:1.4}.validate-result{border-radius:8px;margin-top:4px;padding:8px;font-size:13px}.validate-result.unique{color:#166534;background:#dcfce7}.validate-result.none{color:#991b1b;background:#fee2e2}.validate-result.multiple{color:#92400e;background:#fef3c7}.validate-result.timeout{color:#3730a3;background:#e0e7ff}.share-box{gap:6px;display:flex}.share-box input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;padding:6px 8px;font-size:12px}@media (width<=640px){.player-body,.editor-body{flex-direction:column}.grid-wrap{max-width:100%}}