.su-page{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:#fff;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:#fff}.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;border-radius:4px;overflow:hidden;background:#fff}.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, #fff)}.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:#e3f2fd}.su-cell-same-num{background:#c8e6c9}.su-cell-conflict{color:#e74c3c!important;background:#ffcdd2!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, #e67e22);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:#e3f2fd;border-color:var(--primary)}.su-num-btn:active{background:#bbdefb}.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:#e8f5e9;border:1px solid #a5d6a7;border-radius:var(--radius-md);text-align:center;font-size:1rem;font-weight:600;color:#2e7d32}.su-complete-score{font-size:1.15rem;font-weight:700;color:#2e7d32;margin-bottom:4px}.su-complete-detail{font-size:.75rem;font-weight:400;color:#558b2f;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%}}