/* Estilos NUEVOS exclusivamente en componentes Vushiss Puzzles. */
#vp-ux-toast{position:fixed;z-index:999999;left:50%;bottom:24px;transform:translate(-50%,26px);opacity:0;pointer-events:none;max-width:min(92vw,480px);padding:14px 22px;background:#392940;color:#fff;border:1px solid #e2c3d9;border-radius:16px;box-shadow:0 12px 35px #29202f3d;text-align:center;font:600 14px/1.5 system-ui,-apple-system,sans-serif;transition:opacity .28s,transform .28s}
#vp-ux-toast.vp-toast-visible{opacity:1;transform:translate(-50%,0)}
#vushiss-puzzle-board{isolation:isolate}
#vushiss-puzzle-board .vushiss-piece{transition:box-shadow .2s ease,transform .2s ease,filter .25s ease,opacity .25s ease!important;will-change:transform}
#vushiss-puzzle-board .vushiss-piece.selected{transform:scale(.965)!important;z-index:3;box-shadow:0 0 24px #e99abda6,0 8px 30px #aa85d269!important;outline:3px solid #d587b7!important}
#vushiss-puzzle-board .vushiss-piece:focus-visible{outline:3px solid #9c63a3!important;outline-offset:-3px}
#vushiss-puzzle-board.vp-piece-swapped .vushiss-piece{animation:vp-swap-glow .22s ease}
@keyframes vp-swap-glow{0%{filter:brightness(1.05)}50%{filter:brightness(1.17)}100%{filter:brightness(1)}}
#vushiss-puzzle-success.vp-completed{position:relative;overflow:hidden;max-width:600px;padding:32px 20px!important;border:1px solid #ebd2e2!important;background:radial-gradient(circle at 50% -10%,#fcebf5,#fff 76%)!important;box-shadow:0 10px 45px #ad75a929!important;border-radius:24px!important;animation:vp-arrive .55s ease both}
#vushiss-puzzle-success .vp-success-icon{font-size:36px;display:block;margin-bottom:10px;line-height:1;color:#bf629f}
#vushiss-puzzle-success .vp-victory-title{display:block;font:700 clamp(24px,4.4vw,31px)/1.2 Georgia,serif;letter-spacing:-.02em;color:#663b66}
#vushiss-puzzle-success .vp-victory-time{display:block;margin:12px 0;color:#765879;font-size:19px;font-weight:700}
#vushiss-puzzle-success .vp-message{max-width:480px;margin:18px auto;padding:22px;border:1px solid #eed9e7;background:#ffffffde;border-radius:17px;font-size:16px;font-weight:500;line-height:1.65;font-family:inherit;color:#77516a;white-space:pre-line;overflow-wrap:anywhere}
#vushiss-puzzle-success .vp-message .vp-message-label{display:block;margin-bottom:7px;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#ae6f9a}
#vushiss-puzzle-success .vp-record{display:inline-block;margin:6px 0 12px;padding:8px 13px;background:#fff3d5;color:#765227;border-radius:999px;font-weight:750;font-size:14px;animation:vp-arrive .55s .2s ease backwards}
#vushiss-puzzle-success .vp-share-btn{width:auto;padding:11px 18px;margin:9px auto 0;border:0;border-radius:12px;background:linear-gradient(110deg,#a773ba,#cf7db5);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 17px #a772b53d;transition:transform .2s,filter .2s}
#vushiss-puzzle-success .vp-share-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
.vp-victory-particle{position:absolute;top:-20px;width:9px;height:11px;border-radius:3px;pointer-events:none;animation:vp-confetti 1.7s ease-in both}
@keyframes vp-confetti{to{transform:translate(var(--vp-shift),430px) rotate(590deg);opacity:0}}
@keyframes vp-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.vp-puzzle-options{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:10px auto 0;max-width:610px}
.vp-puzzle-options button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border:1px solid #e8d8e6!important;border-radius:999px;background:#fff9fc!important;color:#895c86!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important;font-family:inherit!important;cursor:pointer;box-shadow:0 3px 15px #e4c6d823;transition:background .2s,transform .2s}
.vp-puzzle-options button:hover{background:#f8eafa!important;transform:translateY(-1px)}
.vp-puzzle-preview-cover{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;background:#fbeff7}
.vp-puzzle-preview-cover img{display:block;width:100%;height:100%;object-fit:fill}
.vp-puzzle-preview-cover span{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#34283bcc;color:#fff;border-radius:99px;padding:9px 15px;font-size:15px;font-weight:700;white-space:nowrap}
#vushiss-puzzle-board.vp-board-finished{display:none!important}
#vushiss-puzzle-board.vp-no-animation .vushiss-piece{transition:none!important;animation:none!important}
.vp-message-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:#1f1724a9;padding:18px}
.vp-message-modal-panel{width:min(95vw,540px);box-sizing:border-box;padding:26px;border-radius:22px;background:linear-gradient(155deg,#fff,#fff6fa);border:1px solid #efd2e6;box-shadow:0 30px 80px #1d102450;font-family:inherit}
.vp-message-modal-title{font:700 22px/1.3 Georgia,serif;color:#6b406b}
.vp-message-modal-panel p{font-size:14px;font-weight:400;line-height:1.55;font-family:inherit;color:#725e74}
.vp-message-modal-panel textarea{display:block;box-sizing:border-box;width:100%;min-height:130px;padding:13px 15px;margin:14px 0;border:1px solid #d9bdd3;border-radius:11px;background:#fff;font-size:15px;font-weight:400;line-height:1.5;font-family:inherit;color:#49364f;resize:vertical}
.vp-message-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:12px}
.vp-message-actions button,.vp-edit-message-btn{border:1px solid #dfc9dc;border-radius:10px;padding:7px 13px;background:#fff;color:#734877;font-size:13px;font-weight:700;cursor:pointer}
.vp-message-actions .vp-message-save{background:#a66aac;color:#fff;border-color:#a66aac}
.vp-message-feedback{font-size:13px;color:#b43b4c}
@media(prefers-reduced-motion:reduce){#vushiss-puzzle-success.vp-completed,.vp-victory-particle,#vp-ux-toast,#vushiss-puzzle-board .vushiss-piece{transition:none!important;animation:none!important}}
@media(max-width:650px){#vushiss-puzzle-success.vp-completed{padding:22px 13px!important}.vp-message-modal-panel{padding:18px}.vp-puzzle-options{padding:0 10px}}

.vp-completion-create-field textarea{box-sizing:border-box;width:100%;min-height:92px;padding:13px 15px;border:1px solid #ecd7e4;border-radius:12px;background:#fff;color:#563d52;font:inherit;resize:vertical}
.vp-completion-create-field small{display:block;margin-top:7px;color:#8b7084;font-size:12px}
#vushiss-my-puzzles-table .vp-edit-message-btn{padding:7px 12px!important;white-space:nowrap;background:#fff5fb!important;color:#8a5387!important;border:1px solid #ebcfe1!important;border-radius:9px!important}
#vushiss-puzzle-board{box-shadow:0 10px 32px #b8a0c92b!important}
.vushiss-form-card:has(#vushiss-puzzle-create-form),#vushiss-puzzle-ranking,.vushiss-puzzle-card{box-shadow:0 10px 36px #ba9ab01a!important}
#vushiss-puzzle-success .vushiss-success-actions{gap:11px}
#vushiss-puzzle-success .vushiss-exit-btn,#vushiss-puzzle-success .vushiss-replay-btn{transition:transform .2s ease,box-shadow .2s ease}

.vp-message-preview-toggle,.vp-preview-create-setting{display:flex;align-items:flex-start;gap:8px;margin:11px 0 17px;font-size:13px;color:#77596c;font-weight:600;line-height:1.5}
.vp-message-preview-toggle input,.vp-preview-create-setting input{accent-color:#af6aa4;flex-shrink:0;margin-top:4px}

.vp-puzzles-animations-off #vushiss-puzzle-success,.vp-puzzles-animations-off .vp-victory-particle,.vp-puzzles-animations-off .vp-puzzle-options button,.vp-puzzles-animations-off #vushiss-puzzle-board .vushiss-piece{animation:none!important;transition:none!important}
.vp-puzzles-animations-off .vp-puzzle-options button:hover,.vp-puzzles-animations-off #vushiss-puzzle-success .vp-share-btn:hover{transform:none!important}
.vp-puzzle-options button:disabled,#vushiss-puzzle-success .vp-share-btn:disabled{opacity:.65;cursor:wait}

/* Cronómetro premium - sólo en la pantalla de resolver puzzles. */
#vushiss-cronometro.vp-game-clock {
    position:relative; box-sizing:border-box; align-items:center; justify-content:center;
    gap:12px; width:fit-content; max-width:calc(100% - 24px); min-width:290px;
    margin:18px auto 16px!important; padding:13px 17px!important;
    border:1px solid #e8cfdf!important; border-radius:20px!important;
    background:linear-gradient(135deg,#fff 0%,#fff7fc 54%,#f8ecfb 100%)!important;
    box-shadow:0 10px 32px rgba(124,65,117,.11),inset 0 1px 0 #fff!important;
    color:#693b71!important; font-family:inherit!important; letter-spacing:normal;
}
#vushiss-cronometro .vp-game-clock-icon {
    display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;
    width:44px;height:44px;border:1px solid #e7c8e4;border-radius:14px;
    background:linear-gradient(135deg,#f4d8ec,#f1e6fb);color:#945b96;
    box-shadow:inset 0 1px 1px #fff9;
}
#vushiss-cronometro .vp-game-clock-icon svg{width:24px;height:24px;display:block}
#vushiss-cronometro .vp-game-clock-body{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:99px}
#vushiss-cronometro .vp-game-clock-label{display:block;white-space:nowrap;color:#956f93;font-size:9px;font-weight:800;line-height:1.45;letter-spacing:.10em}
#vushiss-cronometro .vp-game-clock-digits{display:block;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace!important;font-size:28px!important;font-weight:800;line-height:1.05;letter-spacing:.025em;font-variant-numeric:tabular-nums;color:#6a3c71}
#vushiss-cronometro .vp-game-clock-status{display:inline-flex;align-items:center;gap:6px;align-self:center;white-space:nowrap;font-family:inherit;font-size:9px;font-weight:850;line-height:1.5;letter-spacing:.065em;color:#9b5a86;background:#f9eaf4;border:1px solid #efd4e3;border-radius:999px;padding:6px 9px}
#vushiss-cronometro .vp-game-clock-dot{display:block;width:6px;height:6px;flex:0 0 6px;background:#c16a9b;border-radius:50%}
#vushiss-cronometro.vp-clock-running .vp-game-clock-dot{animation:vp-clock-pulse 1.8s ease-in-out infinite}
#vushiss-cronometro.vp-clock-finished .vp-game-clock-status{opacity:.65}
@keyframes vp-clock-pulse{0%,100%{box-shadow:0 0 0 0 rgba(193,106,155,.35)}50%{box-shadow:0 0 0 5px rgba(193,106,155,0)}}
@media(max-width:380px){
    #vushiss-cronometro.vp-game-clock{min-width:0;gap:9px;padding:11px!important}
    #vushiss-cronometro .vp-game-clock-icon{width:37px;height:37px;flex-basis:37px}
    #vushiss-cronometro .vp-game-clock-digits{font-size:23px!important}
    #vushiss-cronometro .vp-game-clock-status{font-size:8px;padding:5px 6px}
}
@media(prefers-reduced-motion:reduce){#vushiss-cronometro .vp-game-clock-dot{animation:none!important}}

.vp-preview-create-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-6px 0 18px}
.vp-preview-create-options label,.vp-message-select-wrap span{display:block;font-size:13px;font-weight:700;color:#77596c;margin:0 0 6px}
.vp-preview-create-options select,.vp-message-select-wrap select{width:100%;min-height:42px;border:1px solid #e3d2e3;border-radius:12px;background:#fff;padding:0 12px;color:#4c3650;font-size:14px;box-shadow:0 1px 6px rgba(121,77,102,.07)}
.vp-message-select-wrap{display:block;margin:0 0 14px}
#vp-temporary-preview.vp-preview-depleted{opacity:.62;cursor:not-allowed;filter:saturate(.65)}
@media (max-width:640px){.vp-preview-create-options{grid-template-columns:1fr}}