/* Puzzle Deslizante v1.2.0 */
#pd-wrap{font-family:'Segoe UI',Arial,sans-serif;background:#0f172a;color:#e2e8f0;min-height:70vh;box-sizing:border-box;user-select:none;padding:16px}
#pd-setup{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pd-title{font-size:2rem;font-weight:800;color:#818cf8;text-align:center;margin-bottom:24px;text-shadow:0 0 20px rgba(129,140,248,.4)}
.pd-setup-box{display:flex;flex-direction:column;align-items:center;gap:14px}
.pd-label{color:#94a3b8;font-size:.82rem;margin:0;text-transform:uppercase;letter-spacing:.1em}
.pd-theme-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:500px}
.pd-size-row{display:flex;gap:10px}
.pd-theme-btn{padding:8px 12px;background:#1e293b;border:2px solid #334155;border-radius:10px;color:#94a3b8;font-size:.85rem;font-weight:700;cursor:pointer}
.pd-theme-btn.pd-theme-active,.pd-theme-btn:hover{border-color:#818cf8;color:#818cf8;background:#1e1b4b}
.pd-size-btn{padding:10px 14px;background:#1e293b;border:2px solid #334155;border-radius:10px;color:#94a3b8;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:68px}
.pd-size-btn span{font-size:.7rem;font-weight:400;color:#64748b}
.pd-size-btn.pd-size-active,.pd-size-btn:hover{border-color:#818cf8;color:#818cf8;background:#1e1b4b}
.pd-btn{border:none;border-radius:10px;padding:10px 22px;font-size:1rem;font-weight:700;cursor:pointer;transition:filter .15s}
.pd-btn:hover{filter:brightness(1.15)}
.pd-btn-primary{background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;padding:12px 36px;font-size:1.05rem}
.pd-btn-secondary{background:#1e293b;border:1px solid #334155;color:#94a3b8}
.pd-btn-sm{padding:6px 12px;font-size:.9rem;background:#1e293b;border:1px solid #334155;color:#94a3b8}
.pd-hud{display:flex;align-items:center;gap:10px;padding:8px 0 12px;color:#94a3b8;font-size:1rem;flex-wrap:wrap;justify-content:center}
.pd-hud-item{display:flex;align-items:center;gap:4px;font-weight:600}
.pd-thumb{border-radius:6px;border:2px solid #334155;flex-shrink:0}
#pd-game{display:flex;flex-direction:column;align-items:center}
#pd-board{display:grid;gap:5px;width:100%;max-width:420px}
.pd-tile-num{background:linear-gradient(135deg,#1e3a5f,#1e40af);border:2px solid #2563eb;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#93c5fd;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.pd-tile-num:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8);transform:scale(1.05);box-shadow:0 4px 16px rgba(99,102,241,.4)}
.pd-tile-num:active{transform:scale(.96)}
.pd-tile-img{border-radius:6px;cursor:pointer;transition:transform .12s,box-shadow .12s;background-repeat:no-repeat;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.pd-tile-img:hover{transform:scale(1.04);box-shadow:0 4px 16px rgba(99,102,241,.5)}
.pd-tile-img:active{transform:scale(.96)}
.pd-empty{background:#080f1e !important;border:2px dashed #1e293b !important;cursor:default !important;box-shadow:none !important;transform:none !important}
#pd-win{position:fixed;inset:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;z-index:9999}
.pd-win-box{background:#0b1e38;border:2px solid #f1c40f;border-radius:18px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:360px;width:90%;box-shadow:0 0 40px rgba(241,196,15,.3)}
.pd-win-icon{font-size:4rem}
.pd-win-title{font-size:1.8rem;font-weight:800;color:#f1c40f}
.pd-win-stats{color:#7fb3d3;font-size:1rem}
.pd-win-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}