.sud{max-width:920px;margin:10px auto 40px;padding:0 24px}.sud-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:22px;flex-wrap:wrap}.sud-tab{font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.03em;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:99px;padding:9px 18px;cursor:pointer;transition:all .15s}.sud-tab:hover{color:var(--text-primary)}.sud-tab.active{color:#fff;border-color:transparent}.sud-game{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:26px;align-items:start}@media (max-width:760px){.sud-game{grid-template-columns:1fr}}.sud-left{display:flex;flex-direction:column;align-items:center}.sud-board{display:grid;grid-template-columns:repeat(9,1fr);width:min(90vw,432px);aspect-ratio:1;margin:0 auto;border:2.5px solid rgba(255,255,255,.55);border-radius:4px;overflow:hidden;touch-action:manipulation}.sud-cell{display:flex;align-items:center;justify-content:center;font-size:clamp(15px,4.6vw,22px);font-weight:600;color:#60a5fa;background:#ffffff07;border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;user-select:none}.sud-cell.br{border-right:2.5px solid rgba(255,255,255,.4)}.sud-cell.bb{border-bottom:2.5px solid rgba(255,255,255,.4)}.sud-cell.given{color:var(--text-primary);font-weight:800;cursor:default}.sud-cell.peer{background:#ffffff0f}.sud-cell.same{background:#60a5fa2e}.sud-cell.sel{background:#60a5fa57;box-shadow:inset 0 0 0 2px #60a5fa}.sud-cell.conflict{color:#f87171!important}.sud-cell.wrong{background:#ef44443d}.sud-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:min(90vw,432px);margin:14px auto 0}.sud-key{font-family:inherit;font-size:18px;font-weight:700;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:12px 0;cursor:pointer;transition:border-color .15s}.sud-key:hover{border-color:var(--blue)}.sud-key.erase{font-size:15px;color:var(--text-secondary)}.sud-panel{display:flex;flex-direction:column;gap:14px}.sud-head{font-weight:800;font-size:17px;letter-spacing:-.01em}.sud-head .sud-n{color:var(--blue)}.sud-hint{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.sud-actions{display:flex;flex-wrap:wrap;gap:8px}.sud-btn{font-family:inherit;font-size:13px;font-weight:600;color:var(--text-primary);background:#ffffff0b;border:1px solid var(--border);border-radius:9px;padding:9px 13px;cursor:pointer;transition:border-color .15s}.sud-btn:hover{border-color:var(--blue)}.sud-msg{font-size:14px;font-weight:700;min-height:20px}.sud-msg.ok{color:#34d399}.sud-msg.err{color:#f87171}.sud-dato{position:relative;background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:18px;overflow:hidden}.sud-dato-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:700;display:flex;align-items:center;gap:8px}.sud-diamond{width:7px;height:7px;background:var(--blue);transform:rotate(45deg);display:inline-block}.sud-dato p{font-size:15.5px;line-height:1.55;margin:10px 0 0;color:var(--text-primary);font-weight:500}.sud-dato.locked p{filter:blur(7px);opacity:.5;user-select:none}.sud-veil{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#1f2937d1;text-align:center;padding:12px;color:var(--text-secondary);font-size:13px;transition:opacity .5s}.sud-veil .big{font-size:15px;color:var(--text-primary);font-weight:700}.sud-dato:not(.locked) .sud-veil{opacity:0;pointer-events:none}.sud-dato:not(.locked) p{animation:sud-bloom .6s ease}@keyframes sud-bloom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sud-dato:not(.locked) p{animation:none}}.sud-cta{margin:34px auto 0;max-width:620px;text-align:center;padding:26px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,#3b82f614,#8b5cf60d)}.sud-cta p{color:var(--text-secondary);font-size:15px;margin:0 0 14px}.sud-cta b{color:var(--text-primary);font-weight:700}.sud-cta-link{display:inline-block;font-weight:700;font-size:14px;color:#fff;background:#2563eb;text-decoration:none;padding:12px 22px;border-radius:12px;transition:transform .15s,filter .15s}.sud-cta-link:hover{transform:translateY(-2px);filter:brightness(1.1)}