.su-page{--sd-bg: #e3f2fd;--sd-correct: #c8e6c9;--sd-wrong: #ffcdd2;--sd-selected: #bbdefb;--sd-highlight: #e3f2fd;--sd-hint: #ffccbc;--sd-cell-bg: #fff;--sd-cell-border: #bbb;--sd-cell-border-thick: #333;--sd-text: #333;--sd-text-secondary: #666;--sd-text-muted: #999;--sd-btn-bg: #f5f5f5;--sd-btn-hover: #e0e0e0;--sd-btn-primary: #4caf50;--sd-btn-primary-hover: #388e3c;--sd-complete-bg: #e8f5e9;--sd-complete-border: #a5d6a7;--sd-complete-text: #2e7d32;--sd-complete-detail: #558b2f;--sd-conflict: #e74c3c;--sd-accent: #e67e22;padding:100px 20px 60px;background:linear-gradient(180deg,var(--bg-primary) 0%,hsla(var(--primary-h),35%,95%,1) 100%);min-height:100vh}.su-container{max-width:900px;margin:0 auto}.su-container h1{font-size:1.8rem;font-weight:500;color:var(--text-primary);text-align:center;margin-bottom:6px}.su-subhead{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-bottom:28px}.su-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-bottom:20px}.su-difficulty{display:flex;gap:4px;flex-wrap:wrap}.su-diff-btn{padding:6px 14px;border:1px solid var(--border-light);background:var(--bg-white);border-radius:6px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.su-diff-btn:hover{border-color:var(--primary);color:var(--primary)}.su-diff-btn.active{background:var(--primary);color:var(--sd-cell-bg);border-color:var(--primary)}.su-btn{padding:6px 14px;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.su-btn-primary{background:var(--primary);color:var(--sd-cell-bg)}.su-btn-primary:hover{background:var(--primary-dark)}.su-btn-secondary{background:var(--bg-white);border:1px solid var(--border-light);color:var(--text-secondary)}.su-btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.su-game-area{display:flex;gap:20px;align-items:flex-start;justify-content:center}.su-board-wrap{flex-shrink:0}.su-board{display:grid;grid-template-columns:repeat(9,1fr);width:450px;height:450px;background:var(--sd-cell-bg);border-radius:4px;overflow:hidden}.su-cell{display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:500;color:var(--text-primary);cursor:pointer;border:.5px solid var(--border-light);transition:background .15s;user-select:none;position:relative;background:var(--bg-white, var(--sd-cell-bg))}.su-cell:hover{background:var(--primary-alpha-08)}.su-cell.su-border-top{border-top:2px solid var(--text-primary)}.su-cell.su-border-left{border-left:2px solid var(--text-primary)}.su-cell.su-border-bottom{border-bottom:2px solid var(--text-primary)}.su-cell.su-border-right{border-right:2px solid var(--text-primary)}.su-cell-fixed{font-weight:700;color:var(--text-primary)}.su-cell-user{color:var(--primary);font-weight:600}.su-cell-selected{background:var(--primary-alpha-20)!important}.su-cell-highlight{background:var(--sd-highlight)}.su-cell-same-num{background:var(--sd-correct)}.su-cell-conflict{color:var(--sd-conflict)!important;background:var(--sd-wrong)!important}.su-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.su-info{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 12px;text-align:center}.su-timer{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);margin-bottom:4px}.su-level-name{font-size:.85rem;font-weight:600;color:var(--primary);margin-bottom:6px}.su-score{font-size:1.1rem;font-weight:700;color:var(--accent, var(--sd-accent));margin-bottom:6px}.su-stats{display:flex;justify-content:center;gap:10px;font-size:.75rem;color:var(--text-secondary)}.su-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.su-num-btn{padding:11px 0;border:1px solid var(--border-light);background:var(--bg-white);border-radius:8px;font-size:1.05rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .15s}.su-num-btn:hover{background:var(--sd-highlight);border-color:var(--primary)}.su-num-btn:active{background:var(--sd-selected)}.su-num-complete{opacity:.3;pointer-events:none}.su-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.su-actions .su-btn{text-align:center;padding:8px 6px;font-size:.78rem}.su-complete{padding:14px;background:var(--sd-complete-bg);border:1px solid var(--sd-complete-border);border-radius:var(--radius-md);text-align:center;font-size:1rem;font-weight:600;color:var(--sd-complete-text)}.su-complete-score{font-size:1.15rem;font-weight:700;color:var(--sd-complete-text);margin-bottom:4px}.su-complete-detail{font-size:.75rem;font-weight:400;color:var(--sd-complete-detail);line-height:1.5}.su-info-section{margin-top:40px;padding:28px;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.su-info-section h2{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.su-info-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:24px 0 10px}.su-info-section p{font-size:.88rem;color:var(--text-secondary);line-height:1.8;margin-bottom:10px}.su-diff-table{border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;margin:10px 0}.su-diff-row{display:flex;padding:8px 14px;font-size:.82rem;color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.su-diff-row:last-child{border-bottom:none}.su-diff-row.header{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.su-diff-row span{flex:1}@media(max-width:780px){.su-game-area{flex-direction:column;align-items:center}.su-board{width:340px;height:340px}.su-cell{font-size:.95rem}.su-sidebar{width:100%;max-width:340px;flex-direction:row;flex-wrap:wrap;gap:8px}.su-info{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.su-timer{font-size:1.2rem;margin-bottom:0}.su-level-name{margin-bottom:0}.su-stats{gap:8px}.su-numpad{flex:1 1 55%;min-width:160px}.su-actions{flex:1 1 40%;min-width:140px}.su-complete{flex:1 1 100%}.su-controls{flex-direction:column;align-items:center}}@media(max-width:400px){.su-board{width:290px;height:290px}.su-cell{font-size:.85rem}.su-numpad,.su-actions{flex:1 1 100%}}