:root{--primary-color:#8a1538;--accent-color:#25d366;--bg-overlay:#0f172ad9;--glass-bg:#ffffff14;--glass-border:#ffffff26;--text-primary:#fff;--text-secondary:#94a3b8}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{color:var(--text-primary);background-image:url(/assets/fondo-movil-CRhEY0ao.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;height:100vh;display:flex;overflow:hidden}.app-container{background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);flex-direction:column;width:100%;max-width:1200px;height:100vh;display:flex;overflow:hidden}.album-section{perspective:1000px;border-bottom:1px solid var(--glass-border);flex:1;justify-content:center;align-items:center;padding:20px 10px;display:flex}.book-container{justify-content:center;align-items:center;width:100%;height:100%;max-height:350px;display:flex}.page{color:#1e293b;background-color:#f8fafc;border:1px solid #cbd5e1;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0000001a,2px 0 5px #0003}.page-cover{color:#fff;text-align:center;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:2px solid #334155;justify-content:center;align-items:center;display:flex}.page-cover h1{color:#e2e8f0;margin-bottom:10px;font-size:1.5rem}.page-cover p{color:#94a3b8;font-size:.9rem}.page-content{flex-direction:column;height:100%;padding:15px;display:flex}.page-content h2{text-align:center;color:#334155;border-bottom:2px solid #cbd5e1;margin-bottom:15px;padding-bottom:5px;font-size:1.1rem}.stickers-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sticker-slot{color:#1d4ed8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#3b82f633;border:2px dashed #94a3b8;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:flex;overflow:hidden}.sticker-slot.drag-over{background:#10b98166;border-color:#10b981;transform:scale(1.02)}.pasted-sticker-img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 5px #0000004d);width:100%;height:100%}.sticker-slot:hover{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6}.sticker-slot.active{border-color:var(--primary-color);color:var(--primary-color);background-color:#8a15381a;border-style:solid;transform:scale(1.05);box-shadow:0 0 10px #8a15384d}.info-section{background:var(--glass-bg);border-top:1px solid var(--glass-border);flex:1;padding:20px;overflow-y:auto}#placeholder-text{text-align:center;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;padding:20px;font-size:1.1rem;display:flex}.hidden{display:none!important}.selected-card-preview{background:linear-gradient(135deg,#334155,#1e293b);border:3px solid #f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:190px;transition:transform .3s;display:flex;transform:rotate(-2deg);box-shadow:0 10px 25px #00000080;margin:0!important}.selected-card-preview:hover{transform:rotate(0)scale(1.05)}.card-name-large{color:#f8fafc;font-size:1.8rem;font-weight:800}.details-top-row{border-bottom:1px solid var(--glass-border);gap:20px;margin-bottom:25px;padding-bottom:25px;transition:justify-content .3s;display:flex}.action-section{flex-direction:column;flex-grow:1;justify-content:center;gap:12px;display:flex}.action-title{color:var(--text-secondary);letter-spacing:.5px;margin:0 0 5px;font-size:.8rem;font-weight:600}.action-btn{cursor:pointer;text-align:left;border:none;border-radius:12px;align-items:center;gap:15px;padding:14px 18px;transition:transform .2s,box-shadow .2s,filter .2s;display:flex}.btn-text{flex-direction:column;display:flex}.btn-text span{opacity:.8;font-size:.75rem}.sticker-header{text-align:center;margin-bottom:20px}.sticker-header h3{color:var(--text-secondary);letter-spacing:1px;margin-bottom:15px;font-size:.9rem;font-weight:600}.filter-pills{justify-content:center;gap:10px;display:flex}.filter-pill{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;appearance:none;background:#ffffff1a;border-radius:20px;outline:none;padding:8px 12px;font-size:.9rem;transition:all .2s}.filter-pill:hover:not(:disabled){border-color:var(--primary-color);background:#fff3}.filter-pill:disabled{opacity:.5;cursor:not-allowed}.filter-pill option{color:#fff;background:#1e293b}.users-list{flex-direction:column;gap:12px;display:flex}.user-item{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 15px;transition:background .3s;display:flex}.user-item:hover{background:#ffffff1a}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.user-name{font-size:1rem;font-weight:500}.whatsapp-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #25d36666}.whatsapp-btn:active{transform:translateY(0)}.editor-controls{z-index:2500;background:#0009;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;top:75px;right:10px}.editor-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:6px 12px;font-weight:700}.editor-btn:hover{background-color:#2563eb}#editor-status{color:#fca5a5;font-size:.9rem;font-weight:700}.edit-overlay{z-index:100;cursor:crosshair;width:100%;height:100%;position:absolute;top:0;left:0}.draw-rect{z-index:1000;cursor:grab;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 131'%3E%3Crect width='100' height='131' fill='rgba(255,255,255,0.75)' stroke='none'/%3E%3Crect x='5' y='5' width='90' height='90' fill='rgba(226,232,240,0.8)'/%3E%3Ccircle cx='50' cy='50' r='30' fill='rgba(148,163,184,0.8)'/%3E%3Ctext x='50' y='115' font-family='Arial' font-size='14' font-weight='bold' text-anchor='middle' fill='%23111111'%3EJUGADOR%3C/text%3E%3Crect x='5' y='103' width='20' height='15' fill='rgba(239,68,68,0.8)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;border:1px solid #ef4444;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;box-shadow:0 4px 12px #0000004d}.resizer{z-index:1010;position:absolute}.resizer.right{cursor:e-resize;width:10px;height:100%;top:0;right:-5px}.resizer.bottom{cursor:s-resize;width:100%;height:10px;bottom:-5px;left:0}.resizer.se{cursor:se-resize;background-color:#3b82f6;border:2px solid #fff;border-radius:50%;width:14px;height:14px;bottom:-6px;right:-6px}.rotate-line{pointer-events:none;background-color:#ef4444;width:2px;height:25px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.rotate-handle{cursor:grab;background-color:#fff;border:3px solid #ef4444;border-radius:50%;width:16px;height:16px;position:absolute;top:-33px;left:50%;transform:translate(-50%)}.rotate-handle:active,.draw-rect:active{cursor:grabbing}.rect-btn{color:#fff;cursor:pointer;z-index:1010;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:flex}.rect-btn.ok{background-color:#22c55e}.rect-btn.x{background-color:#ef4444}.sticker-slot{cursor:pointer;color:#0000;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}body.editing .sticker-slot{color:#000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff6;border:2px dashed #000}body:not(.editing) .sticker-slot.active{border:2px solid var(--accent-color);background:#fff3}.top-navbar{z-index:2000;background-color:#0f172a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:65px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000080}.nav-brand{align-items:center;gap:15px;display:flex}.logo-icon{font-size:2.2rem}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-title{letter-spacing:1px;color:#f8fafc;font-size:1.2rem;font-weight:800}.brand-subtitle{color:#fbbf24;letter-spacing:.5px;font-size:.85rem;font-weight:600}.nav-links{gap:30px;display:flex}.nav-links a{color:#94a3b8;text-transform:uppercase;align-items:center;gap:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.nav-links a:hover,.nav-links a.active{color:#f8fafc}.nav-profile{align-items:center;display:flex}.profile-circle{cursor:pointer;color:#fff;border:2px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:border-color .2s;display:flex}.profile-circle:hover{border-color:#f8fafc}.details-top-row{border-bottom:1px solid var(--glass-border);flex-direction:column;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:25px;transition:justify-content .3s;display:flex}.details-top-row.centered-layout{justify-content:center}.action-section{flex-direction:row;flex-grow:1;justify-content:center;gap:10px;width:100%;display:flex}.action-title{display:none}.action-btn{cursor:pointer;text-align:center;border:none;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 15px;transition:transform .2s,box-shadow .2s,filter .2s;display:flex}.action-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.btn-icon{font-size:1.1rem}.btn-text{align-items:center;display:flex}.btn-text strong{letter-spacing:.5px;font-size:.8rem}.btn-text span{display:none}.btn-repetida{color:#fff;background:linear-gradient(135deg,#065f46,#047857);border:1px solid #059669}.btn-falta{color:#fff;background:linear-gradient(135deg,#991b1b,#b91c1c);border:1px solid #dc2626}.app-container{box-sizing:border-box;height:100vh;padding-top:65px!important}.selected-card-preview{flex-shrink:0;margin:0!important}@media (width>=768px){.details-top-row{flex-direction:row;align-items:flex-start}.action-section{flex-direction:column}.action-title{color:var(--text-secondary);letter-spacing:.5px;margin:0 0 5px;font-size:.8rem;font-weight:600;display:block}.action-btn{text-align:left;border-radius:12px;justify-content:flex-start;gap:15px;padding:14px 18px}.btn-icon{font-size:1.5rem}.btn-text{flex-direction:column;align-items:flex-start;gap:0}.btn-text strong{font-size:.95rem}.btn-text span{opacity:.8;font-size:.75rem;display:block}.app-container{width:100%;max-width:100%;height:100vh;box-shadow:none;border-radius:0;flex-direction:row;margin:0;padding-top:65px!important}.album-section{border-bottom:none;border-right:1px solid var(--glass-border);box-sizing:border-box;flex:3;justify-content:center;align-items:center;height:calc(100vh - 65px);padding:40px;display:flex}.book-container{justify-content:center;align-items:center;width:100%;height:100%;max-height:850px;display:flex}.info-section{border-top:none;flex:1;min-width:380px;max-width:450px;height:calc(100vh - 65px);padding:20px;overflow-y:auto}.info-section::-webkit-scrollbar{width:8px}.info-section::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.info-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.info-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}.my-stickers-container{border-right:1px solid var(--glass-border);box-sizing:border-box;color:#f8fafc;flex-direction:column;flex:3;min-width:0;height:calc(100vh - 65px);padding:40px;display:flex;overflow:hidden auto}.stickers-header{margin-bottom:30px}.sh-title{align-items:center;gap:15px;margin-bottom:5px;display:flex}.sh-icon{font-size:2rem}.sh-title h2{letter-spacing:1px;margin:0;font-size:1.8rem;font-weight:800}.sh-subtitle{color:#94a3b8;margin:0;font-size:.95rem}.stickers-panels-wrapper{flex-wrap:wrap;flex:1;gap:30px;display:flex}.sticker-panel{background:#151e2b;border-radius:12px;flex-direction:column;flex:1;min-width:300px;padding:25px;display:flex}.panel-repetidas{border:1px solid #059669}.panel-faltantes{border:1px solid #dc2626}.panel-header{margin-bottom:20px}.ph-title{align-items:center;gap:10px;margin-bottom:5px;display:flex}.ph-icon{font-size:1.5rem}.ph-title h3{color:#f8fafc;margin:0;font-size:1.2rem;font-weight:700}.ph-badge{border-radius:20px;padding:2px 10px;font-size:.8rem;font-weight:700}.badge-green{color:#34d399;background:#05966933;border:1px solid #059669}.badge-red{color:#f87171;background:#dc262633;border:1px solid #dc2626}.ph-desc{color:#94a3b8;margin:0;font-size:.85rem}.panel-filters{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.filter-dropdown,.filter-search{background:#1f2937;border:1px solid #ffffff1a;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:120px;padding:8px 15px;display:flex}.filter-dropdown select,.filter-search input{color:#f8fafc;background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:.9rem}.stickers-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));grid-auto-rows:80px;align-content:start;gap:10px;margin-bottom:20px;display:grid}.stickers-grid::-webkit-scrollbar{width:6px}.stickers-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.stickers-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.inventory-card{background:#1e293b;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;align-items:center;padding:8px;display:flex;position:relative;box-shadow:0 4px 6px #0000004d}.inventory-card img{border-radius:4px;width:100%;height:auto;margin-bottom:8px}.inv-card-name{text-align:center;color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;background:#0f172a;border-radius:4px;width:100%;padding:4px 0;font-size:.65rem;font-weight:700;overflow:hidden}.inv-badge{color:#fff;background:#059669;border:2px solid #111827;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex;position:absolute;bottom:-10px}.inv-placeholder{aspect-ratio:.75;background:#334155;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;position:relative}.inv-placeholder-header{justify-content:space-between;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:5px;left:5px;right:5px}.inv-silhouette{background:#ffffff1a;border-radius:50% 50% 0 0;width:50%;height:50%;margin-top:15px}.inv-silhouette-body{background:#ffffff1a;border-radius:10px 10px 0 0;width:80%;height:30%}.panel-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;display:flex}.pf-info{color:#94a3b8;font-size:.85rem}.pf-pagination{gap:5px;display:flex}.page-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.page-btn:hover{color:#fff;background:#ffffff1a}.active-green{color:#fff;background:#059669;border-color:#059669}.active-red{color:#fff;background:#dc2626;border-color:#dc2626}.stickers-bottom-bar{color:#94a3b8;background:#1f2937;border-radius:8px;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 25px;font-size:.85rem;display:flex}.sb-help a{color:#94a3b8;text-decoration:none}.sb-help a:hover{color:#fff}.textual-card{color:#f8fafc;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:.75rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 6px #0000004d}.tc-code{z-index:1}.tc-badge{color:#fff;z-index:2;background:#059669;border:2px solid #111827;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex;position:absolute;bottom:-8px}.missing-card{color:#94a3b8;box-shadow:none;background:0 0;border:1px dashed #dc262666}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.custom-select{-webkit-user-select:none;user-select:none;position:relative}.custom-select.disabled{opacity:.4;pointer-events:none}.select-selected{color:#e2e8f0;border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(5px);background-color:#0f172a99;border-radius:8px;align-items:center;gap:8px;padding:10px 35px 10px 15px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.select-selected:hover{background-color:#1e293bcc;border-color:#ffffff4d}.select-selected:after{content:"▼";color:#94a3b8;font-size:.7rem;position:absolute;right:12px}.select-selected.select-arrow-active:after{content:"▲"}.select-items{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99;background-color:#0f172af2;border-radius:8px;max-height:250px;margin-top:5px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.select-items div{color:#e2e8f0;cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:10px 15px;font-size:.85rem;display:flex}.select-items div:last-child{border-bottom:none}.select-items div:hover{background-color:#ffffff1a}.select-hide{display:none}