.app-error-boundary[b-wx7kensflc]{max-width: 460px;margin: 48px auto;padding: 32px 24px;text-align: center;background: rgba(26,11,46,0.6);border: 1px solid rgba(88,28,135,0.4);border-radius: 18px;}.aeb-icon[b-wx7kensflc]{font-size: 2rem;margin-bottom: 12px;}.aeb-title[b-wx7kensflc]{font-size: 1.25rem;font-weight: 700;color: #f5f3ff;margin: 0 0 10px 0;}.aeb-text[b-wx7kensflc]{font-size: .95rem;color: rgba(255,255,255,0.68);line-height: 1.55;margin: 0 0 22px 0;}.aeb-actions[b-wx7kensflc]{display: flex;gap: 10px;justify-content: center;flex-wrap: wrap;}.aeb-btn[b-wx7kensflc]{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0 18px;border-radius: 12px;border: 1px solid rgba(88,28,135,0.5);background: rgba(88,28,135,0.25);color: #e9d5ff;font-size: .9rem;font-weight: 600;text-decoration: none;cursor: pointer;}@media (hover: hover) and (pointer: fine){.aeb-btn:hover[b-wx7kensflc]{background: rgba(88,28,135,0.4);}}.aeb-btn-primary[b-wx7kensflc]{background: linear-gradient(135deg,#6d28d9 0%,#4c1d95 100%);border-color: transparent;color: #fff;} .foco-atrapado[b-yef20fj79x]{display: contents;} .ia-panel[b-vujmgwgh3u]{--ia-acento: #a78bfa;--ia-fondo: rgba(26,11,46,0.5);--ia-borde: rgba(139,92,246,0.35);background: var(--ia-fondo);border: 1px solid var(--ia-borde);border-radius: 16px;padding: 0.75rem;margin-bottom: 1.5rem;box-shadow: 0 4px 20px rgba(0,0,0,0.15);}.ia-panel.tema-juegos[b-vujmgwgh3u]{--ia-acento: #34d399;--ia-fondo: rgba(16,185,129,0.06);--ia-borde: rgba(52,211,153,0.3);}.ia-panel.tema-medios[b-vujmgwgh3u]{--ia-acento: #c084fc;}.ia-fila[b-vujmgwgh3u]{display: flex;gap: 0.5rem;align-items: center;margin: 0;}.ia-input[b-vujmgwgh3u]{flex: 1;min-width: 0;height: 46px;padding: 0 16px;border: none;border-radius: 12px;background: rgba(10,15,30,0.6);color: #f1f5f9;font: inherit;font-size: 1rem;}.ia-input[b-vujmgwgh3u]::placeholder{color: rgba(148,163,184,0.6);}.ia-input:focus-visible[b-vujmgwgh3u]{outline: none;box-shadow: 0 0 0 2px var(--ia-acento);}.ia-input:disabled[b-vujmgwgh3u]{opacity: 0.7;}.ia-buscar[b-vujmgwgh3u]{flex-shrink: 0;height: 46px;padding: 0 18px;border: none;border-radius: 12px;background: var(--ia-acento);color: #0b1020;font: inherit;font-weight: 700;cursor: pointer;white-space: nowrap;}.ia-buscar:disabled[b-vujmgwgh3u]{opacity: 0.5;cursor: default;}.ia-buscar:focus-visible[b-vujmgwgh3u],.ia-salir:focus-visible[b-vujmgwgh3u],.ia-chip-quitar:focus-visible[b-vujmgwgh3u]{outline: 2px solid #fff;outline-offset: 2px;}.ia-salir[b-vujmgwgh3u]{flex-shrink: 0;width: 40px;height: 40px;border: none;border-radius: 50%;background: transparent;color: rgba(248,113,113,0.8);font-size: 1.1rem;cursor: pointer;}@media (hover: hover) and (pointer: fine){.ia-salir:hover[b-vujmgwgh3u]{background: rgba(239,68,68,0.15);}.ia-buscar:not(:disabled):hover[b-vujmgwgh3u]{filter: brightness(1.1);}.ia-chip-quitar:hover[b-vujmgwgh3u]{background: rgba(255,255,255,0.15);}}.ia-chips[b-vujmgwgh3u]{display: flex;flex-wrap: wrap;gap: 0.4rem;list-style: none;margin: 0.75rem 0 0;padding: 0;}.ia-chip[b-vujmgwgh3u]{display: inline-flex;align-items: center;gap: 0.35rem;padding: 2px 4px 2px 10px;border: 1px solid var(--ia-borde);border-radius: 999px;background: rgba(255,255,255,0.06);color: #e2e8f0;font-size: 0.82rem;line-height: 1.2;}.ia-chip-quitar[b-vujmgwgh3u]{display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: none;border-radius: 50%;background: transparent;color: rgba(226,232,240,0.75);font-size: 0.8rem;cursor: pointer;}.ia-pie[b-vujmgwgh3u]{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.25rem 1rem;margin-top: 0.6rem;}.ia-nota[b-vujmgwgh3u],.ia-restantes[b-vujmgwgh3u]{margin: 0;font-size: 0.72rem;color: rgba(255,255,255,0.55);}.ia-nota a[b-vujmgwgh3u]{color: var(--ia-acento);}.ia-aviso[b-vujmgwgh3u]{margin: 0.5rem 0 0;font-size: 0.82rem;color: rgba(255,255,255,0.75);}.ia-aviso.fuera[b-vujmgwgh3u]{margin: -0.75rem 0 1.25rem;padding: 0 0.25rem;}@media (max-width: 480px){.ia-panel[b-vujmgwgh3u]{padding: 0.6rem;}.ia-fila[b-vujmgwgh3u]{flex-wrap: wrap;}.ia-input[b-vujmgwgh3u]{flex-basis: 100%;}.ia-buscar[b-vujmgwgh3u]{flex: 1;height: 40px;padding: 0 12px;}.ia-input[b-vujmgwgh3u]{padding: 0 12px;font-size: 16px;}} .trending-section[b-z0juc2nsjn]{margin-top: 2rem;padding: 1.5rem;background: rgba(var(--bg-dark),0.5);border-radius: 20px;border: 1px solid rgba(var(--ac-dark),0.25);animation: sectionSlideDown-b-z0juc2nsjn 0.5s ease-out 0.3s both;overflow: visible;transition: border-color 0.2s ease,padding 0.3s ease;}@media (hover: hover) and (pointer: fine){.trending-section:hover[b-z0juc2nsjn]{border-color: rgba(var(--ac-dark),0.45);}}.top-rated-section[b-z0juc2nsjn]{animation-delay: 0.4s;}.hidden-gems-section[b-z0juc2nsjn]{animation-delay: 0.5s;}.upcoming-section[b-z0juc2nsjn]{animation-delay: 0.6s;}.trending-header[b-z0juc2nsjn]{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-bottom: 1.25rem;gap: 1rem;}.trending-title-row[b-z0juc2nsjn]{display: flex;align-items: center;gap: 0.75rem;flex: 1 1 auto;min-width: 0;flex-wrap: wrap;}.trending-title-row.clickable[b-z0juc2nsjn]{cursor: pointer;user-select: none;}.trending-icon[b-z0juc2nsjn]{font-size: 1.75rem;filter: drop-shadow(0 0 8px rgba(251,146,60,0.4));}.trending-title[b-z0juc2nsjn]{font-size: 1.35rem;font-weight: 800;background: linear-gradient(135deg,var(--mxp-orange-300),#f97316);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0;line-height: 1.2;}.trending-subtitle[b-z0juc2nsjn]{font-size: 0.8rem;color: rgba(255,255,255,0.5);font-weight: 500;margin-left: 0.5rem;white-space: nowrap;}.top-rated-section .trending-title[b-z0juc2nsjn]{background: linear-gradient(135deg,var(--mxp-amber-300),var(--mxp-amber-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.hidden-gems-section .trending-icon[b-z0juc2nsjn]{filter: drop-shadow(0 0 8px var(--gems-glow,rgba(34,211,238,0.4)));}.hidden-gems-section .trending-title[b-z0juc2nsjn]{background: linear-gradient(135deg,var(--gems-from,#22d3ee),var(--gems-to,#0ea5e9));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.upcoming-section .trending-icon[b-z0juc2nsjn]{filter: drop-shadow(0 0 8px var(--upcoming-glow,rgba(244,114,182,0.4)));}.upcoming-section .trending-title[b-z0juc2nsjn]{background: linear-gradient(135deg,var(--upcoming-from,#f472b6),var(--upcoming-to,#ec4899));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.trending-tabs[b-z0juc2nsjn]{display: flex;gap: 0.5rem;flex-wrap: nowrap;max-width: 100%;min-width: 0;overflow-x: auto;scrollbar-width: none;padding: 0.75rem 0 1rem;margin: -0.75rem 0 -1rem;}.trending-tabs[b-z0juc2nsjn]::-webkit-scrollbar{display: none;}.trending-tab[b-z0juc2nsjn]{flex: 0 0 auto;padding: 0.5rem 1rem;border-radius: 10px;font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: background 0.2s ease,border-color 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;border: 2px solid rgba(251,146,60,0.2);background: rgba(30,41,59,0.5);color: rgba(255,255,255,0.7);display: inline-flex;align-items: center;gap: 0.35rem;}@media (hover: hover) and (pointer: fine){.trending-tab:hover[b-z0juc2nsjn]{background: rgba(251,146,60,0.1);border-color: rgba(251,146,60,0.4);color: white;}}.trending-tab.active[b-z0juc2nsjn]{background: linear-gradient(135deg,var(--mxp-orange-300),#f97316);border-color: transparent;color: white;box-shadow: 0 4px 16px rgba(251,146,60,0.3);}.top-rated-section .trending-tab.active[b-z0juc2nsjn]{background: linear-gradient(135deg,var(--mxp-amber-300),var(--mxp-amber-500));box-shadow: 0 4px 16px rgba(251,191,36,0.3);}.hidden-gems-section .trending-tab[b-z0juc2nsjn]{border-color: rgba(34,211,238,0.2);}@media (hover: hover) and (pointer: fine){.hidden-gems-section .trending-tab:hover[b-z0juc2nsjn]{background: rgba(34,211,238,0.1);border-color: rgba(34,211,238,0.4);}}.hidden-gems-section .trending-tab.active[b-z0juc2nsjn]{background: linear-gradient(135deg,var(--gems-from,#22d3ee),var(--gems-to,#0ea5e9));box-shadow: 0 4px 16px var(--gems-glow,rgba(34,211,238,0.3));}.upcoming-section .trending-tab[b-z0juc2nsjn]{border-color: rgba(244,114,182,0.2);}@media (hover: hover) and (pointer: fine){.upcoming-section .trending-tab:hover[b-z0juc2nsjn]{background: rgba(244,114,182,0.1);border-color: rgba(244,114,182,0.4);}}.upcoming-section .trending-tab.active[b-z0juc2nsjn]{background: linear-gradient(135deg,var(--upcoming-from,#f472b6),var(--upcoming-to,#ec4899));box-shadow: 0 4px 16px var(--upcoming-glow,rgba(244,114,182,0.3));}.trending-tab.anticipated-tab[b-z0juc2nsjn]{border-color: rgba(251,146,60,0.35);}.trending-tab.anticipated-tab.active[b-z0juc2nsjn]{background: linear-gradient(135deg,var(--mxp-orange-300),#f97316) !important;box-shadow: 0 4px 16px rgba(251,146,60,0.4) !important;}.trending-loading[b-z0juc2nsjn]{display: flex;align-items: center;justify-content: center;padding: 3rem;}@keyframes sectionSlideDown-b-z0juc2nsjn{from{opacity: 0;transform: translateY(-10px);}to{opacity: 1;transform: translateY(0);}}.trending-section-body[b-z0juc2nsjn]{overflow: hidden;max-height: 50000px;opacity: 1;transition: max-height 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease,margin-top 0.3s ease;}.trending-section.collapsed .trending-section-body[b-z0juc2nsjn],.trending-section.collapsed .trending-tabs[b-z0juc2nsjn]{max-height: 0;opacity: 0;overflow: hidden;margin: 0;padding: 0;pointer-events: none;}.trending-section.collapsed .trending-header[b-z0juc2nsjn]{margin-bottom: 0;row-gap: 0;}.trending-section.collapsed[b-z0juc2nsjn]{padding-bottom: 1rem;}.trending-tabs[b-z0juc2nsjn]{transition: max-height 0.3s ease,opacity 0.3s ease;max-height: 200px;opacity: 1;}.trending-carousel-wrapper[b-z0juc2nsjn]{position: relative;display: flex;align-items: center;gap: 0.5rem;}.carousel-arrow[b-z0juc2nsjn]{flex-shrink: 0;width: 44px;height: 44px;border-radius: 50%;background: rgba(30,41,59,0.9);border: 2px solid rgba(255,255,255,0.15);color: white;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;z-index: 2;}@media (hover: hover) and (pointer: fine){.carousel-arrow:hover:not(.disabled)[b-z0juc2nsjn]{background: rgba(251,146,60,0.3);border-color: rgba(251,146,60,0.5);transform: scale(1.1);}}.carousel-arrow.disabled[b-z0juc2nsjn]{opacity: 0.3;cursor: not-allowed;}@media (hover: hover) and (pointer: fine){.top-rated-section .carousel-arrow:hover:not(.disabled)[b-z0juc2nsjn]{background: rgba(251,191,36,0.3);border-color: rgba(251,191,36,0.5);}}@media (hover: hover) and (pointer: fine){.hidden-gems-section .carousel-arrow:hover:not(.disabled)[b-z0juc2nsjn]{background: rgba(34,211,238,0.3);border-color: rgba(34,211,238,0.5);}}@media (hover: hover) and (pointer: fine){.upcoming-section .carousel-arrow:hover:not(.disabled)[b-z0juc2nsjn]{background: rgba(244,114,182,0.3);border-color: rgba(244,114,182,0.5);}}.trending-carousel[b-z0juc2nsjn]{display: flex;gap: 1.25rem;overflow-x: auto;scroll-behavior: auto;scrollbar-width: none;padding: 0.75rem 0.5rem;flex: 1;-webkit-overflow-scrolling: touch;}.trending-carousel[b-z0juc2nsjn]::-webkit-scrollbar{display: none;}@media (max-width: 1279px){.trending-tabs[b-z0juc2nsjn]{gap: 0.4rem;}.trending-tab[b-z0juc2nsjn]{padding: 0.5rem 0.8rem;}}@media (max-width: 768px){.trending-section[b-z0juc2nsjn]{padding: 1.25rem;margin-top: 1.5rem;}.trending-header[b-z0juc2nsjn]{flex-direction: column;align-items: flex-start;gap: 0.75rem;}.trending-title-row[b-z0juc2nsjn]{width: 100%;gap: 0.4rem;flex-wrap: nowrap;}.trending-title[b-z0juc2nsjn]{font-size: 0.95rem;flex: 1 1 auto;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.trending-title > span[b-z0juc2nsjn]{display: block;overflow: hidden;text-overflow: ellipsis;}.trending-icon[b-z0juc2nsjn]{font-size: 1.3rem;flex-shrink: 0;}.trending-subtitle[b-z0juc2nsjn]{margin-left: 0;font-size: 0.75rem;flex-shrink: 0;}.trending-tabs[b-z0juc2nsjn]{width: 100%;}.trending-tab[b-z0juc2nsjn]{flex: 1 0 auto;text-align: center;justify-content: center;padding: 0.45rem 0.5rem;font-size: 0.75rem;}.carousel-arrow[b-z0juc2nsjn]{display: none;}.trending-carousel[b-z0juc2nsjn]{gap: 1rem;scroll-snap-type: x mandatory;}}@media (max-width: 600px){.trending-title-row[b-z0juc2nsjn]{display: grid;grid-template-columns: auto minmax(0,1fr);column-gap: 0.5rem;row-gap: 0.1rem;}.trending-title-row:has(.trending-subtitle) .trending-icon[b-z0juc2nsjn]{grid-row: 1 / span 2;}.trending-subtitle[b-z0juc2nsjn]{grid-column: 2;}} .filters-panel[b-6qenc62bvw]{overflow: hidden;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);margin-bottom: 1.5rem;}.filters-panel.collapsed[b-6qenc62bvw]{max-height: 0;opacity: 0;margin-bottom: 0;visibility: hidden;transition: all 0.4s cubic-bezier(0.4,0,0.2,1),visibility 0s linear 0.4s;}.filters-panel.expanded[b-6qenc62bvw]{visibility: visible;transition: all 0.4s cubic-bezier(0.4,0,0.2,1),visibility 0s;max-height: 800px;opacity: 1;}.filters-content[b-6qenc62bvw]{background: rgba(30,41,59,0.5);border-radius: 16px;padding: 1.5rem;border: 2px solid rgba(var(--ac-light),0.15);backdrop-filter: blur(10px);}.filter-group[b-6qenc62bvw]{margin-bottom: 1.25rem;}.filter-group:last-child[b-6qenc62bvw]{margin-bottom: 0;}.filter-label[b-6qenc62bvw]{font-size: 0.8rem;font-weight: 700;color: white;opacity: 0.9;margin-bottom: 0.625rem;display: flex;align-items: center;gap: 0.5rem;}.filter-options[b-6qenc62bvw]{display: flex;flex-wrap: wrap;gap: 0.5rem;}.filter-chip[b-6qenc62bvw]{padding: 0.5rem 1rem;border-radius: 10px;font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: background 0.2s ease,border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;border: 2px solid rgba(var(--ac-light),0.25);background: rgba(30,41,59,0.5);color: white;}@media (hover: hover) and (pointer: fine){.filter-chip:hover[b-6qenc62bvw]{transform: translateY(-2px);box-shadow: 0 4px 12px var(--glow-color);background: rgba(30,41,59,0.8);}}.filter-chip.selected[b-6qenc62bvw]{background: linear-gradient(135deg,var(--primary-from) 0%,var(--primary-to) 100%);color: white;border-color: transparent;box-shadow: 0 4px 16px var(--glow-color);}.filter-chip.favorite-chip[b-6qenc62bvw]{border-color: rgba(251,191,36,0.3);}@media (hover: hover) and (pointer: fine){.filter-chip.favorite-chip:hover[b-6qenc62bvw]{box-shadow: 0 4px 12px rgba(251,191,36,0.3);}}.filter-chip.favorite-chip.active[b-6qenc62bvw]{background: linear-gradient(135deg,var(--mxp-amber-300) 0%,var(--mxp-amber-500) 100%);color: white;border-color: transparent;box-shadow: 0 4px 16px rgba(251,191,36,0.4);}.sort-selector[b-6qenc62bvw]{display: flex;gap: 0.5rem;flex-wrap: wrap;}.sort-option[b-6qenc62bvw]{padding: 0.5rem 0.875rem;border-radius: 10px;font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: background 0.2s ease,border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;border: 2px solid rgba(var(--ac-light),0.25);background: rgba(30,41,59,0.5);color: white;display: flex;align-items: center;gap: 0.4rem;}@media (hover: hover) and (pointer: fine){.sort-option:hover[b-6qenc62bvw]{transform: translateY(-2px);box-shadow: 0 4px 12px var(--glow-color);background: rgba(30,41,59,0.8);}}.sort-option.selected[b-6qenc62bvw]{background: linear-gradient(135deg,var(--secondary-from) 0%,var(--secondary-to) 100%);color: white;border-color: transparent;box-shadow: 0 4px 16px var(--glow-color);}.sort-direction[b-6qenc62bvw]{font-size: 0.95rem;font-weight: 800;margin-left: 0.1rem;line-height: 1;opacity: 0.95;}@media (max-width: 768px){.filters-content[b-6qenc62bvw]{padding: 1rem;}.filter-chip[b-6qenc62bvw],.sort-option[b-6qenc62bvw]{padding: 0.35rem 0.75rem;font-size: 0.7rem;}.filter-options[b-6qenc62bvw],.sort-selector[b-6qenc62bvw]{flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-bottom: 4px;scroll-snap-type: x proximity;margin: 0 -0.5rem;padding-left: 0.5rem;padding-right: 28px;-webkit-mask-image: linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image: linear-gradient(to right,#000 calc(100% - 28px),transparent);}.filter-options[b-6qenc62bvw]::-webkit-scrollbar,.sort-selector[b-6qenc62bvw]::-webkit-scrollbar{display: none;}.filter-options > .filter-chip[b-6qenc62bvw],.sort-selector > .sort-option[b-6qenc62bvw]{flex-shrink: 0;scroll-snap-align: start;}} .view-controls[b-ge0vdpqbcz]{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1rem;animation: slideDown-b-ge0vdpqbcz 0.5s ease-out 0.25s both;}.tabs-container[b-ge0vdpqbcz]{display: flex;background: rgba(var(--bg-dark),0.5);border-radius: 14px;padding: 0.375rem;gap: 0.25rem;border: 1px solid rgba(var(--ac-dark),0.25);transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.tabs-container:hover[b-ge0vdpqbcz]{border-color: rgba(var(--ac-dark),0.45);}}.tab-item[b-ge0vdpqbcz]{display: flex;align-items: center;gap: 0.5rem;padding: 0.625rem 1.25rem;border-radius: 10px;font-size: 0.875rem;font-weight: 600;cursor: pointer;transition: background 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;color: rgba(255,255,255,0.7);}@media (hover: hover) and (pointer: fine){.tab-item:hover[b-ge0vdpqbcz]{background: rgba(255,255,255,0.05);color: white;}}.tab-item.active[b-ge0vdpqbcz]{background: linear-gradient(135deg,var(--primary-from) 0%,var(--primary-to) 100%);color: white;box-shadow: 0 2px 12px var(--glow-color);}.tab-icon[b-ge0vdpqbcz]{font-size: 1rem;}.tab-text[b-ge0vdpqbcz]{white-space: nowrap;}.search-filters-row[b-ge0vdpqbcz]{display: flex;gap: 1rem;margin-bottom: 1.5rem;animation: slideDown-b-ge0vdpqbcz 0.5s ease-out 0.3s both;align-items: stretch;}.controls-right[b-ge0vdpqbcz]{display: flex;gap: 1rem;align-items: stretch;}[b-ge0vdpqbcz] .local-search-container{border-radius: 14px;padding: 0.625rem;box-shadow: 0 4px 20px rgba(0,0,0,0.15);backdrop-filter: blur(10px);background: rgba(var(--bg-dark),0.5);border: 1px solid rgba(var(--ac-dark),0.25);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);flex: 1;min-width: 0;}@media (hover: hover) and (pointer: fine){[b-ge0vdpqbcz] .local-search-container:hover{border-color: rgba(var(--ac-dark),0.45);}}.search-wrapper[b-ge0vdpqbcz]{display: flex;align-items: center;gap: 0.75rem;position: relative;}[b-ge0vdpqbcz] .search-field-modern{border-radius: 12px !important;flex: 1;}[b-ge0vdpqbcz] .search-field-modern .mud-input-root{border-radius: 12px !important;background: rgba(10,15,30,0.5) !important;border: none !important;transition: all 0.3s ease !important;box-shadow: none !important;}[b-ge0vdpqbcz] .search-field-modern .mud-input-root:focus-within{background: rgba(10,15,30,0.7) !important;box-shadow: 0 0 0 2px var(--glow-color) !important;}@media (hover: hover) and (pointer: fine){[b-ge0vdpqbcz] .search-field-modern .mud-input-root:hover{background: rgba(10,15,30,0.7) !important;box-shadow: 0 0 0 2px var(--glow-color) !important;}}[b-ge0vdpqbcz] .search-field-modern .mud-input-root .mud-input-slot{border: none !important;}[b-ge0vdpqbcz] .search-field-modern .mud-input-root fieldset{display: none !important;}[b-ge0vdpqbcz] .search-field-modern .mud-input-outlined-border{display: none !important;}[b-ge0vdpqbcz] .search-field-modern .mud-input{border: none !important;}[b-ge0vdpqbcz] .search-field-modern input{font-size: 0.9rem !important;font-weight: 500 !important;padding: 10px 44px 10px 14px !important;color: rgba(255,255,255,0.9) !important;}[b-ge0vdpqbcz] .search-field-modern input::placeholder{color: rgba(148,163,184,0.5) !important;}[b-ge0vdpqbcz] .search-clear-btn{position: absolute !important;right: 8px !important;background: transparent !important;color: rgba(248,113,113,0.7) !important;transition: all 0.2s ease !important;border-radius: 50% !important;}@media (hover: hover) and (pointer: fine){[b-ge0vdpqbcz] .search-clear-btn:hover{background: rgba(239,68,68,0.15) !important;transform: scale(1.1) !important;color: #fca5a5 !important;}}.search-randomizer-btn[b-ge0vdpqbcz]{position: absolute;right: 8px;width: 40px;height: 40px;font-size: 1.25rem;cursor: pointer;display: flex;align-items: center;margin-top: 8px;justify-content: center;transition: all 0.3s ease;background: transparent;border: none;color: white;}.view-mode-toggle[b-ge0vdpqbcz]{display: flex;background: rgba(var(--ac-light),0.06);border-radius: 10px;padding: 0.25rem;gap: 0.25rem;border: 1px solid rgba(var(--ac-light),0.12);flex-shrink: 0;}.mode-btn[b-ge0vdpqbcz]{display: flex;align-items: center;justify-content: center;padding: 0.5rem;border-radius: 8px;cursor: pointer;transition: background 0.2s ease,color 0.2s ease;color: rgba(255,255,255,0.5);}@media (hover: hover) and (pointer: fine){.mode-btn:hover[b-ge0vdpqbcz]{background: rgba(var(--ac-light),0.1);color: white;}}.mode-btn.active[b-ge0vdpqbcz]{background: linear-gradient(135deg,var(--ac-light-hex),var(--ac-hex));color: white;}.filters-toggle-btn[b-ge0vdpqbcz]{display: flex;align-items: center;justify-content: flex-start;gap: 1rem;padding: 0.875rem 1.25rem;border-radius: 14px;background: rgba(var(--bg-dark),0.5);border: 2px solid rgba(var(--ac-dark),0.25);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);backdrop-filter: blur(10px);white-space: nowrap;flex-shrink: 0;}.filters-toggle-left[b-ge0vdpqbcz]{display: flex;align-items: center;gap: 0.75rem;}.filters-toggle-right[b-ge0vdpqbcz]{display: flex;align-items: center;gap: 0.75rem;margin-left: auto;}@media (hover: hover) and (pointer: fine){.filters-toggle-btn:hover[b-ge0vdpqbcz]{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(var(--ac-light),0.25);border-color: rgba(var(--ac-dark),0.45);background: rgba(var(--bg-dark),0.7);}}.filters-toggle-btn.active[b-ge0vdpqbcz]{background: rgba(var(--ac-light),0.15);border-color: rgba(var(--ac-dark),0.45);}.filters-toggle-icon[b-ge0vdpqbcz]{font-size: 1.25rem;transition: transform 0.3s ease;}.filters-toggle-icon.rotated[b-ge0vdpqbcz]{transform: rotate(180deg);}.filters-toggle-text[b-ge0vdpqbcz]{font-weight: 700;font-size: 0.9rem;color: white;}.active-filters-badge[b-ge0vdpqbcz]{background: linear-gradient(135deg,var(--primary-from) 0%,var(--primary-to) 100%);color: white;padding: 0.2rem 0.6rem;border-radius: 10px;font-size: 0.7rem;font-weight: 700;box-shadow: 0 0 20px var(--glow-color);}.clear-filters-btn[b-ge0vdpqbcz]{display: flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.75rem;border-radius: 8px;background: rgba(239,68,68,0.15);color: #fca5a5;font-size: 0.75rem;font-weight: 700;border: 1px solid rgba(239,68,68,0.3);transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.clear-filters-btn:hover[b-ge0vdpqbcz]{background: rgba(239,68,68,0.25);transform: scale(1.05);}}@keyframes slideDown-b-ge0vdpqbcz{from{opacity: 0;transform: translateY(-10px);}to{opacity: 1;transform: translateY(0);}}@media (min-width: 768px){.view-mode-toggle .mode-btn.mode-2x2[b-ge0vdpqbcz]{display: none;}}@media (max-width: 768px){.view-controls[b-ge0vdpqbcz]{flex-wrap: nowrap;gap: 0.5rem;}.tabs-container[b-ge0vdpqbcz]{flex: 1;padding: 0.25rem;min-width: 0;}.tab-item[b-ge0vdpqbcz]{padding: 0.5rem;font-size: 0.8rem;flex: 1;justify-content: center;}.tab-text[b-ge0vdpqbcz]{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;}.tab-icon[b-ge0vdpqbcz]{font-size: 1.1rem;}.view-mode-toggle[b-ge0vdpqbcz]{flex-shrink: 0;}.search-filters-row[b-ge0vdpqbcz]{flex-direction: column;gap: 0.75rem;margin-bottom: 1rem;}[b-ge0vdpqbcz] .local-search-container{width: 100%;padding: 0.4rem;}[b-ge0vdpqbcz] .search-field-modern input{font-size: 0.8rem !important;padding: 7px 10px !important;}.controls-right[b-ge0vdpqbcz]{display: flex;flex-direction: row;gap: 0.5rem;width: 100%;}.view-mode-toggle[b-ge0vdpqbcz]{flex: 0 0 auto;order: 2;}.filters-toggle-btn[b-ge0vdpqbcz]{flex: 1;order: 1;padding: 0.625rem 0.75rem;gap: 0.5rem;font-size: 0.8rem;}.filters-toggle-text[b-ge0vdpqbcz]{font-size: 0.75rem;}.filters-toggle-icon[b-ge0vdpqbcz]{font-size: 1rem;}.active-filters-badge[b-ge0vdpqbcz]{padding: 0.15rem 0.5rem;font-size: 0.65rem;}.clear-filters-btn[b-ge0vdpqbcz]{padding: 0.3rem 0.5rem;gap: 0.25rem;font-size: 0.65rem;}.clear-filters-btn span:last-child[b-ge0vdpqbcz]{display: none;}} @keyframes slideDown-b-rxl0vmyzf9{from{opacity: 0;transform: translateY(-20px);}to{opacity: 1;transform: translateY(0);}}@keyframes float-b-rxl0vmyzf9{0%,100%{transform: translateY(0);}50%{transform: translateY(-10px);}}.empty-state[b-rxl0vmyzf9]{text-align: center;padding: 4rem 2rem;border-radius: 24px;border: 2px dashed rgba(255,255,255,0.15);background: rgba(30,41,59,0.3);}.empty-state.theme-games[b-rxl0vmyzf9]{border-color: rgba(52,211,153,0.2);background: rgba(30,41,59,0.3);animation: slideDown-b-rxl0vmyzf9 0.5s ease-out 0.4s both;}.empty-state.theme-media[b-rxl0vmyzf9]{border-color: rgba(139,92,246,0.2);background: rgba(26,11,46,0.3);}.empty-state-icon[b-rxl0vmyzf9]{font-size: 4rem;margin-bottom: 1.5rem;opacity: 0.4;animation: float-b-rxl0vmyzf9 3s ease-in-out infinite;}[b-rxl0vmyzf9] .empty-state-text{color: rgba(255,255,255,0.6) !important;}.search-term[b-rxl0vmyzf9]{background: linear-gradient(135deg,var(--primary-from,var(--mxp-green-500)),var(--primary-to,var(--mxp-green-300)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-weight: 700;}@media (max-width: 768px){.empty-state[b-rxl0vmyzf9]{padding: 3rem 1.5rem;}.empty-state-icon[b-rxl0vmyzf9]{font-size: 3rem;}} .trending-card[b-n4z87wklmc]{flex-shrink: 0;width: 165px;border-radius: 16px;overflow: hidden;background: rgba(30,41,59,0.6);border: 1px solid rgba(255,255,255,0.05);cursor: pointer;transition: transform 0.3s ease,box-shadow 0.3s ease;position: relative;contain: layout style paint;}@media (hover: hover) and (pointer: fine){.trending-card:hover[b-n4z87wklmc]{transform: translateY(-8px) scale(1.03);box-shadow: 0 16px 40px rgba(0,0,0,0.35),0 0 18px rgba(52,211,153,0.15);border-color: rgba(52,211,153,0.3);z-index: 10;}}.trending-card.in-collection[b-n4z87wklmc]{border-color: rgba(52,211,153,0.3);}@media (hover: hover) and (pointer: fine){.trending-card.in-collection:hover[b-n4z87wklmc]{border-color: rgba(52,211,153,0.3);box-shadow: 0 16px 40px rgba(0,0,0,0.35),0 0 25px rgba(52,211,153,0.18);}}.collection-badge-mini[b-n4z87wklmc]{position: absolute;top: 10px;right: 10px;width: 28px;height: 28px;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;color: white;font-weight: bold;z-index: 3;box-shadow: 0 3px 10px rgba(52,211,153,0.3);}.collection-badge-mini.friends[b-n4z87wklmc]{width: auto;min-width: 34px;height: 26px;padding: 0 8px;gap: 4px;border-radius: 13px;font-size: 11px;}.collection-badge-mini.friends .friends-icon[b-n4z87wklmc]{font-size: 10px;}.friends-badge-left-mini[b-n4z87wklmc]{position: absolute;top: 10px;left: 10px;display: flex;align-items: center;gap: 3px;padding: 0 7px;height: 22px;min-width: 22px;background: linear-gradient( 135deg,rgba(52,211,153,0.95),rgba(16,185,129,0.9) );border-radius: 11px;color: white;font-weight: 700;font-size: 10px;box-shadow: 0 3px 10px rgba(52,211,153,0.3);z-index: 3;}.friends-badge-left-mini .friends-icon[b-n4z87wklmc]{font-size: 9px;}.trending-poster[b-n4z87wklmc]{position: relative;width: 100%;padding-top: 142%;overflow: hidden;border-radius: 16px 16px 0 0;}.trending-poster img[b-n4z87wklmc]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}@media (hover: hover) and (pointer: fine){.trending-card:hover .trending-poster img[b-n4z87wklmc]{transform: scale(1.1);}}.trending-info[b-n4z87wklmc]{padding: 0.9rem;}.trending-card-title[b-n4z87wklmc]{font-size: 0.9rem;font-weight: 700;color: white;line-height: 1.35;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 0.5rem;min-height: 2.4rem;}.trending-meta-row[b-n4z87wklmc]{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap;}.trending-rating[b-n4z87wklmc]{display: flex;align-items: center;gap: 0.35rem;font-size: 0.85rem;color: rgba(255,255,255,0.85);font-weight: 600;}.trending-rating .star[b-n4z87wklmc]{color: var(--mxp-amber-300);filter: drop-shadow(0 0 4px rgba(251,191,36,0.6));}.trending-rating.no-rating[b-n4z87wklmc]{color: rgba(255,255,255,0.35);}.trending-rating.no-rating .star[b-n4z87wklmc]{color: rgba(255,255,255,0.4);filter: none;}.trending-release[b-n4z87wklmc]{display: flex;align-items: center;gap: 0.35rem;font-size: 0.8rem;color: rgba(244,114,182,0.9);font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.trending-release .calendar[b-n4z87wklmc]{font-size: 0.75rem;}.anticipated-card .trending-poster[b-n4z87wklmc]{position: relative;}.anticipated-badge[b-n4z87wklmc]{position: absolute;top: 8px;left: 8px;background: linear-gradient(135deg,rgba(251,146,60,0.95),rgba(249,115,22,0.95));color: white;padding: 0.3rem 0.5rem;border-radius: 6px;font-size: 0.65rem;font-weight: 800;letter-spacing: 0.5px;z-index: 2;box-shadow: 0 2px 8px rgba(0,0,0,0.3);}.countdown-timer[b-n4z87wklmc]{display: flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.6rem;background: linear-gradient(135deg,rgba(251,146,60,0.15),rgba(249,115,22,0.1));border: 1px solid rgba(251,146,60,0.3);border-radius: 8px;font-size: 0.8rem;color: var(--mxp-orange-300);font-weight: 700;}.countdown-icon[b-n4z87wklmc]{font-size: 0.75rem;}.countdown-text[b-n4z87wklmc]{color: white;font-weight: 800;}.game-platforms-corner[b-n4z87wklmc]{position: absolute;bottom: 6px;left: 6px;display: flex;gap: 4px;z-index: 2;}.platform-badge[b-n4z87wklmc]{display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 10px;font-size: 0.9rem;flex-shrink: 0;background: rgba(0,0,0,0.45);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);cursor: pointer;transition: transform 0.2s;}@media (hover: hover) and (pointer: fine){.platform-badge:hover[b-n4z87wklmc]{transform: scale(1.15);}} @keyframes loading-overlay-scale-in-b-8ft05x6dre{from{transform: scale(0);opacity: 0;}to{transform: scale(1);opacity: 1;}}.loading-overlay[b-8ft05x6dre]{position: fixed;inset: 0;background: rgba(3,7,18,0.95);backdrop-filter: blur(12px);display: flex;align-items: center;justify-content: center;z-index: 9999;}.loading-box[b-8ft05x6dre]{background: rgba(30,41,59,0.9);border: 2px solid rgba(52,211,153,0.18);border-radius: 24px;padding: 2.5rem 3rem;text-align: center;box-shadow: 0 25px 60px rgba(0,0,0,0.5),0 0 80px var(--glow-color,rgba(16,185,129,0.15));animation: loading-overlay-scale-in-b-8ft05x6dre 0.3s ease;min-width: 320px;}.loading-box.removing[b-8ft05x6dre]{border-color: rgba(239,68,68,0.3);box-shadow: 0 25px 60px rgba(0,0,0,0.5),0 0 80px rgba(239,68,68,0.2);}.spinner-wrap[b-8ft05x6dre]{margin-bottom: 1rem;}[b-8ft05x6dre] .loading-message{color: white !important;font-weight: 700 !important;margin-bottom: 0.75rem !important;}.progress-bar-loading[b-8ft05x6dre]{width: 100%;max-width: 280px;height: 10px;background: rgba(71,85,105,0.4);border-radius: 10px;overflow: hidden;box-shadow: inset 0 2px 4px rgba(0,0,0,0.3);margin: 0 auto;}.progress-bar-loading .progress-fill[b-8ft05x6dre]{height: 100%;background: linear-gradient(90deg,var(--primary-from,var(--mxp-green-500)) 0%,var(--primary-to,var(--mxp-green-300)) 100%);border-radius: 10px;transition: width 0.3s ease-out;box-shadow: 0 0 15px var(--glow-color,rgba(16,185,129,0.25));min-width: 0;}.progress-bar-loading .progress-fill.remove[b-8ft05x6dre]{background: linear-gradient(90deg,var(--mxp-red-400) 0%,var(--mxp-red-500) 100%);box-shadow: 0 0 15px rgba(239,68,68,0.4);} .loading-spinner-ring[b-mvpivbiwwv]{position: relative;width: 56px;height: 56px;margin: 0 auto;--ring-ac: var(--ac,139,92,246);--ring-ac-light: var(--ac-light,167,139,250);}.loading-spinner-ring.small[b-mvpivbiwwv]{width: 40px;height: 40px;}.loading-spinner-ring .ring-outer[b-mvpivbiwwv]{position: absolute;inset: 0;border-radius: 50%;border: 3px solid rgba(var(--ring-ac-light),0.1);border-top-color: rgb(var(--ring-ac-light));animation: lrSpin-b-mvpivbiwwv 1s cubic-bezier(0.4,0,0.2,1) infinite;}.loading-spinner-ring.small .ring-outer[b-mvpivbiwwv]{border-width: 2px;}.loading-spinner-ring .ring-inner[b-mvpivbiwwv]{position: absolute;inset: 8px;border-radius: 50%;border: 2px solid rgba(var(--ring-ac),0.08);border-bottom-color: rgba(var(--ring-ac),0.5);animation: lrSpin-b-mvpivbiwwv 1.5s cubic-bezier(0.4,0,0.2,1) infinite reverse;}.loading-spinner-ring.small .ring-inner[b-mvpivbiwwv]{inset: 6px;border-width: 1.5px;}.loading-spinner-ring .ring-dot[b-mvpivbiwwv]{position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;margin: -3px 0 0 -3px;border-radius: 50%;background: rgb(var(--ring-ac-light));animation: lrPulse-b-mvpivbiwwv 1.2s ease-in-out infinite;box-shadow: 0 0 10px rgba(var(--ring-ac-light),0.5);}.loading-spinner-ring.small .ring-dot[b-mvpivbiwwv]{width: 4px;height: 4px;margin: -2px 0 0 -2px;}@keyframes lrSpin-b-mvpivbiwwv{to{transform: rotate(360deg);}}@keyframes lrPulse-b-mvpivbiwwv{0%,100%{transform: scale(1);opacity: 0.8;}50%{transform: scale(1.4);opacity: 1;}} .timeline-navigation[b-x4v7erv5b3]{display: flex;align-items: center;gap: 0.5rem;background: rgba(30,41,59,0.5);padding: 0.5rem;border-radius: 12px;border: 1px solid rgba(var(--ac),0.2);}.timeline-nav-btn[b-x4v7erv5b3]{display: flex;align-items: center;justify-content: center;padding: 0.5rem;border-radius: 8px;background: transparent;border: none;color: rgba(var(--ac-light),0.8);cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.timeline-nav-btn:hover[b-x4v7erv5b3]{background: rgba(var(--ac),0.2);color: white;transform: scale(1.1);}}.timeline-nav-today[b-x4v7erv5b3]{padding: 0.5rem 1rem;border-radius: 8px;background: linear-gradient(135deg,var(--primary-from) 0%,var(--primary-to) 100%);border: none;color: white;font-weight: 700;font-size: 0.85rem;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.timeline-nav-today:hover[b-x4v7erv5b3]{transform: translateY(-2px);box-shadow: 0 4px 16px var(--glow-color);}}@media (max-width: 768px){.timeline-navigation[b-x4v7erv5b3]{flex: 0 0 auto;padding: 0.375rem;gap: 0.2rem;}.timeline-nav-btn[b-x4v7erv5b3]{padding: 0.35rem;}.timeline-nav-today[b-x4v7erv5b3]{padding: 0.35rem 0.5rem;font-size: 0.7rem;}}@media (max-width: 600px){.timeline-navigation[b-x4v7erv5b3]{flex: 0 0 auto;padding: 0.25rem;gap: 0.1rem;}.timeline-nav-btn[b-x4v7erv5b3]{padding: 0.25rem;}.timeline-nav-today[b-x4v7erv5b3]{padding: 0.25rem 0.4rem;font-size: 0.65rem;}} .smart-section[b-e7z07pouhi]{margin-bottom: 1.5rem;animation: slideDown-b-e7z07pouhi 0.5s ease-out 0.35s both;background: rgba(var(--ac),0.06);border-radius: 16px;border: 1px solid rgba(var(--ac),0.12);overflow: hidden;transition: border-color 0.3s ease,background 0.3s ease;content-visibility: auto;contain-intrinsic-size: auto 400px;}@media (hover: hover) and (pointer: fine){.smart-section:hover[b-e7z07pouhi]{border-color: rgba(var(--ac),0.2);}}.smart-section-header[b-e7z07pouhi]{display: flex;align-items: center;justify-content: space-between;padding: 1rem 1.25rem;cursor: pointer;transition: background 0.2s ease;background: rgba(var(--ac),0.04);}@media (hover: hover) and (pointer: fine){.smart-section-header:hover[b-e7z07pouhi]{background: rgba(var(--ac),0.1);}}.smart-section-left[b-e7z07pouhi]{display: flex;flex-direction: column;gap: 0.25rem;flex: 1;}.smart-section-title-row[b-e7z07pouhi]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;}.smart-section-title[b-e7z07pouhi]{display: flex;align-items: center;gap: 0.6rem;font-size: 1rem;font-weight: 700;color: white;}.smart-section-icon[b-e7z07pouhi]{font-size: 1.15rem;}.smart-section-count[b-e7z07pouhi]{background: linear-gradient(135deg,var(--primary-from) 0%,var(--primary-to) 100%);color: white;padding: 0.15rem 0.6rem;border-radius: 10px;font-size: 0.65rem;font-weight: 700;box-shadow: 0 2px 8px var(--glow-color);}.smart-section-subtitle[b-e7z07pouhi]{font-size: 0.7rem;color: rgba(var(--ac-light),0.7);font-weight: 500;}.smart-section-toggle[b-e7z07pouhi]{font-size: 0.875rem;transition: transform 0.3s ease;color: rgba(var(--ac-light),0.6);}.smart-section-toggle.expanded[b-e7z07pouhi]{transform: rotate(180deg);}.smart-section-content[b-e7z07pouhi]{overflow: hidden;max-height: 50000px;opacity: 1;transition: all 0.4s cubic-bezier(0.4,0,0.2,1);}.smart-section.collapsed .smart-section-content[b-e7z07pouhi]{max-height: 0;opacity: 0;visibility: hidden;}.smart-section-grid[b-e7z07pouhi]{padding: 0.75rem 1rem 1.5rem;width: 100%;box-sizing: border-box;}.smart-section-grid[b-e7z07pouhi] .mud-grid{width: 100% !important;max-width: 100% !important;margin: 0 !important;margin-left: 0 !important;margin-right: 0 !important;}@keyframes slideDown-b-e7z07pouhi{from{opacity: 0;transform: translateY(-10px);}to{opacity: 1;transform: translateY(0);}}@media (max-width: 768px){.smart-section-header[b-e7z07pouhi]{padding: 0.875rem 1rem;}.smart-section-title[b-e7z07pouhi]{font-size: 0.9rem;gap: 0.5rem;}.smart-section-icon[b-e7z07pouhi]{font-size: 1rem;}.smart-section-subtitle[b-e7z07pouhi]{font-size: 0.65rem;}.smart-section-grid[b-e7z07pouhi]{padding: 0.625rem 0.875rem 0.875rem;}}@media (max-width: 600px){.smart-section[b-e7z07pouhi]{margin-bottom: 1rem;border-radius: 12px;}.smart-section-header[b-e7z07pouhi]{padding: 0.75rem 0.875rem;}.smart-section-title[b-e7z07pouhi]{font-size: 0.85rem;gap: 0.4rem;}.smart-section-icon[b-e7z07pouhi]{font-size: 0.95rem;}.smart-section-count[b-e7z07pouhi]{padding: 0.125rem 0.45rem;font-size: 0.55rem;}.smart-section-subtitle[b-e7z07pouhi]{font-size: 0.6rem;}.smart-section-grid[b-e7z07pouhi]{padding: 0.5rem 0.75rem 0.75rem;}} @keyframes overlayFadeIn-b-ze4905mmlj{from{opacity: 0;}to{opacity: 1;}}@keyframes modalSlideIn-b-ze4905mmlj{from{opacity: 0;transform: translateY(-30px) scale(0.95);}to{opacity: 1;transform: translateY(0) scale(1);}}.fullscreen-overlay[b-ze4905mmlj]{position: fixed;inset: 0;background: rgba(3,7,18,0.92);backdrop-filter: blur(16px);display: flex;align-items: center;justify-content: center;z-index: 10000;padding: 20px;animation: overlayFadeIn-b-ze4905mmlj 0.3s ease-out;}.overlay-modal[b-ze4905mmlj]{background: linear-gradient(145deg,rgba(20,30,48,0.98) 0%,rgba(15,23,42,0.98) 100%);border-radius: 24px;border: 2px solid rgba(255,255,255,0.1);box-shadow: 0 30px 90px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.1);max-width: 550px;width: 100%;overflow: hidden;animation: modalSlideIn-b-ze4905mmlj 0.3s ease-out;}.confirm-dialog-modal[b-ze4905mmlj]{width: min(480px,90vw);max-width: 480px;}.overlay-modal-header[b-ze4905mmlj]{display: flex;align-items: center;justify-content: space-between;padding: 1.5rem 1.75rem;border-bottom: 1px solid rgba(255,255,255,0.08);}.modal-title-group[b-ze4905mmlj]{display: flex;align-items: center;gap: 1rem;}.modal-emoji[b-ze4905mmlj]{font-size: 2rem;}.modal-title[b-ze4905mmlj]{font-size: 1.2rem;font-weight: 800;color: white;letter-spacing: -0.3px;line-height: 1.2;}.modal-subtitle[b-ze4905mmlj]{font-size: 0.8rem;color: rgba(255,255,255,0.5);font-weight: 500;margin-top: 0.2rem;}[b-ze4905mmlj] .close-editor-btn{background: rgba(255,255,255,0.06) !important;color: rgba(255,255,255,0.5) !important;border-radius: 10px !important;transition: all 0.2s ease !important;}@media (hover: hover) and (pointer: fine){[b-ze4905mmlj] .close-editor-btn:hover{background: rgba(255,255,255,0.1) !important;color: rgba(255,255,255,0.8) !important;transform: rotate(90deg) !important;}}.overlay-modal-body[b-ze4905mmlj]{padding: 2rem 1.75rem;text-align: center;}.confirm-dialog-text[b-ze4905mmlj]{color: rgba(255,255,255,0.9) !important;line-height: 1.7 !important;font-size: 1rem !important;}.confirm-dialog-text strong[b-ze4905mmlj]{color: white;font-weight: 700;}.remove-modal-actions[b-ze4905mmlj]{display: flex;gap: 12px;padding: 16px 24px 24px;border-top: 1px solid rgba(255,255,255,0.06);}.btn-cancel[b-ze4905mmlj]{flex: 1;padding: 12px 20px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;color: rgba(255,255,255,0.8);font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-cancel:hover[b-ze4905mmlj]{background: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.2);}}.btn-remove[b-ze4905mmlj]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px;background: rgba(239,68,68,0.15);border: 1px solid rgba(239,68,68,0.3);border-radius: 14px;color: #fca5a5;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-remove:hover[b-ze4905mmlj]{background: rgba(239,68,68,0.25);border-color: rgba(239,68,68,0.5);color: #fecaca;transform: translateY(-1px);}}.btn-remove:disabled[b-ze4905mmlj]{opacity: 0.5;cursor: not-allowed;transform: none;}.theme-games[b-ze4905mmlj]{border-color: rgba(16,185,129,0.25);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 60px rgba(16,185,129,0.15);}.theme-games .overlay-modal-header[b-ze4905mmlj]{background: linear-gradient(135deg,rgba(16,185,129,0.12) 0%,rgba(5,150,105,0.08) 100%);border-bottom-color: rgba(16,185,129,0.15);}.theme-games .confirm-dialog-text strong[b-ze4905mmlj]{color: var(--mxp-green-300);}.theme-games .btn-remove[b-ze4905mmlj]{background: rgba(16,185,129,0.15);border-color: rgba(16,185,129,0.2);color: var(--mxp-green-200);}@media (hover: hover) and (pointer: fine){.theme-games .btn-remove:hover[b-ze4905mmlj]{background: rgba(16,185,129,0.25);border-color: rgba(16,185,129,0.35);color: #a7f3d0;}}.theme-series[b-ze4905mmlj]{border-color: rgba(124,58,237,0.4);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 60px rgba(124,58,237,0.15);}.theme-series .overlay-modal-header[b-ze4905mmlj]{background: linear-gradient(135deg,rgba(124,58,237,0.12) 0%,rgba(109,40,217,0.08) 100%);border-bottom-color: rgba(124,58,237,0.15);}.theme-series .confirm-dialog-text strong[b-ze4905mmlj]{color: var(--mxp-purple-200);}.theme-series .btn-remove[b-ze4905mmlj]{background: rgba(124,58,237,0.15);border-color: rgba(124,58,237,0.3);color: var(--mxp-purple-100);}@media (hover: hover) and (pointer: fine){.theme-series .btn-remove:hover[b-ze4905mmlj]{background: rgba(124,58,237,0.25);border-color: rgba(124,58,237,0.5);color: #ddd6fe;}}.theme-movie[b-ze4905mmlj]{border-color: rgba(245,158,11,0.4);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 60px rgba(245,158,11,0.15);}.theme-movie .overlay-modal-header[b-ze4905mmlj]{background: linear-gradient(135deg,rgba(245,158,11,0.12) 0%,rgba(217,119,6,0.08) 100%);border-bottom-color: rgba(245,158,11,0.15);}.theme-movie .confirm-dialog-text strong[b-ze4905mmlj]{color: var(--mxp-amber-300);}.theme-movie .btn-remove[b-ze4905mmlj]{background: rgba(245,158,11,0.15);border-color: rgba(245,158,11,0.3);color: #fcd34d;}@media (hover: hover) and (pointer: fine){.theme-movie .btn-remove:hover[b-ze4905mmlj]{background: rgba(245,158,11,0.25);border-color: rgba(245,158,11,0.5);color: #fde68a;}} [b-0ctcagglt6] .mud-dialog.episode-detail-mud-dialog,[b-0ctcagglt6] .episode-detail-mud-dialog.mud-dialog{width: 94vw !important;max-width: 920px !important;max-height: 92vh !important;height: auto !important;margin: auto !important;padding: 0 !important;border-radius: 24px !important;background: transparent !important;background-color: transparent !important;box-shadow: none !important;border: none !important;overflow: hidden !important;}.episode-dialog-wrapper[b-0ctcagglt6]{width: 100%;height: 100%;overflow: hidden;position: relative;cursor: grab;user-select: none;}.episode-dialog-wrapper:active[b-0ctcagglt6]{cursor: grabbing;}.swipe-indicator[b-0ctcagglt6]{position: absolute;top: 0;bottom: 0;width: 60px;z-index: 100;pointer-events: none;opacity: 0;transition: opacity 0.2s ease;}.swipe-indicator-left[b-0ctcagglt6]{left: 0;background: linear-gradient(90deg,rgba(139,92,246,0.2) 0%,transparent 100%);border-radius: 24px 0 0 24px;}.swipe-indicator-right[b-0ctcagglt6]{right: 0;background: linear-gradient(-90deg,rgba(139,92,246,0.2) 0%,transparent 100%);border-radius: 0 24px 24px 0;}.swipe-indicator.active[b-0ctcagglt6]{opacity: 1;}.episode-dialog-wrapper.swiping-left .swipe-indicator-right[b-0ctcagglt6],.episode-dialog-wrapper.swiping-right .swipe-indicator-left[b-0ctcagglt6]{opacity: 1;}.episode-dialog-container[b-0ctcagglt6]{display: flex;flex-direction: column;width: 100%;height: 100%;max-height: 92vh;background: linear-gradient(145deg,rgba(17,24,39,0.98) 0%,rgba(31,41,55,0.98) 100%);border-radius: 24px;border: 1px solid rgba(255,255,255,0.08);box-shadow: 0 25px 60px rgba(0,0,0,0.6),0 0 60px var(--rating-glow,rgba(139,92,246,0.12));overflow: hidden;animation: dialogSlideUp-b-0ctcagglt6 0.35s cubic-bezier(0.22,1,0.36,1);transition: box-shadow 0.5s ease,background 0.5s ease;--rating-glow: rgba(139,92,246,0.12);}.episode-dialog-container.fade-out[b-0ctcagglt6]{opacity: 0;transition: opacity 0.15s ease;}.episode-dialog-container.rating-1[b-0ctcagglt6]{--rating-glow: rgba(168,85,247,0.15);background: linear-gradient(145deg,rgba(25,20,35,0.98) 0%,rgba(35,28,48,0.98) 100%);}.episode-dialog-container.rating-2[b-0ctcagglt6]{--rating-glow: rgba(139,92,246,0.15);background: linear-gradient(145deg,rgba(22,22,38,0.98) 0%,rgba(32,32,52,0.98) 100%);}.episode-dialog-container.rating-3[b-0ctcagglt6]{--rating-glow: rgba(99,102,241,0.15);background: linear-gradient(145deg,rgba(20,22,40,0.98) 0%,rgba(28,32,55,0.98) 100%);}.episode-dialog-container.rating-4[b-0ctcagglt6]{--rating-glow: rgba(59,130,246,0.15);background: linear-gradient(145deg,rgba(18,24,42,0.98) 0%,rgba(25,35,58,0.98) 100%);}.episode-dialog-container.rating-5[b-0ctcagglt6]{--rating-glow: rgba(6,182,212,0.15);background: linear-gradient(145deg,rgba(16,28,38,0.98) 0%,rgba(20,42,52,0.98) 100%);}.episode-dialog-container.rating-6[b-0ctcagglt6]{--rating-glow: rgba(20,184,166,0.15);background: linear-gradient(145deg,rgba(16,30,30,0.98) 0%,rgba(18,40,38,0.98) 100%);}.episode-dialog-container.rating-7[b-0ctcagglt6]{--rating-glow: rgba(34,197,94,0.15);background: linear-gradient(145deg,rgba(16,30,24,0.98) 0%,rgba(18,40,30,0.98) 100%);}.episode-dialog-container.rating-8[b-0ctcagglt6]{--rating-glow: rgba(52,211,153,0.15);background: linear-gradient(145deg,rgba(17,32,26,0.98) 0%,rgba(20,42,32,0.98) 100%);}@keyframes dialogSlideUp-b-0ctcagglt6{from{opacity: 0;transform: translateY(30px) scale(0.97);}to{opacity: 1;transform: translateY(0) scale(1);}}.episode-dialog-header[b-0ctcagglt6]{position: relative;height: 38vh;min-height: 260px;max-height: 380px;overflow: hidden;flex-shrink: 0;line-height: 0;}.episode-backdrop[b-0ctcagglt6]{display: block;width: 100%;height: 100%;object-fit: cover;filter: brightness(0.9);animation: backdropZoom-b-0ctcagglt6 0.5s ease-out;pointer-events: none;vertical-align: bottom;}@keyframes backdropZoom-b-0ctcagglt6{from{transform: scale(1.08);opacity: 0;}to{transform: scale(1);opacity: 1;}}.episode-backdrop-overlay[b-0ctcagglt6]{position: absolute;inset: 0;background: linear-gradient(180deg,transparent 0%,transparent 50%,rgba(17,24,39,0.85) 100%);pointer-events: none;}.episode-close-btn[b-0ctcagglt6]{position: absolute;top: 1rem;right: 1rem;z-index: 10;background: rgba(0,0,0,0.5);backdrop-filter: blur(10px);border-radius: 50%;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.25s ease;border: 1px solid rgba(255,255,255,0.15);}@media (hover: hover) and (pointer: fine){.episode-close-btn:hover[b-0ctcagglt6]{background: rgba(0,0,0,0.75);transform: rotate(90deg);}}[b-0ctcagglt6] .episode-close-btn .mud-icon-root{color: white;font-size: 22px;}.episode-title-section[b-0ctcagglt6]{position: absolute;bottom: 0;left: 0;right: 0;padding: 1.25rem 1.5rem;color: white;animation: fadeInUp-b-0ctcagglt6 0.4s ease-out 0.15s both;}@keyframes fadeInUp-b-0ctcagglt6{from{opacity: 0;transform: translateY(15px);}to{opacity: 1;transform: translateY(0);}}.episode-meta-row[b-0ctcagglt6]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;margin-bottom: 0.5rem;}.episode-number-badge[b-0ctcagglt6]{display: inline-flex;align-items: center;gap: 0.6rem;background: linear-gradient(135deg,var(--mxp-purple-500) 0%,#a855f7 100%);color: white;padding: 0.4rem 1.2rem;min-height: 24px;border-radius: 999px;font-size: 0.85rem;font-weight: 700;line-height: 1;letter-spacing: 0.03em;box-shadow: 0 4px 15px rgba(139,92,246,0.4);}.badge-separator[b-0ctcagglt6]{opacity: 0.5;}.episode-runtime-inline[b-0ctcagglt6],.episode-airdate-inline[b-0ctcagglt6]{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.35rem 0.7rem;background: rgba(255,255,255,0.1);backdrop-filter: blur(8px);border-radius: 16px;font-size: 0.72rem;font-weight: 500;color: rgba(255,255,255,0.75);}[b-0ctcagglt6] .episode-runtime-inline .mud-icon-root,[b-0ctcagglt6] .episode-airdate-inline .mud-icon-root{font-size: 14px;opacity: 0.8;}.episode-title[b-0ctcagglt6]{font-size: 1.5rem;font-weight: 700;line-height: 1.25;text-shadow: 0 2px 10px rgba(0,0,0,0.5);margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.nav-arrow[b-0ctcagglt6]{position: absolute;top: 50%;margin-top: -21px;z-index: 10;background: rgba(0,0,0,0.4);color: white;border: 1px solid rgba(255,255,255,0.12);border-radius: 50%;width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;cursor: pointer;backdrop-filter: blur(10px);transition: background 0.25s ease,border-color 0.25s ease,opacity 0.25s ease,box-shadow 0.25s ease;opacity: 0.6;}@media (hover: hover) and (pointer: fine){.nav-arrow:hover[b-0ctcagglt6]{background: rgba(139,92,246,0.6);border-color: rgba(139,92,246,0.4);opacity: 1;}}[b-0ctcagglt6] .nav-arrow .mud-icon-root{font-size: 24px;color: white;}.nav-arrow-left[b-0ctcagglt6]{left: 1rem;}.nav-arrow-right[b-0ctcagglt6]{right: 1rem;}.episode-dialog-content[b-0ctcagglt6]{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column;padding: 1.25rem 1.5rem 1.5rem;color: white;overflow-y: auto;gap: 1rem;-webkit-overflow-scrolling: touch;}.episode-dialog-content[b-0ctcagglt6]::-webkit-scrollbar{width: 6px;}.episode-dialog-content[b-0ctcagglt6]::-webkit-scrollbar-track{background: transparent;}.episode-dialog-content[b-0ctcagglt6]::-webkit-scrollbar-thumb{background: rgba(139,92,246,0.3);border-radius: 6px;}.episode-actions-row[b-0ctcagglt6]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;padding-bottom: 1rem;border-bottom: 1px solid rgba(255,255,255,0.08);}.watched-badge[b-0ctcagglt6]{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.6rem 1rem;background: rgba(16,185,129,0.15);border: 1px solid rgba(16,185,129,0.3);border-radius: 20px;font-weight: 600;font-size: 0.85rem;color: var(--mxp-green-500);cursor: pointer;transition: all 0.25s ease;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.watched-badge:hover[b-0ctcagglt6]{background: rgba(16,185,129,0.25);transform: scale(1.02);}}.watched-badge.checked[b-0ctcagglt6]{background: var(--mxp-green-500);border-color: var(--mxp-green-500);color: white;box-shadow: 0 4px 15px rgba(16,185,129,0.35);}.watched-badge.disabled[b-0ctcagglt6]{background: rgba(251,191,36,0.15);border-color: rgba(251,191,36,0.3);color: var(--mxp-amber-300);cursor: not-allowed;opacity: 0.85;}@media (hover: hover) and (pointer: fine){.watched-badge.disabled:hover[b-0ctcagglt6]{background: rgba(251,191,36,0.15);transform: none;}}[b-0ctcagglt6] .watched-badge .mud-icon-root{font-size: 18px;}.info-chips[b-0ctcagglt6]{display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap;flex: 1;}.info-chip[b-0ctcagglt6]{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0.85rem;background: rgba(139,92,246,0.12);border-radius: 16px;font-size: 0.85rem;font-weight: 600;color: rgba(255,255,255,0.9);border: 1px solid rgba(139,92,246,0.2);}[b-0ctcagglt6] .info-chip .mud-icon-root{font-size: 16px;color: var(--mxp-purple-500);}.info-chip.tmdb[b-0ctcagglt6]{background: rgba(251,191,36,0.12);border-color: rgba(251,191,36,0.25);}.info-chip.tmdb[b-0ctcagglt6] .mud-icon-root{color: var(--mxp-amber-300);}.info-chip.tmdb.no-rating[b-0ctcagglt6]{background: rgba(255,255,255,0.05);border-color: rgba(255,255,255,0.12);opacity: 0.6;}.info-chip.tmdb.no-rating[b-0ctcagglt6] .mud-icon-root{color: rgba(255,255,255,0.4);}.info-chip.tmdb.no-rating span[b-0ctcagglt6]{color: rgba(255,255,255,0.4);}.info-chip.date[b-0ctcagglt6]{background: rgba(236,72,153,0.12);border-color: rgba(236,72,153,0.2);}.info-chip.date[b-0ctcagglt6] .mud-icon-root{color: #ec4899;}.info-chip.rating-chip[b-0ctcagglt6]{position: relative;background: rgba(236,72,153,0.12);border-color: rgba(236,72,153,0.25);cursor: pointer;transition: all 0.25s ease;user-select: none;}@media (hover: hover) and (pointer: fine){.info-chip.rating-chip:hover[b-0ctcagglt6]{background: rgba(236,72,153,0.2);border-color: rgba(236,72,153,0.35);transform: scale(1.05);}}.info-chip.rating-chip.disabled[b-0ctcagglt6]{opacity: 0.5;cursor: not-allowed;}@media (hover: hover) and (pointer: fine){.info-chip.rating-chip.disabled:hover[b-0ctcagglt6]{background: rgba(236,72,153,0.12);transform: none;}}.rating-emoji[b-0ctcagglt6]{font-size: 1rem;}.rating-chip-value[b-0ctcagglt6]{font-weight: 700;min-width: 22px;text-align: center;}.rating-chip-1[b-0ctcagglt6]{background: rgba(168,85,247,0.15);border-color: rgba(168,85,247,0.3);}.rating-chip-2[b-0ctcagglt6]{background: rgba(139,92,246,0.15);border-color: rgba(139,92,246,0.3);}.rating-chip-3[b-0ctcagglt6]{background: rgba(99,102,241,0.15);border-color: rgba(99,102,241,0.3);}.rating-chip-4[b-0ctcagglt6]{background: rgba(59,130,246,0.15);border-color: rgba(59,130,246,0.3);}.rating-chip-5[b-0ctcagglt6]{background: rgba(6,182,212,0.15);border-color: rgba(6,182,212,0.3);}.rating-chip-6[b-0ctcagglt6]{background: rgba(20,184,166,0.15);border-color: rgba(20,184,166,0.3);}.rating-chip-7[b-0ctcagglt6]{background: rgba(34,197,94,0.15);border-color: rgba(34,197,94,0.3);}.rating-chip-8[b-0ctcagglt6]{background: rgba(52,211,153,0.15);border-color: rgba(52,211,153,0.3);}.rating-slider-chip[b-0ctcagglt6]{display: inline-flex;align-items: center;padding: 0.5rem 1rem;background: rgba(26,11,46,0.5);border-radius: 16px;border: 1px solid rgba(88,28,135,0.25);flex: 1;width: 100%;animation: slideIn-b-0ctcagglt6 0.2s ease-out;transition: background 0.5s ease,border-color 0.5s ease;}.desktop-slider[b-0ctcagglt6]{display: flex !important;}.mobile-slider[b-0ctcagglt6]{display: none !important;}.rating-1 .rating-slider-chip[b-0ctcagglt6]{background: rgba(168,85,247,0.08);border-color: rgba(168,85,247,0.25);}.rating-2 .rating-slider-chip[b-0ctcagglt6]{background: rgba(139,92,246,0.08);border-color: rgba(139,92,246,0.25);}.rating-3 .rating-slider-chip[b-0ctcagglt6]{background: rgba(99,102,241,0.08);border-color: rgba(99,102,241,0.25);}.rating-4 .rating-slider-chip[b-0ctcagglt6]{background: rgba(59,130,246,0.08);border-color: rgba(59,130,246,0.25);}.rating-5 .rating-slider-chip[b-0ctcagglt6]{background: rgba(6,182,212,0.08);border-color: rgba(6,182,212,0.25);}.rating-6 .rating-slider-chip[b-0ctcagglt6]{background: rgba(20,184,166,0.08);border-color: rgba(20,184,166,0.25);}.rating-7 .rating-slider-chip[b-0ctcagglt6]{background: rgba(34,197,94,0.08);border-color: rgba(34,197,94,0.25);}.rating-8 .rating-slider-chip[b-0ctcagglt6]{background: rgba(52,211,153,0.08);border-color: rgba(52,211,153,0.25);}@keyframes slideIn-b-0ctcagglt6{from{opacity: 0;transform: translateX(-10px);}to{opacity: 1;transform: translateX(0);}}.slider-container[b-0ctcagglt6]{position: relative;width: 100%;padding: 0.3rem 0;}.slider-track[b-0ctcagglt6]{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 6px;background: rgba(255,255,255,0.08);border-radius: 3px;pointer-events: none;}.slider-fill[b-0ctcagglt6]{position: absolute;left: 0;top: 0;height: 100%;border-radius: 3px;transition: width 0.15s ease,background 0.3s ease;pointer-events: none;}.slider-fill.fill-1[b-0ctcagglt6]{background: linear-gradient(90deg,#a855f7,#9333ea);}.slider-fill.fill-2[b-0ctcagglt6]{background: linear-gradient(90deg,var(--mxp-purple-500),var(--mxp-purple-600));}.slider-fill.fill-3[b-0ctcagglt6]{background: linear-gradient(90deg,#6366f1,#4f46e5);}.slider-fill.fill-4[b-0ctcagglt6]{background: linear-gradient(90deg,#3b82f6,#2563eb);}.slider-fill.fill-5[b-0ctcagglt6]{background: linear-gradient(90deg,#06b6d4,#0891b2);}.slider-fill.fill-6[b-0ctcagglt6]{background: linear-gradient(90deg,#14b8a6,#0d9488);}.slider-fill.fill-7[b-0ctcagglt6]{background: linear-gradient(90deg,#22c55e,#16a34a);}.slider-fill.fill-8[b-0ctcagglt6]{background: linear-gradient(90deg,var(--mxp-green-300),var(--mxp-green-500));}.rating-slider[b-0ctcagglt6]{position: relative;width: 100%;height: 20px;background: transparent;cursor: pointer;-webkit-appearance: none;appearance: none;z-index: 2;}.rating-slider[b-0ctcagglt6]::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 18px;height: 18px;background: white;border-radius: 50%;cursor: grab;box-shadow: 0 2px 8px rgba(0,0,0,0.3);transition: transform 0.15s ease,box-shadow 0.15s ease;}.rating-slider[b-0ctcagglt6]::-webkit-slider-thumb:active{cursor: grabbing;transform: scale(1.15);box-shadow: 0 4px 12px rgba(0,0,0,0.4);}.rating-slider[b-0ctcagglt6]::-moz-range-thumb{width: 18px;height: 18px;background: white;border: none;border-radius: 50%;cursor: grab;box-shadow: 0 2px 8px rgba(0,0,0,0.3);transition: transform 0.15s ease,box-shadow 0.15s ease;}.rating-slider[b-0ctcagglt6]::-moz-range-thumb:active{cursor: grabbing;transform: scale(1.15);box-shadow: 0 4px 12px rgba(0,0,0,0.4);}@keyframes tooltipFadeIn-b-0ctcagglt6{from{opacity: 0;transform: translateY(8px) scale(0.95);}to{opacity: 1;transform: translateY(0) scale(1);}}.synopsis-section[b-0ctcagglt6]{flex: 1;overflow-y: auto;padding-right: 0.5rem;}.synopsis-section[b-0ctcagglt6]::-webkit-scrollbar{width: 4px;}.synopsis-section[b-0ctcagglt6]::-webkit-scrollbar-thumb{background: rgba(139,92,246,0.25);border-radius: 4px;}.synopsis-text[b-0ctcagglt6]{font-size: 0.9rem;line-height: 1.65;color: rgba(255,255,255,0.75);margin: 0;}.synopsis-text.no-synopsis[b-0ctcagglt6]{color: rgba(255,255,255,0.35);font-style: italic;}@media (max-width: 768px){[b-0ctcagglt6] .mud-dialog.episode-detail-mud-dialog,[b-0ctcagglt6] .episode-detail-mud-dialog.mud-dialog{width: 96vw !important;max-width: none !important;border-radius: 20px !important;}.episode-dialog-container[b-0ctcagglt6]{border-radius: 20px;}.swipe-indicator-left[b-0ctcagglt6]{border-radius: 20px 0 0 20px;}.swipe-indicator-right[b-0ctcagglt6]{border-radius: 0 20px 20px 0;}.episode-dialog-header[b-0ctcagglt6]{height: 240px;min-height: 200px;max-height: 260px;}.episode-title[b-0ctcagglt6]{font-size: 1.35rem;}.episode-meta-row[b-0ctcagglt6]{gap: 0.5rem;}.nav-arrow[b-0ctcagglt6]{width: 38px;height: 38px;opacity: 0.5;}[b-0ctcagglt6] .nav-arrow .mud-icon-root{font-size: 20px;}}@media (max-width: 600px){[b-0ctcagglt6] .mud-dialog.episode-detail-mud-dialog,[b-0ctcagglt6] .episode-detail-mud-dialog.mud-dialog{width: 100vw !important;max-width: 100vw !important;height: auto !important;max-height: 100dvh !important;margin: 0 !important;border-radius: 0 !important;}.desktop-slider[b-0ctcagglt6]{display: none !important;}.mobile-slider[b-0ctcagglt6]{display: flex !important;width: 100%;margin-bottom: 0.75rem;padding: 0.75rem 1rem;}.info-chips[b-0ctcagglt6]{flex-direction: row;align-items: center;flex-wrap: wrap;}.episode-dialog-container[b-0ctcagglt6]{border-radius: 0;max-height: 100dvh;}.swipe-indicator[b-0ctcagglt6]{width: 40px;}.swipe-indicator-left[b-0ctcagglt6],.swipe-indicator-right[b-0ctcagglt6]{border-radius: 0;}.episode-dialog-header[b-0ctcagglt6]{height: 220px;min-height: 180px;max-height: 220px;}.episode-title-section[b-0ctcagglt6]{padding: 0.75rem 1rem;}.episode-meta-row[b-0ctcagglt6]{gap: 0.4rem;margin-bottom: 0.35rem;}.episode-number-badge[b-0ctcagglt6]{padding: 0.3rem 0.7rem;font-size: 0.7rem;}.episode-runtime-inline[b-0ctcagglt6],.episode-airdate-inline[b-0ctcagglt6]{padding: 0.25rem 0.55rem;font-size: 0.65rem;}[b-0ctcagglt6] .episode-runtime-inline .mud-icon-root,[b-0ctcagglt6] .episode-airdate-inline .mud-icon-root{font-size: 12px;}.episode-title[b-0ctcagglt6]{font-size: 1.1rem;}.episode-close-btn[b-0ctcagglt6]{width: 40px;height: 40px;top: 0.75rem;right: 0.75rem;}.nav-arrow[b-0ctcagglt6]{width: 34px;height: 34px;opacity: 0.4;}.nav-arrow-left[b-0ctcagglt6]{left: 0.75rem;}.nav-arrow-right[b-0ctcagglt6]{right: 0.75rem;}[b-0ctcagglt6] .nav-arrow .mud-icon-root{font-size: 18px;}.episode-dialog-content[b-0ctcagglt6]{flex: 1;padding: 0.75rem 1rem 1rem;gap: 0.75rem;overflow-y: auto;}.episode-actions-row[b-0ctcagglt6]{gap: 0.5rem;padding-bottom: 0.75rem;}.watched-badge[b-0ctcagglt6]{padding: 0.5rem 0.85rem;font-size: 0.8rem;}.info-chip[b-0ctcagglt6]{padding: 0.4rem 0.6rem;font-size: 0.78rem;gap: 0.3rem;border-radius: 12px;}[b-0ctcagglt6] .info-chip .mud-icon-root{font-size: 14px;}.synopsis-section[b-0ctcagglt6]{flex: 1;max-height: none;}.synopsis-text[b-0ctcagglt6]{font-size: 0.85rem;}}@media (max-width: 960px) and (orientation: landscape){.episode-dialog-header[b-0ctcagglt6]{height: 35vh;min-height: 120px;}.episode-title-section[b-0ctcagglt6]{padding: 0.6rem 1rem;}.episode-title[b-0ctcagglt6]{font-size: 1rem;-webkit-line-clamp: 1;}.episode-dialog-content[b-0ctcagglt6]{flex-direction: row;flex-wrap: wrap;gap: 0.6rem;padding: 0.6rem 1rem;}.episode-actions-row[b-0ctcagglt6]{flex: 1 1 auto;padding-bottom: 0;border-bottom: none;}.synopsis-section[b-0ctcagglt6]{flex: 1 1 100%;max-height: none;}}@media (max-width: 380px){.episode-dialog-header[b-0ctcagglt6]{height: 200px;min-height: 170px;max-height: 200px;}.episode-title[b-0ctcagglt6]{font-size: 1rem;}.episode-meta-row[b-0ctcagglt6]{gap: 0.35rem;}.episode-runtime-inline[b-0ctcagglt6],.episode-airdate-inline[b-0ctcagglt6]{padding: 0.2rem 0.45rem;font-size: 0.6rem;}.episode-dialog-content[b-0ctcagglt6]{padding: 0.65rem 0.85rem;gap: 0.65rem;}.watched-badge[b-0ctcagglt6]{padding: 0.45rem 0.75rem;font-size: 0.75rem;}.info-chip[b-0ctcagglt6]{padding: 0.35rem 0.5rem;font-size: 0.72rem;}.synopsis-section[b-0ctcagglt6]{flex: 1;max-height: none;}.synopsis-text[b-0ctcagglt6]{font-size: 0.8rem;}.nav-arrow[b-0ctcagglt6]{width: 30px;height: 30px;}.nav-arrow-left[b-0ctcagglt6]{left: 0.5rem;}.nav-arrow-right[b-0ctcagglt6]{right: 0.5rem;}}@media (min-width: 1025px){.episode-dialog-header[b-0ctcagglt6]{height: 42vh;min-height: 320px;max-height: 420px;}.episode-title[b-0ctcagglt6]{font-size: 1.75rem;}.episode-meta-row[b-0ctcagglt6]{gap: 1rem;}.episode-number-badge[b-0ctcagglt6]{padding: 0.5rem 1.1rem;font-size: 0.8rem;}.episode-runtime-inline[b-0ctcagglt6],.episode-airdate-inline[b-0ctcagglt6]{padding: 0.4rem 0.85rem;font-size: 0.78rem;}.nav-arrow[b-0ctcagglt6]{width: 48px;height: 48px;}[b-0ctcagglt6] .nav-arrow .mud-icon-root{font-size: 28px;}.episode-dialog-content[b-0ctcagglt6]{padding: 1.5rem 2rem;gap: 1.25rem;}}@media (min-width: 1920px){[b-0ctcagglt6] .mud-dialog.episode-detail-mud-dialog,[b-0ctcagglt6] .episode-detail-mud-dialog.mud-dialog{max-width: 1100px !important;}.episode-dialog-header[b-0ctcagglt6]{height: 52vh;min-height: 450px;max-height: 700px;}.episode-title[b-0ctcagglt6]{font-size: 2rem;}.episode-backdrop[b-0ctcagglt6]{filter: brightness(1);}.episode-backdrop-overlay[b-0ctcagglt6]{background: linear-gradient(180deg,transparent 0%,transparent 60%,rgba(17,24,39,0.8) 100%);}} @keyframes overlay-modal-fade-in-b-1sp2xxela5{from{opacity: 0;}to{opacity: 1;}}@keyframes overlay-modal-slide-in-b-1sp2xxela5{from{opacity: 0;transform: translateY(-30px) scale(0.95);}to{opacity: 1;transform: translateY(0) scale(1);}}.fullscreen-overlay[b-1sp2xxela5]{position: fixed;inset: 0;background: rgba(3,7,18,0.92);backdrop-filter: blur(16px);display: flex;align-items: center;justify-content: center;z-index: 10000;padding: 20px;animation: overlay-modal-fade-in-b-1sp2xxela5 0.3s ease-out;}.overlay-modal[b-1sp2xxela5]{background: linear-gradient(145deg,rgba(20,30,48,0.98) 0%,rgba(15,23,42,0.98) 100%);border-radius: 24px;border: 2px solid rgba(255,255,255,0.1);box-shadow: 0 30px 90px rgba(0,0,0,0.7),inset 0 1px 0 rgba(255,255,255,0.1);max-width: 550px;width: 100%;overflow: hidden;animation: overlay-modal-slide-in-b-1sp2xxela5 0.3s ease-out;}.overlay-modal-header[b-1sp2xxela5]{display: flex;align-items: center;justify-content: space-between;padding: 1.5rem 1.75rem;border-bottom: 1px solid rgba(255,255,255,0.08);}.modal-title-group[b-1sp2xxela5]{display: flex;align-items: center;gap: 1rem;flex: 1;}.modal-emoji[b-1sp2xxela5]{font-size: 2rem;}.modal-title[b-1sp2xxela5]{font-size: 1.2rem;font-weight: 800;color: white;letter-spacing: -0.3px;line-height: 1.2;}.modal-subtitle[b-1sp2xxela5]{font-size: 0.8rem;color: rgba(255,255,255,0.5);font-weight: 500;margin-top: 0.2rem;}[b-1sp2xxela5] .close-editor-btn,[b-1sp2xxela5] .close-watched-btn{background: rgba(255,255,255,0.06) !important;color: rgba(255,255,255,0.5) !important;border-radius: 10px !important;transition: all 0.2s ease !important;}@media (hover: hover) and (pointer: fine){[b-1sp2xxela5] .close-editor-btn:hover,[b-1sp2xxela5] .close-watched-btn:hover{background: rgba(255,255,255,0.1) !important;color: rgba(255,255,255,0.8) !important;transform: rotate(90deg) !important;}}.overlay-modal-body[b-1sp2xxela5]{padding: 2rem 1.75rem;text-align: center;}.remove-modal-actions[b-1sp2xxela5]{display: flex;gap: 12px;padding: 16px 24px 24px;border-top: 1px solid rgba(255,255,255,0.06);} @keyframes preview-modal-fade-in-b-5js990x3mm{from{opacity: 0;}to{opacity: 1;}}@keyframes preview-modal-slide-in-b-5js990x3mm{from{opacity: 0;transform: translateY(-30px) scale(0.95);}to{opacity: 1;transform: translateY(0) scale(1);}}.preview-overlay[b-5js990x3mm]{position: fixed;inset: 0;background: rgba(0,0,0,0.92);backdrop-filter: blur(16px);display: flex;align-items: center;justify-content: center;z-index: 10000;padding: 16px;animation: preview-modal-fade-in-b-5js990x3mm 0.25s ease;}.preview-modal[b-5js990x3mm]{position: relative;width: 100%;max-width: 800px;max-height: 90vh;border-radius: 24px;overflow: hidden;animation: preview-modal-slide-in-b-5js990x3mm 0.35s cubic-bezier(0.34,1.56,0.64,1);display: flex;flex-direction: column;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);background: linear-gradient(145deg,rgba(15,23,42,0.98) 0%,rgba(15,23,42,0.98) 100%);box-shadow: 0 30px 80px rgba(0,0,0,0.6);border: 1px solid rgba(255,255,255,0.08);}.preview-close-btn[b-5js990x3mm]{position: absolute;top: 12px;right: 12px;width: 36px;height: 36px;border-radius: 50%;background: rgba(0,0,0,0.5);border: 1px solid rgba(255,255,255,0.15);color: white;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.preview-close-btn:hover[b-5js990x3mm]{background: rgba(239,68,68,0.4);border-color: rgba(239,68,68,0.5);transform: rotate(90deg);}}.preview-loading[b-5js990x3mm]{display: flex;align-items: center;justify-content: center;min-height: 300px;}.preview-footer[b-5js990x3mm]{padding: 1.25rem 2rem;background: rgba(15,23,42,0.6);border-top: 1px solid rgba(255,255,255,0.05);} .required-session-overlay[b-1kta7lem95]{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(6,8,20,0.88);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);display: flex;align-items: center;justify-content: center;z-index: 99999;animation: overlayFadeIn-b-1kta7lem95 0.3s ease-out;padding: 1rem;}.required-session-modal[b-1kta7lem95]{position: relative;background: linear-gradient(160deg,rgba(20,24,48,0.97),rgba(12,16,32,0.98));border: 1px solid rgba(139,92,246,0.3);border-radius: 24px;padding: 2.5rem 2.5rem 2rem;max-width: 520px;width: 100%;box-shadow: 0 32px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(139,92,246,0.1) inset,0 0 100px rgba(139,92,246,0.08);animation: modalSlideUp-b-1kta7lem95 0.4s cubic-bezier(0.16,1,0.3,1);overflow: hidden;}.modal-close-btn[b-1kta7lem95]{position: absolute;top: 1rem;right: 1rem;width: 36px;height: 36px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.1);background: rgba(255,255,255,0.05);color: rgba(255,255,255,0.5);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;z-index: 10;padding: 0;}@media (hover: hover) and (pointer: fine){.modal-close-btn:hover[b-1kta7lem95]{background: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.2);color: rgba(255,255,255,0.8);transform: scale(1.1);}}.slides-container[b-1kta7lem95]{position: relative;min-height: 220px;margin-bottom: 1.5rem;}.slide[b-1kta7lem95]{position: absolute;top: 0;left: 0;right: 0;opacity: 0;transform: translateY(8px);transition: opacity 0.6s ease,transform 0.6s ease;pointer-events: none;text-align: center;padding: 0.5rem 1rem;}.slide.active[b-1kta7lem95]{opacity: 1;transform: translateY(0);pointer-events: auto;}.slide-icon[b-1kta7lem95]{font-size: 3.5rem;margin-bottom: 1.25rem;filter: drop-shadow(0 4px 20px rgba(139,92,246,0.3));line-height: 1.2;letter-spacing: 0.15em;}.slide-title[b-1kta7lem95]{font-size: 1.6rem;font-weight: 700;color: var(--mxp-slate-100);margin-bottom: 0.75rem;letter-spacing: -0.02em;line-height: 1.3;text-shadow: 0 2px 12px rgba(139,92,246,0.2);}.slide-description[b-1kta7lem95]{font-size: 1rem;color: var(--mxp-slate-400);line-height: 1.65;max-width: 380px;margin: 0 auto;}.slide-dots[b-1kta7lem95]{display: flex;justify-content: center;gap: 0.5rem;margin-bottom: 2rem;}.dot[b-1kta7lem95]{width: 8px;height: 8px;border-radius: 50%;border: none;background: rgba(139,92,246,0.2);cursor: pointer;transition: all 0.3s ease;padding: 0;}.dot.active[b-1kta7lem95]{background: var(--mxp-purple-500);box-shadow: 0 0 12px rgba(139,92,246,0.5);width: 24px;border-radius: 4px;}@media (hover: hover) and (pointer: fine){.dot:hover:not(.active)[b-1kta7lem95]{background: rgba(139,92,246,0.4);}}.modal-actions[b-1kta7lem95]{display: flex;flex-direction: column;gap: 0.75rem;}.modal-actions button[b-1kta7lem95]{width: 100%;padding: 0.9rem 1.5rem;border-radius: 14px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);border: none;letter-spacing: -0.01em;}.btn-register[b-1kta7lem95]{background: linear-gradient(135deg,var(--mxp-purple-500) 0%,var(--mxp-purple-600) 50%,#6d28d9 100%);color: #ffffff;box-shadow: 0 4px 20px rgba(139,92,246,0.35),0 0 0 1px rgba(167,139,250,0.3) inset;text-shadow: 0 1px 2px rgba(0,0,0,0.15);}@media (hover: hover) and (pointer: fine){.btn-register:hover[b-1kta7lem95]{background: linear-gradient(135deg,#9966ff 0%,var(--mxp-purple-500) 50%,var(--mxp-purple-600) 100%);box-shadow: 0 8px 32px rgba(139,92,246,0.45),0 0 0 1px rgba(167,139,250,0.5) inset;transform: translateY(-2px);}}.btn-register:active[b-1kta7lem95]{transform: translateY(-1px);}.btn-login[b-1kta7lem95]{background: rgba(139,92,246,0.08);border: 1px solid rgba(139,92,246,0.25) !important;color: var(--mxp-purple-100);}@media (hover: hover) and (pointer: fine){.btn-login:hover[b-1kta7lem95]{background: rgba(139,92,246,0.15);border-color: rgba(139,92,246,0.45) !important;color: #ddd6fe;transform: translateY(-1px);}}.btn-login:active[b-1kta7lem95]{transform: translateY(0);}@keyframes overlayFadeIn-b-1kta7lem95{from{opacity: 0;}to{opacity: 1;}}@keyframes modalSlideUp-b-1kta7lem95{from{opacity: 0;transform: translateY(30px) scale(0.97);}to{opacity: 1;transform: translateY(0) scale(1);}}@media (max-width: 600px){.required-session-modal[b-1kta7lem95]{padding: 2rem 1.5rem 1.5rem;border-radius: 20px;max-width: 95%;}.slides-container[b-1kta7lem95]{min-height: 200px;}.slide-icon[b-1kta7lem95]{font-size: 2.75rem;}.slide-title[b-1kta7lem95]{font-size: 1.35rem;}.slide-description[b-1kta7lem95]{font-size: 0.9rem;}.modal-actions button[b-1kta7lem95]{padding: 0.8rem 1.25rem;font-size: 0.95rem;}} .calendar-overlay[b-o7fsq6vt55]{--cal-primary: 139,92,246;--cal-primary-light: 167,139,250;--cal-primary-dark: 124,58,237;--cal-glow: rgba(139,92,246,0.15);position: fixed;inset: 0;background: rgba(3,7,18,0.92);backdrop-filter: blur(6px);display: flex;align-items: center;justify-content: center;z-index: 10000;padding: 20px;animation: overlayFadeIn-b-o7fsq6vt55 0.3s ease-out;}.calendar-overlay.theme-games[b-o7fsq6vt55]{--cal-primary: 16,185,129;--cal-primary-light: 52,211,153;--cal-primary-dark: 5,150,105;--cal-glow: rgba(16,185,129,0.15);}@keyframes overlayFadeIn-b-o7fsq6vt55{from{opacity: 0;}to{opacity: 1;}}.calendar-modal[b-o7fsq6vt55]{background: linear-gradient(145deg,rgba(30,41,59,0.95) 0%,rgba(15,23,42,0.98) 100%);border-radius: 20px;box-shadow: 0 25px 80px rgba(0,0,0,0.6),0 0 80px var(--cal-glow),inset 0 1px 0 rgba(255,255,255,0.1);border: 2px solid rgba(var(--cal-primary),0.25);max-width: 480px;width: 100%;overflow: hidden;animation: modalSlideIn-b-o7fsq6vt55 0.4s cubic-bezier(0.34,1.56,0.64,1);}@keyframes modalSlideIn-b-o7fsq6vt55{from{opacity: 0;transform: translateY(-40px) scale(0.9);}to{opacity: 1;transform: translateY(0) scale(1);}}.calendar-modal-header[b-o7fsq6vt55]{display: flex;align-items: center;justify-content: space-between;padding: 1rem 1.25rem;background: linear-gradient(135deg,rgba(var(--cal-primary),0.08) 0%,rgba(var(--cal-primary-dark),0.05) 100%);border-bottom: 1px solid rgba(var(--cal-primary),0.2);}.calendar-tabs[b-o7fsq6vt55]{display: flex;gap: 0.5rem;}.calendar-tab[b-o7fsq6vt55]{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;border-radius: 10px;background: rgba(30,41,59,0.5);border: 1px solid rgba(var(--cal-primary),0.15);color: rgba(148,163,184,0.9);font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.calendar-tab:hover[b-o7fsq6vt55]{background: rgba(var(--cal-primary),0.15);border-color: rgba(var(--cal-primary),0.3);}}.calendar-tab.active[b-o7fsq6vt55]{background: linear-gradient(135deg,rgba(var(--cal-primary),0.25),rgba(var(--cal-primary-dark),0.2));border-color: rgba(var(--cal-primary),0.5);color: white;}[b-o7fsq6vt55] .calendar-close-btn{background: rgba(var(--cal-primary),0.1) !important;color: rgba(var(--cal-primary-light),0.9) !important;border-radius: 10px !important;transition: all 0.2s ease !important;}@media (hover: hover) and (pointer: fine){[b-o7fsq6vt55] .calendar-close-btn:hover{background: rgba(var(--cal-primary),0.2) !important;color: rgb(var(--cal-primary-light)) !important;transform: rotate(90deg) !important;}}.calendar-modal-body[b-o7fsq6vt55]{padding: 1.25rem;}.calendar-navigation[b-o7fsq6vt55]{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;gap: 1rem;}.calendar-nav-btn[b-o7fsq6vt55]{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 8px;background: rgba(var(--cal-primary),0.1);border: 1px solid rgba(var(--cal-primary),0.2);color: rgba(var(--cal-primary-light),0.9);cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.calendar-nav-btn:hover:not(:disabled)[b-o7fsq6vt55]{background: rgba(var(--cal-primary),0.2);transform: scale(1.1);box-shadow: 0 4px 12px rgba(var(--cal-primary),0.3);}}.calendar-nav-btn:disabled[b-o7fsq6vt55]{opacity: 0.3;cursor: not-allowed;}.calendar-month-year[b-o7fsq6vt55]{font-size: 1rem;font-weight: 700;color: white;text-transform: capitalize;}.calendar-weekdays[b-o7fsq6vt55]{display: grid;grid-template-columns: repeat(7,1fr);gap: 0.375rem;margin-bottom: 0.5rem;}.calendar-weekday[b-o7fsq6vt55]{text-align: center;font-size: 0.75rem;font-weight: 600;color: rgba(var(--cal-primary-light),0.7);padding: 0.375rem 0;}.calendar-days[b-o7fsq6vt55]{display: grid;grid-template-columns: repeat(7,1fr);gap: 0.375rem;}.calendar-day[b-o7fsq6vt55]{aspect-ratio: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 8px;background: rgba(30,41,59,0.4);border: 1px solid rgba(var(--cal-primary),0.1);cursor: pointer;transition: all 0.2s ease;position: relative;padding: 0.375rem;min-height: 40px;}.calendar-day:disabled[b-o7fsq6vt55]{opacity: 0.3;cursor: not-allowed;}@media (hover: hover) and (pointer: fine){.calendar-day:disabled:hover[b-o7fsq6vt55]{transform: none;background: rgba(30,41,59,0.4);border-color: rgba(var(--cal-primary),0.1);}}.calendar-day.other-month[b-o7fsq6vt55]{opacity: 0.4;}.calendar-day.today[b-o7fsq6vt55]{background: rgba(30,41,59,0.4);border-color: rgba(var(--cal-primary),0.1);}.calendar-day.today-selected[b-o7fsq6vt55]{border-color: rgba(34,197,94,0.7) !important;background: rgba(34,197,94,0.2) !important;box-shadow: 0 0 16px rgba(34,197,94,0.4) !important;}.calendar-day.selected:not(.today-selected)[b-o7fsq6vt55]{background: linear-gradient(135deg,rgba(var(--cal-primary-dark),0.4),rgba(var(--cal-primary-light),0.4));border-color: rgba(var(--cal-primary-dark),0.8);box-shadow: 0 0 16px rgba(var(--cal-primary-dark),0.5);}@media (hover: hover) and (pointer: fine){.calendar-day.has-activity:not(:disabled):hover[b-o7fsq6vt55]{transform: translateY(-3px);background: rgba(var(--cal-primary),0.25);border-color: rgba(var(--cal-primary),0.5);box-shadow: 0 8px 20px rgba(var(--cal-primary),0.3);}}.calendar-day.has-activity:not(:disabled):hover .calendar-day-tooltip[b-o7fsq6vt55]{opacity: 1;pointer-events: auto;transform: translateX(-50%) translateY(0);}.calendar-day-number[b-o7fsq6vt55]{font-size: 0.85rem;font-weight: 600;color: white;line-height: 1;}.calendar-day-dot[b-o7fsq6vt55]{position: absolute;bottom: 4px;width: 5px;height: 5px;border-radius: 50%;background: linear-gradient(135deg,rgb(var(--cal-primary-dark)),rgb(var(--cal-primary-light)));box-shadow: 0 0 6px rgba(var(--cal-primary-dark),0.8);}.calendar-day-dot.today-dot[b-o7fsq6vt55]{background: linear-gradient(135deg,#22c55e,#4ade80);box-shadow: 0 0 8px rgba(34,197,94,0.9);}.calendar-day-tooltip[b-o7fsq6vt55]{position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%) translateY(5px);background: rgba(15,23,42,0.95);border: 1px solid rgba(var(--cal-primary),0.4);border-radius: 8px;padding: 0.375rem 0.625rem;font-size: 0.7rem;font-weight: 600;color: white;white-space: nowrap;opacity: 0;pointer-events: none;transition: all 0.2s ease;z-index: 10;box-shadow: 0 4px 16px rgba(0,0,0,0.4);}.calendar-day-tooltip[b-o7fsq6vt55]::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top-color: rgba(var(--cal-primary),0.4);}.calendar-modal-footer[b-o7fsq6vt55]{display: flex;gap: 1rem;padding: 1rem 1.25rem;background: rgba(15,23,42,0.5);border-top: 1px solid rgba(var(--cal-primary),0.1);}.calendar-action-btn[b-o7fsq6vt55]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.625rem 1.25rem;border-radius: 10px;font-weight: 700;font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.5px;cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);border: none;}.calendar-action-btn.secondary[b-o7fsq6vt55]{background: rgba(var(--cal-primary),0.1);color: rgba(var(--cal-primary-light),0.9);border: 1px solid rgba(var(--cal-primary),0.3);}@media (hover: hover) and (pointer: fine){.calendar-action-btn.secondary:hover[b-o7fsq6vt55]{background: rgba(var(--cal-primary),0.2);transform: translateY(-2px);box-shadow: 0 4px 16px rgba(var(--cal-primary),0.3);}}.calendar-stats-body[b-o7fsq6vt55]{padding: 1.25rem;}.selected-day-header[b-o7fsq6vt55]{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 1rem;}.selected-day-badge[b-o7fsq6vt55]{padding: 0.375rem 0.75rem;border-radius: 8px;background: linear-gradient(135deg,rgba(var(--cal-primary),0.25),rgba(var(--cal-primary-dark),0.2));border: 1px solid rgba(var(--cal-primary),0.4);font-size: 0.8rem;font-weight: 700;color: white;text-transform: capitalize;}.selected-day-badge.today[b-o7fsq6vt55]{background: linear-gradient(135deg,rgba(34,197,94,0.25),rgba(22,163,74,0.2));border-color: rgba(34,197,94,0.4);}.selected-day-date[b-o7fsq6vt55]{font-size: 0.85rem;font-weight: 600;color: rgba(148,163,184,0.9);}.day-stats-highlight[b-o7fsq6vt55]{display: flex;align-items: center;gap: 1rem;padding: 1.25rem;border-radius: 14px;background: linear-gradient(135deg,rgba(var(--cal-primary),0.15),rgba(var(--cal-primary-dark),0.1));border: 1px solid rgba(var(--cal-primary),0.3);margin-bottom: 1rem;}.highlight-icon[b-o7fsq6vt55]{font-size: 2rem;line-height: 1;}.highlight-info[b-o7fsq6vt55]{display: flex;flex-direction: column;gap: 0.125rem;}.highlight-value[b-o7fsq6vt55]{font-size: 2rem;font-weight: 800;color: white;line-height: 1;}.highlight-label[b-o7fsq6vt55]{font-size: 0.8rem;font-weight: 600;color: rgba(148,163,184,0.9);}.day-stats-grid[b-o7fsq6vt55]{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.75rem;margin-bottom: 1rem;}.day-stat-card[b-o7fsq6vt55]{display: flex;align-items: center;gap: 0.75rem;padding: 0.875rem;border-radius: 12px;background: rgba(30,41,59,0.6);border: 1px solid rgba(var(--cal-primary),0.15);transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.day-stat-card:hover[b-o7fsq6vt55]{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0,0,0,0.25);}}.day-stat-card.ranking[b-o7fsq6vt55]{background: linear-gradient(135deg,rgba(234,179,8,0.12),rgba(202,138,4,0.08));border-color: rgba(234,179,8,0.25);}.day-stat-card.percentile[b-o7fsq6vt55]{background: linear-gradient(135deg,rgba(34,197,94,0.12),rgba(22,163,74,0.08));border-color: rgba(34,197,94,0.25);}.day-stat-icon[b-o7fsq6vt55]{font-size: 1.25rem;line-height: 1;}.day-stat-info[b-o7fsq6vt55]{display: flex;flex-direction: column;gap: 0.125rem;}.day-stat-value[b-o7fsq6vt55]{font-size: 1.1rem;font-weight: 800;color: white;line-height: 1;}.day-stat-label[b-o7fsq6vt55]{font-size: 0.65rem;font-weight: 600;color: rgba(148,163,184,0.8);}.day-achievement[b-o7fsq6vt55]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem;border-radius: 10px;background: linear-gradient(135deg,rgba(234,179,8,0.15),rgba(249,115,22,0.1));border: 1px solid rgba(234,179,8,0.3);margin-bottom: 1rem;}.achievement-icon[b-o7fsq6vt55]{font-size: 1.25rem;}.achievement-text[b-o7fsq6vt55]{font-size: 0.85rem;font-weight: 700;color: rgba(253,224,71,0.95);}.stats-divider[b-o7fsq6vt55]{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.75rem;}.stats-divider[b-o7fsq6vt55]::before,.stats-divider[b-o7fsq6vt55]::after{content: '';flex: 1;height: 1px;background: rgba(var(--cal-primary),0.2);}.stats-divider span[b-o7fsq6vt55]{font-size: 0.7rem;font-weight: 600;color: rgba(148,163,184,0.7);text-transform: uppercase;letter-spacing: 0.5px;}.comparison-stats[b-o7fsq6vt55]{display: flex;gap: 0.75rem;}.comparison-item[b-o7fsq6vt55]{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 0.25rem;padding: 0.75rem;border-radius: 10px;background: rgba(30,41,59,0.5);border: 1px solid rgba(var(--cal-primary),0.1);}.comparison-item.highlight[b-o7fsq6vt55]{background: rgba(30,41,59,0.7);border-color: rgba(var(--cal-primary),0.2);}.comparison-label[b-o7fsq6vt55]{font-size: 0.65rem;font-weight: 600;color: rgba(148,163,184,0.8);}.comparison-value[b-o7fsq6vt55]{font-size: 1rem;font-weight: 800;color: white;}.comparison-value.positive[b-o7fsq6vt55]{color: #4ade80;}.comparison-value.negative[b-o7fsq6vt55]{color: var(--mxp-red-400);}.general-stats-header[b-o7fsq6vt55]{display: flex;align-items: center;gap: 0.625rem;margin-bottom: 1rem;}.general-stats-icon[b-o7fsq6vt55]{font-size: 1.25rem;}.general-stats-title[b-o7fsq6vt55]{font-size: 1rem;font-weight: 700;color: white;}.general-stats-grid[b-o7fsq6vt55]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.625rem;margin-bottom: 1.25rem;}.general-stat-card[b-o7fsq6vt55]{display: flex;flex-direction: column;align-items: center;gap: 0.375rem;padding: 1rem 0.5rem;border-radius: 12px;background: rgba(30,41,59,0.6);border: 1px solid rgba(var(--cal-primary),0.15);text-align: center;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.general-stat-card:hover[b-o7fsq6vt55]{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0,0,0,0.25);}}.general-stat-card.total[b-o7fsq6vt55]{background: linear-gradient(135deg,rgba(var(--cal-primary),0.12),rgba(var(--cal-primary-dark),0.08));border-color: rgba(var(--cal-primary),0.25);}.general-stat-card.days[b-o7fsq6vt55]{background: linear-gradient(135deg,rgba(59,130,246,0.12),rgba(37,99,235,0.08));border-color: rgba(59,130,246,0.25);}.general-stat-card.average[b-o7fsq6vt55]{background: linear-gradient(135deg,rgba(34,197,94,0.12),rgba(22,163,74,0.08));border-color: rgba(34,197,94,0.25);}.general-stat-icon[b-o7fsq6vt55]{font-size: 1.25rem;line-height: 1;}.general-stat-info[b-o7fsq6vt55]{display: flex;flex-direction: column;gap: 0.125rem;}.general-stat-value[b-o7fsq6vt55]{font-size: 1.25rem;font-weight: 800;color: white;line-height: 1;}.general-stat-label[b-o7fsq6vt55]{font-size: 0.6rem;font-weight: 600;color: rgba(148,163,184,0.8);}.top-days-section[b-o7fsq6vt55]{background: rgba(30,41,59,0.4);border-radius: 14px;border: 1px solid rgba(var(--cal-primary),0.15);overflow: hidden;}.top-days-header[b-o7fsq6vt55]{display: flex;align-items: center;gap: 0.5rem;padding: 0.875rem 1rem;background: rgba(var(--cal-primary),0.08);border-bottom: 1px solid rgba(var(--cal-primary),0.1);}.top-days-icon[b-o7fsq6vt55]{font-size: 1rem;}.top-days-title[b-o7fsq6vt55]{font-size: 0.85rem;font-weight: 700;color: white;}.top-days-list[b-o7fsq6vt55]{padding: 0.5rem;}.top-day-item[b-o7fsq6vt55]{display: flex;align-items: center;gap: 0.75rem;padding: 0.625rem 0.75rem;border-radius: 10px;cursor: pointer;transition: all 0.2s ease;border: 1px solid transparent;}@media (hover: hover) and (pointer: fine){.top-day-item:hover[b-o7fsq6vt55]{background: rgba(var(--cal-primary),0.1);}}.top-day-item.is-today[b-o7fsq6vt55]{background: transparent;border: 1px solid rgba(34,197,94,0.35);}@media (hover: hover) and (pointer: fine){.top-day-item.is-today:hover[b-o7fsq6vt55]{background: rgba(34,197,94,0.08);}}.top-day-rank[b-o7fsq6vt55]{width: 32px;display: flex;align-items: center;justify-content: center;}.rank-medal[b-o7fsq6vt55]{font-size: 1.25rem;}.rank-number[b-o7fsq6vt55]{font-size: 0.8rem;font-weight: 700;color: rgba(148,163,184,0.7);}.top-day-info[b-o7fsq6vt55]{flex: 1;display: flex;flex-direction: column;gap: 0.125rem;}.top-day-name[b-o7fsq6vt55]{font-size: 0.8rem;font-weight: 700;color: white;text-transform: capitalize;}.top-day-date[b-o7fsq6vt55]{font-size: 0.7rem;font-weight: 500;color: rgba(148,163,184,0.7);}.top-day-count[b-o7fsq6vt55]{display: flex;align-items: baseline;gap: 0.25rem;}.count-value[b-o7fsq6vt55]{font-size: 1rem;font-weight: 800;color: white;}.count-label[b-o7fsq6vt55]{font-size: 0.65rem;font-weight: 600;color: rgba(148,163,184,0.7);}@media (max-width: 768px){.calendar-modal[b-o7fsq6vt55]{max-width: 420px;}.calendar-tabs[b-o7fsq6vt55]{gap: 0.375rem;}.calendar-tab[b-o7fsq6vt55]{padding: 0.4rem 0.75rem;font-size: 0.8rem;}.calendar-modal-header[b-o7fsq6vt55]{padding: 0.875rem 1rem;}.calendar-modal-body[b-o7fsq6vt55],.calendar-stats-body[b-o7fsq6vt55]{padding: 1rem;}.calendar-day[b-o7fsq6vt55]{min-height: 36px;}.calendar-day-number[b-o7fsq6vt55]{font-size: 0.8rem;}.day-stats-highlight[b-o7fsq6vt55]{padding: 1rem;}.highlight-icon[b-o7fsq6vt55]{font-size: 1.75rem;}.highlight-value[b-o7fsq6vt55]{font-size: 1.75rem;}.general-stats-grid[b-o7fsq6vt55]{gap: 0.5rem;}.general-stat-card[b-o7fsq6vt55]{padding: 0.875rem 0.375rem;}.general-stat-value[b-o7fsq6vt55]{font-size: 1.1rem;}}@media (max-width: 480px){.calendar-overlay[b-o7fsq6vt55]{padding: 12px;}.calendar-modal[b-o7fsq6vt55]{max-width: 100%;}.calendar-modal-header[b-o7fsq6vt55]{padding: 0.75rem;}.calendar-tabs[b-o7fsq6vt55]{gap: 0.25rem;}.calendar-tab[b-o7fsq6vt55]{padding: 0.375rem 0.625rem;font-size: 0.75rem;gap: 0.375rem;}.calendar-modal-body[b-o7fsq6vt55],.calendar-stats-body[b-o7fsq6vt55]{padding: 0.875rem;}.calendar-navigation[b-o7fsq6vt55]{margin-bottom: 0.75rem;}.calendar-nav-btn[b-o7fsq6vt55]{width: 32px;height: 32px;}.calendar-month-year[b-o7fsq6vt55]{font-size: 0.9rem;}.calendar-weekday[b-o7fsq6vt55]{font-size: 0.65rem;}.calendar-days[b-o7fsq6vt55]{gap: 0.25rem;}.calendar-day[b-o7fsq6vt55]{min-height: 32px;border-radius: 6px;}.calendar-day-number[b-o7fsq6vt55]{font-size: 0.75rem;}.calendar-day-dot[b-o7fsq6vt55]{bottom: 3px;width: 4px;height: 4px;}.calendar-day-tooltip[b-o7fsq6vt55]{font-size: 0.65rem;padding: 0.25rem 0.5rem;}.calendar-modal-footer[b-o7fsq6vt55]{padding: 0.875rem;}.calendar-action-btn[b-o7fsq6vt55]{padding: 0.5rem 1rem;font-size: 0.75rem;}.selected-day-header[b-o7fsq6vt55]{margin-bottom: 0.75rem;}.selected-day-badge[b-o7fsq6vt55]{padding: 0.25rem 0.5rem;font-size: 0.75rem;}.selected-day-date[b-o7fsq6vt55]{font-size: 0.8rem;}.day-stats-highlight[b-o7fsq6vt55]{padding: 0.875rem;gap: 0.75rem;}.highlight-icon[b-o7fsq6vt55]{font-size: 1.5rem;}.highlight-value[b-o7fsq6vt55]{font-size: 1.5rem;}.highlight-label[b-o7fsq6vt55]{font-size: 0.75rem;}.day-stats-grid[b-o7fsq6vt55]{gap: 0.5rem;}.day-stat-card[b-o7fsq6vt55]{padding: 0.75rem;gap: 0.5rem;}.day-stat-icon[b-o7fsq6vt55]{font-size: 1.1rem;}.day-stat-value[b-o7fsq6vt55]{font-size: 1rem;}.day-achievement[b-o7fsq6vt55]{padding: 0.625rem;}.achievement-icon[b-o7fsq6vt55]{font-size: 1.1rem;}.achievement-text[b-o7fsq6vt55]{font-size: 0.8rem;}.comparison-stats[b-o7fsq6vt55]{gap: 0.5rem;}.comparison-item[b-o7fsq6vt55]{padding: 0.625rem;}.comparison-value[b-o7fsq6vt55]{font-size: 0.9rem;}.general-stats-grid[b-o7fsq6vt55]{gap: 0.375rem;}.general-stat-card[b-o7fsq6vt55]{padding: 0.75rem 0.25rem;gap: 0.25rem;}.general-stat-icon[b-o7fsq6vt55]{font-size: 1.1rem;}.general-stat-value[b-o7fsq6vt55]{font-size: 1rem;}.general-stat-label[b-o7fsq6vt55]{font-size: 0.55rem;}.top-days-header[b-o7fsq6vt55]{padding: 0.75rem;}.top-days-icon[b-o7fsq6vt55]{font-size: 0.9rem;}.top-days-title[b-o7fsq6vt55]{font-size: 0.8rem;}.top-days-list[b-o7fsq6vt55]{padding: 0.375rem;}.top-day-item[b-o7fsq6vt55]{padding: 0.5rem 0.625rem;gap: 0.5rem;}.top-day-rank[b-o7fsq6vt55]{width: 28px;}.rank-medal[b-o7fsq6vt55]{font-size: 1.1rem;}.top-day-name[b-o7fsq6vt55]{font-size: 0.75rem;}.top-day-date[b-o7fsq6vt55]{font-size: 0.65rem;}.count-value[b-o7fsq6vt55]{font-size: 0.9rem;}} .floating-timer[b-rgr8vk0ha8]{position: fixed !important;right: 2rem !important;bottom: 2rem !important;left: auto !important;top: auto !important;display: block !important;flex-shrink: 0 !important;flex-grow: 0 !important;border-radius: 16px;backdrop-filter: blur(12px);z-index: 9999;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);}@media (hover: hover) and (pointer: fine){.floating-timer:hover[b-rgr8vk0ha8]{transform: translateY(-2px);}}.floating-timer.running[b-rgr8vk0ha8]{background: linear-gradient(135deg,rgba(16,185,129,0.95),rgba(5,150,105,0.95));border: 2px solid rgba(52,211,153,0.5);box-shadow: 0 10px 40px rgba(16,185,129,0.3),0 0 30px rgba(16,185,129,0.2);}.floating-timer.paused[b-rgr8vk0ha8]{background: linear-gradient(135deg,rgba(245,158,11,0.95),rgba(217,119,6,0.95));border: 2px solid rgba(251,191,36,0.5);box-shadow: 0 10px 40px rgba(245,158,11,0.3),0 0 30px rgba(245,158,11,0.2);}.floating-timer.collapsed[b-rgr8vk0ha8]{width: auto;cursor: pointer;}.timer-collapsed[b-rgr8vk0ha8]{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 1rem;position: relative;}.timer-pulse-indicator[b-rgr8vk0ha8]{position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;border-radius: 20px;opacity: 0;pointer-events: none;}.timer-pulse-indicator.active[b-rgr8vk0ha8]{animation: timerPulse-b-rgr8vk0ha8 2s ease-in-out infinite;background: rgba(16,185,129,0.3);}@keyframes timerPulse-b-rgr8vk0ha8{0%,100%{opacity: 0;transform: scale(1);}50%{opacity: 1;transform: scale(1.05);}}.timer-mini-icon[b-rgr8vk0ha8]{font-size: 1.25rem;}.timer-mini-time[b-rgr8vk0ha8]{font-family: 'JetBrains Mono','Courier New',monospace;font-size: 1rem;font-weight: 700;color: white;letter-spacing: 0.05em;text-shadow: 0 1px 2px rgba(0,0,0,0.2);}.expand-btn[b-rgr8vk0ha8]{display: inline-flex;padding: 5px;color: white;opacity: 0.8;margin-left: 0.25rem;}@media (hover: hover) and (pointer: fine){.timer-collapsed:hover .expand-btn[b-rgr8vk0ha8]{opacity: 1;}}.floating-timer.expanded[b-rgr8vk0ha8]{width: 320px;}.timer-expanded[b-rgr8vk0ha8]{padding: 1.25rem;display: flex;flex-direction: column;gap: 1rem;}.timer-header[b-rgr8vk0ha8]{display: flex;justify-content: space-between;align-items: flex-start;}.timer-game-info[b-rgr8vk0ha8]{display: flex;gap: 0.875rem;align-items: center;flex: 1;min-width: 0;}.timer-game-cover[b-rgr8vk0ha8]{width: 48px;height: 64px;border-radius: 8px;object-fit: cover;box-shadow: 0 4px 12px rgba(0,0,0,0.3);flex-shrink: 0;border: 2px solid rgba(255,255,255,0.2);}.timer-game-details[b-rgr8vk0ha8]{display: flex;flex-direction: column;gap: 0.25rem;min-width: 0;}.timer-game-name[b-rgr8vk0ha8]{font-size: 0.95rem;font-weight: 700;color: white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 180px;text-shadow: 0 1px 2px rgba(0,0,0,0.2);}.timer-status[b-rgr8vk0ha8]{font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;}.timer-status.running[b-rgr8vk0ha8]{color: rgba(255,255,255,0.95);animation: statusGlow-b-rgr8vk0ha8 1.5s ease-in-out infinite;}@keyframes statusGlow-b-rgr8vk0ha8{0%,100%{opacity: 0.95;}50%{opacity: 0.7;}}.timer-status.paused[b-rgr8vk0ha8]{color: rgba(255,255,255,0.8);}[b-rgr8vk0ha8] .collapse-btn{color: white !important;opacity: 0.8;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){[b-rgr8vk0ha8] .collapse-btn:hover{opacity: 1;}}.timer-display-large[b-rgr8vk0ha8]{text-align: center;font-family: 'JetBrains Mono','Courier New',monospace;font-size: 2.5rem;font-weight: 900;color: white;letter-spacing: 0.1em;padding: 0.75rem 0;background: rgba(0,0,0,0.25);border-radius: 12px;text-shadow: 0 2px 8px rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,0.1);}.timer-controls[b-rgr8vk0ha8]{display: flex;gap: 0.5rem;align-items: center;}[b-rgr8vk0ha8] .timer-control-btn{flex: 1;font-weight: 700 !important;font-size: 0.8rem !important;padding: 0.5rem 0.75rem !important;border-radius: 10px !important;text-transform: none !important;box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;transition: transform 0.15s ease !important;}@media (hover: hover) and (pointer: fine){[b-rgr8vk0ha8] .timer-control-btn:hover{transform: translateY(-1px);}}[b-rgr8vk0ha8] .timer-control-btn.save-btn{min-width: 90px !important;}[b-rgr8vk0ha8] .timer-reset-btn{background: rgba(239,68,68,0.2) !important;border: 1px solid rgba(239,68,68,0.4) !important;color: white !important;flex-shrink: 0;transition: all 0.15s ease !important;}@media (hover: hover) and (pointer: fine){[b-rgr8vk0ha8] .timer-reset-btn:hover{background: rgba(239,68,68,0.4) !important;transform: scale(1.05);}}.timer-go-to-game[b-rgr8vk0ha8]{display: flex;justify-content: center;padding-top: 0.5rem;border-top: 1px solid rgba(255,255,255,0.15);}[b-rgr8vk0ha8] .go-to-game-btn{color: white !important;opacity: 0.9;font-size: 0.8rem !important;text-transform: none !important;}@media (hover: hover) and (pointer: fine){[b-rgr8vk0ha8] .go-to-game-btn:hover{opacity: 1;background: rgba(255,255,255,0.1) !important;}}@media (max-width: 480px){.floating-timer[b-rgr8vk0ha8]{bottom: 1rem;right: 1rem;left: 1rem;}.floating-timer.expanded[b-rgr8vk0ha8]{width: auto;}.timer-display-large[b-rgr8vk0ha8]{font-size: 2rem;}.timer-game-name[b-rgr8vk0ha8]{max-width: 140px;}.timer-controls[b-rgr8vk0ha8]{flex-wrap: wrap;}[b-rgr8vk0ha8] .timer-control-btn{flex: 1 1 45%;}} .level-up-overlay[b-jq134e1mri]{position: fixed;inset: 0;background: rgba(0,0,0,0.9);backdrop-filter: blur(6px);display: flex;align-items: center;justify-content: center;z-index: 999999 !important;animation: overlayFadeIn-b-jq134e1mri 0.3s ease-out;pointer-events: auto !important;}@keyframes overlayFadeIn-b-jq134e1mri{from{opacity: 0;}to{opacity: 1;}}.level-up-modal[b-jq134e1mri]{position: relative;background: linear-gradient(165deg,rgba(15,23,42,0.98),rgba(7,11,20,0.99));border: 1px solid color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 30%,transparent);border-radius: 32px;padding: 3rem 3.5rem;text-align: center;max-width: 440px;width: 92%;box-shadow: 0 0 80px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 25%,transparent),0 0 160px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 8%,transparent),0 25px 50px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.05);animation: modalPopIn-b-jq134e1mri 0.6s cubic-bezier(0.34,1.56,0.64,1);overflow: hidden;z-index: 1000000 !important;pointer-events: auto !important;max-height: calc(100dvh - 2rem);overflow-y: auto;}.level-up-modal[b-jq134e1mri]::before{content: '';position: absolute;inset: 0;border-radius: 32px;padding: 1px;background: linear-gradient(145deg,color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 40%,transparent),transparent 50%,color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 10%,transparent));-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}@keyframes modalPopIn-b-jq134e1mri{0%{opacity: 0;transform: scale(0.6) translateY(40px);}50%{transform: scale(1.02) translateY(-5px);}100%{opacity: 1;transform: scale(1) translateY(0);}}.level-up-particles[b-jq134e1mri]{position: absolute;inset: 0;pointer-events: none;overflow: hidden;}.particle[b-jq134e1mri]{position: absolute;width: 10px;height: 10px;background: linear-gradient(135deg,var(--mxp-amber-300),var(--mxp-amber-500));border-radius: 50%;left: 50%;bottom: 40%;animation: particleFloat-b-jq134e1mri 2s ease-out var(--delay) forwards;opacity: 0;box-shadow: 0 0 6px currentColor;}.particle:nth-child(odd)[b-jq134e1mri]{background: linear-gradient(135deg,#c084fc,#a855f7);width: 8px;height: 8px;}.particle:nth-child(3n)[b-jq134e1mri]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));width: 6px;height: 6px;}.particle:nth-child(4n)[b-jq134e1mri]{background: linear-gradient(135deg,var(--mxp-blue-300),#3b82f6);width: 7px;height: 7px;}@keyframes particleFloat-b-jq134e1mri{0%{opacity: 1;transform: translate(0,0) scale(1) rotate(0deg);}100%{opacity: 0;transform: translate(var(--x),var(--y)) scale(0) rotate(180deg);}}.level-up-badge[b-jq134e1mri]{width: 140px;height: 140px;margin: 0 auto 1.75rem;background: conic-gradient(from 0deg,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 60%,#fff),var(--level-color,var(--mxp-amber-300)));border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;animation: badgeReveal-b-jq134e1mri 0.8s ease-out;}.level-up-badge[b-jq134e1mri]::before{content: '';position: absolute;inset: 4px;background: linear-gradient(145deg,rgba(15,23,42,0.95),rgba(7,11,20,0.98));border-radius: 50%;}.level-up-badge[b-jq134e1mri]::after{content: '';position: absolute;inset: -8px;border-radius: 50%;border: 2px solid var(--level-color,var(--mxp-amber-300));opacity: 0.4;animation: ringExpand-b-jq134e1mri 2s ease-out infinite;}@keyframes badgeReveal-b-jq134e1mri{0%{opacity: 0;transform: scale(0) rotate(-180deg);}100%{opacity: 1;transform: scale(1) rotate(0deg);}}@keyframes ringExpand-b-jq134e1mri{0%{transform: scale(1);opacity: 0.4;}100%{transform: scale(1.4);opacity: 0;}}.level-number[b-jq134e1mri]{position: relative;z-index: 1;font-size: 3.5rem;font-weight: 900;background: linear-gradient(135deg,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 70%,#fff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: none;font-family: 'Orbitron','Segoe UI',sans-serif;filter: drop-shadow(0 2px 8px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 40%,transparent));}.level-up-content[b-jq134e1mri]{position: relative;z-index: 1;}.level-up-title[b-jq134e1mri]{font-size: 0.9rem;font-weight: 600;color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);opacity: 0.8;text-transform: uppercase;letter-spacing: 6px;margin-bottom: 0.75rem;}.level-up-emoji[b-jq134e1mri]{font-size: 3.5rem;margin: 1rem 0;animation: emojiReveal-b-jq134e1mri 0.6s cubic-bezier(0.34,1.56,0.64,1) 0.3s both;filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));}@keyframes emojiReveal-b-jq134e1mri{0%{transform: scale(0) rotate(-30deg);opacity: 0;}100%{transform: scale(1) rotate(0deg);opacity: 1;}}.level-up-rank[b-jq134e1mri]{font-size: 1.75rem;font-weight: 800;background: linear-gradient(135deg,var(--mxp-slate-100),#cbd5e1);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 1rem;letter-spacing: 1px;}.level-up-stats[b-jq134e1mri]{display: flex;align-items: center;justify-content: center;gap: 1.25rem;margin-bottom: 1.75rem;padding: 0.75rem 1.5rem;background: rgba(255,255,255,0.03);border-radius: 100px;border: 1px solid rgba(255,255,255,0.05);}.level-up-stats .old-level[b-jq134e1mri]{color: var(--mxp-slate-500);font-size: 0.95rem;font-weight: 500;}.level-up-stats .arrow[b-jq134e1mri]{color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);font-size: 1.1rem;animation: arrowPulse-b-jq134e1mri 1s ease-in-out infinite;}@keyframes arrowPulse-b-jq134e1mri{0%,100%{transform: translateX(0);opacity: 1;}50%{transform: translateX(3px);opacity: 0.7;}}.level-up-stats .new-level[b-jq134e1mri]{color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);font-weight: 700;font-size: 0.95rem;}.level-up-unlocks[b-jq134e1mri]{margin: 1.5rem 0;padding: 1.25rem;background: linear-gradient(135deg,color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 8%,transparent),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 2%,transparent));border: 1px solid color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 15%,transparent);border-radius: 20px;animation: unlocksReveal-b-jq134e1mri 0.5s ease-out 0.4s both;}@keyframes unlocksReveal-b-jq134e1mri{0%{opacity: 0;transform: translateY(10px);}100%{opacity: 1;transform: translateY(0);}}.unlocks-title[b-jq134e1mri]{font-size: 0.85rem;font-weight: 700;color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);text-transform: uppercase;letter-spacing: 2px;margin-bottom: 1rem;}.unlocks-grid[b-jq134e1mri]{display: flex;flex-direction: column;gap: 1rem;}.unlock-item[b-jq134e1mri]{display: flex;align-items: center;justify-content: space-between;padding: 0.75rem 1rem;background: rgba(0,0,0,0.2);border-radius: 12px;border: 1px solid rgba(255,255,255,0.05);}.unlock-label[b-jq134e1mri]{font-size: 0.8rem;color: var(--mxp-slate-400);font-weight: 500;text-transform: uppercase;letter-spacing: 1px;}.unlock-preview[b-jq134e1mri]{display: flex;align-items: center;gap: 0.5rem;}.unlocked-emoji[b-jq134e1mri]{font-size: 1.75rem;animation: unlockBounce-b-jq134e1mri 0.6s cubic-bezier(0.34,1.56,0.64,1);filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));}.unlocked-color[b-jq134e1mri]{width: 28px;height: 28px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.2);box-shadow: 0 0 12px currentColor,inset 0 2px 4px rgba(255,255,255,0.3);animation: unlockBounce-b-jq134e1mri 0.6s cubic-bezier(0.34,1.56,0.64,1);}.unlock-more[b-jq134e1mri]{width: 28px;height: 28px;border-radius: 50%;background: rgba(255,255,255,0.08);border: 2px solid rgba(255,255,255,0.2);display: flex;align-items: center;justify-content: center;font-size: 0.7rem;font-weight: 700;color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);animation: unlockBounce-b-jq134e1mri 0.6s cubic-bezier(0.34,1.56,0.64,1) 0.2s both;box-shadow: 0 0 12px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 30%,transparent);}@keyframes unlockBounce-b-jq134e1mri{0%{transform: scale(0);}50%{transform: scale(1.2);}100%{transform: scale(1);}}.unlocks-hint[b-jq134e1mri]{margin-top: 0.75rem;font-size: 0.7rem;color: var(--mxp-slate-500);font-style: italic;}.level-up-logros[b-jq134e1mri]{margin: 1.5rem 0;padding: 1.25rem;background: rgba(0,0,0,0.2);border: 1px solid color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 15%,transparent);border-radius: 20px;animation: unlocksReveal-b-jq134e1mri 0.5s ease-out 0.4s both;}.logros-lista[b-jq134e1mri]{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 0.5rem;text-align: left;}.logro-fila[b-jq134e1mri]{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem 0.75rem;background: rgba(255,255,255,0.03);border-radius: 12px;}.logro-icono[b-jq134e1mri]{font-size: 1.25rem;flex-shrink: 0;}.logro-titulo[b-jq134e1mri]{flex: 1;min-width: 0;font-size: 0.9rem;color: var(--mxp-slate-100);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.logro-xp[b-jq134e1mri]{font-size: 0.85rem;font-weight: 700;color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);flex-shrink: 0;}.logros-mas[b-jq134e1mri]{margin-top: 0.5rem;font-size: 0.8rem;color: var(--mxp-slate-400);}.logros-ver[b-jq134e1mri]{margin-top: 0.75rem;background: none;border: 1px solid color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 40%,transparent);color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);border-radius: 100px;padding: 0.4rem 1.25rem;font-size: 0.85rem;font-weight: 600;cursor: pointer;}@media (hover: hover) and (pointer: fine){.logros-ver:hover[b-jq134e1mri]{background: color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 12%,transparent);}}.level-up-dismiss[b-jq134e1mri]{background: linear-gradient(135deg,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 80%,#000));border: none;padding: 1rem 3.5rem;border-radius: 100px;font-size: 1rem;font-weight: 700;color: #0f172a;cursor: pointer;transition: all 0.3s cubic-bezier(0.34,1.56,0.64,1);box-shadow: 0 4px 20px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 40%,transparent),inset 0 1px 0 rgba(255,255,255,0.2);text-transform: uppercase;letter-spacing: 2px;}@media (hover: hover) and (pointer: fine){.level-up-dismiss:hover[b-jq134e1mri]{transform: translateY(-3px) scale(1.02);box-shadow: 0 8px 30px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 50%,transparent),inset 0 1px 0 rgba(255,255,255,0.3);}}.level-up-dismiss:active[b-jq134e1mri]{transform: translateY(-1px) scale(0.98);}.xp-toast[b-jq134e1mri]{--user-color: var(--mxp-purple-200);position: fixed;bottom: 2rem;right: 2rem;background: linear-gradient(135deg,color-mix(in srgb,var(--user-color) 20%,transparent),color-mix(in srgb,var(--user-color) 10%,transparent));backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid color-mix(in srgb,var(--user-color) 35%,transparent);border-radius: 100px;padding: 0.875rem 1.25rem 0.875rem 0.875rem;display: flex;align-items: center;gap: 1rem;box-shadow: 0 8px 32px color-mix(in srgb,var(--user-color) 20%,transparent);z-index: 999998 !important;transform: translateX(130%);opacity: 0;transition: all 0.5s cubic-bezier(0.34,1.56,0.64,1);pointer-events: auto !important;}.xp-toast.visible[b-jq134e1mri]{transform: translateX(0);opacity: 1;}.xp-toast-icon[b-jq134e1mri]{width: 44px;height: 44px;background: color-mix(in srgb,var(--user-color) 25%,transparent);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;}.xp-toast-content[b-jq134e1mri]{display: flex;flex-direction: column;gap: 0.25rem;}.xp-toast-amount[b-jq134e1mri]{font-size: 1.25rem;font-weight: 800;color: oklch(from var(--user-color) max(l,0.72) c h);font-family: 'Orbitron',monospace;}.xp-toast-desc[b-jq134e1mri]{font-size: 0.8rem;color: rgba(255,255,255,0.6);max-width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}@media (max-width: 480px){.level-up-modal[b-jq134e1mri]{padding: 2rem 1.5rem;margin: 1rem;border-radius: 24px;}.level-up-badge[b-jq134e1mri]{width: 110px;height: 110px;}.level-number[b-jq134e1mri]{font-size: 2.75rem;}.level-up-title[b-jq134e1mri]{font-size: 0.75rem;letter-spacing: 4px;}.level-up-emoji[b-jq134e1mri]{font-size: 2.75rem;}.level-up-rank[b-jq134e1mri]{font-size: 1.35rem;}.level-up-unlocks[b-jq134e1mri]{padding: 1rem;}.unlock-item[b-jq134e1mri]{flex-direction: column;gap: 0.5rem;text-align: center;}.xp-toast[b-jq134e1mri]{bottom: 1rem;right: 1rem;left: 1rem;transform: translateY(130%);border-radius: 24px;padding: 0.75rem 1rem 0.75rem 0.75rem;}.xp-toast.visible[b-jq134e1mri]{transform: translateY(0);}.xp-toast-icon[b-jq134e1mri]{width: 38px;height: 38px;font-size: 1.1rem;}.xp-toast-amount[b-jq134e1mri]{font-size: 1.1rem;}.xp-toast-desc[b-jq134e1mri]{font-size: 0.75rem;}} .loading-screen[b-wf0a1t0709]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1.2rem;min-height: calc(100vh - 80px);animation: loadFadeIn-b-wf0a1t0709 0.4s ease;}.loading-title[b-wf0a1t0709]{color: rgba(255,255,255,0.5);font-size: 0.9rem;font-weight: 500;max-width: 280px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;animation: titleFadeIn-b-wf0a1t0709 0.6s ease 0.3s both;}@keyframes titleFadeIn-b-wf0a1t0709{from{opacity: 0;transform: translateY(6px);}to{opacity: 1;transform: translateY(0);}}@keyframes loadFadeIn-b-wf0a1t0709{from{opacity: 0;}to{opacity: 1;}}.loading-spinner-ring[b-wf0a1t0709]{position: relative;width: 56px;height: 56px;}.ring-outer[b-wf0a1t0709]{position: absolute;inset: 0;border-radius: 50%;border: 3px solid rgba(167,139,250,0.1);border-top-color: var(--mxp-purple-200);animation: spinRing-b-wf0a1t0709 1s cubic-bezier(0.4,0,0.2,1) infinite;}.ring-inner[b-wf0a1t0709]{position: absolute;inset: 8px;border-radius: 50%;border: 2px solid rgba(139,92,246,0.08);border-bottom-color: rgba(139,92,246,0.5);animation: spinRing-b-wf0a1t0709 1.5s cubic-bezier(0.4,0,0.2,1) infinite reverse;}.ring-dot[b-wf0a1t0709]{position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;margin: -3px 0 0 -3px;border-radius: 50%;background: var(--mxp-purple-200);animation: pulseDot-b-wf0a1t0709 1.2s ease-in-out infinite;box-shadow: 0 0 10px rgba(167,139,250,0.5);}@keyframes spinRing-b-wf0a1t0709{to{transform: rotate(360deg);}}@keyframes pulseDot-b-wf0a1t0709{0%,100%{transform: scale(1);opacity: 0.8;}50%{transform: scale(1.4);opacity: 1;}}.variant-games .ring-outer[b-wf0a1t0709]{border-color: rgba(16,185,129,0.1);border-top-color: var(--mxp-green-500);}.variant-games .ring-inner[b-wf0a1t0709]{border-color: rgba(5,150,105,0.08);border-bottom-color: rgba(5,150,105,0.5);}.variant-games .ring-dot[b-wf0a1t0709]{background: var(--mxp-green-500);box-shadow: 0 0 10px rgba(16,185,129,0.5);}.variant-media .ring-outer[b-wf0a1t0709]{border-color: rgba(245,158,11,0.1);border-top-color: var(--mxp-amber-500);}.variant-media .ring-inner[b-wf0a1t0709]{border-color: rgba(217,119,6,0.08);border-bottom-color: rgba(217,119,6,0.5);}.variant-media .ring-dot[b-wf0a1t0709]{background: var(--mxp-amber-500);box-shadow: 0 0 10px rgba(245,158,11,0.5);}.variant-series .ring-outer[b-wf0a1t0709]{border-color: rgba(167,139,250,0.1);border-top-color: var(--mxp-purple-200);}.variant-series .ring-inner[b-wf0a1t0709]{border-color: rgba(139,92,246,0.08);border-bottom-color: rgba(139,92,246,0.5);}.variant-series .ring-dot[b-wf0a1t0709]{background: var(--mxp-purple-200);box-shadow: 0 0 10px rgba(167,139,250,0.5);} .bottom-nav[b-otjrzs7l3m]{position: fixed;bottom: 0;left: 0;right: 0;z-index: 1100;display: flex;align-items: stretch;justify-content: space-around;height: 60px;background: rgba(10,4,22,0.97);border-top: 1px solid rgba(88,28,135,0.3);padding-bottom: env(safe-area-inset-bottom);}.bottom-nav-item[b-otjrzs7l3m]{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;background: none;border: none;color: #475569;cursor: pointer;position: relative;transition: color 0.2s ease;padding: 4px 0;-webkit-tap-highlight-color: transparent;touch-action: manipulation;}.bottom-nav-item:active[b-otjrzs7l3m]{transform: scale(0.9);}.bottom-nav-item.active[b-otjrzs7l3m]{color: var(--mxp-purple-200);}.bottom-nav-icon-wrap[b-otjrzs7l3m]{position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 28px;border-radius: 14px;transition: background 0.2s ease;}.bottom-nav-item.active .bottom-nav-icon-wrap[b-otjrzs7l3m]{background: rgba(139,92,246,0.15);}.bottom-nav-label[b-otjrzs7l3m]{font-size: 0.6rem;font-weight: 600;letter-spacing: 0.2px;line-height: 1;}.bottom-nav-badge[b-otjrzs7l3m]{position: absolute;top: -2px;right: 0;background: var(--mxp-red-500);color: white;font-size: 0.5rem;font-weight: 700;min-width: 15px;height: 15px;padding: 0 3px;border-radius: 8px;display: flex;align-items: center;justify-content: center;line-height: 1;border: 2px solid rgba(10,4,22,0.97);animation: badgePulse-b-otjrzs7l3m 2s infinite;}@keyframes badgePulse-b-otjrzs7l3m{0%,100%{transform: scale(1);}50%{transform: scale(1.1);}}.bottom-sheet-overlay[b-otjrzs7l3m]{position: fixed;inset: 0;background: rgba(0,0,0,0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);z-index: 1099;animation: overlayIn-b-otjrzs7l3m 0.15s ease forwards;}.bottom-sheet-overlay.closing[b-otjrzs7l3m]{animation: overlayOut-b-otjrzs7l3m 0.15s ease forwards;}@keyframes overlayIn-b-otjrzs7l3m{from{opacity: 0;}to{opacity: 1;}}@keyframes overlayOut-b-otjrzs7l3m{from{opacity: 1;}to{opacity: 0;}}.bottom-sheet[b-otjrzs7l3m]{position: fixed;bottom: calc(60px + env(safe-area-inset-bottom));left: 8px;right: 8px;z-index: 1100;background: linear-gradient(145deg,rgba(22,10,40,0.99) 0%,rgba(13,20,38,0.99) 100%);border: 1px solid rgba(88,28,135,0.3);border-radius: 20px;padding: 8px 12px 12px;animation: sheetUp-b-otjrzs7l3m 0.2s cubic-bezier(0.32,0.72,0,1) forwards;max-height: 55vh;overflow-y: auto;box-shadow: 0 -8px 40px rgba(0,0,0,0.4),0 0 60px rgba(88,28,135,0.08);scrollbar-width: none;}.bottom-sheet[b-otjrzs7l3m]::-webkit-scrollbar{display: none;}.bottom-sheet.closing[b-otjrzs7l3m]{animation: sheetDown-b-otjrzs7l3m 0.15s ease forwards;}@keyframes sheetUp-b-otjrzs7l3m{from{transform: translateY(20px);opacity: 0;}to{transform: translateY(0);opacity: 1;}}@keyframes sheetDown-b-otjrzs7l3m{from{transform: translateY(0);opacity: 1;}to{transform: translateY(20px);opacity: 0;}}.bottom-sheet-handle[b-otjrzs7l3m]{width: 32px;height: 3px;background: rgba(148,163,184,0.25);border-radius: 2px;margin: 4px auto 10px;}.bottom-sheet-grid[b-otjrzs7l3m]{display: grid;gap: 6px;}.bottom-sheet-grid.cols-2[b-otjrzs7l3m]{grid-template-columns: repeat(2,1fr);}.bottom-sheet-grid.cols-3[b-otjrzs7l3m]{grid-template-columns: repeat(3,1fr);}.sheet-item[b-otjrzs7l3m]{display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 12px 4px 10px;background: rgba(30,41,59,0.3);border: 1px solid rgba(71,85,105,0.12);border-radius: 14px;color: #cbd5e1;cursor: pointer;transition: background 0.15s ease,border-color 0.15s ease;-webkit-tap-highlight-color: transparent;touch-action: manipulation;font-size: 0.68rem;font-weight: 500;text-align: center;line-height: 1.2;}.sheet-item:active[b-otjrzs7l3m]{transform: scale(0.95);background: rgba(88,28,135,0.15);}.sheet-item.current[b-otjrzs7l3m]{background: rgba(139,92,246,0.12);border-color: rgba(139,92,246,0.25);color: var(--mxp-slate-200);}.sheet-item-icon[b-otjrzs7l3m]{width: 40px;height: 40px;border-radius: 12px;display: flex;align-items: center;justify-content: center;}.sheet-list[b-otjrzs7l3m]{display: grid;grid-template-columns: 1fr 1fr;gap: 4px;}.sheet-list-item[b-otjrzs7l3m]{display: flex;align-items: center;gap: 10px;padding: 10px 12px;background: none;border: none;border-radius: 10px;color: #cbd5e1;cursor: pointer;transition: background 0.15s ease;-webkit-tap-highlight-color: transparent;touch-action: manipulation;font-size: 0.8rem;font-weight: 500;text-align: left;}.sheet-list-item:active[b-otjrzs7l3m]{background: rgba(88,28,135,0.15);}.sheet-list-item.current[b-otjrzs7l3m]{background: rgba(139,92,246,0.1);color: var(--mxp-purple-200);}.sheet-list-item.logout[b-otjrzs7l3m]{color: var(--mxp-red-400);}.sheet-list-item.logout:active[b-otjrzs7l3m]{background: rgba(239,68,68,0.1);}.sheet-list-icon[b-otjrzs7l3m]{width: 32px;height: 32px;border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.sheet-list-icon.series[b-otjrzs7l3m],.sheet-item-icon.series[b-otjrzs7l3m]{background: rgba(139,92,246,0.15);color: var(--mxp-purple-200);}.sheet-list-icon.movies[b-otjrzs7l3m],.sheet-item-icon.movies[b-otjrzs7l3m]{background: rgba(251,191,36,0.12);color: var(--mxp-amber-300);}.sheet-list-icon.games[b-otjrzs7l3m],.sheet-item-icon.games[b-otjrzs7l3m]{background: rgba(236,72,153,0.12);color: #ec4899;}.sheet-list-icon.profile[b-otjrzs7l3m],.sheet-item-icon.profile[b-otjrzs7l3m]{background: rgba(56,189,248,0.12);color: #38bdf8;}.sheet-list-icon.ranking[b-otjrzs7l3m],.sheet-item-icon.ranking[b-otjrzs7l3m]{background: rgba(251,191,36,0.12);color: var(--mxp-amber-300);}.sheet-item-icon.feed[b-otjrzs7l3m]{background: rgba(52,211,153,0.12);color: var(--mxp-green-300);}.sheet-list-icon.xp[b-otjrzs7l3m],.sheet-item-icon.xp[b-otjrzs7l3m]{background: rgba(251,146,60,0.12);color: var(--mxp-orange-300);}.sheet-list-icon.stats[b-otjrzs7l3m],.sheet-item-icon.stats[b-otjrzs7l3m]{background: rgba(236,72,153,0.12);color: #ec4899;}.sheet-item-icon.dna[b-otjrzs7l3m]{background: rgba(99,102,241,0.12);color: #818cf8;}.sheet-list-icon.settings[b-otjrzs7l3m],.sheet-item-icon.settings[b-otjrzs7l3m]{background: rgba(148,163,184,0.1);color: var(--mxp-slate-400);}.sheet-list-icon.news[b-otjrzs7l3m],.sheet-item-icon.news[b-otjrzs7l3m]{background: rgba(139,92,246,0.12);color: var(--mxp-purple-200);}.sheet-list-icon.info[b-otjrzs7l3m],.sheet-item-icon.info[b-otjrzs7l3m]{background: rgba(56,189,248,0.1);color: #38bdf8;}.sheet-list-icon.logout[b-otjrzs7l3m]{background: rgba(239,68,68,0.1);color: var(--mxp-red-400);}@media (prefers-reduced-motion: reduce){*[b-otjrzs7l3m],*[b-otjrzs7l3m]::before,*[b-otjrzs7l3m]::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important;}} .sidebar-root[b-09k9dtzerq]{height: 100vh;display: flex;flex-direction: column;background: linear-gradient(180deg,rgba(10,4,22,0.95) 0%,rgba(26,11,46,0.92) 50%,rgba(22,33,62,0.92) 100%);border-right: 1px solid rgba(88,28,135,0.2);position: relative;overflow: hidden;}.sidebar-root[b-09k9dtzerq]::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at 20% 30%,rgba(88,28,135,0.12) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(30,64,175,0.08) 0%,transparent 50%);pointer-events: none;z-index: 0;}.nav-link-with-badge[b-09k9dtzerq]{position: relative;}.notification-badge[b-09k9dtzerq]{position: absolute;top: 50%;right: 12px;transform: translateY(-50%);background: #f44336;color: white;font-size: 0.65rem;font-weight: 700;min-width: 18px;height: 18px;padding: 0 5px;border-radius: 10px;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 8px rgba(244,67,54,0.4);animation: badgePulse-b-09k9dtzerq 2s infinite;}@keyframes badgePulse-b-09k9dtzerq{0%,100%{transform: translateY(-50%) scale(1);}50%{transform: translateY(-50%) scale(1.1);}}@keyframes newsBadgePulse-b-09k9dtzerq{0%,100%{transform: translateY(-50%) scale(1);box-shadow: 0 2px 8px rgba(139,92,246,0.4);}50%{transform: translateY(-50%) scale(1.05);box-shadow: 0 2px 12px rgba(139,92,246,0.6);}}@keyframes avatarFlip-b-09k9dtzerq{0%{transform: rotateY(0deg);}50%{transform: rotateY(90deg);}100%{transform: rotateY(0deg);}}@keyframes progressPulse-b-09k9dtzerq{0%,100%{filter: brightness(1);}50%{filter: brightness(1.3);}}.nav-content[b-09k9dtzerq]{padding: 8px 0 16px;position: relative;z-index: 1;}.nav-link-styled[b-09k9dtzerq]{padding: 0 8px;margin-bottom: 2px;}.nav-link-styled[b-09k9dtzerq] .mud-nav-link,.nav-link-styled .mud-nav-link[b-09k9dtzerq]{background: rgba(59,130,246,0.1) !important;border: 1px solid rgba(59,130,246,0.25) !important;margin: 0 !important;}@media (hover: hover) and (pointer: fine){.nav-link-styled[b-09k9dtzerq] .mud-nav-link:hover,.nav-link-styled .mud-nav-link:hover[b-09k9dtzerq]{background: rgba(59,130,246,0.18) !important;border-color: rgba(59,130,246,0.4) !important;}}.nav-link-styled.home[b-09k9dtzerq] .mud-nav-link,.nav-link-styled.home .mud-nav-link[b-09k9dtzerq],.nav-link-styled.about[b-09k9dtzerq] .mud-nav-link,.nav-link-styled.about .mud-nav-link[b-09k9dtzerq]{background: rgba(59,130,246,0.1) !important;border: 1px solid rgba(59,130,246,0.25) !important;}@media (hover: hover) and (pointer: fine){.nav-link-styled.home[b-09k9dtzerq] .mud-nav-link:hover,.nav-link-styled.home .mud-nav-link:hover[b-09k9dtzerq],.nav-link-styled.about[b-09k9dtzerq] .mud-nav-link:hover,.nav-link-styled.about .mud-nav-link:hover[b-09k9dtzerq]{background: rgba(59,130,246,0.18) !important;border-color: rgba(59,130,246,0.4) !important;}}.nav-auth-buttons[b-09k9dtzerq]{display: flex;flex-direction: column;gap: 8px;padding: 4px 12px;}.nav-auth-btn[b-09k9dtzerq]{display: flex;align-items: center;gap: 10px;padding: 10px 14px;border-radius: 8px;font-size: 0.875rem;font-weight: 600;text-decoration: none;transition: opacity 0.15s ease;}.nav-auth-btn.login[b-09k9dtzerq]{background: rgba(139,92,246,0.1);color: var(--mxp-purple-100);border: 1px solid rgba(139,92,246,0.3);}@media (hover: hover) and (pointer: fine){.nav-auth-btn.login:hover[b-09k9dtzerq]{background: rgba(139,92,246,0.18);}}.nav-auth-btn.register[b-09k9dtzerq]{background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%);color: white;border: none;}@media (hover: hover) and (pointer: fine){.nav-auth-btn.register:hover[b-09k9dtzerq]{opacity: 0.9;}}[b-09k9dtzerq] .mud-nav-group.nav-group{margin: 2px 0;padding: 0 8px;}[b-09k9dtzerq] .nav-group .mud-nav-group-header,[b-09k9dtzerq] .mud-nav-group.nav-group > button,[b-09k9dtzerq] .mud-nav-group.nav-group > .mud-button-root{margin: 0 !important;background: rgba(139,92,246,0.1) !important;border: 1px solid rgba(139,92,246,0.25) !important;border-radius: 8px !important;transition: background 0.15s ease,border-color 0.15s ease !important;}@media (hover: hover) and (pointer: fine){[b-09k9dtzerq] .nav-group .mud-nav-group-header:hover,[b-09k9dtzerq] .mud-nav-group.nav-group > button:hover,[b-09k9dtzerq] .mud-nav-group.nav-group > .mud-button-root:hover{background: rgba(139,92,246,0.18) !important;border-color: rgba(139,92,246,0.4) !important;}}[b-09k9dtzerq] .mud-nav-group{margin: 2px 0;}[b-09k9dtzerq] .mud-nav-group .mud-nav-link{margin: 2px 8px !important;border-radius: 8px !important;}[b-09k9dtzerq] .mud-navgroup-collapse .mud-nav-link:focus-visible{outline-offset: -2px;}[b-09k9dtzerq] .mud-nav-link,.mud-nav-link[b-09k9dtzerq]{border-radius: 8px !important;margin: 2px 8px !important;padding: 10px 12px !important;transition: background 0.15s ease !important;align-items: center !important;position: relative !important;background: transparent !important;}@media (hover: hover) and (pointer: fine){[b-09k9dtzerq] .mud-nav-link:hover,.mud-nav-link:hover[b-09k9dtzerq]{background: linear-gradient(90deg,rgba(88,28,135,0.15) 0%,rgba(30,64,175,0.1) 100%) !important;box-shadow: -3px 0 0 0 rgba(167,139,250,0.6) inset;}}[b-09k9dtzerq] .mud-nav-link-selected,.mud-nav-link-selected[b-09k9dtzerq]{font-weight: 600 !important;background: linear-gradient(90deg,rgba(88,28,135,0.2) 0%,rgba(30,64,175,0.12) 100%) !important;border-left: 3px solid var(--mxp-purple-200) !important;padding-left: 9px !important;color: #e0e7ff !important;}[b-09k9dtzerq] .mud-nav-link-selected .mud-nav-link-text,.mud-nav-link-selected[b-09k9dtzerq] .mud-nav-link-text,[b-09k9dtzerq] .mud-nav-link-selected span,.mud-nav-link-selected span[b-09k9dtzerq],[b-09k9dtzerq] .mud-nav-link-selected div,.mud-nav-link-selected div[b-09k9dtzerq],[b-09k9dtzerq] .mud-nav-link-selected .nav-item-main,.mud-nav-link-selected .nav-item-main[b-09k9dtzerq]{color: #e0e7ff !important;}[b-09k9dtzerq] .mud-nav-link-selected .nav-item-sub,.mud-nav-link-selected .nav-item-sub[b-09k9dtzerq]{color: #c7d2fe !important;opacity: 0.8;}.nav-item-main[b-09k9dtzerq]{font-weight: 500;line-height: 1.3;}.nav-item-sub[b-09k9dtzerq]{font-size: 0.75rem;opacity: 0.6;margin-top: 2px;line-height: 1.2;}.nav-scrollable[b-09k9dtzerq]{overflow-y: auto;overflow-x: hidden;flex: 1 1 auto;min-height: 0;height: auto;-webkit-overflow-scrolling: touch;touch-action: pan-y;scrollbar-width: thin;scrollbar-color: transparent transparent;transition: scrollbar-color 0.3s ease;position: relative;background: transparent !important;}@media (hover: hover) and (pointer: fine){.nav-scrollable:hover[b-09k9dtzerq]{scrollbar-color: rgba(88,28,135,0.5) transparent;}}.nav-scrollable[b-09k9dtzerq]::-webkit-scrollbar{width: 6px;background: transparent;}.nav-scrollable[b-09k9dtzerq]::-webkit-scrollbar-track{background: transparent;}.nav-scrollable[b-09k9dtzerq]::-webkit-scrollbar-thumb{background: transparent;border-radius: 10px;transition: background 0.3s ease;border: 2px solid transparent;background-clip: padding-box;}@media (hover: hover) and (pointer: fine){.nav-scrollable:hover[b-09k9dtzerq]::-webkit-scrollbar-thumb{background: linear-gradient(180deg,rgba(88,28,135,0.6) 0%,rgba(30,64,175,0.5) 100%);background-clip: padding-box;}}@media (max-width: 600px){.nav-scrollable[b-09k9dtzerq]{scrollbar-width: none;-ms-overflow-style: none;}.nav-scrollable[b-09k9dtzerq]::-webkit-scrollbar{display: none;}@media (hover: hover) and (pointer: fine){.nav-scrollable:hover[b-09k9dtzerq]{scrollbar-color: transparent transparent;}}@media (hover: hover) and (pointer: fine){.nav-scrollable:hover[b-09k9dtzerq]::-webkit-scrollbar-thumb{background: transparent;}}}[b-09k9dtzerq] .mud-divider,.mud-divider[b-09k9dtzerq]{opacity: 0.2;background: linear-gradient(90deg,transparent 0%,rgba(88,28,135,0.5) 50%,transparent 100%);height: 1px;}.nav-link-styled.logout[b-09k9dtzerq]{padding: 0 8px;margin-bottom: 2px;}.sidebar-root[b-09k9dtzerq]{height: 100%;}@media (min-width: 601px){.nav-scrollable[b-09k9dtzerq]{display: block;flex: 1 1 auto;min-height: 0;overflow-y: auto;overflow-x: hidden;}}@keyframes userSectionAppear-b-09k9dtzerq{0%{opacity: 0;transform: translateY(-8px);}100%{opacity: 1;transform: translateY(0);}}@media (prefers-reduced-motion: reduce){*[b-09k9dtzerq],*[b-09k9dtzerq]::before,*[b-09k9dtzerq]::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important;}}.nav-locked-preview[b-09k9dtzerq]{display: flex;flex-direction: column;gap: 2px;padding: 4px 12px;}.locked-item[b-09k9dtzerq]{display: flex;align-items: center;gap: 10px;padding: 9px 14px;border-radius: 8px;font-size: 0.82rem;font-weight: 500;color: var(--mxp-slate-500);text-decoration: none;transition: all 0.2s ease;position: relative;}.locked-item span[b-09k9dtzerq]{flex: 1;}.locked-item[b-09k9dtzerq] .lock-icon{font-size: 0.75rem !important;opacity: 0.4;}@media (hover: hover) and (pointer: fine){.locked-item:hover[b-09k9dtzerq]{background: rgba(139,92,246,0.08);color: var(--mxp-purple-200);}}@media (hover: hover) and (pointer: fine){.locked-item:hover[b-09k9dtzerq] .lock-icon{opacity: 0.7;color: var(--mxp-purple-200);}}.locked-hint[b-09k9dtzerq]{text-align: center;font-size: 0.68rem;color: #4b5563;margin: 6px 0 2px;font-style: italic;} #components-reconnect-modal[b-9u16k4l5m0]{width: min(22rem,calc(100vw - 32px));height: fit-content;margin: auto;padding: 0;border: 1px solid rgba(139,92,246,0.35);border-radius: 16px;background: #1a1f3a !important;color: #f1f5f9;box-shadow: 0 16px 48px rgba(0,0,0,0.55);}#components-reconnect-modal[b-9u16k4l5m0]::backdrop{background: rgba(10,4,22,0.65);}.rc-caja[b-9u16k4l5m0]{padding: 28px 24px 24px;text-align: center;}.rc-si-conectando[b-9u16k4l5m0],.rc-si-recargando[b-9u16k4l5m0],.rc-si-reintentando[b-9u16k4l5m0],.rc-si-fallo[b-9u16k4l5m0],.rc-si-pausa[b-9u16k4l5m0],.rc-si-fallo-reanudar[b-9u16k4l5m0],.rc-spinner[b-9u16k4l5m0]{display: none;}.components-reconnect-show .rc-si-conectando[b-9u16k4l5m0],.components-reconnect-show .rc-spinner[b-9u16k4l5m0],.components-reconnect-rejected .rc-si-recargando[b-9u16k4l5m0],.components-reconnect-rejected .rc-spinner[b-9u16k4l5m0],.rc-intentando .rc-spinner[b-9u16k4l5m0],.components-reconnect-retrying .rc-si-reintentando[b-9u16k4l5m0],.components-reconnect-failed .rc-si-fallo[b-9u16k4l5m0],.components-reconnect-paused .rc-si-pausa[b-9u16k4l5m0],.components-reconnect-resume-failed .rc-si-fallo-reanudar[b-9u16k4l5m0]{display: revert;}.rc-spinner[b-9u16k4l5m0]{width: 40px;height: 40px;margin: 0 auto 16px;border-radius: 50%;border: 3px solid rgba(139,92,246,0.25);border-top-color: #a78bfa;animation: rc-giro-b-9u16k4l5m0 0.9s linear infinite;}@keyframes rc-giro-b-9u16k4l5m0{to{transform: rotate(360deg);}}html.reduce-animations .rc-spinner[b-9u16k4l5m0]{animation: none;}@media (prefers-reduced-motion: reduce){.rc-spinner[b-9u16k4l5m0]{animation: none;}}.rc-titulo[b-9u16k4l5m0]{margin: 0;font-size: 1.05rem;font-weight: 600;}.rc-detalle[b-9u16k4l5m0]{margin: 10px 0 0;color: #94a3b8;font-size: 0.9rem;line-height: 1.45;}.rc-acciones[b-9u16k4l5m0]{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}.components-reconnect-failed .rc-acciones[b-9u16k4l5m0],.components-reconnect-paused .rc-acciones[b-9u16k4l5m0],.components-reconnect-resume-failed .rc-acciones[b-9u16k4l5m0]{margin-top: 20px;}#components-reconnect-modal .rc-btn[b-9u16k4l5m0]{min-height: 40px;padding: 0 18px;border: 0;border-radius: 10px;background: #7c3aed;color: #fff;font: inherit;font-weight: 600;letter-spacing: normal;text-transform: none;margin: 0 !important;cursor: pointer;}@media (hover: hover) and (pointer: fine){#components-reconnect-modal .rc-btn:hover[b-9u16k4l5m0]{background: #8b5cf6;}}#components-reconnect-modal .rc-btn:focus-visible[b-9u16k4l5m0]{outline: 2px solid #ede9fe;outline-offset: 2px;} .search-popover-backdrop[b-4gy742uxz4]{position: fixed;inset: 0;background: rgba(8,4,20,0.55);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index: 1500;animation: spFadeIn-b-4gy742uxz4 0.18s ease;}@keyframes spFadeIn-b-4gy742uxz4{from{opacity: 0;}to{opacity: 1;}}.search-popover[b-4gy742uxz4]{position: fixed;top: 10vh;left: 50%;width: clamp(min(560px,calc(100vw - 32px)),52vw,880px);max-height: min(75vh,calc(100vh - 10vh - 24px));overflow-y: auto;background: linear-gradient(180deg,rgba(30,18,58,0.96) 0%,rgba(15,10,35,0.98) 100%);border: 1px solid rgba(139,92,246,0.4);border-radius: 14px;box-shadow: 0 30px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(167,139,250,0.1),0 0 60px rgba(88,28,135,0.3);z-index: 1510;padding: 6px;animation: spPop-b-4gy742uxz4 0.2s cubic-bezier(.22,1,.36,1) both;transform: translateX(-50%);scrollbar-width: thin;scrollbar-color: rgba(139,92,246,0.32) transparent;}.search-popover[b-4gy742uxz4]::-webkit-scrollbar{width: 6px;}.search-popover[b-4gy742uxz4]::-webkit-scrollbar-thumb{background: rgba(139,92,246,0.32);border-radius: 6px;}@keyframes spPop-b-4gy742uxz4{from{opacity: 0;transform: translateX(-50%) translateY(-12px) scale(0.97);}to{opacity: 1;transform: translateX(-50%) translateY(0) scale(1);}}.sp-header[b-4gy742uxz4]{display: flex;align-items: center;gap: 10px;padding: 10px 12px;margin: 2px 2px 4px;border: 1px solid rgba(139,92,246,0.32);border-radius: 10px;background: linear-gradient(180deg,rgba(76,55,140,0.28) 0%,rgba(46,32,89,0.22) 100%);box-shadow: inset 0 0 0 1px rgba(167,139,250,0.06),0 0 16px rgba(139,92,246,0.18);position: sticky;top: 6px;z-index: 2;transition: border-color 150ms ease,box-shadow 150ms ease;}.sp-header:focus-within[b-4gy742uxz4]{border-color: rgba(167,139,250,0.65);box-shadow: inset 0 0 0 1px rgba(167,139,250,0.18),0 0 0 3px rgba(139,92,246,0.2),0 0 24px rgba(167,139,250,0.3);}.sp-header-icon[b-4gy742uxz4]{font-size: 1.125rem;color: var(--mxp-purple-200);flex-shrink: 0;filter: drop-shadow(0 0 6px rgba(167,139,250,0.55));}.sp-header-input[b-4gy742uxz4]{flex: 1;min-width: 0;background: transparent;border: 0;outline: 0;color: #f8fafc;font: 500 0.9375rem 'Helvetica Neue',Helvetica,Arial,sans-serif;caret-color: var(--mxp-purple-200);}.sp-header-input[b-4gy742uxz4]::placeholder{color: rgba(167,139,250,0.5);}.sp-header-x[b-4gy742uxz4]{width: 28px;height: 28px;border-radius: 8px;border: 0;background: rgba(139,92,246,0.15);color: var(--mxp-purple-100);display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0;flex-shrink: 0;transition: background 150ms;}@media (hover: hover) and (pointer: fine){.sp-header-x:hover[b-4gy742uxz4]{background: rgba(139,92,246,0.3);color: #fff;}}.sp-header-x .msym[b-4gy742uxz4]{font-size: 1rem;}.sp-hint[b-4gy742uxz4]{padding: 8px 14px;font-size: 0.7rem;color: var(--mxp-slate-400);margin-bottom: 2px;}.sp-hint kbd[b-4gy742uxz4]{background: rgba(139,92,246,0.15);border: 1px solid rgba(139,92,246,0.3);border-radius: 4px;padding: 1px 6px;font-family: 'JetBrains Mono',ui-monospace,monospace;font-size: 0.6875rem;color: var(--mxp-purple-100);}.sp-section[b-4gy742uxz4]{padding: 2px 4px 4px;}.sp-section + .sp-section[b-4gy742uxz4]{border-top: 1px solid rgba(139,92,246,0.1);margin-top: 2px;padding-top: 4px;}.sp-eyebrow[b-4gy742uxz4]{display: flex;align-items: center;gap: 6px;padding: 6px 10px 4px;font-family: 'Orbitron','Segoe UI',sans-serif;font-size: 0.66rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase;color: var(--mxp-purple-100);}.sp-eyebrow .msym[b-4gy742uxz4]{font-size: 0.95rem;color: var(--mxp-purple-200);}.sp-count[b-4gy742uxz4]{color: var(--mxp-slate-400);font-family: 'JetBrains Mono',ui-monospace,monospace;font-size: 0.66rem;font-weight: 600;letter-spacing: 0;margin-left: 2px;text-transform: none;}.sp-row[b-4gy742uxz4]{width: 100%;display: grid;grid-template-columns: 28px 1fr auto;gap: 10px;align-items: center;padding: 6px 10px;background: transparent;border: 1px solid transparent;border-radius: 8px;text-align: left;cursor: pointer;transition: background 120ms ease,border-color 120ms ease;color: inherit;font: inherit;}.sp-row:focus-visible[b-4gy742uxz4]{background: rgba(139,92,246,0.1);border-color: rgba(139,92,246,0.22);outline: none;}@media (hover: hover) and (pointer: fine){.sp-row:hover[b-4gy742uxz4]{background: rgba(139,92,246,0.1);border-color: rgba(139,92,246,0.22);outline: none;}}.sp-row:active[b-4gy742uxz4]{transform: scale(0.99);}.sp-row-ic[b-4gy742uxz4]{width: 28px;height: 28px;border-radius: 7px;display: flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0;position: relative;background: rgba(15,23,42,0.7);border: 1px solid rgba(71,85,105,0.25);color: var(--mxp-slate-200);}.sp-row-ic img[b-4gy742uxz4]{width: 100%;height: 100%;object-fit: cover;}.sp-row-ic .msym[b-4gy742uxz4]{font-size: 0.875rem;}.sp-ic-game[b-4gy742uxz4]{border-color: rgba(167,139,250,0.35);background: linear-gradient(135deg,rgba(139,92,246,0.15),rgba(15,23,42,0.7));color: var(--mxp-purple-200);}.sp-ic-movie[b-4gy742uxz4]{border-color: rgba(251,146,60,0.35);background: linear-gradient(135deg,rgba(251,146,60,0.12),rgba(15,23,42,0.7));color: var(--mxp-orange-300);}.sp-ic-series[b-4gy742uxz4]{border-color: rgba(96,165,250,0.35);background: linear-gradient(135deg,rgba(96,165,250,0.12),rgba(15,23,42,0.7));color: var(--mxp-blue-300);}.sp-ic-action[b-4gy742uxz4]{border-color: rgba(52,211,153,0.3);background: linear-gradient(135deg,rgba(52,211,153,0.1),rgba(15,23,42,0.7));color: var(--mxp-green-300);}.sp-ic-route[b-4gy742uxz4]{border-color: rgba(148,163,184,0.3);background: rgba(30,41,59,0.7);color: #cbd5e1;}.sp-ic-friend[b-4gy742uxz4]{--level-color: var(--mxp-purple-200);background: radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--level-color) 65%,#0a0416) 0%,rgba(10,4,22,0.95) 75%);border-color: color-mix(in srgb,var(--level-color) 55%,transparent);color: #fff;font-family: 'Orbitron','Segoe UI',sans-serif;font-weight: 800;font-size: 0.75rem;letter-spacing: 0.02em;}.sp-friend-emoji[b-4gy742uxz4]{font-size: 0.9375rem;line-height: 1;}.sp-row-body[b-4gy742uxz4]{min-width: 0;display: flex;flex-direction: column;gap: 2px;}.sp-row-title[b-4gy742uxz4]{font-size: 0.84rem;font-weight: 600;color: #f8fafc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.2;}.sp-row-meta[b-4gy742uxz4]{font-family: 'JetBrains Mono',ui-monospace,monospace;font-size: 0.72rem;color: #b8c2d4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.005em;margin-top: 1px;}.sp-row-flag[b-4gy742uxz4]{font-size: 0.875rem;color: var(--mxp-amber-300);flex-shrink: 0;}.sp-flag-fav[b-4gy742uxz4]{filter: drop-shadow(0 0 4px rgba(251,191,36,0.5));}.sp-loading[b-4gy742uxz4]{padding: 10px 12px;display: flex;flex-direction: column;gap: 8px;}.sp-shimmer[b-4gy742uxz4]{height: 40px;border-radius: 10px;background: linear-gradient(90deg,rgba(139,92,246,0.06) 0%,rgba(139,92,246,0.14) 50%,rgba(139,92,246,0.06) 100%);background-size: 200% 100%;animation: spShimmer-b-4gy742uxz4 1.4s linear infinite;}@keyframes spShimmer-b-4gy742uxz4{from{background-position: 200% 0;}to{background-position: -200% 0;}}.sp-empty[b-4gy742uxz4]{padding: 24px 16px;text-align: center;color: var(--mxp-slate-400);font-size: 0.875rem;display: flex;flex-direction: column;align-items: center;gap: 6px;}.sp-empty .msym[b-4gy742uxz4]{font-size: 2rem;color: #475569;}.sp-empty strong[b-4gy742uxz4]{color: #f8fafc;font-weight: 700;}.sp-empty-hint[b-4gy742uxz4]{font-size: 0.75rem;color: var(--mxp-slate-500);}@media (max-width: 600px){.search-popover[b-4gy742uxz4]{top: 8vh;width: calc(100vw - 16px);max-height: min(78vh,calc(100vh - 8vh - 16px));border-radius: 12px;}.sp-header[b-4gy742uxz4]{padding: 9px 10px;}.sp-header-input[b-4gy742uxz4]{font-size: 0.875rem;}}@media (max-width: 380px){.search-popover[b-4gy742uxz4]{top: 6vh;width: calc(100vw - 8px);max-height: calc(100vh - 6vh - 8px);}}@media (prefers-reduced-motion: reduce){.search-popover[b-4gy742uxz4],.search-popover-backdrop[b-4gy742uxz4],.sp-shimmer[b-4gy742uxz4]{animation: none !important;}} .toast-container[b-v2oe0e8wmq]{position: fixed;top: 1.5rem;right: 1.5rem;z-index: 99999;pointer-events: none;}.toast[b-v2oe0e8wmq]{display: flex;align-items: center;gap: 1rem;padding: 0.875rem 1rem 0.875rem 0.875rem;border-radius: 100px;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);cursor: pointer;position: relative;overflow: hidden;pointer-events: auto;transition: transform 0.2s ease,box-shadow 0.2s ease;}@media (hover: hover) and (pointer: fine){.toast:hover[b-v2oe0e8wmq]{transform: translateY(-2px);}}.toast:active[b-v2oe0e8wmq]{transform: scale(0.98);}.toast-icon[b-v2oe0e8wmq]{width: 38px;height: 38px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.toast-icon svg[b-v2oe0e8wmq]{width: 17px;height: 17px;}.toast-message[b-v2oe0e8wmq]{font-size: 0.9375rem;font-weight: 500;line-height: 1.4;padding-right: 0.5rem;white-space: nowrap;}.toast-dismiss[b-v2oe0e8wmq]{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border: none;border-radius: 50%;cursor: pointer;transition: all 0.15s ease;flex-shrink: 0;}.toast-dismiss svg[b-v2oe0e8wmq]{width: 14px;height: 14px;}@media (hover: hover) and (pointer: fine){.toast-dismiss:hover[b-v2oe0e8wmq]{transform: scale(1.1);}}.toast-dismiss:active[b-v2oe0e8wmq]{transform: scale(0.9);}.toast-progress[b-v2oe0e8wmq]{position: absolute;bottom: 0;left: 0;height: 3px;width: 100%;transform-origin: left;animation: progress-shrink-b-v2oe0e8wmq var(--duration,4000ms) linear forwards;border-radius: 0 0 100px 100px;}@keyframes progress-shrink-b-v2oe0e8wmq{from{transform: scaleX(1);}to{transform: scaleX(0);}}.toast.entering[b-v2oe0e8wmq]{animation: toast-enter-b-v2oe0e8wmq 0.4s cubic-bezier(0.175,0.885,0.32,1.275) forwards;}.toast.leaving[b-v2oe0e8wmq]{animation: toast-exit-b-v2oe0e8wmq 0.3s cubic-bezier(0.6,-0.28,0.735,0.045) forwards;}@keyframes toast-enter-b-v2oe0e8wmq{0%{opacity: 0;transform: translateX(40px) scale(0.9);}100%{opacity: 1;transform: translateX(0) scale(1);}}@keyframes toast-exit-b-v2oe0e8wmq{0%{opacity: 1;transform: translateX(0) scale(1);}100%{opacity: 0;transform: translateX(30px) scale(0.9);}}.toast--success[b-v2oe0e8wmq]{background: linear-gradient(135deg,rgba(34,197,94,0.2),rgba(34,197,94,0.1));border: 1px solid rgba(34,197,94,0.3);box-shadow: 0 8px 32px rgba(34,197,94,0.15);}@media (hover: hover) and (pointer: fine){.toast--success:hover[b-v2oe0e8wmq]{box-shadow: 0 12px 40px rgba(34,197,94,0.25);}}.toast--success .toast-icon[b-v2oe0e8wmq]{background: rgba(34,197,94,0.25);color: #4ade80;}.toast--success .toast-message[b-v2oe0e8wmq]{color: #bbf7d0;}.toast--success .toast-dismiss[b-v2oe0e8wmq]{background: rgba(34,197,94,0.2);color: rgba(187,247,208,0.6);}@media (hover: hover) and (pointer: fine){.toast--success .toast-dismiss:hover[b-v2oe0e8wmq]{background: rgba(34,197,94,0.35);color: #bbf7d0;}}.toast--success .toast-progress[b-v2oe0e8wmq]{background: linear-gradient(90deg,#22c55e,#4ade80);}.toast--error[b-v2oe0e8wmq]{background: linear-gradient(135deg,rgba(239,68,68,0.2),rgba(239,68,68,0.1));border: 1px solid rgba(239,68,68,0.3);box-shadow: 0 8px 32px rgba(239,68,68,0.15);}@media (hover: hover) and (pointer: fine){.toast--error:hover[b-v2oe0e8wmq]{box-shadow: 0 12px 40px rgba(239,68,68,0.25);}}.toast--error .toast-icon[b-v2oe0e8wmq]{background: rgba(239,68,68,0.25);color: var(--mxp-red-400);}.toast--error .toast-message[b-v2oe0e8wmq]{color: #fecaca;}.toast--error .toast-dismiss[b-v2oe0e8wmq]{background: rgba(239,68,68,0.2);color: rgba(254,202,202,0.6);}@media (hover: hover) and (pointer: fine){.toast--error .toast-dismiss:hover[b-v2oe0e8wmq]{background: rgba(239,68,68,0.35);color: #fecaca;}}.toast--error .toast-progress[b-v2oe0e8wmq]{background: linear-gradient(90deg,var(--mxp-red-500),var(--mxp-red-400));}.toast--warning[b-v2oe0e8wmq]{background: linear-gradient(135deg,rgba(234,179,8,0.2),rgba(234,179,8,0.1));border: 1px solid rgba(234,179,8,0.3);box-shadow: 0 8px 32px rgba(234,179,8,0.15);}@media (hover: hover) and (pointer: fine){.toast--warning:hover[b-v2oe0e8wmq]{box-shadow: 0 12px 40px rgba(234,179,8,0.25);}}.toast--warning .toast-icon[b-v2oe0e8wmq]{background: rgba(234,179,8,0.25);color: #fde047;}.toast--warning .toast-icon svg[b-v2oe0e8wmq]{width: 16px;height: 16px;}.toast--warning .toast-message[b-v2oe0e8wmq]{color: #fef9c3;}.toast--warning .toast-dismiss[b-v2oe0e8wmq]{background: rgba(234,179,8,0.2);color: rgba(254,249,195,0.6);}@media (hover: hover) and (pointer: fine){.toast--warning .toast-dismiss:hover[b-v2oe0e8wmq]{background: rgba(234,179,8,0.35);color: #fef9c3;}}.toast--warning .toast-progress[b-v2oe0e8wmq]{background: linear-gradient(90deg,#eab308,#fde047);}.toast--info[b-v2oe0e8wmq]{background: linear-gradient(135deg,rgba(139,92,246,0.2),rgba(139,92,246,0.1));border: 1px solid rgba(139,92,246,0.3);box-shadow: 0 8px 32px rgba(139,92,246,0.15);}@media (hover: hover) and (pointer: fine){.toast--info:hover[b-v2oe0e8wmq]{box-shadow: 0 12px 40px rgba(139,92,246,0.25);}}.toast--info .toast-icon[b-v2oe0e8wmq]{background: rgba(139,92,246,0.25);color: var(--mxp-purple-200);}.toast--info .toast-message[b-v2oe0e8wmq]{color: #ddd6fe;}.toast--info .toast-dismiss[b-v2oe0e8wmq]{background: rgba(139,92,246,0.2);color: rgba(221,214,254,0.6);}@media (hover: hover) and (pointer: fine){.toast--info .toast-dismiss:hover[b-v2oe0e8wmq]{background: rgba(139,92,246,0.35);color: #ddd6fe;}}.toast--info .toast-progress[b-v2oe0e8wmq]{background: linear-gradient(90deg,var(--mxp-purple-500),var(--mxp-purple-200));}.toast.theme-games[b-v2oe0e8wmq]{background: linear-gradient(135deg,rgba(16,185,129,0.2),rgba(16,185,129,0.1));border: 1px solid rgba(16,185,129,0.3);box-shadow: 0 8px 32px rgba(16,185,129,0.15);}@media (hover: hover) and (pointer: fine){.toast.theme-games:hover[b-v2oe0e8wmq]{box-shadow: 0 12px 40px rgba(16,185,129,0.25);}}.toast.theme-games .toast-icon[b-v2oe0e8wmq]{background: rgba(16,185,129,0.25);color: var(--mxp-green-300);}.toast.theme-games .toast-message[b-v2oe0e8wmq]{color: #a7f3d0;}.toast.theme-games .toast-dismiss[b-v2oe0e8wmq]{background: rgba(16,185,129,0.2);color: rgba(167,243,208,0.6);}@media (hover: hover) and (pointer: fine){.toast.theme-games .toast-dismiss:hover[b-v2oe0e8wmq]{background: rgba(16,185,129,0.35);color: #a7f3d0;}}.toast.theme-games .toast-progress[b-v2oe0e8wmq]{background: linear-gradient(90deg,var(--mxp-green-500),var(--mxp-green-300));}.toast.theme-movie[b-v2oe0e8wmq]{background: linear-gradient(135deg,rgba(245,158,11,0.2),rgba(245,158,11,0.1));border: 1px solid rgba(245,158,11,0.3);box-shadow: 0 8px 32px rgba(245,158,11,0.15);}@media (hover: hover) and (pointer: fine){.toast.theme-movie:hover[b-v2oe0e8wmq]{box-shadow: 0 12px 40px rgba(245,158,11,0.25);}}.toast.theme-movie .toast-icon[b-v2oe0e8wmq]{background: rgba(245,158,11,0.25);color: var(--mxp-amber-300);}.toast.theme-movie .toast-message[b-v2oe0e8wmq]{color: #fde68a;}.toast.theme-movie .toast-dismiss[b-v2oe0e8wmq]{background: rgba(245,158,11,0.2);color: rgba(253,230,138,0.6);}@media (hover: hover) and (pointer: fine){.toast.theme-movie .toast-dismiss:hover[b-v2oe0e8wmq]{background: rgba(245,158,11,0.35);color: #fde68a;}}.toast.theme-movie .toast-progress[b-v2oe0e8wmq]{background: linear-gradient(90deg,var(--mxp-amber-500),var(--mxp-amber-300));}@media (max-width: 480px){.toast-container[b-v2oe0e8wmq]{top: 1rem;right: 1rem;left: 1rem;}.toast[b-v2oe0e8wmq]{width: 100%;border-radius: 24px;padding: 0.75rem;gap: 0.875rem;}.toast-icon[b-v2oe0e8wmq]{width: 34px;height: 34px;}.toast-icon svg[b-v2oe0e8wmq]{width: 16px;height: 16px;}.toast-message[b-v2oe0e8wmq]{font-size: 0.875rem;white-space: normal;flex: 1;}.toast-dismiss[b-v2oe0e8wmq]{width: 28px;height: 28px;}.toast-dismiss svg[b-v2oe0e8wmq]{width: 12px;height: 12px;}.toast-progress[b-v2oe0e8wmq]{border-radius: 0 0 24px 24px;}}@media (prefers-reduced-motion: reduce){.toast.entering[b-v2oe0e8wmq],.toast.leaving[b-v2oe0e8wmq]{animation: none;}.toast.entering[b-v2oe0e8wmq]{opacity: 1;}.toast.leaving[b-v2oe0e8wmq]{opacity: 0;}.toast-progress[b-v2oe0e8wmq]{animation: none;transform: scaleX(0);}} .feed-page[b-zo4nxh07nx]{width:100%;padding:1.5rem 2rem 4rem;min-height:calc(100vh - 64px);}.feed-grid[b-zo4nxh07nx]{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;}.feed-grid.feed-grid-empty[b-zo4nxh07nx]{grid-template-columns:1fr;}.feed-main[b-zo4nxh07nx]{grid-column:1;display:flex;flex-direction:column;gap:18px;min-width:0;}.feed-rail[b-zo4nxh07nx]{grid-column:2;display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;animation:sIn-b-zo4nxh07nx .5s cubic-bezier(.22,1,.36,1) .1s both;}.feed-hero[b-zo4nxh07nx]{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:20px 24px;border-radius:20px;background: radial-gradient(600px 220px at 0% 0%,rgba(139,92,246,.14),transparent 55%),radial-gradient(500px 200px at 100% 100%,rgba(244,114,182,.08),transparent 60%),linear-gradient(135deg,rgba(46,32,89,.5),rgba(30,20,64,.45));border:1px solid rgba(167,139,250,.16);overflow:hidden;position:relative;animation:sIn-b-zo4nxh07nx .5s cubic-bezier(.22,1,.36,1) both;}.feed-hero[b-zo4nxh07nx]::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 20h40M20 0v40' stroke='%23a78bfa' stroke-opacity='.04' stroke-width='.5'/%3E%3C/svg%3E");pointer-events:none;}.fh-left[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1;}.fh-eyebrow[b-zo4nxh07nx]{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mxp-purple-200);}.fh-pulse[b-zo4nxh07nx]{width:7px;height:7px;border-radius:50%;background:var(--mxp-green-300);box-shadow:0 0 0 0 rgba(52,211,153,.5);animation:pulseDot-b-zo4nxh07nx 2s infinite;}@keyframes pulseDot-b-zo4nxh07nx{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55);}70%{box-shadow:0 0 0 8px rgba(52,211,153,0);}100%{box-shadow:0 0 0 0 rgba(52,211,153,0);}}.fh-title[b-zo4nxh07nx]{margin:0;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1;color:white;}.fh-sub[b-zo4nxh07nx]{margin:0;color:rgba(255,255,255,.35);font-size:.82rem;max-width:420px;line-height:1.45;}.fh-metrics[b-zo4nxh07nx]{display:flex;gap:10px;position:relative;z-index:1;flex-wrap:wrap;justify-content:flex-end;}.metric[b-zo4nxh07nx]{padding:10px 14px;border-radius:14px;background:rgba(15,8,35,.35);border:1px solid rgba(167,139,250,.12);min-width:96px;backdrop-filter:blur(6px);}.metric-lbl[b-zo4nxh07nx]{font-size:.66rem;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.35);text-transform:uppercase;}.metric-val[b-zo4nxh07nx]{font-size:1.3rem;font-weight:800;color:white;letter-spacing:-.02em;line-height:1.1;margin-top:2px;}.metric-xp .metric-val[b-zo4nxh07nx]{background:linear-gradient(135deg,var(--mxp-amber-300),var(--mxp-amber-500));-webkit-background-clip:text;background-clip:text;color:transparent;}.metric-mvp[b-zo4nxh07nx]{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;}.metric-mvp-av[b-zo4nxh07nx]{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(139,92,246,.2);color:white;font-size:1.05rem;}.metric-mvp .metric-val[b-zo4nxh07nx]{font-size:.88rem;font-weight:700;}.fr-strip[b-zo4nxh07nx]{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;animation:sIn-b-zo4nxh07nx .5s cubic-bezier(.22,1,.36,1) .08s both;}.fr-strip[b-zo4nxh07nx]::-webkit-scrollbar{display:none;}.fr-pill[b-zo4nxh07nx]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;border:none;cursor:pointer;flex-shrink:0;position:relative;transition:transform .15s;}@media (hover: hover) and (pointer: fine){.fr-pill:hover[b-zo4nxh07nx]{transform:translateY(-2px);}}.fr-av-ring[b-zo4nxh07nx]{position:relative;width:56px;height:56px;border-radius:50%;padding:2px;background:linear-gradient(135deg,rgba(167,139,250,.2),rgba(167,139,250,.05));transition:all .2s cubic-bezier(.22,1,.36,1);}.fr-pill.on .fr-av-ring[b-zo4nxh07nx]{background:conic-gradient(from 180deg,var(--mxp-purple-200),#f472b6,var(--mxp-blue-300),var(--mxp-purple-200));box-shadow:0 0 18px rgba(139,92,246,.32);}.fr-pill .fr-av[b-zo4nxh07nx]{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;color:white;font-weight:700;font-size:1.05rem;background:var(--bg,#6366f1);border:2px solid rgba(15,8,35,.9);overflow:hidden;}.fr-pill .fr-globe[b-zo4nxh07nx]{background:linear-gradient(135deg,#6366f1,var(--mxp-purple-200)) !important;}.fr-n[b-zo4nxh07nx]{font-size:.65rem;font-weight:600;color:rgba(255,255,255,.4);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.fr-pill.on .fr-n[b-zo4nxh07nx]{color:rgba(255,255,255,.9);}.fr-c[b-zo4nxh07nx]{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;border-radius:10px;background:var(--mxp-purple-600);color:white;font-weight:700;font-size:.64rem;display:grid;place-items:center;padding:0 5px;border:2px solid rgba(15,8,35,.9);}.fbar[b-zo4nxh07nx]{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:rgba(51,35,110,.28);border:1px solid rgba(167,139,250,.12);backdrop-filter:blur(6px);animation:sIn-b-zo4nxh07nx .5s cubic-bezier(.22,1,.36,1) .12s both;flex-wrap:wrap;}.fbar-label[b-zo4nxh07nx]{font-size:.68rem;font-weight:700;color:rgba(255,255,255,.3);letter-spacing:.15em;text-transform:uppercase;padding:0 4px 0 6px;}.fbar-seg[b-zo4nxh07nx]{display:flex;gap:4px;padding:4px;background:rgba(15,8,35,.4);border-radius:10px;border:1px solid rgba(167,139,250,.08);}.chip[b-zo4nxh07nx]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:rgba(255,255,255,.4);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;}@media (hover: hover) and (pointer: fine){.chip:hover[b-zo4nxh07nx]{color:rgba(255,255,255,.65);background:rgba(139,92,246,.06);}}.chip.on[b-zo4nxh07nx]{background:rgba(139,92,246,.16);color:white;border-color:rgba(139,92,246,.32);}.chip.chip-game.on[b-zo4nxh07nx]{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.32);color:var(--mxp-green-300);}.chip.chip-series.on[b-zo4nxh07nx]{background:rgba(99,102,241,.14);border-color:rgba(99,102,241,.32);color:#818cf8;}.chip.chip-movie.on[b-zo4nxh07nx]{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.32);color:var(--mxp-amber-300);}.fbar-sep[b-zo4nxh07nx]{width:1px;height:22px;background:rgba(167,139,250,.12);margin:0 2px;}.chip-clear[b-zo4nxh07nx]{margin-left:auto;color:var(--mxp-red-400);border-color:rgba(248,113,113,.22);background:rgba(248,113,113,.05);}@media (hover: hover) and (pointer: fine){.chip-clear:hover[b-zo4nxh07nx]{background:rgba(248,113,113,.12);color:var(--mxp-red-400);}}.chip-clear[b-zo4nxh07nx] .mud-icon-root{font-size:.9rem;}.timeline[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:22px;animation:sIn-b-zo4nxh07nx .5s cubic-bezier(.22,1,.36,1) .18s both;min-width:0;}.tl-day[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:10px;}.tl-day-hdr[b-zo4nxh07nx]{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5;padding:8px 0;background:linear-gradient(180deg,rgba(15,8,35,.95) 0%,rgba(15,8,35,.88) 70%,transparent 100%);backdrop-filter:blur(4px);}.tl-day-label[b-zo4nxh07nx]{font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);}.tl-day-count[b-zo4nxh07nx]{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(139,92,246,.14);color:var(--mxp-purple-200);}.tl-day-line[b-zo4nxh07nx]{flex:1;height:1px;background:linear-gradient(90deg,rgba(167,139,250,.15),transparent);}.tl-grid[b-zo4nxh07nx]{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:14px;}.card[b-zo4nxh07nx]{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:rgba(51,35,110,.3);border:1px solid rgba(167,139,250,.12);cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s;animation:cIn-b-zo4nxh07nx .4s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay,0s);}@media (hover: hover) and (pointer: fine){.card:hover[b-zo4nxh07nx]{transform:translateY(-4px);border-color:rgba(167,139,250,.32);box-shadow:0 16px 34px rgba(0,0,0,.34);}}.card:active[b-zo4nxh07nx]{transform:translateY(-1px) scale(.995);}.card-cover[b-zo4nxh07nx]{position:relative;width:100%;height:150px;overflow:hidden;background:rgba(15,8,35,.5);flex-shrink:0;}.card-cover > img[b-zo4nxh07nx]{width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform .45s cubic-bezier(.22,1,.36,1);}@media (hover: hover) and (pointer: fine){.card:hover .card-cover > img[b-zo4nxh07nx]{transform:scale(1.07);}}.card-cover-ph[b-zo4nxh07nx]{width:100%;height:100%;display:grid;place-items:center;font-size:2.4rem;opacity:.4;}.card.cat-game .card-cover-ph[b-zo4nxh07nx]{background:linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));}.card.cat-series .card-cover-ph[b-zo4nxh07nx]{background:linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));}.card.cat-movie .card-cover-ph[b-zo4nxh07nx]{background:linear-gradient(135deg,var(--mxp-amber-300),var(--mxp-amber-500));}.card-cover-grad[b-zo4nxh07nx]{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,8,35,.4) 0%,transparent 30%,transparent 64%,rgba(20,12,46,.55) 100%);pointer-events:none;}.card-cover-stack[b-zo4nxh07nx]{position:absolute;inset:0;}.card-cover-stack img[b-zo4nxh07nx]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;}.card-cover-stack img:nth-child(2)[b-zo4nxh07nx]{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);opacity:.95;}.card-cover-stack img:nth-child(3)[b-zo4nxh07nx]{clip-path:polygon(75% 0,100% 0,100% 100%,75% 100%);opacity:.95;}.card-action[b-zo4nxh07nx]{position:absolute;top:8px;left:8px;z-index:2;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:.95rem;background:rgba(15,8,35,.68);border:1px solid rgba(167,139,250,.22);backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.3);}.card-qty[b-zo4nxh07nx]{position:absolute;top:8px;right:8px;z-index:2;font-size:.68rem;font-weight:800;padding:4px 8px;border-radius:9px;background:rgba(15,8,35,.82);color:var(--mxp-amber-300);border:1px solid rgba(245,158,11,.35);backdrop-filter:blur(6px);}.card-body[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:7px;padding:11px 13px 13px;flex:1;min-width:0;}.card-who[b-zo4nxh07nx]{display:flex;align-items:center;gap:7px;min-width:0;}.card-av[b-zo4nxh07nx]{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;color:white;font-weight:700;font-size:.68rem;background:var(--bg,#6366f1);flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:pointer;transition:transform .15s;}@media (hover: hover) and (pointer: fine){.card-av:hover[b-zo4nxh07nx]{transform:scale(1.12);}}.card-name[b-zo4nxh07nx]{font-size:.76rem;font-weight:700;color:rgba(255,255,255,.85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.card-time[b-zo4nxh07nx]{font-size:.68rem;color:rgba(255,255,255,.32);margin-left:auto;flex-shrink:0;white-space:nowrap;}.card-title[b-zo4nxh07nx]{font-size:.9rem;font-weight:700;color:white;line-height:1.28;letter-spacing:-.01em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.card-detail[b-zo4nxh07nx]{font-size:.7rem;color:rgba(255,255,255,.42);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.card-foot[b-zo4nxh07nx]{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:2px;flex-wrap:wrap;}.card-tag[b-zo4nxh07nx]{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;}.card-tag-cat[b-zo4nxh07nx]{background:rgba(167,139,250,.1);color:var(--mxp-purple-100);border:1px solid rgba(167,139,250,.22);}.card.cat-game .card-tag-cat[b-zo4nxh07nx]{background:rgba(16,185,129,.12);color:var(--mxp-green-300);border-color:rgba(16,185,129,.28);}.card.cat-series .card-tag-cat[b-zo4nxh07nx]{background:rgba(99,102,241,.12);color:#818cf8;border-color:rgba(99,102,241,.28);}.card.cat-movie .card-tag-cat[b-zo4nxh07nx]{background:rgba(245,158,11,.12);color:var(--mxp-amber-300);border-color:rgba(245,158,11,.28);}.card-tag-xp[b-zo4nxh07nx]{background:rgba(251,191,36,.1);color:var(--mxp-amber-300);border:1px solid rgba(245,158,11,.22);margin-left:auto;}.rail-card[b-zo4nxh07nx]{padding:16px 18px;border-radius:16px;background:rgba(51,35,110,.3);border:1px solid rgba(167,139,250,.12);backdrop-filter:blur(6px);}.rail-title[b-zo4nxh07nx]{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:14px;display:flex;align-items:center;gap:8px;}.rail-title-dot[b-zo4nxh07nx]{width:6px;height:6px;border-radius:50%;background:var(--mxp-purple-200);box-shadow:0 0 6px rgba(139,92,246,.5);}.chart-bars[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:8px;}.chart-row[b-zo4nxh07nx]{display:flex;align-items:center;gap:10px;}.chart-name[b-zo4nxh07nx]{font-size:.72rem;color:rgba(255,255,255,.55);font-weight:500;min-width:80px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.chart-track[b-zo4nxh07nx]{flex:1;height:6px;border-radius:3px;background:rgba(15,8,35,.5);overflow:hidden;}.chart-fill[b-zo4nxh07nx]{height:100%;width:var(--w,0%);border-radius:3px;background:linear-gradient(90deg,var(--mxp-purple-500),var(--mxp-purple-200),#f472b6);transition:width .9s cubic-bezier(.22,1,.36,1);}.chart-num[b-zo4nxh07nx]{font-size:.68rem;color:rgba(255,255,255,.5);font-weight:700;min-width:22px;text-align:right;}.rail-hint[b-zo4nxh07nx]{margin-top:10px;padding:8px 10px;border-radius:8px;background:rgba(139,92,246,.06);border:1px dashed rgba(167,139,250,.18);font-size:.7rem;color:rgba(255,255,255,.45);line-height:1.4;}.rail-actions[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:6px;}.rail-action[b-zo4nxh07nx]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(139,92,246,.06);border:1px solid rgba(139,92,246,.18);color:rgba(255,255,255,.78);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:left;width:100%;}@media (hover: hover) and (pointer: fine){.rail-action:hover:not(:disabled)[b-zo4nxh07nx]{background:rgba(139,92,246,.14);border-color:rgba(139,92,246,.36);color:white;transform:translateX(2px);}}.rail-action:disabled[b-zo4nxh07nx]{opacity:.4;cursor:not-allowed;}.rail-action.on[b-zo4nxh07nx]{background:rgba(139,92,246,.16);border-color:rgba(139,92,246,.38);color:white;}.rail-action-ico[b-zo4nxh07nx]{color:var(--mxp-purple-200) !important;flex-shrink:0;}.rail-action-lbl[b-zo4nxh07nx]{flex:1;min-width:0;}.rail-action-arr[b-zo4nxh07nx]{color:rgba(255,255,255,.35) !important;flex-shrink:0;transition:transform .15s;}@media (hover: hover) and (pointer: fine){.rail-action:hover .rail-action-arr[b-zo4nxh07nx]{color:rgba(255,255,255,.7) !important;}}.dna-picker[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:4px;padding:8px;margin-top:2px;border-radius:10px;background:rgba(15,8,35,.35);border:1px solid rgba(167,139,250,.12);max-height:320px;overflow-y:auto;scrollbar-width:thin;animation:dnaPick-b-zo4nxh07nx .22s cubic-bezier(.22,1,.36,1) both;}@keyframes dnaPick-b-zo4nxh07nx{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}}.dna-pick-row[b-zo4nxh07nx]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:rgba(255,255,255,.75);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:left;width:100%;}@media (hover: hover) and (pointer: fine){.dna-pick-row:hover[b-zo4nxh07nx]{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.28);color:white;}}.dna-pick-self[b-zo4nxh07nx]{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2);}.dna-pick-av[b-zo4nxh07nx]{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:white;font-weight:700;font-size:.7rem;background:var(--bg,#6366f1);flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.25);}.dna-pick-av-self[b-zo4nxh07nx]{background:linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-600));}.dna-pick-name[b-zo4nxh07nx]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.dna-pick-arr[b-zo4nxh07nx]{color:rgba(255,255,255,.3) !important;flex-shrink:0;}@media (hover: hover) and (pointer: fine){.dna-pick-row:hover .dna-pick-arr[b-zo4nxh07nx]{color:rgba(255,255,255,.65) !important;}}.dna-pick-empty[b-zo4nxh07nx]{padding:14px 10px;text-align:center;font-size:.72rem;color:rgba(255,255,255,.35);}.empty-hero[b-zo4nxh07nx]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;flex:1;text-align:center;animation:sIn-b-zo4nxh07nx .5s cubic-bezier(.22,1,.36,1) both;}.eh-visual[b-zo4nxh07nx]{position:relative;width:120px;height:120px;margin-bottom:28px;display:flex;align-items:center;justify-content:center;}.eh-circle[b-zo4nxh07nx]{position:absolute;border-radius:50%;border:1.5px solid rgba(139,92,246,.12);}.eh-c1[b-zo4nxh07nx]{width:120px;height:120px;animation:pulseRing-b-zo4nxh07nx 3s ease-in-out infinite;}.eh-c2[b-zo4nxh07nx]{width:88px;height:88px;border-color:rgba(139,92,246,.18);animation:pulseRing-b-zo4nxh07nx 3s ease-in-out .5s infinite;}.eh-c3[b-zo4nxh07nx]{width:56px;height:56px;border-color:rgba(139,92,246,.25);animation:pulseRing-b-zo4nxh07nx 3s ease-in-out 1s infinite;}.eh-emoji[b-zo4nxh07nx]{font-size:2.2rem;z-index:1;filter:drop-shadow(0 0 12px rgba(139,92,246,.2));}.eh-title[b-zo4nxh07nx]{margin:0 0 8px;font-size:1.4rem;font-weight:700;color:rgba(255,255,255,.8);}.eh-desc[b-zo4nxh07nx]{margin:0 0 28px;font-size:.88rem;color:rgba(255,255,255,.3);max-width:380px;line-height:1.5;}.eh-steps[b-zo4nxh07nx]{display:flex;align-items:center;gap:12px;margin-bottom:28px;flex-wrap:wrap;justify-content:center;}.eh-step[b-zo4nxh07nx]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);}.eh-step-num[b-zo4nxh07nx]{width:22px;height:22px;border-radius:50%;background:rgba(139,92,246,.15);color:var(--mxp-purple-200);font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.eh-step-txt[b-zo4nxh07nx]{font-size:.78rem;color:rgba(255,255,255,.5);font-weight:500;white-space:nowrap;}.eh-step-arrow[b-zo4nxh07nx]{color:rgba(255,255,255,.12);font-size:.8rem;}.eh-cta[b-zo4nxh07nx]{display:flex;align-items:center;gap:8px;padding:12px 28px;border-radius:14px;border:1px solid rgba(139,92,246,.3);background:rgba(139,92,246,.1);color:var(--mxp-purple-200);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;}@media (hover: hover) and (pointer: fine){.eh-cta:hover[b-zo4nxh07nx]{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.45);transform:translateY(-1px);}}.empty-mini[b-zo4nxh07nx]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;gap:10px;}.feed-error[b-zo4nxh07nx]{gap:16px;}.feed-error .eh-cta:disabled[b-zo4nxh07nx]{opacity:.5;cursor:default;}.empty-ico[b-zo4nxh07nx]{font-size:2.5rem;animation:bob-b-zo4nxh07nx 3s ease-in-out infinite;}.empty-mini p[b-zo4nxh07nx]{color:rgba(255,255,255,.35);font-size:.88rem;margin:0;}.more-btn[b-zo4nxh07nx]{display:inline-flex;align-items:center;gap:8px;margin:10px auto 0;padding:11px 28px;border-radius:14px;border:1px solid rgba(167,139,250,.2);background:rgba(51,35,110,.28);color:rgba(255,255,255,.6);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;}@media (hover: hover) and (pointer: fine){.more-btn:hover:not(:disabled)[b-zo4nxh07nx]{background:rgba(68,47,140,.5);border-color:rgba(167,139,250,.4);color:white;}}.more-btn:disabled[b-zo4nxh07nx]{cursor:default;opacity:.5;}@keyframes sIn-b-zo4nxh07nx{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@keyframes cIn-b-zo4nxh07nx{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}@keyframes bob-b-zo4nxh07nx{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}@keyframes ovIn-b-zo4nxh07nx{from{opacity:0;transform:translate(-50%,-50%) translateY(18px) scale(.97);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}@keyframes fadeIn-b-zo4nxh07nx{from{opacity:0;}to{opacity:1;}}@keyframes pulseRing-b-zo4nxh07nx{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.06);opacity:.6;}}.ov-backdrop[b-zo4nxh07nx]{position:fixed;inset:0;z-index:900;background:rgba(15,8,35,.7);backdrop-filter:blur(6px);animation:fadeIn-b-zo4nxh07nx .2s ease both;}.ov-panel[b-zo4nxh07nx]{position:fixed;z-index:901;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,94vw);max-height:88vh;overflow-y:auto;border-radius:22px;border:1px solid rgba(167,139,250,.2);background:linear-gradient(180deg,rgba(46,32,89,.95),rgba(30,20,64,.98));box-shadow:0 30px 80px rgba(0,0,0,.55);animation:ovIn-b-zo4nxh07nx .35s cubic-bezier(.22,1,.36,1) both;scrollbar-width:thin;scrollbar-color:rgba(167,139,250,.22) transparent;}.ov-close[b-zo4nxh07nx]{position:absolute;top:14px;right:14px;z-index:5;width:34px;height:34px;border-radius:50%;border:1px solid rgba(167,139,250,.2);background:rgba(15,8,35,.6);color:rgba(255,255,255,.75);cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(8px);transition:all .15s;}@media (hover: hover) and (pointer: fine){.ov-close:hover[b-zo4nxh07nx]{background:rgba(139,92,246,.2);color:white;}}.ov-poster[b-zo4nxh07nx]{position:relative;width:100%;height:200px;overflow:hidden;}.ov-poster img[b-zo4nxh07nx]{width:100%;height:100%;object-fit:cover;}.ov-poster-fade[b-zo4nxh07nx]{position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,rgba(30,20,64,.98) 95%);}.ov-body[b-zo4nxh07nx]{padding:18px 24px 24px;display:flex;flex-direction:column;gap:16px;}.ov-poster + .ov-body[b-zo4nxh07nx]{margin-top:-50px;position:relative;z-index:2;}.ov-head[b-zo4nxh07nx]{display:flex;align-items:center;gap:12px;}.ov-av[b-zo4nxh07nx]{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:white;font-weight:700;font-size:1.05rem;background:var(--bg,#6366f1);box-shadow:0 4px 14px rgba(0,0,0,.3);flex-shrink:0;}.ov-who[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:2px;flex:1;}.ov-name[b-zo4nxh07nx]{font-size:.95rem;font-weight:700;color:white;}.ov-lvl[b-zo4nxh07nx]{font-size:.72rem;color:rgba(255,255,255,.35);}.ov-icon[b-zo4nxh07nx]{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));}.ov-title[b-zo4nxh07nx]{margin:0;font-size:1.3rem;font-weight:800;color:white;line-height:1.2;letter-spacing:-.01em;}.ov-detail[b-zo4nxh07nx]{margin:0;font-size:.82rem;color:rgba(255,255,255,.45);}.ov-list[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;}.ov-list-item[b-zo4nxh07nx]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(51,35,110,.3);border:1px solid rgba(167,139,250,.08);transition:background .15s;}@media (hover: hover) and (pointer: fine){.ov-list-item:hover[b-zo4nxh07nx]{background:rgba(68,47,140,.5);}}.ov-list-img[b-zo4nxh07nx]{width:40px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0;}.ov-list-noimg[b-zo4nxh07nx]{width:40px;height:56px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}.ov-list-noimg.cat-game[b-zo4nxh07nx]{background:rgba(16,185,129,.1);}.ov-list-noimg.cat-series[b-zo4nxh07nx]{background:rgba(99,102,241,.1);}.ov-list-noimg.cat-movie[b-zo4nxh07nx]{background:rgba(245,158,11,.1);}.ov-list-name[b-zo4nxh07nx]{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.78);line-height:1.3;flex:1;min-width:0;}.ov-list-clickable[b-zo4nxh07nx]{cursor:pointer;}@media (hover: hover) and (pointer: fine){.ov-list-clickable:hover[b-zo4nxh07nx]{background:rgba(68,47,140,.55);border-color:rgba(167,139,250,.22);}}.ov-list-arrow[b-zo4nxh07nx]{color:rgba(255,255,255,.25);flex-shrink:0;transition:transform .15s;}@media (hover: hover) and (pointer: fine){.ov-list-clickable:hover .ov-list-arrow[b-zo4nxh07nx]{color:rgba(255,255,255,.55);transform:translateX(2px);}}[b-zo4nxh07nx] .ov-list-arrow.mud-icon-root{font-size:1rem;}.ov-meta[b-zo4nxh07nx]{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid rgba(167,139,250,.1);}.ov-xp[b-zo4nxh07nx]{font-size:.8rem;font-weight:700;color:var(--mxp-amber-300);background:rgba(251,191,36,.1);padding:4px 12px;border-radius:999px;border:1px solid rgba(245,158,11,.22);}.ov-time[b-zo4nxh07nx]{font-size:.72rem;color:rgba(255,255,255,.3);}.ov-actions[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:8px;}.ov-btn[b-zo4nxh07nx]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;border:1px solid rgba(167,139,250,.18);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s;}.ov-btn-go[b-zo4nxh07nx]{background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(124,58,237,.16));border-color:rgba(139,92,246,.42);color:white;}@media (hover: hover) and (pointer: fine){.ov-btn-go:hover[b-zo4nxh07nx]{transform:translateY(-1px);box-shadow:0 8px 22px rgba(139,92,246,.28);}}.ov-panel.cat-game .ov-btn-go[b-zo4nxh07nx]{background:linear-gradient(135deg,rgba(16,185,129,.28),rgba(5,150,105,.16));border-color:rgba(52,211,153,.42);}.ov-panel.cat-movie .ov-btn-go[b-zo4nxh07nx]{background:linear-gradient(135deg,rgba(245,158,11,.28),rgba(217,119,6,.16));border-color:rgba(251,191,36,.42);}.ov-btn-friend[b-zo4nxh07nx]{background:rgba(51,35,110,.4);color:rgba(255,255,255,.7);}@media (hover: hover) and (pointer: fine){.ov-btn-friend:hover[b-zo4nxh07nx]{background:rgba(68,47,140,.55);color:white;}}.ov-btn-add[b-zo4nxh07nx]{background:rgba(139,92,246,.12);color:var(--mxp-purple-200);border-color:rgba(139,92,246,.28);}@media (hover: hover) and (pointer: fine){.ov-btn-add:hover[b-zo4nxh07nx]{background:rgba(139,92,246,.22);}}.ov-cat-badge[b-zo4nxh07nx]{position:absolute;top:14px;left:16px;z-index:2;font-size:.7rem;font-weight:700;padding:5px 12px;border-radius:999px;backdrop-filter:blur(8px);letter-spacing:.03em;}.ov-cat-badge.cat-game[b-zo4nxh07nx]{background:rgba(16,185,129,.22);color:var(--mxp-green-300);border:1px solid rgba(52,211,153,.32);}.ov-cat-badge.cat-series[b-zo4nxh07nx]{background:rgba(139,92,246,.22);color:var(--mxp-purple-100);border:1px solid rgba(167,139,250,.32);}.ov-cat-badge.cat-movie[b-zo4nxh07nx]{background:rgba(245,158,11,.22);color:var(--mxp-amber-300);border:1px solid rgba(251,191,36,.32);}.ov-notowned[b-zo4nxh07nx]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(15,8,35,.3);border:1px dashed rgba(167,139,250,.22);}.ov-notowned-txt[b-zo4nxh07nx]{font-size:.8rem;color:rgba(255,255,255,.45);}.ov-mystats[b-zo4nxh07nx]{padding:14px 16px;border-radius:14px;background:rgba(15,8,35,.35);border:1px solid rgba(167,139,250,.12);}.ov-mystats-label[b-zo4nxh07nx]{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.12em;display:block;margin-bottom:10px;}.ov-mystats-loading[b-zo4nxh07nx]{display:flex;align-items:center;justify-content:center;padding:16px;}.ov-stats-grid[b-zo4nxh07nx]{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;}.ov-sg-item[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;background:rgba(51,35,110,.32);border:1px solid rgba(167,139,250,.08);}.ov-sg-val[b-zo4nxh07nx]{font-size:.88rem;font-weight:700;color:white;line-height:1.15;letter-spacing:-.01em;}.ov-sg-lbl[b-zo4nxh07nx]{font-size:.6rem;color:rgba(255,255,255,.35);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;}.ov-panel.cat-game .ov-sg-val[b-zo4nxh07nx]{color:var(--mxp-green-300);}.ov-panel.cat-series .ov-sg-val[b-zo4nxh07nx]{color:var(--mxp-purple-200);}.ov-panel.cat-movie .ov-sg-val[b-zo4nxh07nx]{color:var(--mxp-amber-300);}.ov-friends-section[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:8px;}.ov-friends-list[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;scrollbar-width:thin;}.ov-fr-row[b-zo4nxh07nx]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(51,35,110,.28);border:1px solid rgba(167,139,250,.06);transition:background .15s;}@media (hover: hover) and (pointer: fine){.ov-fr-row:hover[b-zo4nxh07nx]{background:rgba(68,47,140,.45);}}.ov-fr-av[b-zo4nxh07nx]{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.82rem;color:white;font-weight:600;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.25);background:var(--bg,#6366f1);}.ov-fr-info[b-zo4nxh07nx]{display:flex;flex-direction:column;gap:1px;min-width:0;}.ov-fr-name[b-zo4nxh07nx]{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.82);}.ov-fr-sub[b-zo4nxh07nx]{font-size:.7rem;color:rgba(255,255,255,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}@media (max-width:1024px){.feed-grid[b-zo4nxh07nx]{grid-template-columns:1fr;gap:18px;}.feed-rail[b-zo4nxh07nx]{grid-column:1;position:static;flex-direction:row;flex-wrap:wrap;}.feed-rail .rail-card[b-zo4nxh07nx]{flex:1 1 280px;}}@media (max-width:960px){.feed-page[b-zo4nxh07nx]{padding:1rem 1.25rem 3rem;}.feed-hero[b-zo4nxh07nx]{flex-direction:column;align-items:stretch;gap:16px;padding:16px;}.fh-title[b-zo4nxh07nx]{font-size:2rem;}.fh-metrics[b-zo4nxh07nx]{justify-content:flex-start;}.metric[b-zo4nxh07nx]{flex:1 1 calc(50% - 6px);min-width:0;padding:8px 12px;}.metric-val[b-zo4nxh07nx]{font-size:1.05rem;}.fbar[b-zo4nxh07nx]{padding:8px;gap:6px;}.fbar-label[b-zo4nxh07nx]{display:none;}.fbar-seg[b-zo4nxh07nx]{flex:1;overflow-x:auto;scrollbar-width:none;}.fbar-seg[b-zo4nxh07nx]::-webkit-scrollbar{display:none;}.fbar-sep[b-zo4nxh07nx]{display:none;}.tl-grid[b-zo4nxh07nx]{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;}.card-cover[b-zo4nxh07nx]{height:134px;}.card-title[b-zo4nxh07nx]{font-size:.86rem;}}@media (max-width:600px){.feed-page[b-zo4nxh07nx]{padding:.75rem .85rem;padding-bottom:110px;}.feed-hero[b-zo4nxh07nx]{padding:14px;border-radius:16px;}.fh-title[b-zo4nxh07nx]{font-size:1.7rem;}.fh-sub[b-zo4nxh07nx]{font-size:.75rem;}.metric[b-zo4nxh07nx]{padding:7px 10px;}.metric-lbl[b-zo4nxh07nx]{font-size:.62rem;}.metric-val[b-zo4nxh07nx]{font-size:.95rem;}.metric-mvp-av[b-zo4nxh07nx]{width:28px;height:28px;font-size:.82rem;}.fr-strip[b-zo4nxh07nx]{gap:10px;}.fr-av-ring[b-zo4nxh07nx]{width:48px;height:48px;}.fr-n[b-zo4nxh07nx]{font-size:.66rem;max-width:60px;}.fr-c[b-zo4nxh07nx]{min-width:18px;height:18px;font-size:.6rem;}.chip[b-zo4nxh07nx]{padding:6px 11px;min-height:32px;font-size:.72rem;}.tl-grid[b-zo4nxh07nx]{grid-template-columns:repeat(2,1fr);gap:10px;}.card-cover[b-zo4nxh07nx]{height:120px;}.card-body[b-zo4nxh07nx]{padding:9px 10px 11px;gap:6px;}.card-av[b-zo4nxh07nx]{width:22px;height:22px;font-size:.62rem;}.card-name[b-zo4nxh07nx]{font-size:.7rem;}.card-title[b-zo4nxh07nx]{font-size:.82rem;}.card-detail[b-zo4nxh07nx]{font-size:.7rem;}.card-time[b-zo4nxh07nx]{font-size:.66rem;}.card-tag[b-zo4nxh07nx]{font-size:.64rem;padding:3px 7px;}.card-action[b-zo4nxh07nx]{width:26px;height:26px;font-size:.85rem;top:6px;left:6px;}.tl-day-label[b-zo4nxh07nx]{font-size:.65rem;}.tl-day-count[b-zo4nxh07nx]{font-size:.66rem;}.rail-card[b-zo4nxh07nx]{padding:14px;}.ov-panel[b-zo4nxh07nx]{width:95vw;max-height:90vh;}.ov-body[b-zo4nxh07nx]{padding:14px 16px 20px;gap:14px;}.ov-stats-grid[b-zo4nxh07nx]{grid-template-columns:repeat(3,1fr);gap:6px;}.ov-sg-item[b-zo4nxh07nx]{padding:8px;}.ov-sg-val[b-zo4nxh07nx]{font-size:.78rem;}.ov-sg-lbl[b-zo4nxh07nx]{font-size:.62rem;}.eh-steps[b-zo4nxh07nx]{flex-direction:column;gap:8px;}.eh-step-arrow[b-zo4nxh07nx]{display:none;}.more-btn[b-zo4nxh07nx]{width:100%;justify-content:center;}}@media (min-width:1920px){.feed-page[b-zo4nxh07nx]{padding:1.5rem 2.5rem 4rem;}.feed-grid[b-zo4nxh07nx]{grid-template-columns:minmax(0,1fr) 380px;gap:32px;}} .error-container[b-0hizgbc5lu]{min-height: 100vh;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,#0f172a 0%,#1a0b2e 50%,#0f172a 100%);padding: 20px;}.error-content[b-0hizgbc5lu]{text-align: center;max-width: 500px;padding: 48px;background: rgba(26,11,46,0.6);border-radius: 20px;border: 1px solid rgba(88,28,135,0.35);backdrop-filter: blur(10px);}.error-logo[b-0hizgbc5lu]{margin-bottom: 28px;}.error-logo img[b-0hizgbc5lu]{width: 72px;height: 72px;opacity: .85;}.error-title[b-0hizgbc5lu]{font-size: 2rem;font-weight: 700;margin: 0 0 16px 0;background: linear-gradient(135deg,#c4b5fd 0%,#818cf8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.error-message[b-0hizgbc5lu]{font-size: 1.05rem;color: rgba(255,255,255,0.72);margin: 0 0 24px 0;line-height: 1.6;}.error-request-id[b-0hizgbc5lu]{font-size: .8rem;color: rgba(255,255,255,0.45);margin: 0 0 24px 0;}.error-request-id code[b-0hizgbc5lu]{color: rgba(196,181,253,0.9);word-break: break-all;}.error-actions[b-0hizgbc5lu]{display: flex;gap: 12px;justify-content: center;flex-wrap: wrap;}.error-btn[b-0hizgbc5lu]{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0 20px;border-radius: 12px;border: 1px solid rgba(88,28,135,0.5);background: rgba(88,28,135,0.25);color: #e9d5ff;font-size: .95rem;font-weight: 600;text-decoration: none;cursor: pointer;}@media (hover: hover) and (pointer: fine){.error-btn:hover[b-0hizgbc5lu]{background: rgba(88,28,135,0.4);}}.error-btn-primary[b-0hizgbc5lu]{background: linear-gradient(135deg,#6d28d9 0%,#4c1d95 100%);border-color: transparent;color: #fff;}@media (max-width: 600px){.error-content[b-0hizgbc5lu]{padding: 32px 20px;}.error-title[b-0hizgbc5lu]{font-size: 1.6rem;}} .catalog-container[b-cat-juegos]{--primary-from: var(--mxp-green-500);--primary-to: var(--mxp-green-300);--secondary-from: #059669;--secondary-to: var(--mxp-green-500);--glow-color: rgba(16,185,129,0.15);--ac: 16,185,129;--ac-light: 52,211,153;--ac-dark: 4,120,87;--ac-hex: var(--mxp-green-500);--ac-light-hex: var(--mxp-green-300);--bg-dark: 2,44,34;--rating-from: var(--mxp-amber-300);--rating-to: var(--mxp-amber-500);--rating-glow: rgba(251,191,36,0.35);--eye-color: var(--mxp-blue-300);--eye-glow: rgba(96,165,250,0.35);--gems-from: #22d3ee;--gems-to: #06b6d4;--gems-glow: rgba(34,211,238,0.3);--upcoming-from: #f472b6;--upcoming-to: #ec4899;--upcoming-glow: rgba(244,114,182,0.3);min-height: 100vh;padding: 20px;padding-bottom: 4rem;padding-top: 2rem;animation: fadeIn-b-cat-juegos 0.5s ease-out;container-type: inline-size;container-name: catalog;}@keyframes fadeIn-b-cat-juegos{from{opacity: 0;}to{opacity: 1;}}@keyframes slideDown-b-cat-juegos{from{opacity: 0;transform: translateY(-20px);}to{opacity: 1;transform: translateY(0);}}@keyframes scaleIn-b-cat-juegos{from{transform: scale(0);opacity: 0;}to{transform: scale(1);opacity: 1;}}@keyframes cardFadeIn-b-cat-juegos{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@keyframes float-b-cat-juegos{0%,100%{transform: translateY(0);}50%{transform: translateY(-10px);}}@keyframes spin-b-cat-juegos{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}@keyframes pulse-b-cat-juegos{0%,100%{transform: scale(1);}50%{transform: scale(1.05);}}@keyframes modalSlideIn-b-cat-juegos{from{opacity: 0;transform: translateY(-30px) scale(0.95);}to{opacity: 1;transform: translateY(0) scale(1);}}@keyframes resultReveal-b-cat-juegos{from{opacity: 0;transform: scale(0.9);}to{opacity: 1;transform: scale(1);}}@keyframes eyeClose-b-cat-juegos{0%{transform: scaleY(1);}50%{transform: scaleY(0.1);}100%{transform: scaleY(1);}}@keyframes arrowBounce-b-cat-juegos{0%{transform: translateY(0);opacity: 0;}50%{transform: translateY(-3px);}100%{transform: translateY(0);opacity: 1;}}@keyframes sortActivate-b-cat-juegos{0%{transform: scale(0.8);}50%{transform: scale(1.1);}100%{transform: scale(1);}}@keyframes sortFlip-b-cat-juegos{0%{transform: rotateX(0);}50%{transform: rotateX(90deg);}100%{transform: rotateX(0);}}@keyframes emojiPulse-b-cat-juegos{0%,100%{transform: scale(1);}50%{transform: scale(1.1);}}@keyframes overlayFadeIn-b-cat-juegos{from{opacity: 0;}to{opacity: 1;}}.catalog-header[b-cat-juegos]{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1rem;margin-bottom: 1.5rem;padding: 1.25rem 1.5rem;background: rgba(16,185,129,0.06);border-radius: 16px;backdrop-filter: blur(10px);border: 1px solid rgba(52,211,153,0.15);animation: slideDown-b-cat-juegos 0.5s ease-out 0.1s both;transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.catalog-header:hover[b-cat-juegos]{border-color: rgba(52,211,153,0.25);}}.header-emoji[b-cat-juegos]{font-size: 2rem;}[b-cat-juegos] .header-title{font-size: 1.75rem !important;font-weight: 800 !important;letter-spacing: -0.5px !important;background: linear-gradient(135deg,var(--primary-from),var(--primary-to)) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;background-clip: text !important;}.header-stats .stat-chip[b-cat-juegos]{flex: 1;min-width: 0;justify-content: center;}.stat-chip[b-cat-juegos]{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1.25rem;background: rgba(16,185,129,0.1);border: 1px solid rgba(16,185,129,0.2);border-radius: 12px;transition: all 0.3s ease;}@media (hover: hover) and (pointer: fine){.stat-chip:hover[b-cat-juegos]{transform: translateY(-2px);box-shadow: 0 4px 12px var(--glow-color);}}.stat-chip.completed[b-cat-juegos]{background: rgba(251,191,36,0.1);border-color: rgba(251,191,36,0.2);}@media (hover: hover) and (pointer: fine){.stat-chip.completed:hover[b-cat-juegos]{box-shadow: 0 4px 12px var(--rating-glow);}}.stat-chip.completed .stat-value[b-cat-juegos]{color: var(--mxp-amber-300);}@media (hover: hover) and (pointer: fine){.stat-chip.favorites:hover[b-cat-juegos]{box-shadow: 0 4px 12px rgba(239,68,68,0.25);}}.stat-chip.favorites .stat-value[b-cat-juegos]{color: var(--mxp-red-400);}.stat-value[b-cat-juegos]{font-size: 1.25rem;font-weight: 800;color: var(--primary-to);line-height: 1;}.stat-label[b-cat-juegos]{font-size: 0.75rem;font-weight: 600;color: rgba(255,255,255,0.6);text-transform: uppercase;letter-spacing: 0.5px;display: flex;align-items: center;}.search-section[b-cat-juegos]{display: flex;gap: 0.75rem;align-items: center;background: rgba(16,185,129,0.06);border-radius: 16px;padding: 0.75rem;margin-bottom: 1.5rem;backdrop-filter: blur(10px);box-shadow: 0 4px 20px rgba(0,0,0,0.15);border: 1px solid rgba(52,211,153,0.15);animation: slideDown-b-cat-juegos 0.5s ease-out 0.2s both;transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.search-section:hover[b-cat-juegos]{border-color: rgba(52,211,153,0.25);}}.search-randomizer-btn[b-cat-juegos]{position: absolute;right: 8px;width: 40px;height: 40px;font-size: 1.25rem;cursor: pointer;display: flex;align-items: center;margin-top: 8px;justify-content: center;transition: all 0.3s ease;}[b-cat-juegos] .search-field-modern .mud-input-root .mud-input-slot{border: none !important;}[b-cat-juegos] .search-field-modern .mud-input-outlined-border{display: none !important;}[b-cat-juegos] .search-field-modern .mud-input{border: none !important;}[b-cat-juegos] .search-field-modern input{font-size: 1rem !important;font-weight: 500 !important;padding: 12px 16px !important;color: rgba(255,255,255,0.9) !important;}.loading-inline[b-cat-juegos]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;padding: 3rem;color: rgba(255,255,255,0.7);font-weight: 600;width: 100%;box-sizing: border-box;animation: slideDown-b-cat-juegos 0.5s ease-out 0.3s both;}.results-header[b-cat-juegos]{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-bottom: 1.5rem;flex-wrap: nowrap;animation: slideDown-b-cat-juegos 0.5s ease-out 0.3s both;}.results-info[b-cat-juegos]{display: flex;align-items: center;gap: 0.5rem;min-width: 0;}[b-cat-juegos] .section-title{font-size: 1.5rem !important;font-weight: 800 !important;letter-spacing: -0.5px !important;background: linear-gradient(135deg,var(--primary-from),var(--primary-to)) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;background-clip: text !important;white-space: nowrap;}.results-count[b-cat-juegos]{background: linear-gradient(135deg,var(--primary-from) 0%,var(--primary-to) 100%);color: white;padding: 0.3rem 0.7rem;border-radius: 20px;font-size: 0.75rem;font-weight: 700;box-shadow: 0 0 20px var(--glow-color);flex-shrink: 0;}.filters-row[b-cat-juegos]{display: flex;align-items: center;gap: 0.5rem;flex-shrink: 0;}.filter-toggle-btn[b-cat-juegos]{width: 44px;height: 44px;border-radius: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);border: 2px solid rgba(96,165,250,0.3);background: rgba(30,41,59,0.5);color: rgba(96,165,250,0.7);position: relative;overflow: hidden;}.preview-type-genres-row[b-cat-juegos],.preview-game-stats[b-cat-juegos]{display: flex;align-items: center;gap: 0.5rem;}@media (hover: hover) and (pointer: fine){.filter-toggle-btn:hover[b-cat-juegos]{transform: translateY(-2px);box-shadow: 0 4px 16px var(--eye-glow);background: rgba(30,41,59,0.8);border-color: var(--eye-color);color: var(--eye-color);}}.filter-toggle-btn.active[b-cat-juegos]{background: linear-gradient(135deg,#3b82f6 0%,var(--mxp-blue-300) 100%);border-color: transparent;color: white;box-shadow: 0 4px 16px var(--eye-glow);}.filter-toggle-btn.rating[b-cat-juegos]{border-color: rgba(251,191,36,0.3);color: rgba(251,191,36,0.7);}@media (hover: hover) and (pointer: fine){.filter-toggle-btn.rating:hover[b-cat-juegos]{box-shadow: 0 4px 16px var(--rating-glow);border-color: var(--rating-from);color: var(--rating-from);}}.filter-toggle-btn.rating.sort-desc[b-cat-juegos],.filter-toggle-btn.rating.sort-asc[b-cat-juegos]{background: linear-gradient(135deg,var(--rating-from) 0%,var(--rating-to) 100%);border-color: transparent;color: white;box-shadow: 0 4px 16px var(--rating-glow);}[b-cat-juegos] .sort-arrow{margin-right: -4px;animation: arrowBounce-b-cat-juegos 0.5s ease;}[b-cat-juegos] .game-card{border-radius: 16px;overflow: hidden;box-shadow: 0 2px 12px rgba(0,0,0,0.15);transition: transform 0.3s ease,box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;position: relative;background: rgba(30,41,59,0.4);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.05);animation: cardFadeIn-b-cat-juegos 0.5s ease-out both;cursor: pointer;contain: layout style paint;}[b-cat-juegos] .mud-grid-item:nth-child(1) .game-card{animation-delay: 0.1s;}[b-cat-juegos] .mud-grid-item:nth-child(2) .game-card{animation-delay: 0.15s;}[b-cat-juegos] .mud-grid-item:nth-child(3) .game-card{animation-delay: 0.2s;}[b-cat-juegos] .mud-grid-item:nth-child(4) .game-card{animation-delay: 0.25s;}[b-cat-juegos] .mud-grid-item:nth-child(5) .game-card{animation-delay: 0.3s;}[b-cat-juegos] .mud-grid-item:nth-child(6) .game-card{animation-delay: 0.35s;}[b-cat-juegos] .mud-grid-item:nth-child(n+7) .game-card{animation-delay: 0.4s;}@media (hover: hover) and (pointer: fine){[b-cat-juegos] .game-card:hover{transform: translateY(-8px) scale(1.02);box-shadow: 0 12px 32px rgba(0,0,0,0.25),0 0 18px rgba(52,211,153,0.15);border-color: rgba(52,211,153,0.3);}}[b-cat-juegos] .game-card.in-collection{border-color: rgba(52,211,153,0.18);box-shadow: 0 2px 12px rgba(0,0,0,0.15),0 0 15px rgba(52,211,153,0.15);}@media (hover: hover) and (pointer: fine){[b-cat-juegos] .game-card.in-collection:hover{border-color: rgba(52,211,153,0.35);box-shadow: 0 12px 32px rgba(0,0,0,0.25),0 0 30px rgba(52,211,153,0.18);}}.collection-indicator[b-cat-juegos]{position: absolute;top: 10px;right: 10px;width: 32px;height: 32px;background: linear-gradient(135deg,var(--mxp-green-300) 0%,var(--mxp-green-500) 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 3;box-shadow: 0 4px 12px rgba(52,211,153,0.18);border: 2px solid rgba(255,255,255,0.2);animation: scaleIn-b-cat-juegos 0.3s ease;}.indicator-icon[b-cat-juegos]{color: white;font-size: 16px;font-weight: bold;}.game-poster[b-cat-juegos]{position: relative;width: 100%;padding-top: 142%;overflow: hidden;background: linear-gradient(135deg,#064e3b 0%,#065f46 100%);}.game-poster[b-cat-juegos]::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.7) 100%);z-index: 1;opacity: 0;transition: opacity 0.3s ease;}.game-poster img[b-cat-juegos]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}@media (hover: hover) and (pointer: fine){[b-cat-juegos] .game-card:hover .game-poster::before{opacity: 1;}}@media (hover: hover) and (pointer: fine){[b-cat-juegos] .game-card:hover .game-poster img{transform: scale(1.05);}}.game-platforms-corner[b-cat-juegos]{position: absolute;bottom: 6px;left: 6px;display: flex;gap: 4px;z-index: 2;}.platform-badge[b-cat-juegos]{display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 10px;font-size: 0.9rem;flex-shrink: 0;background: rgba(0,0,0,0.45);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);cursor: pointer;transition: transform 0.2s;}@media (hover: hover) and (pointer: fine){.platform-badge:hover[b-cat-juegos]{transform: scale(1.15);}}.game-info[b-cat-juegos]{padding: 1rem;flex-grow: 1;display: flex;flex-direction: column;}.game-title[b-cat-juegos]{font-size: 0.95rem;font-weight: 700;color: white;margin-bottom: 0.75rem;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.5rem;}.game-meta-row[b-cat-juegos]{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap;margin-top: auto;}.rating-badge[b-cat-juegos]{display: flex;align-items: center;gap: 0.3rem;padding: 0.35rem 0.6rem;background: linear-gradient(135deg,rgba(251,191,36,0.15) 0%,rgba(245,158,11,0.1) 100%);border-radius: 8px;border: 1px solid rgba(251,191,36,0.25);}.rating-star[b-cat-juegos]{color: var(--mxp-amber-300);font-size: 0.85rem;filter: drop-shadow(0 0 3px rgba(251,191,36,0.5));}.rating-value[b-cat-juegos]{color: white;font-size: 0.8rem;font-weight: 700;}.year-badge[b-cat-juegos]{padding: 0.35rem 0.6rem;background: rgba(100,116,139,0.2);border-radius: 8px;border: 1px solid rgba(100,116,139,0.25);color: rgba(255,255,255,0.8);font-size: 0.75rem;font-weight: 600;}.friends-icon[b-cat-juegos]{font-size: 0.75rem;}.card-actions[b-cat-juegos]{padding: 0.875rem 1rem;display: flex;gap: 8px;border-top: 1px solid rgba(255,255,255,0.05);background: rgba(15,23,42,0.3);}.action-btn[b-cat-juegos]{flex: 1;padding: 0.7rem 0.75rem;border: none;border-radius: 10px;font-size: 0.8rem;font-weight: 700;cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);color: white;display: flex;align-items: center;justify-content: center;gap: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.btn-detail[b-cat-juegos],.btn-add[b-cat-juegos]{background: linear-gradient(135deg,var(--primary-from) 0%,var(--primary-to) 100%);box-shadow: 0 4px 16px var(--glow-color);}@media (hover: hover) and (pointer: fine){.btn-detail:hover[b-cat-juegos],.btn-add:hover[b-cat-juegos]{transform: translateY(-2px);box-shadow: 0 6px 20px var(--glow-color);}}.btn-remove[b-cat-juegos]{flex: 0 0 40px;width: 40px;height: 40px;min-width: 40px;padding: 0;background: rgba(239,68,68,0.15);border: 2px solid rgba(239,68,68,0.25);border-radius: 10px;color: #fca5a5;}@media (hover: hover) and (pointer: fine){.btn-remove:hover[b-cat-juegos]{background: rgba(239,68,68,0.25);border-color: rgba(239,68,68,0.4);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(239,68,68,0.2);}}@keyframes spinRing-b-cat-juegos{to{transform: rotate(360deg);}}@keyframes pulseDot-b-cat-juegos{0%,100%{transform: scale(1);opacity: 0.8;}50%{transform: scale(1.4);opacity: 1;}}.friends-badge-left-mini[b-cat-juegos]{position: absolute;top: 10px;left: 10px;display: flex;align-items: center;gap: 3px;padding: 0 7px;height: 22px;min-width: 22px;background: linear-gradient( 135deg,rgba(52,211,153,0.95),rgba(16,185,129,0.9) );border-radius: 11px;color: white;font-weight: 700;font-size: 10px;box-shadow: 0 3px 10px rgba(52,211,153,0.3);z-index: 3;}.friends-badge-left-mini .friends-icon[b-cat-juegos]{font-size: 9px;}.anticipated-tab[b-cat-juegos]{background: linear-gradient(135deg,rgba(251,146,60,0.15),rgba(249,115,22,0.1)) !important;border-color: rgba(251,146,60,0.3) !important;color: var(--mxp-orange-300) !important;font-weight: 700 !important;}@media (hover: hover) and (pointer: fine){.anticipated-tab:hover[b-cat-juegos]{background: linear-gradient(135deg,rgba(251,146,60,0.25),rgba(249,115,22,0.2)) !important;border-color: rgba(251,146,60,0.5) !important;}}.anticipated-tab.active[b-cat-juegos]{background: linear-gradient(135deg,var(--mxp-orange-300),#f97316) !important;border-color: transparent !important;color: white !important;box-shadow: 0 0 20px rgba(251,146,60,0.4) !important;}.preview-poster-wrapper[b-cat-juegos]{flex-shrink: 0;}.preview-poster[b-cat-juegos]{width: 220px;position: relative;overflow: hidden;border-radius: 14px;}.preview-poster img[b-cat-juegos]{width: 100%;border-radius: 14px;box-shadow: 0 12px 32px rgba(0,0,0,0.5);}.preview-title-row[b-cat-juegos]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;}.preview-status-inline[b-cat-juegos]{display: flex;align-items: center;gap: 0.35rem;}.status-dot[b-cat-juegos]{width: 10px;height: 10px;border-radius: 50%;background: var(--mxp-slate-500);}.status-dot.inprogress[b-cat-juegos]{background: var(--mxp-blue-300);box-shadow: 0 0 8px rgba(96,165,250,0.5);}.status-dot.completed[b-cat-juegos]{background: var(--mxp-green-300);box-shadow: 0 0 8px rgba(52,211,153,0.3);}.status-dot.planned[b-cat-juegos]{background: var(--mxp-amber-300);box-shadow: 0 0 8px rgba(251,191,36,0.5);}.status-dot.onhold[b-cat-juegos]{background: var(--mxp-orange-300);box-shadow: 0 0 8px rgba(251,146,60,0.5);}.status-dot.dropped[b-cat-juegos]{background: var(--mxp-red-400);box-shadow: 0 0 8px rgba(248,113,113,0.5);}.fav-mini[b-cat-juegos]{font-size: 0.85rem;}.preview-meta[b-cat-juegos]{display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap;}.preview-rating[b-cat-juegos]{display: flex;align-items: center;gap: 0.3rem;font-size: 1rem;font-weight: 700;color: var(--mxp-amber-300);}.preview-meta-item[b-cat-juegos]{color: rgba(255,255,255,0.6);font-size: 0.9rem;}.preview-meta-item.developer[b-cat-juegos]{max-width: 150px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.preview-type-genres-row[b-cat-juegos]{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap;}.preview-type-badge[b-cat-juegos]{display: inline-flex;align-items: center;justify-content: center;width: 26px;height: 26px;border-radius: 8px;font-size: 0.9rem;background: rgba(16,185,129,0.2);border: 1px solid rgba(16,185,129,0.2);}.genre-tag[b-cat-juegos]{padding: 0.25rem 0.5rem;background: rgba(255,255,255,0.08);border-radius: 8px;font-size: 0.75rem;color: rgba(255,255,255,0.75);border: 1px solid rgba(255,255,255,0.08);}.preview-platforms-corner[b-cat-juegos]{position: absolute;bottom: 8px;left: 8px;display: flex;gap: 4px;flex-wrap: wrap;z-index: 2;}.preview-overview-wrapper[b-cat-juegos]::-webkit-scrollbar-thumb{background: rgba(16,185,129,0.2);border-radius: 2px;}.preview-progress-section[b-cat-juegos]{position: relative;padding: 0.75rem;background: rgba(16,185,129,0.05);border: 1px solid rgba(16,185,129,0.12);border-radius: 12px;}.progress-section-label[b-cat-juegos]{display: block;font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;color: rgba(16,185,129,0.7);margin-bottom: 0.5rem;}.preview-progress-section.locked[b-cat-juegos]{background: rgba(255,255,255,0.02);border-color: rgba(255,255,255,0.08);}.preview-progress-section.locked .progress-section-label[b-cat-juegos]{color: rgba(255,255,255,0.3);}.preview-progress-section.locked .preview-game-stats[b-cat-juegos]{filter: blur(3px);opacity: 0.3;pointer-events: none;}.locked-overlay[b-cat-juegos]{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;gap: 6px;font-size: 0.8rem;font-weight: 500;color: rgba(255,255,255,0.5);padding-top: 0.75rem;}.locked-overlay .mud-icon-root[b-cat-juegos]{font-size: 16px !important;color: rgba(255,255,255,0.4);}.preview-game-stats[b-cat-juegos]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;}.stat-item[b-cat-juegos]{display: flex;align-items: center;gap: 0.3rem;padding: 0.3rem 0.5rem;background: rgba(16,185,129,0.1);border: 1px solid rgba(16,185,129,0.15);border-radius: 8px;}.stat-icon[b-cat-juegos]{font-size: 0.85rem;}.stat-text[b-cat-juegos]{font-size: 0.8rem;color: rgba(255,255,255,0.85);font-weight: 600;}.randomizer-section[b-cat-juegos]{margin-top: 2.5rem;padding: 2rem;background: linear-gradient(135deg,rgba(16,185,129,0.1),rgba(52,211,153,0.08));border-radius: 24px;border: 2px solid rgba(16,185,129,0.2);animation: slideDown-b-cat-juegos 0.5s ease-out 0.7s both;}.randomizer-content[b-cat-juegos]{display: flex;align-items: center;justify-content: center;gap: 2rem;flex-wrap: wrap;}.randomizer-icon[b-cat-juegos]{font-size: 4rem;animation: float-b-cat-juegos 3s ease-in-out infinite;}.randomizer-text h3[b-cat-juegos]{font-size: 1.5rem;font-weight: 800;background: linear-gradient(135deg,var(--primary-from),var(--primary-to));-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0 0 0.5rem 0;}.randomizer-text p[b-cat-juegos]{color: rgba(255,255,255,0.6);margin: 0;font-size: 0.95rem;}.randomizer-btn[b-cat-juegos]{display: flex;align-items: center;gap: 0.75rem;padding: 1rem 2rem;background-color: var(--mxp-green-500);background-image: linear-gradient(135deg,var(--mxp-green-500) 0%,var(--mxp-green-300) 100%);border: none;border-radius: 16px;color: #ffffff;font-size: 1.1rem;font-weight: 700;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 8px 30px rgba(16,185,129,0.25);}@media (hover: hover) and (pointer: fine){.randomizer-btn:hover[b-cat-juegos]{transform: translateY(-4px) scale(1.02);box-shadow: 0 12px 40px rgba(16,185,129,0.35);}}.randomizer-theme-games[b-cat-juegos] .randomizer-overlay{position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.92);backdrop-filter: blur(16px);padding: clamp(12px,5vh,96px) clamp(12px,3vw,32px)}.randomizer-modal-header h2[b-cat-juegos]{font-size: 1.75rem;font-weight: 800;background: linear-gradient(135deg,var(--primary-from),var(--primary-to));-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0 0 0.4rem 0;}.randomizer-modal-header p[b-cat-juegos]{color: rgba(255,255,255,0.55);margin: 0;font-size: 1rem;}.result-card[b-cat-juegos]{display: flex;gap: 2rem;background: rgba(15,23,42,0.5);border-radius: 16px;padding: 1.75rem;border: 1px solid rgba(16,185,129,0.15);margin-bottom: 1.5rem;}.result-poster-wrapper[b-cat-juegos]{position: relative;flex-shrink: 0;}.result-poster[b-cat-juegos]{position: relative;flex-shrink: 0;width: 200px;}.result-poster img[b-cat-juegos]{width: 100%;border-radius: 12px;box-shadow: 0 8px 24px rgba(0,0,0,0.45);}.result-type[b-cat-juegos]{display: inline-flex;padding: 0.3rem 0.6rem;border-radius: 8px;font-size: 0.75rem;font-weight: 700;width: fit-content;background: rgba(16,185,129,0.2);color: var(--mxp-green-300);}.result-title[b-cat-juegos]{font-size: 1.6rem;font-weight: 800;color: white;margin: 0;line-height: 1.2;}.result-meta[b-cat-juegos]{display: flex;align-items: center;gap: 0.75rem;color: rgba(255,255,255,0.6);font-size: 0.95rem;flex-wrap: wrap;}.result-genres span[b-cat-juegos]{padding: 0.3rem 0.55rem;background: rgba(255,255,255,0.08);border-radius: 6px;font-size: 0.8rem;color: rgba(255,255,255,0.7);}.result-overview[b-cat-juegos]{color: rgba(255,255,255,0.7);font-size: 0.95rem;line-height: 1.65;margin: 0;}@container catalog (max-width: 900px){.stat-chip[b-cat-juegos]{padding: 0.5rem 0.75rem;gap: 0.35rem;}}@media (max-width: 768px){.search-section[b-cat-juegos]{flex-direction: column;}.search-input-row[b-cat-juegos]{width: 100%;}.results-header[b-cat-juegos]{gap: 0.5rem;}.filter-toggle-btn[b-cat-juegos]{width: 38px;height: 38px;}.randomizer-content[b-cat-juegos]{flex-direction: column;text-align: center;gap: 1rem;}.randomizer-icon[b-cat-juegos]{font-size: 2.5rem;}.randomizer-section[b-cat-juegos]{padding: 1.25rem;margin-top: 1.5rem;}.randomizer-text h3[b-cat-juegos]{font-size: 1.2rem;}.randomizer-text p[b-cat-juegos]{font-size: 0.85rem;}.randomizer-btn[b-cat-juegos]{padding: 0.85rem 1.5rem;font-size: 1rem;}.preview-type-genres-row[b-cat-juegos]{justify-content: center;}.preview-game-stats[b-cat-juegos]{justify-content: center;}}@media (max-width: 600px){.catalog-container[b-cat-juegos]{padding: 12px;padding-bottom: 2rem;padding-top: 1.5rem;}.catalog-header[b-cat-juegos]{padding: 1rem 1.25rem;border-radius: 14px;margin-bottom: 1.25rem;}.header-emoji[b-cat-juegos]{font-size: 1.5rem;}[b-cat-juegos] .header-title{font-size: 1.35rem !important;}.stat-chip[b-cat-juegos]{padding: 0.4rem 0.5rem;border-radius: 10px;flex: 1;flex-direction: column;gap: 0.15rem;justify-content: center;}.stat-value[b-cat-juegos]{font-size: 1rem;}.stat-label[b-cat-juegos]{font-size: 0.62rem;letter-spacing: 0.3px;}.search-section[b-cat-juegos]{padding: 0.625rem;margin-bottom: 1.25rem;}[b-cat-juegos] .search-field-modern input{font-size: 0.9rem !important;padding: 10px 12px !important;}.results-header[b-cat-juegos]{margin-bottom: 1rem;}.filter-toggle-btn[b-cat-juegos]{width: 34px;height: 34px;border-radius: 8px;}[b-cat-juegos] .game-card{border-radius: 12px;}.collection-indicator[b-cat-juegos]{width: 26px;height: 26px;top: 8px;right: 8px;}.indicator-icon[b-cat-juegos]{font-size: 13px;}.game-platforms-corner[b-cat-juegos]{bottom: 3px;left: 3px;padding: 1px;gap: 1px;border-radius: 4px;}.platform-badge[b-cat-juegos]{width: 22px;height: 22px;font-size: 0.7rem;border-radius: 7px;}.game-info[b-cat-juegos]{padding: 0.875rem;}.game-title[b-cat-juegos]{font-size: 0.85rem;margin-bottom: 0.6rem;min-height: 2.2rem;}.game-meta-row[b-cat-juegos]{gap: 0.4rem;}.rating-badge[b-cat-juegos]{padding: 0.3rem 0.5rem;}.rating-star[b-cat-juegos]{font-size: 0.75rem;}.rating-value[b-cat-juegos]{font-size: 0.7rem;}.year-badge[b-cat-juegos]{padding: 0.3rem 0.5rem;font-size: 0.7rem;}.card-actions[b-cat-juegos]{padding: 0.75rem 0.875rem;gap: 6px;}.action-btn[b-cat-juegos]{padding: 0.6rem 0.5rem;font-size: 0.75rem;border-radius: 8px;gap: 4px;}.btn-remove[b-cat-juegos]{flex: 0 0 36px;width: 36px;height: 36px;min-width: 36px;border-radius: 8px;}[b-cat-juegos] .empty-state{padding: 3rem 1.5rem;}.friends-badge-left-mini[b-cat-juegos]{position: absolute;top: 10px;left: 10px;display: flex;align-items: center;gap: 3px;padding: 0 7px;height: 22px;min-width: 22px;background: linear-gradient(135deg,rgba(52,211,153,0.95),rgba(16,185,129,0.9));border-radius: 11px;color: white;font-weight: 700;font-size: 10px;box-shadow: 0 3px 10px rgba(52,211,153,0.3);z-index: 3;}.friends-badge-left-mini .friends-icon[b-cat-juegos]{font-size: 9px;}.randomizer-section[b-cat-juegos]{padding: 1rem;margin-top: 1rem;}.randomizer-icon[b-cat-juegos]{font-size: 2rem;}.randomizer-text h3[b-cat-juegos]{font-size: 1.1rem;margin-bottom: 0.25rem;}.randomizer-text p[b-cat-juegos]{font-size: 0.8rem;}.randomizer-content[b-cat-juegos]{gap: 0.75rem;}.randomizer-btn[b-cat-juegos]{padding: 0.75rem 1.25rem;font-size: 0.95rem;border-radius: 12px;}}@media (max-width: 480px){.preview-game-stats[b-cat-juegos]{padding: 0.5rem 0.6rem;gap: 0.6rem;}.stat-icon[b-cat-juegos]{font-size: 0.8rem;}.stat-text[b-cat-juegos]{font-size: 0.7rem;}.filter-group label[b-cat-juegos]{font-size: 0.8rem;}.result-card[b-cat-juegos]{flex-direction: column;align-items: center;gap: 1rem;padding: 1rem;text-align: center;}.result-poster[b-cat-juegos]{width: 140px;}.result-info[b-cat-juegos]{align-items: center;}.result-meta[b-cat-juegos]{font-size: 0.8rem;justify-content: center;}.result-genres[b-cat-juegos]{justify-content: center;}.result-overview[b-cat-juegos]{font-size: 0.8rem;text-align: center;}}@media (max-width: 380px){.catalog-container[b-cat-juegos]{padding: 10px;}.catalog-header[b-cat-juegos]{padding: 0.875rem 1rem;}[b-cat-juegos] .header-title{font-size: 1.2rem !important;}.stat-chip[b-cat-juegos]{padding: 0.35rem 0.5rem;}.stat-value[b-cat-juegos]{font-size: 0.9rem;}.filter-toggle-btn[b-cat-juegos]{width: 36px;height: 36px;}} .loading-spinner-ring[b-det-juego]{position: relative;width: 56px;height: 56px;}.loading-spinner-ring.small[b-det-juego]{width: 40px;height: 40px;}.loading-spinner-ring .ring-outer[b-det-juego]{position: absolute;inset: 0;border-radius: 50%;border: 3px solid rgba(16,185,129,0.1);border-top-color: var(--mxp-green-500);animation: spinRing-b-det-juego 1s cubic-bezier(0.4,0,0.2,1) infinite;}.loading-spinner-ring.small .ring-outer[b-det-juego]{border-width: 2px;}.loading-spinner-ring .ring-inner[b-det-juego]{position: absolute;inset: 8px;border-radius: 50%;border: 2px solid rgba(5,150,105,0.08);border-bottom-color: rgba(5,150,105,0.5);animation: spinRing-b-det-juego 1.5s cubic-bezier(0.4,0,0.2,1) infinite reverse;}.loading-spinner-ring.small .ring-inner[b-det-juego]{inset: 6px;border-width: 1.5px;}.loading-spinner-ring .ring-dot[b-det-juego]{position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;margin: -3px 0 0 -3px;border-radius: 50%;background: var(--mxp-green-500);animation: pulseDot-b-det-juego 1.2s ease-in-out infinite;box-shadow: 0 0 10px rgba(16,185,129,0.5);}.loading-spinner-ring.small .ring-dot[b-det-juego]{width: 4px;height: 4px;margin: -2px 0 0 -2px;}@keyframes spinRing-b-det-juego{to{transform: rotate(360deg);}}@keyframes pulseDot-b-det-juego{0%,100%{transform: scale(1);opacity: 0.8;}50%{transform: scale(1.4);opacity: 1;}}.game-detail-container[b-det-juego]{min-height: 100vh;transition: background 0.6s ease,box-shadow 0.6s ease;background: linear-gradient(180deg,rgba(52,211,153,0.22) 0%,rgba(16,185,129,0.12) 35%,#0f172a 100%);}.game-detail-hero[b-det-juego]{position: relative;overflow: hidden;box-shadow: inset 0 -150px 100px -50px #0f172a;}.game-detail-hero[b-det-juego]::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 150px;background: linear-gradient(to bottom,transparent 0%,#0f172a 100%);z-index: 1;pointer-events: none;}.rating-box-hero.not-rated .rating-value-hero[b-det-juego]{font-size: 0.85rem;}.hero-image-layer[b-det-juego]{position: absolute;inset: 0;background-image: var(--hero-img,none);background-size: cover;background-position: center;background-repeat: no-repeat;transition: background-image 1s ease-in-out;}.hero-overlay[b-det-juego]{position: absolute;inset: 0;background: linear-gradient(180deg,rgba(16,185,129,0.25) 0%,rgba(15,23,42,0.85) 60%,rgba(15,23,42,1) 100%);transition: background 0.6s ease;z-index: 2;pointer-events: none;}.hero-carousel-indicators[b-det-juego]{display: none;}.hero-layout-wrapper[b-det-juego]{position: relative;z-index: 3;display: grid;grid-template-columns: 1fr 400px;gap: 2rem;min-height: 480px;padding: 1.5rem 2rem 2rem 2rem;}.hero-layout-wrapper.guest-layout[b-det-juego]{grid-template-columns: 1fr 280px;}.hero-top-bar[b-det-juego]{position: absolute;top: 1.5rem;left: 1rem;right: 2rem;display: flex;align-items: center;justify-content: space-between;z-index: 200;pointer-events: none;}.mobile-ranking-btn[b-det-juego]{display: none;background: linear-gradient(135deg,rgba(34,197,94,0.25) 0%,rgba(74,222,128,0.25) 100%);backdrop-filter: blur(16px);border: 1px solid rgba(34,197,94,0.3);border-radius: 12px;padding: 0.5rem 0.75rem;color: white;font-size: 1.2rem;cursor: pointer;box-shadow: 0 4px 15px rgba(0,0,0,0.3);transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.mobile-ranking-btn:hover[b-det-juego]{background: linear-gradient(135deg,rgba(34,197,94,0.4) 0%,rgba(74,222,128,0.4) 100%);border-color: rgba(34,197,94,0.6);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(34,197,94,0.4);}}.hero-sidebar[b-det-juego]{display: flex;flex-direction: column;}.sidebar-login-cta[b-det-juego]{display: flex;flex-direction: column;align-items: center;gap: 0.5rem;padding: 1.5rem 1.25rem;background: linear-gradient(135deg,rgba(16,185,129,0.12) 0%,rgba(52,211,153,0.08) 100%);border: 1px solid rgba(16,185,129,0.2);border-radius: 16px;cursor: pointer;transition: all 0.3s ease;text-align: center;}@media (hover: hover) and (pointer: fine){.sidebar-login-cta:hover[b-det-juego]{background: linear-gradient(135deg,rgba(16,185,129,0.2) 0%,rgba(52,211,153,0.15) 100%);border-color: rgba(16,185,129,0.4);transform: translateY(-2px);}}[b-det-juego] .back-btn-detail{background: linear-gradient(135deg,rgba(34,197,94,0.25) 0%,rgba(74,222,128,0.25) 100%) !important;backdrop-filter: blur(16px) !important;border: 1px solid rgba(34,197,94,0.3) !important;color: white !important;border-radius: 50% !important;box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;transition: all 0.2s ease !important;}@media (hover: hover) and (pointer: fine){[b-det-juego] .back-btn-detail:hover{background: linear-gradient(135deg,rgba(34,197,94,0.4) 0%,rgba(74,222,128,0.4) 100%) !important;transform: scale(1.1) !important;box-shadow: 0 6px 20px rgba(34,197,94,0.4) !important;}}.hero-main-content[b-det-juego]{display: grid;grid-template-columns: 280px 1fr;gap: 2.5rem;flex: 1;align-items: flex-end;}.hero-cover-section[b-det-juego]{position: sticky;top: 2rem;flex-shrink: 0;height: fit-content;align-self: flex-start;cursor: zoom-in;}.hero-cover-image[b-det-juego]{width: 260px;height: 390px;border-radius: 24px;object-fit: cover;box-shadow: 0 25px 70px rgba(0,0,0,0.6);border: 2px solid rgba(52,211,153,0.3);transition: transform 0.3s ease;}@media (hover: hover) and (pointer: fine){.hero-cover-image:hover[b-det-juego]{transform: translateY(-8px);}}.hero-info-section[b-det-juego]{display: flex;flex-direction: column;gap: 0.75rem;padding-bottom: 0.5rem;}.hero-title[b-det-juego]{font-size: clamp(1.6rem,3vw,3rem);font-weight: 900;line-height: 1.15;margin: 0;background: linear-gradient(135deg,var(--mxp-green-200) 0%,var(--mxp-green-300) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: 0 4px 20px rgba(52,211,153,0.3);word-break: break-word;overflow-wrap: break-word;}.hero-meta[b-det-juego]{display: flex;flex-wrap: wrap;gap: 0.5rem;}.meta-item[b-det-juego]{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 0.875rem;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.15);border-radius: 12px;font-weight: 600;color: white;font-size: 0.95rem;}.meta-item.meta-unlock[b-det-juego]{background: rgba(52,211,153,0.15);border-color: rgba(52,211,153,0.3);}.meta-item.meta-unlock-complete[b-det-juego]{background: linear-gradient(135deg,rgba(52,211,153,0.2),rgba(110,231,183,0.15));border-color: rgba(52,211,153,0.35);}.meta-item.meta-steam-link[b-det-juego]{background: rgba(102,192,244,0.1);border-color: rgba(102,192,244,0.25);color: #66c0f4;text-decoration: none;cursor: pointer;transition: all 0.2s ease;gap: 0.4rem;}@media (hover: hover) and (pointer: fine){.meta-item.meta-steam-link:hover[b-det-juego]{background: rgba(102,192,244,0.2);border-color: rgba(102,192,244,0.4);transform: translateY(-1px);}}.steam-icon svg[b-det-juego]{width: 14px;height: 14px;}.steam-column[b-det-juego]{border-color: rgba(102,192,244,0.2) !important;background: rgba(102,192,244,0.03) !important;}.steam-icon-col[b-det-juego]{display: flex;align-items: center;color: #66c0f4;}.steam-icon-col svg[b-det-juego]{width: 16px;height: 16px;}.steam-sync-content[b-det-juego]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;flex: 1;padding: 0.75rem;}.steam-sync-btn[b-det-juego]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.6rem 1.5rem;background: rgba(102,192,244,0.12);border: 1px solid rgba(102,192,244,0.3);border-radius: 12px;color: #66c0f4;font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;width: 100%;max-width: 250px;}@media (hover: hover) and (pointer: fine){.steam-sync-btn:hover:not(:disabled)[b-det-juego]{background: rgba(102,192,244,0.22);border-color: rgba(102,192,244,0.5);transform: translateY(-1px);}}.steam-sync-btn:disabled[b-det-juego]{opacity: 0.7;cursor: wait;}.steam-sync-btn.syncing[b-det-juego]{opacity: 0.8;}.steam-sync-icon[b-det-juego]{display: flex;align-items: center;}.steam-sync-icon svg[b-det-juego]{width: 18px;height: 18px;}.steam-not-linked[b-det-juego]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;flex: 1;padding: 0.75rem;text-align: center;}.steam-not-linked-text[b-det-juego]{font-size: 0.8rem;color: rgba(248,250,252,0.45);line-height: 1.4;}.steam-link-btn[b-det-juego]{display: flex;align-items: center;gap: 0.4rem;padding: 0.5rem 1.2rem;background: rgba(102,192,244,0.1);border: 1px solid rgba(102,192,244,0.25);border-radius: 10px;color: #66c0f4;font-size: 0.8rem;font-weight: 600;text-decoration: none;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.steam-link-btn:hover[b-det-juego]{background: rgba(102,192,244,0.2);border-color: rgba(102,192,244,0.4);transform: translateY(-1px);}}.steam-hours-display[b-det-juego]{display: flex;flex-direction: column;align-items: center;gap: 0.15rem;padding: 0.5rem;}.steam-hours-value[b-det-juego]{font-size: 1.4rem;font-weight: 800;color: #66c0f4;}.steam-hours-label[b-det-juego]{font-size: 0.7rem;color: rgba(102,192,244,0.6);text-transform: uppercase;letter-spacing: 0.05em;font-weight: 600;}.steam-not-found[b-det-juego]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.5rem;flex: 1;padding: 0.75rem;text-align: center;}.steam-not-found-icon[b-det-juego]{font-size: 1.5rem;opacity: 0.5;}.steam-not-found-text[b-det-juego]{font-size: 0.78rem;color: rgba(248,250,252,0.4);line-height: 1.4;}.steam-retry-btn[b-det-juego]{display: flex;align-items: center;gap: 0.35rem;padding: 0.3rem 0.7rem;border: 1px solid rgba(102,192,244,0.3);border-radius: 8px;background: rgba(102,192,244,0.08);color: rgba(102,192,244,0.8);font-size: 0.72rem;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.steam-retry-btn:hover[b-det-juego]{background: rgba(102,192,244,0.15);border-color: rgba(102,192,244,0.5);color: rgb(102,192,244);}}.meta-icon[b-det-juego]{font-size: 1.1rem;}.meta-text[b-det-juego]{font-size: 0.9rem;}.hero-ratings-row[b-det-juego]{display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap;}.rating-box-hero[b-det-juego]{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 1.1rem;border-radius: 16px;backdrop-filter: blur(20px);border: 1px solid;cursor: pointer;transition: all 0.3s ease;}.rating-box-hero.igdb[b-det-juego]{background: rgba(52,211,153,0.12);border-color: rgba(52,211,153,0.3);}.rating-box-hero.user[b-det-juego]{background: rgba(236,72,153,0.12);border-color: rgba(236,72,153,0.3);}.rating-icon-badge[b-det-juego]{font-size: 1.25rem;flex-shrink: 0;}.rating-content[b-det-juego]{display: flex;flex-direction: column;gap: 0.05rem;}.rating-label-hero[b-det-juego]{font-size: 0.62rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;opacity: 0.7;}.rating-value-hero[b-det-juego]{display: flex;align-items: baseline;gap: 0.1rem;}.rating-number[b-det-juego]{font-size: 1.4rem;font-weight: 900;line-height: 1;}.rating-box-hero.igdb .rating-number[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.rating-box-hero.user .rating-number[b-det-juego]{background: linear-gradient(135deg,#ec4899,#fb7185);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.rating-total[b-det-juego]{font-size: 0.7rem;opacity: 0.5;font-weight: 600;}.hero-action-icon[b-det-juego]{width: 50px;height: 50px;border-radius: 14px;border: 2px solid;background: transparent;cursor: pointer;font-size: 1.4rem;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;backdrop-filter: blur(10px);}.hero-action-icon.favorite[b-det-juego]{border-color: rgba(251,191,36,0.4);color: rgba(251,191,36,0.7);}@media (hover: hover) and (pointer: fine){.hero-action-icon.favorite:hover[b-det-juego]{background: rgba(251,191,36,0.15);border-color: var(--mxp-amber-300);color: var(--mxp-amber-300);transform: scale(1.08);}}.hero-action-icon.favorite.active[b-det-juego]{background: rgba(251,191,36,0.2);border-color: var(--mxp-amber-300);color: var(--mxp-amber-300);text-shadow: 0 0 12px rgba(251,191,36,0.6);}.hero-action-icon.delete[b-det-juego]{color: rgba(248,113,113,0.5);border-color: rgba(239,68,68,0.15);transition: all 0.25s ease;}@media (hover: hover) and (pointer: fine){.hero-action-icon.delete:hover[b-det-juego]{color: var(--mxp-red-400);border-color: rgba(239,68,68,0.5);background: linear-gradient(135deg,rgba(239,68,68,0.12) 0%,rgba(220,38,38,0.12) 100%);box-shadow: 0 0 20px rgba(239,68,68,0.15);transform: scale(1.08);}}.hero-action-icon.delete:disabled[b-det-juego]{opacity: 0.3;cursor: not-allowed;transform: none;}.hero-actions[b-det-juego]{display: flex;align-items: center;gap: 0.5rem;margin-top: 0.25rem;}[b-det-juego] .main-action-btn{font-weight: 700 !important;font-size: 0.95rem !important;border-radius: 14px !important;padding: 0.75rem 2rem !important;letter-spacing: 0.3px !important;text-transform: none !important;box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;transition: all 0.2s ease !important;}@media (hover: hover) and (pointer: fine){[b-det-juego] .main-action-btn:hover{transform: translateY(-1px) !important;box-shadow: 0 6px 25px rgba(0,0,0,0.4) !important;}}[b-det-juego] .add-collection-btn{background: linear-gradient(135deg,var(--mxp-green-500) 0%,var(--mxp-green-300) 100%) !important;border: none !important;}.game-detail-content[b-det-juego]{padding: 0 2rem 4rem 2rem;}.locked-progress-section[b-det-juego]{margin-top: 1.25rem;padding: 1.5rem;background: linear-gradient(135deg,rgba(16,185,129,0.08) 0%,rgba(52,211,153,0.04) 100%);border: 1px dashed rgba(16,185,129,0.25);border-radius: 16px;cursor: pointer;transition: all 0.3s ease;text-align: center;}@media (hover: hover) and (pointer: fine){.locked-progress-section:hover[b-det-juego]{background: linear-gradient(135deg,rgba(16,185,129,0.14) 0%,rgba(52,211,153,0.08) 100%);border-color: rgba(16,185,129,0.4);}}.locked-progress-header[b-det-juego]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-bottom: 1rem;}.locked-progress-icon[b-det-juego]{font-size: 1.2rem;}.locked-progress-title[b-det-juego]{font-size: 1rem;font-weight: 700;color: white;margin: 0;}.locked-badge[b-det-juego]{font-size: 0.85rem;opacity: 0.6;}.locked-progress-items[b-det-juego]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.75rem;}.locked-stat-card[b-det-juego]{display: flex;flex-direction: column;align-items: center;gap: 0.25rem;padding: 0.75rem 0.5rem;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.06);border-radius: 12px;opacity: 0.5;}.locked-stat-icon[b-det-juego]{font-size: 1.1rem;}.locked-stat-label[b-det-juego]{font-size: 0.7rem;color: rgba(255,255,255,0.4);font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;}.locked-stat-value[b-det-juego]{font-size: 0.9rem;color: rgba(255,255,255,0.3);font-weight: 700;}.locked-progress-hint[b-det-juego]{text-align: center;font-size: 0.8rem;color: rgba(255,255,255,0.35);margin-top: 0.5rem;font-style: italic;}[b-det-juego] .panel-section{margin-top: 1.25rem !important;margin-bottom: 1.25rem !important;}.emoji-no-bg[b-det-juego]{background: transparent !important;-webkit-text-fill-color: initial !important;}.section-header-collapsible[b-det-juego]{display: flex;justify-content: space-between;align-items: center;cursor: pointer;padding: 0.25rem 0;user-select: none;transition: opacity 0.2s ease;}@media (hover: hover) and (pointer: fine){.section-header-collapsible:hover[b-det-juego]{opacity: 0.85;}}[b-det-juego] .expand-icon{color: rgba(255,255,255,0.5) !important;transition: transform 0.3s ease !important;}[b-det-juego] .user-stats-section{background: linear-gradient(145deg,rgba(30,41,59,0.6),rgba(20,30,48,0.5)) !important;border: 2px solid rgba(52,211,153,0.15) !important;border-radius: 20px !important;padding: 1.25rem !important;backdrop-filter: blur(20px) !important;box-shadow: 0 8px 32px rgba(0,0,0,0.3);}.section-title-detail[b-det-juego]{font-size: 1.15rem;font-weight: 800;margin: 0;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.progress-layout[b-det-juego]{display: flex;flex-direction: column;gap: 0.875rem;padding-top: 1rem;}.progress-main-row[b-det-juego]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.625rem;}.stat-card-main[b-det-juego]{display: flex;align-items: center;gap: 0.625rem;padding: 0.75rem 0.875rem;background: linear-gradient(145deg,rgba(30,41,59,0.7),rgba(20,30,48,0.6));border: 2px solid rgba(52,211,153,0.2);border-radius: 12px;transition: all 0.25s ease;}@media (hover: hover) and (pointer: fine){.stat-card-main.stat-card-clickable:hover[b-det-juego]{transform: translateY(-2px);border-color: rgba(52,211,153,0.4);}}.stat-card-main.stat-card-clickable[b-det-juego]{cursor: pointer;}.stat-card-main.stat-card-completed-locked[b-det-juego]{background: linear-gradient(145deg,rgba(251,191,36,0.12),rgba(245,158,11,0.08));border-color: rgba(251,191,36,0.35);cursor: default;}@media (hover: hover) and (pointer: fine){.stat-card-main.stat-card-completed-locked:hover[b-det-juego]{transform: none;}}.completed-hint-btn[b-det-juego]{font-size: 0.7rem;font-weight: 700;color: var(--mxp-amber-300);white-space: nowrap;padding: 0.4rem 0.75rem;background: linear-gradient(135deg,rgba(251,191,36,0.2),rgba(245,158,11,0.15));border: 1px solid rgba(251,191,36,0.4);border-radius: 8px;margin-left: auto;cursor: pointer;transition: all 0.25s ease;}@media (hover: hover) and (pointer: fine){.completed-hint-btn:hover[b-det-juego]{background: linear-gradient(135deg,rgba(251,191,36,0.35),rgba(245,158,11,0.25));border-color: var(--mxp-amber-300);transform: scale(1.05);box-shadow: 0 4px 12px rgba(251,191,36,0.3);}}.stat-card-main.stat-card-rating[b-det-juego]{border-color: rgba(236,72,153,0.2);}@media (hover: hover) and (pointer: fine){.stat-card-main.stat-card-rating:hover:not(.disabled)[b-det-juego]{border-color: rgba(236,72,153,0.4);}}.stat-card-main.stat-card-hours[b-det-juego]{border-color: rgba(52,211,153,0.2);}@media (hover: hover) and (pointer: fine){.stat-card-main.stat-card-hours:hover[b-det-juego]{border-color: rgba(52,211,153,0.4);}}.stat-card-main.disabled[b-det-juego]{opacity: 0.5;cursor: not-allowed !important;}@media (hover: hover) and (pointer: fine){.stat-card-main.disabled:hover[b-det-juego]{transform: none !important;}}.stat-main-icon[b-det-juego]{font-size: 1.25rem;flex-shrink: 0;}.stat-main-info[b-det-juego]{display: flex;flex-direction: column;gap: 0.1rem;flex: 1;min-width: 0;}.stat-main-label[b-det-juego]{font-size: 0.66rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.3px;opacity: 0.6;}.stat-main-value[b-det-juego]{font-size: 0.9rem;font-weight: 800;color: white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.stat-main-value.rating-gradient[b-det-juego]{background: linear-gradient(135deg,#ec4899,#fb7185);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.stat-main-value.hours-gradient[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.stat-completed-date[b-det-juego]{font-size: 0.6rem;font-weight: 600;color: rgba(251,191,36,0.8);margin-top: 0.1rem;}.rating-locked[b-det-juego]{font-size: 0.85rem;opacity: 0.6;}[b-det-juego] .stat-main-arrow{color: rgba(255,255,255,0.3) !important;font-size: 1.1rem !important;flex-shrink: 0;transition: transform 0.2s ease !important;}@media (hover: hover) and (pointer: fine){.stat-card-main:hover[b-det-juego] .stat-main-arrow{color: rgba(255,255,255,0.6) !important;transform: translateX(2px) !important;}}.progress-secondary-row[b-det-juego]{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: 0.5rem;}.stat-secondary[b-det-juego]{display: flex;align-items: center;gap: 0.5rem;padding: 0.625rem 0.875rem;background: rgba(30,41,59,0.5);border: 1px solid rgba(255,255,255,0.08);border-radius: 10px;transition: all 0.2s ease;}.stat-secondary-clickable[b-det-juego]{cursor: pointer;}@media (hover: hover) and (pointer: fine){.stat-secondary-clickable:hover[b-det-juego]{background: rgba(52,211,153,0.1);border-color: rgba(52,211,153,0.25);}}.stat-secondary-disabled[b-det-juego]{pointer-events: none;opacity: 0.5;}.confirm-add-amount[b-det-juego]{color: #22c55e;}.confirm-remove-amount[b-det-juego]{color: var(--mxp-red-500);}.confirm-totals-hint[b-det-juego]{font-size: 0.9rem;color: var(--mxp-slate-400);margin-top: 0.5rem;display: inline-block;}.stat-secondary-replay[b-det-juego]{background: rgba(52,211,153,0.08);border-color: rgba(52,211,153,0.15);}.stat-secondary-icon[b-det-juego]{font-size: 1.1rem;flex-shrink: 0;}.stat-lock-mini[b-det-juego]{font-size: 0.7rem;opacity: 0.5;}.stat-secondary-content[b-det-juego]{display: flex;flex-direction: column;gap: 0.1rem;min-width: 0;}.stat-secondary-label[b-det-juego]{font-size: 0.66rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.3px;opacity: 0.5;}.stat-secondary-value[b-det-juego]{font-size: 0.8rem;font-weight: 700;color: white;}.status-playing-detail[b-det-juego]{color: var(--mxp-green-300);}.status-completed-detail[b-det-juego]{color: var(--mxp-amber-300);}.status-paused-detail[b-det-juego]{color: var(--mxp-amber-500);}.status-dropped-detail[b-det-juego]{color: var(--mxp-red-500);}.status-planned-detail[b-det-juego]{color: var(--mxp-green-200);}.rating-modal[b-det-juego]{background: linear-gradient(145deg,rgba(15,30,25,0.98) 0%,rgba(10,20,18,0.98) 100%);border-radius: 28px;border: 2px solid rgba(52,211,153,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 80px rgba(52,211,153,0.3);width: 90%;max-width: 420px;overflow: hidden;animation: modalIn-b-det-juego 0.3s ease-out;}@keyframes modalIn-b-det-juego{from{opacity: 0;transform: scale(0.9) translateY(20px);}to{opacity: 1;transform: scale(1) translateY(0);}}.rating-modal-header[b-det-juego]{display: flex;align-items: center;gap: 1.25rem;padding: 1.5rem 1.75rem;border-bottom: 1px solid rgba(52,211,153,0.2);background: linear-gradient(135deg,rgba(52,211,153,0.2) 0%,rgba(16,185,129,0.2) 100%);}.rating-big-number[b-det-juego]{font-size: 4.5rem;font-weight: 900;background: linear-gradient(135deg,var(--mxp-green-200),var(--mxp-green-300));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.rating-big-number.rating-excellent[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));-webkit-background-clip: text;background-clip: text;}.rating-big-number.rating-good[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-200),var(--mxp-green-300));-webkit-background-clip: text;background-clip: text;}.star[b-det-juego]{font-size: 1.85rem;color: rgba(255,255,255,0.25);cursor: pointer;transition: transform 0.15s ease,color 0.15s ease;}@media (hover: hover) and (pointer: fine){.star:hover[b-det-juego]{transform: scale(1.2);color: rgba(255,255,255,0.4);}}.star.filled[b-det-juego]{color: var(--mxp-green-200);text-shadow: 0 0 15px rgba(110,231,183,0.6);}[b-det-juego] .save-rating-btn{height: 52px;font-weight: 800;font-size: 1.05rem;border-radius: 16px;text-transform: none;background: linear-gradient(135deg,var(--mxp-green-500) 0%,#059669 100%) !important;}@media (hover: hover) and (pointer: fine){[b-det-juego] .save-rating-btn:hover{box-shadow: 0 6px 25px rgba(52,211,153,0.5);}}.editor-panel-wrapper[b-det-juego]{margin-top: 1.25rem;margin-bottom: 1.25rem;padding: 3px;border-radius: 24px;background: linear-gradient(145deg,rgba(52,211,153,0.4),rgba(16,185,129,0.3),rgba(5,150,105,0.25));animation: panelAppear-b-det-juego 0.4s cubic-bezier(0.34,1.56,0.64,1);}@keyframes panelAppear-b-det-juego{0%{opacity: 0;transform: translateY(-10px) scale(0.97);}100%{opacity: 1;transform: translateY(0) scale(1);}}.editor-panel[b-det-juego]{background: linear-gradient(145deg,rgba(20,30,48,0.98),rgba(15,23,42,0.98));border-radius: 21px;padding: 1.25rem;backdrop-filter: blur(24px);}.editor-header[b-det-juego]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 2px solid rgba(52,211,153,0.15);gap: 0.75rem;}.editor-title[b-det-juego]{display: flex;align-items: center;gap: 0.5rem;font-size: 1rem;font-weight: 800;margin: 0;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.editor-icon[b-det-juego]{font-size: 1.1rem;background: transparent !important;-webkit-text-fill-color: initial !important;}.hours-total-badge[b-det-juego]{display: flex;align-items: center;gap: 0.5rem;padding: 0.4rem 0.875rem;background: linear-gradient(135deg,rgba(52,211,153,0.15),rgba(16,185,129,0.1));border: 1px solid rgba(52,211,153,0.3);border-radius: 20px;margin-left: auto;}.hours-total-label[b-det-juego]{font-size: 0.6rem;font-weight: 700;text-transform: uppercase;color: rgba(255,255,255,0.6);}.hours-total-value[b-det-juego]{font-size: 0.95rem;font-weight: 900;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.status-options-grid[b-det-juego]{display: grid;grid-template-columns: repeat(auto-fit,minmax(120px,1fr));gap: 0.875rem;padding: 0.25rem;}.status-card[b-det-juego]{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.375rem;padding: 1.25rem 0.75rem;background: linear-gradient(145deg,rgba(15,23,42,0.7),rgba(20,30,48,0.6));border: 2px solid rgba(255,255,255,0.08);border-radius: 16px;cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);min-height: 100px;}@media (hover: hover) and (pointer: fine){.status-card:hover:not(.disabled)[b-det-juego]{transform: translateY(-3px) scale(1.02);box-shadow: 0 10px 28px rgba(0,0,0,0.4);}}.status-card.selected[b-det-juego]{border-width: 3px;box-shadow: 0 6px 24px rgba(52,211,153,0.3);}.status-card.disabled[b-det-juego]{opacity: 0.4;cursor: not-allowed;}.status-card.status-playing[b-det-juego]{border-color: rgba(52,211,153,0.3);}.status-card.status-playing.selected[b-det-juego]{border-color: var(--mxp-green-300);background: linear-gradient(145deg,rgba(52,211,153,0.15),rgba(16,185,129,0.1));}@media (hover: hover) and (pointer: fine){.status-card.status-playing:hover:not(.disabled)[b-det-juego]{border-color: var(--mxp-green-300);background: linear-gradient(145deg,rgba(52,211,153,0.15),rgba(16,185,129,0.1));}}.status-card.status-completed[b-det-juego]{border-color: rgba(251,191,36,0.3);}.status-card.status-completed.selected[b-det-juego]{border-color: var(--mxp-amber-300);background: linear-gradient(145deg,rgba(251,191,36,0.15),rgba(245,158,11,0.1));}@media (hover: hover) and (pointer: fine){.status-card.status-completed:hover:not(.disabled)[b-det-juego]{border-color: var(--mxp-amber-300);background: linear-gradient(145deg,rgba(251,191,36,0.15),rgba(245,158,11,0.1));}}.status-card.status-paused[b-det-juego]{border-color: rgba(249,115,22,0.3);}.status-card.status-paused.selected[b-det-juego]{border-color: #f97316;background: linear-gradient(145deg,rgba(249,115,22,0.15),rgba(234,88,12,0.1));}@media (hover: hover) and (pointer: fine){.status-card.status-paused:hover:not(.disabled)[b-det-juego]{border-color: #f97316;background: linear-gradient(145deg,rgba(249,115,22,0.15),rgba(234,88,12,0.1));}}.status-card.status-dropped[b-det-juego]{border-color: rgba(239,68,68,0.3);}.status-card.status-dropped.selected[b-det-juego]{border-color: var(--mxp-red-500);background: linear-gradient(145deg,rgba(239,68,68,0.15),rgba(220,38,38,0.1));}@media (hover: hover) and (pointer: fine){.status-card.status-dropped:hover:not(.disabled)[b-det-juego]{border-color: var(--mxp-red-500);background: linear-gradient(145deg,rgba(239,68,68,0.15),rgba(220,38,38,0.1));}}.status-card.status-planned[b-det-juego]{border-color: rgba(34,211,238,0.3);}.status-card.status-planned.selected[b-det-juego]{border-color: #22d3ee;background: linear-gradient(145deg,rgba(34,211,238,0.15),rgba(6,182,212,0.1));}@media (hover: hover) and (pointer: fine){.status-card.status-planned:hover:not(.disabled)[b-det-juego]{border-color: #22d3ee;background: linear-gradient(145deg,rgba(34,211,238,0.15),rgba(6,182,212,0.1));}}.status-card-emoji[b-det-juego]{font-size: 2rem;}.status-card-text[b-det-juego]{font-size: 0.85rem;font-weight: 700;color: white;}.status-card-disabled-hint[b-det-juego]{font-size: 0.6rem;color: var(--mxp-red-500);text-align: center;margin-top: 0.2rem;}.release-countdown-banner[b-det-juego]{background: linear-gradient(135deg,rgba(52,211,153,0.2) 0%,rgba(16,185,129,0.2) 100%);border-radius: 24px;padding: 2rem;margin-top: 1.5rem;margin-bottom: 1.5rem;box-shadow: 0 4px 16px rgba(52,211,153,0.15);position: relative;overflow: hidden;backdrop-filter: blur(12px);border: 1px solid rgba(52,211,153,0.25);}.release-countdown-banner[b-det-juego]::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 30% 50%,rgba(110,231,183,0.08) 0%,transparent 60%);pointer-events: none;}.countdown-header[b-det-juego]{display: flex;align-items: center;gap: 1rem;margin-bottom: 1.5rem;position: relative;z-index: 1;}.countdown-icon[b-det-juego]{font-size: 2.5rem;animation: rocket-pulse-b-det-juego 2s ease-in-out infinite;}@keyframes rocket-pulse-b-det-juego{0%,100%{transform: translateY(0) rotate(0deg);}50%{transform: translateY(-5px) rotate(-10deg);}}.countdown-title-group[b-det-juego]{flex: 1;}.countdown-title[b-det-juego]{font-size: 1.5rem;font-weight: 800;color: white;margin: 0;text-shadow: 0 2px 8px rgba(0,0,0,0.2);}.countdown-date[b-det-juego]{font-size: 1rem;color: rgba(255,255,255,0.85);margin: 0.25rem 0 0 0;font-weight: 500;}.countdown-timer[b-det-juego]{display: flex;justify-content: center;align-items: center;gap: 0.5rem;margin-bottom: 1.5rem;position: relative;z-index: 1;}.countdown-segment[b-det-juego]{display: flex;flex-direction: column;align-items: center;background: rgba(52,211,153,0.12);backdrop-filter: blur(8px);border-radius: 16px;padding: 1rem 1.5rem;min-width: 80px;border: 1px solid rgba(52,211,153,0.25);}.countdown-number[b-det-juego]{font-size: 2.5rem;font-weight: 900;color: var(--mxp-green-300);line-height: 1;text-shadow: 0 2px 8px rgba(0,0,0,0.2);font-variant-numeric: tabular-nums;}.countdown-label[b-det-juego]{font-size: 0.75rem;color: rgba(255,255,255,0.75);text-transform: uppercase;letter-spacing: 0.5px;margin-top: 0.5rem;font-weight: 600;}.countdown-separator[b-det-juego]{font-size: 2rem;font-weight: 700;color: rgba(52,211,153,0.7);animation: blink-b-det-juego 1.5s ease-in-out infinite;}@keyframes blink-b-det-juego{0%,49%,100%{opacity: 0.7;}50%,99%{opacity: 0.3;}}.countdown-progress-bar[b-det-juego]{position: relative;height: 8px;background: rgba(52,211,153,0.15);border-radius: 999px;overflow: hidden;z-index: 1;border: 1px solid rgba(52,211,153,0.2);}.countdown-progress-fill[b-det-juego]{height: 100%;width: var(--w,0%);background: linear-gradient(90deg,#059669 0%,var(--mxp-green-300) 100%);border-radius: 999px;transition: width 0.3s ease;box-shadow: 0 0 10px rgba(52,211,153,0.25);}.stat-card-wishlist[b-det-juego]{background: linear-gradient(135deg,rgba(52,211,153,0.1) 0%,rgba(16,185,129,0.1) 100%);border: 2px solid rgba(52,211,153,0.25);}@media (hover: hover) and (pointer: fine){.stat-card-wishlist:hover[b-det-juego]{background: linear-gradient(135deg,rgba(52,211,153,0.15) 0%,rgba(16,185,129,0.15) 100%);border-color: rgba(52,211,153,0.35);}}.status-wishlist-detail[b-det-juego]{color: var(--mxp-green-300);}.stat-lock-mini[b-det-juego]{font-size: 1.2rem;opacity: 0.5;}@media (max-width: 768px){.countdown-segment[b-det-juego]{padding: 0.75rem 1rem;min-width: 65px;}.countdown-number[b-det-juego]{font-size: 2rem;}.countdown-label[b-det-juego]{font-size: 0.65rem;}.countdown-title[b-det-juego]{font-size: 1.25rem;}.countdown-icon[b-det-juego]{font-size: 2rem;}}.rating-big-number[b-det-juego]{font-size: 2rem;font-weight: 900;position: relative;z-index: 1;}[b-det-juego] .rating-slider .mud-slider-track{height: 8px !important;border-radius: 4px !important;}[b-det-juego] .rating-slider .mud-slider-thumb{width: 22px !important;height: 22px !important;}.hours-columns-layout[b-det-juego]{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 1rem;}.hours-column[b-det-juego]{background: linear-gradient(145deg,rgba(15,23,42,0.6),rgba(20,30,48,0.5));border: 2px solid rgba(255,255,255,0.08);border-radius: 16px;padding: 1rem;display: flex;flex-direction: column;gap: 0.75rem;transition: all 0.3s ease;min-height: 220px;}.hours-column.timer-column[b-det-juego]{border-color: rgba(52,211,153,0.2);}.hours-column.timer-column.column-active[b-det-juego]{border-color: rgba(52,211,153,0.4);background: linear-gradient(145deg,rgba(52,211,153,0.08),rgba(15,23,42,0.6));}.hours-column.manual-column[b-det-juego]{border-color: rgba(52,211,153,0.2);}.hours-column.column-disabled[b-det-juego]{opacity: 0.45;pointer-events: none;position: relative;}.hours-column.column-disabled[b-det-juego]::after{content: '';position: absolute;inset: 0;background: rgba(15,23,42,0.4);border-radius: 14px;z-index: 1;}.hours-column-header[b-det-juego]{display: flex;align-items: center;justify-content: space-between;padding-bottom: 0.625rem;border-bottom: 1px solid rgba(255,255,255,0.08);}.column-title-group[b-det-juego]{display: flex;align-items: center;gap: 0.5rem;}.hours-column-icon[b-det-juego]{font-size: 1.1rem;}.hours-column-title[b-det-juego]{font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.3px;color: rgba(255,255,255,0.8);}.column-lock-badge[b-det-juego]{font-size: 0.85rem;opacity: 0.6;}.timer-status-badge[b-det-juego]{display: flex;align-items: center;gap: 0.35rem;padding: 0.3rem 0.6rem;border-radius: 12px;font-size: 0.6rem;font-weight: 700;text-transform: uppercase;}.timer-status-badge .status-dot[b-det-juego]{width: 6px;height: 6px;border-radius: 50%;}.timer-status-badge.running[b-det-juego]{background: rgba(16,185,129,0.15);color: var(--mxp-green-300);}.timer-status-badge.running .status-dot[b-det-juego]{background: var(--mxp-green-300);animation: pulse-b-det-juego 1.5s infinite;}.timer-status-badge.paused[b-det-juego]{background: rgba(251,191,36,0.15);color: var(--mxp-amber-300);}.timer-status-badge.paused .status-dot[b-det-juego]{background: var(--mxp-amber-300);}.timer-status-badge.blocked[b-det-juego]{background: rgba(239,68,68,0.15);color: var(--mxp-red-400);}.timer-status-badge.blocked .status-dot[b-det-juego]{background: var(--mxp-red-500);}.timer-status-badge.ready[b-det-juego]{background: rgba(100,116,139,0.15);color: var(--mxp-slate-400);}.timer-status-badge.ready .status-dot[b-det-juego]{background: var(--mxp-slate-500);}@keyframes pulse-b-det-juego{0%,100%{opacity: 1;transform: scale(1);}50%{opacity: 0.5;transform: scale(0.85);}}.timer-display-wrapper[b-det-juego]{display: flex;flex-direction: column;align-items: center;gap: 0.35rem;flex: 1;justify-content: center;}.timer-display[b-det-juego]{width: 100%;padding: 0.875rem;background: linear-gradient(145deg,rgba(30,41,59,0.8),rgba(15,23,42,0.6));border: 2px solid rgba(52,211,153,0.2);border-radius: 12px;text-align: center;transition: all 0.3s ease;}.timer-display.running[b-det-juego]{border-color: rgba(16,185,129,0.5);background: linear-gradient(145deg,rgba(16,185,129,0.12),rgba(15,23,42,0.6));box-shadow: 0 0 20px rgba(16,185,129,0.15);}.timer-display.paused[b-det-juego]{border-color: rgba(251,191,36,0.5);background: linear-gradient(145deg,rgba(251,191,36,0.1),rgba(15,23,42,0.6));}.timer-time[b-det-juego]{font-size: 1.75rem;font-weight: 900;font-family: 'SF Mono','Fira Code','Consolas',monospace;letter-spacing: 2px;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.timer-display.running .timer-time[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.timer-display.paused .timer-time[b-det-juego]{background: linear-gradient(135deg,var(--mxp-amber-300),var(--mxp-amber-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.timer-actions[b-det-juego]{display: flex;flex-direction: column;gap: 0.375rem;margin-top: auto;}.timer-blocked-msg[b-det-juego]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem;background: rgba(239,68,68,0.1);border: 1px solid rgba(239,68,68,0.25);border-radius: 10px;color: var(--mxp-red-400);font-size: 0.75rem;font-weight: 600;text-align: center;}.blocked-icon[b-det-juego]{font-size: 1rem;}.timer-btn-main[b-det-juego]{width: 100%;padding: 0.625rem 1rem;border: none;border-radius: 10px;font-size: 0.85rem;font-weight: 700;cursor: pointer;transition: all 0.25s ease;display: flex;align-items: center;justify-content: center;gap: 0.5rem;}.timer-btn-main.start[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-500),#059669);color: white;box-shadow: 0 4px 15px rgba(16,185,129,0.3);}@media (hover: hover) and (pointer: fine){.timer-btn-main.start:hover[b-det-juego]{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(16,185,129,0.4);}}.timer-btn-main.pause[b-det-juego]{background: linear-gradient(135deg,var(--mxp-amber-500),#d97706);color: white;box-shadow: 0 4px 15px rgba(245,158,11,0.3);}@media (hover: hover) and (pointer: fine){.timer-btn-main.pause:hover[b-det-juego]{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(245,158,11,0.4);}}.timer-btn-main.save[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));color: white;box-shadow: 0 4px 15px rgba(52,211,153,0.3);}@media (hover: hover) and (pointer: fine){.timer-btn-main.save:hover[b-det-juego]{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(52,211,153,0.4);}}.btn-icon[b-det-juego]{font-size: 1rem;}.btn-text[b-det-juego]{font-size: 0.85rem;}.timer-paused-actions[b-det-juego]{display: flex;gap: 0.5rem;align-items: stretch;}.timer-btn-secondary[b-det-juego]{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border: none;border-radius: 10px;font-size: 1rem;cursor: pointer;transition: all 0.2s ease;flex-shrink: 0;}.timer-btn-secondary.resume[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-500),#059669);color: white;}@media (hover: hover) and (pointer: fine){.timer-btn-secondary.resume:hover[b-det-juego]{transform: scale(1.08);}}.timer-btn-secondary.reset[b-det-juego]{background: rgba(239,68,68,0.15);color: var(--mxp-red-400);border: 1px solid rgba(239,68,68,0.3);}@media (hover: hover) and (pointer: fine){.timer-btn-secondary.reset:hover[b-det-juego]{background: rgba(239,68,68,0.25);}}.timer-paused-actions .timer-btn-main.save[b-det-juego]{flex: 1;}.manual-content[b-det-juego]{display: flex;flex-direction: column;gap: 0.75rem;flex: 1;justify-content: center;}.manual-display-wrapper[b-det-juego]{display: flex;flex-direction: column;align-items: center;gap: 0.35rem;align-content: center;flex: 1;justify-content: center;}.manual-display[b-det-juego]{width: 100%;padding: 0.875rem;background: linear-gradient(145deg,rgba(30,41,59,0.8),rgba(15,23,42,0.6));border: 2px solid rgba(52,211,153,0.25);border-radius: 12px;text-align: center;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;}.manual-display:focus-within[b-det-juego]{border-color: rgba(52,211,153,0.5);box-shadow: 0 0 15px rgba(16,185,129,0.15);}.manual-input[b-det-juego]{background: transparent;border: none;outline: none;font-size: 1.75rem;font-weight: 900;font-family: 'SF Mono','Fira Code','Consolas',monospace;letter-spacing: 1px;color: white;text-align: center;min-width: 80px;max-width: 200px;flex: 0 1 auto;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.manual-input:disabled[b-det-juego]{opacity: 0.5;}.manual-input-suffix[b-det-juego]{font-size: 1rem;font-weight: 700;color: rgba(255,255,255,0.4);}.manual-actions-row[b-det-juego]{display: flex;align-items: center;gap: 0.375rem;flex-wrap: wrap;}.quick-chips-group[b-det-juego]{display: flex;gap: 0.25rem;flex-wrap: wrap;}.quick-chip[b-det-juego]{padding: 0.4rem 0.5rem;background: rgba(52,211,153,0.1);border: 1px solid rgba(52,211,153,0.25);border-radius: 8px;color: var(--mxp-green-300);font-size: 0.7rem;font-weight: 700;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.quick-chip:hover:not(.disabled)[b-det-juego]{background: rgba(52,211,153,0.2);border-color: var(--mxp-green-300);transform: translateY(-1px);}}.quick-chip.disabled[b-det-juego]{opacity: 0.4;cursor: not-allowed;}.save-manual-btn[b-det-juego]{flex: 1;min-width: 100px;padding: 0.5rem 0.75rem;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));border: none;border-radius: 8px;color: white;font-size: 0.8rem;font-weight: 700;cursor: pointer;transition: all 0.25s ease;display: flex;align-items: center;justify-content: center;gap: 0.3rem;white-space: nowrap;box-shadow: 0 3px 10px rgba(16,185,129,0.3);}@media (hover: hover) and (pointer: fine){.save-manual-btn:hover:not(.disabled)[b-det-juego]{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(16,185,129,0.4);}}.save-manual-btn.disabled[b-det-juego]{opacity: 0.4;cursor: not-allowed;}.save-btn-icon[b-det-juego]{font-size: 1rem;}.save-btn-text[b-det-juego]{font-size: 0.8rem;}.notes-wrapper[b-det-juego]{background: linear-gradient(145deg,rgba(52,211,153,0.4),rgba(16,185,129,0.3),rgba(5,150,105,0.25)) !important;}.notes-editor[b-det-juego]{background: linear-gradient(145deg,rgba(20,30,48,0.98),rgba(15,23,42,0.98)) !important;}.notes-title[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200)) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;background-clip: text !important;}.notes-editor-content[b-det-juego]{display: flex;flex-direction: column;gap: 0.875rem;}.notes-input-wrapper[b-det-juego]{position: relative;}.notes-textarea-custom[b-det-juego]{width: 100%;padding: 1rem;background: linear-gradient(145deg,rgba(15,23,42,0.6),rgba(20,30,48,0.5));border: 2px solid rgba(52,211,153,0.25);border-radius: 14px;color: white;font-size: 0.9rem;font-family: inherit;line-height: 1.6;resize: vertical;min-height: 100px;transition: border-color 0.2s ease,box-shadow 0.2s ease;}.notes-textarea-custom:focus[b-det-juego]{outline: none;border-color: rgba(52,211,153,0.5);box-shadow: 0 0 20px rgba(16,185,129,0.15);}.notes-textarea-custom[b-det-juego]::placeholder{color: rgba(255,255,255,0.35);}.notes-char-count[b-det-juego]{position: absolute;bottom: 0.5rem;right: 0.75rem;font-size: 0.65rem;color: rgba(52,211,153,0.5);font-weight: 600;}.notes-actions-row[b-det-juego]{display: flex;align-items: center;justify-content: space-between;gap: 1rem;}.notes-tips[b-det-juego]{display: flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0.75rem;background: rgba(52,211,153,0.08);border: 1px solid rgba(52,211,153,0.15);border-radius: 10px;}.tip-icon[b-det-juego]{font-size: 0.9rem;}.tip-text[b-det-juego]{font-size: 0.7rem;color: rgba(52,211,153,0.8);font-weight: 500;}.save-notes-btn-custom[b-det-juego]{padding: 0.625rem 1.25rem;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));border: none;border-radius: 12px;color: white;font-size: 0.85rem;font-weight: 700;cursor: pointer;transition: all 0.25s ease;display: flex;align-items: center;gap: 0.5rem;box-shadow: 0 4px 15px rgba(16,185,129,0.35);}@media (hover: hover) and (pointer: fine){.save-notes-btn-custom:hover[b-det-juego]{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(16,185,129,0.45);}}.fullscreen-overlay[b-det-juego]{position: fixed;inset: 0;background: rgba(0,0,0,0.8);backdrop-filter: blur(12px);display: flex;align-items: center;justify-content: center;z-index: 2000;padding: 1rem;animation: overlayFadeIn-b-det-juego 0.25s ease;}@keyframes overlayFadeIn-b-det-juego{from{opacity: 0;}to{opacity: 1;}}.cover-dialog[b-det-juego]{background: linear-gradient(145deg,rgba(8,30,20,0.98),rgba(6,20,14,0.98));border-radius: 20px;border: 1px solid rgba(16,185,129,0.3);box-shadow: 0 20px 60px rgba(0,0,0,0.6);max-width: 60vw;max-height: 90vh;overflow: hidden;animation: coverDialogIn-b-det-juego 0.25s ease-out;}@keyframes coverDialogIn-b-det-juego{from{opacity: 0;transform: scale(0.92);}to{opacity: 1;transform: scale(1);}}@media (max-width: 600px){.date-picker-modal[b-det-juego]{width: 95%;max-width: 400px;padding: 1rem;}.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-picker-calendar-day button{min-width: 38px;min-height: 38px;width: 38px;height: 38px;font-size: 0.82rem;}.date-picker-modal[b-det-juego] .mud-picker-toolbar{padding: 0.6rem 0.85rem;}.date-picker-modal[b-det-juego] .mud-picker-toolbar .mud-button-date{font-size: 1.2rem;}.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-typography{font-size: 0.75rem;}}@media (min-width: 1920px){.date-picker-modal[b-det-juego]{max-width: 640px;padding: 1.75rem;}.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-picker-calendar-day button{min-width: 60px;min-height: 60px;width: 60px;height: 60px;font-size: 1.1rem;}.date-picker-modal[b-det-juego] .mud-picker-toolbar{padding: 1.1rem 1.5rem;}.date-picker-modal[b-det-juego] .mud-picker-toolbar .mud-button-date{font-size: 1.6rem;}.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-typography{font-size: 0.9rem;}.date-picker-modal[b-det-juego] .mud-picker-calendar-header-switch{font-size: 1.1rem;}.overlay-modal-header[b-det-juego]{padding: 1.5rem 1.75rem;}.overlay-modal-header h3[b-det-juego]{font-size: 1.3rem;}.overlay-modal-actions[b-det-juego]{padding: 1rem 1.5rem;}}.overlay-modal[b-det-juego]{background: linear-gradient(145deg,#1e293b,#0f172a);border: 2px solid rgba(52,211,153,0.3);border-radius: 24px;box-shadow: 0 25px 80px rgba(0,0,0,0.6);animation: modalSlideIn-b-det-juego 0.3s cubic-bezier(0.34,1.56,0.64,1);max-height: 90vh;display: flex;flex-direction: column;overflow: hidden;}@keyframes modalSlideIn-b-det-juego{from{opacity: 0;transform: scale(0.9) translateY(20px);}to{opacity: 1;transform: scale(1) translateY(0);}}.date-picker-modal[b-det-juego]{max-width: 580px;width: 95%;padding: 1.5rem;overflow: hidden;}.date-picker-hint[b-det-juego]{display: flex;align-items: center;gap: 0.4rem;padding: 0.5rem 0.75rem;background: rgba(251,191,36,0.1);border: 1px solid rgba(251,191,36,0.25);border-radius: 8px;margin-bottom: 0.75rem;}.date-picker-hint .hint-icon[b-det-juego]{font-size: 0.85rem;}.date-picker-hint .hint-text[b-det-juego]{font-size: 0.75rem;color: var(--mxp-amber-300);font-weight: 600;}.history-modal[b-det-juego]{width: min(650px,95vw);}.overlay-modal-header[b-det-juego]{display: flex;justify-content: space-between;align-items: center;padding: 1.25rem 1.5rem;border-bottom: 1px solid rgba(255,255,255,0.1);}.overlay-modal-header h3[b-det-juego]{margin: 0;font-size: 1.15rem;font-weight: 700;color: white;}.modal-title-group[b-det-juego]{display: flex;gap: 0.625rem;align-items: center;}.modal-emoji[b-det-juego]{font-size: 1.375rem;}.modal-title[b-det-juego]{font-size: 1rem;font-weight: 800;color: white;}.modal-subtitle[b-det-juego]{font-size: 0.75rem;opacity: 0.7;margin-top: 0.2rem;}.history-header-actions[b-det-juego]{display: flex;align-items: center;gap: 0.375rem;}.view-toggle-btn[b-det-juego]{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 8px;color: rgba(255,255,255,0.5);cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.view-toggle-btn:hover[b-det-juego]{background: rgba(255,255,255,0.1);color: white;}}.view-toggle-btn.active[b-det-juego]{background: rgba(52,211,153,0.2);border-color: rgba(52,211,153,0.4);color: var(--mxp-green-300);}.overlay-modal-body[b-det-juego]{padding: 1.25rem;overflow-y: auto;flex: 1;}.overlay-modal-actions[b-det-juego]{display: flex;justify-content: flex-end;gap: 0.625rem;padding: 0.875rem 1.25rem;border-top: 1px solid rgba(255,255,255,0.1);}[b-det-juego] .date-picker-static{background: transparent !important;width: 100%;}[b-det-juego] .date-picker-static .mud-picker-paper{width: 100%;}[b-det-juego] .date-picker-static .mud-picker-container{width: 100%;}.date-picker-modal[b-det-juego] .mud-picker-calendar-container{background: rgba(15,23,42,0.95);border-radius: 12px;width: 100%;}.date-picker-modal[b-det-juego] .mud-picker-calendar-header{background: rgba(30,41,59,0.8);color: var(--mxp-slate-200);border-radius: 10px 10px 0 0;}.date-picker-modal[b-det-juego] .mud-picker-calendar-header-switch{color: var(--mxp-slate-200);font-weight: 600;}@media (hover: hover) and (pointer: fine){.date-picker-modal[b-det-juego] .mud-picker-calendar-header-switch:hover{background: rgba(52,211,153,0.15);}}.date-picker-modal[b-det-juego] .mud-button-root.mud-icon-button{color: rgba(255,255,255,0.5) !important;}@media (hover: hover) and (pointer: fine){.date-picker-modal[b-det-juego] .mud-button-root.mud-icon-button:hover{background: rgba(52,211,153,0.15) !important;color: var(--mxp-green-300) !important;}}.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-picker-calendar-day button{color: #cbd5e1;min-width: 52px;min-height: 52px;width: 52px;height: 52px;font-size: 1rem;}@media (hover: hover) and (pointer: fine){.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-picker-calendar-day button:hover{background: rgba(52,211,153,0.15);color: var(--mxp-slate-200);}}.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-selected button{background: rgba(52,211,153,0.3) !important;color: #ffffff !important;font-weight: 700;}@media (hover: hover) and (pointer: fine){.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-selected button:hover{background: rgba(52,211,153,0.3) !important;color: #ffffff !important;font-weight: 700;}}.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-current button{color: var(--mxp-green-300);font-weight: 600;border: 1px solid rgba(52,211,153,0.4);border-radius: 50%;}.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-picker-calendar-day-disabled button{color: #475569;opacity: 0.5;}.date-picker-modal[b-det-juego] .mud-picker-calendar-container .mud-typography{color: var(--mxp-slate-400);font-size: 0.78rem;}.date-picker-modal[b-det-juego] .mud-picker-toolbar{background: rgba(30,41,59,0.9) !important;color: var(--mxp-slate-200) !important;border-radius: 10px;margin-bottom: 0.5rem;padding: 1rem 1.25rem;min-height: unset;}.date-picker-modal[b-det-juego] .mud-picker-toolbar .mud-button-date{font-size: 1.5rem;}.date-picker-modal[b-det-juego] .mud-picker-toolbar .mud-typography{color: var(--mxp-slate-200) !important;}.date-picker-modal[b-det-juego] .mud-picker-content{background: rgba(15,23,42,0.95);border-radius: 0 0 10px 10px;}.date-picker-modal[b-det-juego] .mud-picker-month,.date-picker-modal[b-det-juego] .mud-picker-year{color: #cbd5e1;}@media (hover: hover) and (pointer: fine){.date-picker-modal[b-det-juego] .mud-picker-month:hover,.date-picker-modal[b-det-juego] .mud-picker-year:hover{background: rgba(52,211,153,0.15);color: var(--mxp-slate-200);}}.date-picker-modal .overlay-modal-actions[b-det-juego]{margin-top: 0.75rem;display: flex;justify-content: center;}.modal-loading[b-det-juego],.modal-empty[b-det-juego]{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 2.5rem 1rem;text-align: center;}.modal-empty-icon[b-det-juego]{font-size: 2.5rem;margin-bottom: 0.875rem;opacity: 0.5;}.history-compact[b-det-juego]{display: flex;flex-direction: column;gap: 0.375rem;}.history-compact-row[b-det-juego]{display: flex;align-items: center;gap: 0.625rem;padding: 0.75rem 0.875rem;background: rgba(30,41,59,0.6);border: 1px solid rgba(52,211,153,0.15);border-radius: 12px;transition: all 0.2s ease;cursor: pointer;}@media (hover: hover) and (pointer: fine){.history-compact-row:hover[b-det-juego]{background: rgba(30,41,59,0.8);border-color: rgba(52,211,153,0.3);transform: translateX(4px);}}.history-compact-row.completed[b-det-juego]{background: rgba(251,191,36,0.08);border-color: rgba(251,191,36,0.2);}@media (hover: hover) and (pointer: fine){.history-compact-row.completed:hover[b-det-juego]{background: rgba(251,191,36,0.12);border-color: rgba(251,191,36,0.35);}}.compact-number[b-det-juego]{font-weight: 800;color: var(--mxp-green-300);min-width: 28px;}.compact-status[b-det-juego]{font-size: 0.7rem;font-weight: 700;padding: 0.2rem 0.5rem;background: rgba(255,255,255,0.08);border-radius: 10px;text-transform: uppercase;}.compact-status.gold[b-det-juego]{background: rgba(251,191,36,0.2);color: var(--mxp-amber-300);}.compact-hours[b-det-juego]{font-weight: 700;color: var(--mxp-green-200);min-width: 45px;}.compact-dates[b-det-juego]{flex: 1;font-size: 0.75rem;opacity: 0.7;}.compact-arrow[b-det-juego]{font-size: 1.2rem;color: rgba(255,255,255,0.3);font-weight: 300;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.history-compact-row:hover .compact-arrow[b-det-juego]{color: rgba(255,255,255,0.6);transform: translateX(2px);}}[b-det-juego] .synopsis-section{background: linear-gradient(145deg,rgba(30,41,59,0.6),rgba(20,30,48,0.5)) !important;border: 2px solid rgba(52,211,153,0.15) !important;border-radius: 18px !important;padding: 1.25rem !important;backdrop-filter: blur(20px) !important;box-shadow: 0 8px 32px rgba(0,0,0,0.3);}.synopsis-text[b-det-juego]{font-size: 0.9rem;line-height: 1.7;color: rgba(255,255,255,0.9);margin: 0;padding-top: 0.875rem;}.synopsis-text.recien-traducida[b-det-juego]{animation: sinopsis-aparece-b-det-juego 0.6s ease-out;}@keyframes sinopsis-aparece-b-det-juego{from{opacity: 0.25;}to{opacity: 1;}}@media (prefers-reduced-motion: reduce){.synopsis-text.recien-traducida[b-det-juego]{animation: none;}}.info-grid-inline[b-det-juego]{display: flex;flex-wrap: wrap;gap: 0.5rem;padding-top: 1rem;margin-top: 1rem;border-top: 1px solid rgba(255,255,255,0.08);}.genre-badge-detail[b-det-juego],.platform-badge-detail[b-det-juego]{padding: 0.4rem 0.75rem;border-radius: 10px;font-size: 0.75rem;font-weight: 700;}.genre-badge-detail[b-det-juego]{background: linear-gradient(135deg,rgba(52,211,153,0.15),rgba(16,185,129,0.12));border: 1px solid rgba(52,211,153,0.25);color: var(--mxp-green-300);}.platform-badge-detail[b-det-juego]{background: linear-gradient(135deg,rgba(52,211,153,0.15),rgba(16,185,129,0.12));border: 1px solid rgba(52,211,153,0.25);color: var(--mxp-green-300);}.empty-detail-state[b-det-juego]{display: flex;align-items: center;justify-content: center;min-height: 80vh;padding: 2rem 1rem;text-align: center;}.empty-detail-card[b-det-juego]{display: flex;flex-direction: column;align-items: center;width: min(440px,100%);padding: 2.5rem 2rem 2rem;background: linear-gradient(145deg,rgba(16,40,36,0.85) 0%,rgba(12,22,34,0.9) 100%);border: 1px solid rgba(52,211,153,0.25);border-radius: 24px;box-shadow: 0 25px 60px rgba(0,0,0,0.45),0 0 50px rgba(16,185,129,0.12);animation: emptyCardIn-b-det-juego 0.35s ease-out;}@keyframes emptyCardIn-b-det-juego{from{opacity: 0;transform: translateY(12px) scale(0.98);}to{opacity: 1;transform: translateY(0) scale(1);}}.empty-detail-icon[b-det-juego]{position: relative;display: flex;align-items: center;justify-content: center;width: 88px;height: 88px;margin-bottom: 1.5rem;border-radius: 50%;background: radial-gradient(circle at 30% 30%,rgba(52,211,153,0.25) 0%,rgba(16,185,129,0.08) 70%);border: 1px solid rgba(52,211,153,0.35);color: var(--mxp-green-300);box-shadow: 0 0 30px rgba(16,185,129,0.2);}.empty-detail-icon[b-det-juego] .mud-icon-root{font-size: 2.75rem;}.empty-detail-badge[b-det-juego]{position: absolute;right: -2px;bottom: -2px;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;background: linear-gradient(135deg,var(--mxp-green-500) 0%,#059669 100%);border: 3px solid #0f1f22;color: white;font-size: 0.95rem;font-weight: 900;}.empty-detail-title[b-det-juego]{margin: 0 0 0.6rem;font-size: 1.5rem;font-weight: 800;color: #f8fafc;}.empty-detail-text[b-det-juego]{margin: 0 0 1.75rem;max-width: 34ch;font-size: 0.95rem;line-height: 1.6;color: rgba(255,255,255,0.65);}.empty-detail-actions[b-det-juego]{display: flex;gap: 0.75rem;width: 100%;}.empty-detail-btn[b-det-juego]{flex: 1 1 0;display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 46px;padding: 0.7rem 1rem;border-radius: 14px;font-size: 0.9rem;font-weight: 700;text-decoration: none;white-space: nowrap;cursor: pointer;transition: transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease,border-color 0.2s ease;}.empty-detail-btn:focus-visible[b-det-juego]{outline: 2px solid var(--mxp-green-200);outline-offset: 3px;}.empty-detail-btn.secundario[b-det-juego]{background: rgba(255,255,255,0.04);border: 1px solid rgba(52,211,153,0.35);color: var(--mxp-green-200);}.empty-detail-btn.principal[b-det-juego]{background: linear-gradient(135deg,var(--mxp-green-500) 0%,#059669 100%);border: 1px solid transparent;color: white;box-shadow: 0 6px 20px rgba(16,185,129,0.3);}@media (hover: hover) and (pointer: fine){.empty-detail-btn:hover[b-det-juego]{transform: translateY(-2px);}.empty-detail-btn.secundario:hover[b-det-juego]{background: rgba(52,211,153,0.1);border-color: rgba(52,211,153,0.6);}.empty-detail-btn.principal:hover[b-det-juego]{box-shadow: 0 10px 28px rgba(16,185,129,0.45);}}@media (max-width: 480px){.empty-detail-card[b-det-juego]{padding: 2rem 1.25rem 1.5rem;border-radius: 20px;}.empty-detail-title[b-det-juego]{font-size: 1.3rem;}.empty-detail-actions[b-det-juego]{flex-direction: column-reverse;}}.confirm-dialog-modal[b-det-juego]{width: min(480px,90vw);max-width: 480px;border-color: rgba(16,185,129,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 60px rgba(16,185,129,0.2);}.confirm-dialog-modal .overlay-modal-header[b-det-juego]{border-bottom: 1px solid rgba(16,185,129,0.2);background: linear-gradient(135deg,rgba(16,185,129,0.15) 0%,rgba(52,211,153,0.1) 100%);}.confirm-dialog-modal .overlay-modal-actions[b-det-juego]{border-top: 1px solid rgba(16,185,129,0.2);}.confirm-dialog-content[b-det-juego]{display: flex;flex-direction: column;align-items: center;gap: 1.25rem;text-align: center;}.confirm-dialog-text[b-det-juego]{color: rgba(255,255,255,0.95);line-height: 1.6;font-size: 0.95rem;}.confirm-dialog-text strong[b-det-juego]{color: var(--mxp-green-300);font-weight: 800;}.confirm-dialog-actions[b-det-juego]{justify-content: flex-end;}[b-det-juego] .confirm-dialog-actions .mud-button{padding: 0.75rem 1.5rem !important;font-weight: 700 !important;border-radius: 10px !important;}[b-det-juego] .confirm-delete-btn{background: linear-gradient(135deg,var(--mxp-red-500) 0%,#dc2626 100%) !important;box-shadow: 0 4px 16px rgba(239,68,68,0.4) !important;}.history-carousel-container[b-det-juego]{position: relative;overflow: hidden;}.history-carousel[b-det-juego]{display: flex;transform: translateX(var(--carousel-offset,0%));transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);}.history-slide[b-det-juego]{flex: 0 0 100%;padding: 0 0.375rem;}.history-card-full[b-det-juego]{background: linear-gradient(145deg,rgba(30,41,59,0.8),rgba(20,30,48,0.7));border: 2px solid rgba(52,211,153,0.2);border-radius: 20px;overflow: hidden;display: flex;flex-direction: column;}.history-card-full.completed-card[b-det-juego]{border-color: rgba(251,191,36,0.3);}.history-card-header-full[b-det-juego]{display: flex;justify-content: space-between;align-items: center;padding: 1rem 1.25rem;background: rgba(52,211,153,0.1);border-bottom: 1px solid rgba(52,211,153,0.15);}.history-card-header-full.completed[b-det-juego]{background: linear-gradient(135deg,rgba(251,191,36,0.15),rgba(245,158,11,0.1));border-bottom-color: rgba(251,191,36,0.2);}.header-left[b-det-juego]{display: flex;align-items: center;gap: 0.75rem;}.header-duration[b-det-juego]{display: flex;align-items: center;gap: 0.3rem;}.duration-days[b-det-juego]{font-size: 0.75rem;font-weight: 600;color: rgba(255,255,255,0.6);padding: 0.25rem 0.6rem;background: rgba(255,255,255,0.08);border-radius: 8px;}.history-number-big[b-det-juego]{font-size: 1.375rem;font-weight: 900;color: var(--mxp-green-300);}.history-status-full[b-det-juego]{font-size: 0.75rem;font-weight: 700;padding: 0.35rem 0.875rem;background: rgba(255,255,255,0.08);border-radius: 16px;text-transform: uppercase;}.history-status-full.status-gold[b-det-juego]{background: linear-gradient(135deg,rgba(251,191,36,0.25),rgba(245,158,11,0.2));color: var(--mxp-amber-300);border: 1px solid rgba(251,191,36,0.3);}.history-timeline[b-det-juego]{padding: 1rem 1.25rem;background: rgba(15,23,42,0.3);}.timeline-bar[b-det-juego]{display: flex;align-items: center;justify-content: space-between;position: relative;}.timeline-start[b-det-juego],.timeline-end[b-det-juego]{display: flex;flex-direction: column;align-items: center;gap: 0.25rem;z-index: 2;}.timeline-start.editable[b-det-juego]{cursor: pointer;position: relative;border-radius: 10px;padding: 0.25rem 0.5rem;margin: -0.25rem -0.5rem;transition: background 0.2s ease;}@media (hover: hover) and (pointer: fine){.timeline-start.editable:hover[b-det-juego]{background: rgba(52,211,153,0.15);}}.timeline-edit-hint[b-det-juego]{font-size: 0.6rem;opacity: 0;transition: opacity 0.2s ease;}.timeline-start.editable:hover .timeline-edit-hint[b-det-juego]{opacity: 0.7;}.timeline-dot[b-det-juego]{width: 14px;height: 14px;border-radius: 50%;border: 3px solid;}.timeline-dot.start[b-det-juego]{background: var(--mxp-green-300);border-color: rgba(52,211,153,0.3);box-shadow: 0 0 10px rgba(52,211,153,0.4);}.timeline-dot.end[b-det-juego]{background: var(--mxp-amber-300);border-color: rgba(251,191,36,0.3);box-shadow: 0 0 10px rgba(251,191,36,0.4);}.timeline-dot.current[b-det-juego]{background: var(--mxp-blue-300);border-color: rgba(96,165,250,0.3);box-shadow: 0 0 10px rgba(96,165,250,0.4);animation: pulse-b-det-juego 2s infinite;}.timeline-label[b-det-juego]{font-size: 0.55rem;font-weight: 700;text-transform: uppercase;color: rgba(255,255,255,0.5);letter-spacing: 0.3px;}.timeline-date[b-det-juego]{font-size: 0.75rem;font-weight: 700;color: white;}.timeline-line[b-det-juego]{flex: 1;height: 3px;margin: 0 0.5rem;border-radius: 2px;position: relative;overflow: hidden;}.timeline-line.completed[b-det-juego]{background: linear-gradient(90deg,var(--mxp-green-300),var(--mxp-amber-300));}.timeline-line.in-progress[b-det-juego]{background: rgba(255,255,255,0.1);}.timeline-line.in-progress[b-det-juego]::after{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 60%;background: linear-gradient(90deg,var(--mxp-green-300),var(--mxp-green-500));border-radius: 2px;}.timeline-mid[b-det-juego]{display: flex;flex-direction: column;align-items: center;gap: 0.2rem;z-index: 2;min-width: 50px;}.timeline-dot.mid[b-det-juego]{width: 10px;height: 10px;border-width: 2px;}.timeline-mid.node-playing .timeline-dot.mid[b-det-juego]{background: var(--mxp-green-300);border-color: rgba(52,211,153,0.3);}.timeline-mid.node-dropped .timeline-dot.mid[b-det-juego]{background: var(--mxp-red-400);border-color: rgba(248,113,113,0.3);}.timeline-mid.node-onhold .timeline-dot.mid[b-det-juego]{background: var(--mxp-amber-300);border-color: rgba(251,191,36,0.3);}.timeline-mid.node-completed .timeline-dot.mid[b-det-juego]{background: var(--mxp-amber-300);border-color: rgba(251,191,36,0.3);}.timeline-mid.node-planned .timeline-dot.mid[b-det-juego]{background: var(--mxp-slate-400);border-color: rgba(148,163,184,0.3);}.timeline-mid .timeline-label[b-det-juego]{font-size: 0.5rem;}.timeline-mid .timeline-date[b-det-juego]{font-size: 0.6rem;opacity: 0.7;}.timeline-line.segment[b-det-juego]{flex: 1;min-width: 20px;}.timeline-line.segment.dropped[b-det-juego]{background: rgba(248,113,113,0.4);}.timeline-line.segment.on-hold[b-det-juego]{background: rgba(251,191,36,0.3);}.timeline-line.segment.in-progress[b-det-juego]{background: linear-gradient(90deg,var(--mxp-green-300),var(--mxp-green-500));}.timeline-line.segment.in-progress[b-det-juego]::after{display: none;}.timeline-line.segment.completed[b-det-juego]{background: linear-gradient(90deg,var(--mxp-green-300),var(--mxp-amber-300));}.history-stats-detailed[b-det-juego]{display: flex;justify-content: center;align-items: center;gap: 0.75rem;padding: 1.25rem;flex-wrap: wrap;flex: 1;}.stat-detailed-item[b-det-juego]{display: flex;align-items: center;gap: 0.5rem;padding: 0.625rem 1rem;background: rgba(15,23,42,0.5);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;transition: all 0.2s ease;}.stat-detailed-item.primary[b-det-juego]{background: rgba(52,211,153,0.1);border-color: rgba(52,211,153,0.2);}.stat-detailed-item.pause[b-det-juego]{background: rgba(249,115,22,0.1);border-color: rgba(249,115,22,0.2);}.stat-detailed-icon[b-det-juego]{font-size: 1.1rem;}.stat-detailed-content[b-det-juego]{display: flex;flex-direction: column;gap: 0.1rem;}.stat-detailed-value[b-det-juego]{font-size: 0.95rem;font-weight: 800;color: white;}.stat-detailed-label[b-det-juego]{font-size: 0.55rem;font-weight: 600;text-transform: uppercase;color: rgba(255,255,255,0.5);}.history-notes-section[b-det-juego]{padding: 0.875rem 1rem;background: rgba(52,211,153,0.08);border-top: 1px solid rgba(52,211,153,0.15);cursor: pointer;transition: background 0.2s ease;margin-top: auto;}@media (hover: hover) and (pointer: fine){.history-notes-section:hover[b-det-juego]{background: rgba(52,211,153,0.12);}}.notes-header-row[b-det-juego]{display: flex;align-items: center;gap: 0.375rem;}.notes-icon[b-det-juego]{font-size: 0.9rem;flex-shrink: 0;}.notes-preview[b-det-juego]{flex: 1;font-size: 0.8rem;opacity: 0.8;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}[b-det-juego] .notes-expand-icon{opacity: 0.5;transition: transform 0.3s ease;}.notes-full-text[b-det-juego]{font-size: 0.8rem;line-height: 1.6;opacity: 0.9;padding-top: 0.625rem;margin-top: 0.625rem;border-top: 1px solid rgba(52,211,153,0.15);word-break: break-word;animation: notesExpand-b-det-juego 0.3s ease;}@keyframes notesExpand-b-det-juego{from{opacity: 0;max-height: 0;}to{opacity: 1;max-height: 400px;}}.carousel-controls[b-det-juego]{display: flex;align-items: center;justify-content: center;gap: 0.875rem;padding-top: 1rem;}.carousel-btn[b-det-juego]{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: rgba(52,211,153,0.1);border: 2px solid rgba(52,211,153,0.3);border-radius: 50%;color: var(--mxp-green-300);cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.carousel-btn:hover:not(.disabled)[b-det-juego]{background: rgba(52,211,153,0.2);border-color: var(--mxp-green-300);transform: scale(1.1);}}.carousel-btn.disabled[b-det-juego]{opacity: 0.3;cursor: not-allowed;}.carousel-dots[b-det-juego]{display: flex;gap: 0.375rem;}.carousel-dot[b-det-juego]{width: 8px;height: 8px;border-radius: 50%;background: rgba(255,255,255,0.2);cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.carousel-dot:hover[b-det-juego]{background: rgba(255,255,255,0.4);}}.carousel-dot.active[b-det-juego]{background: var(--mxp-green-300);transform: scale(1.2);}.mobile-ranking-btn[b-det-juego]{display: none;pointer-events: auto;}@media (min-width: 1280px) and (max-width: 1439px){.hero-layout-wrapper[b-det-juego]{grid-template-columns: 1fr 320px;}.hero-main-content[b-det-juego]{grid-template-columns: 220px 1fr;gap: 2rem;}.hero-cover-image[b-det-juego]{width: 220px;height: 330px;}}@media (max-width: 1279px){.hero-top-bar[b-det-juego]{top: 1.5rem;left: 1.25rem;right: 1.25rem;}.hero-layout-wrapper[b-det-juego],.hero-layout-wrapper.guest-layout[b-det-juego]{grid-template-columns: 1fr;gap: 1.5rem;}.mobile-ranking-btn[b-det-juego]{display: block;}.hero-title[b-det-juego]{font-size: clamp(1.5rem,3vw,2.2rem);}}@media (max-width: 768px){.game-detail-hero[b-det-juego]{min-height: auto;}.hero-top-bar[b-det-juego]{top: 1.25rem;left: 1rem;right: 1rem;}.hero-layout-wrapper[b-det-juego]{min-height: auto;padding: 1rem 1rem 1.5rem 1rem;gap: 0;}.hero-main-content[b-det-juego]{grid-template-columns: 120px 1fr;gap: 1rem;align-items: center;}.hero-cover-image[b-det-juego]{width: 120px;height: 180px;}.hero-title[b-det-juego]{font-size: clamp(1.3rem,4vw,1.6rem);}.hero-meta[b-det-juego]{gap: 0.375rem;}.meta-item[b-det-juego]{padding: 0.3rem 0.5rem;font-size: 0.7rem;}.meta-icon[b-det-juego]{font-size: 0.85rem;}.meta-text[b-det-juego]{font-size: 0.65rem;}.hero-ratings-row[b-det-juego]{gap: 0.5rem;}.rating-box-hero[b-det-juego]{padding: 0.4rem 0.6rem;gap: 0.4rem;}.rating-icon-badge[b-det-juego]{font-size: 1.1rem;}.rating-number[b-det-juego]{font-size: 1.1rem;}.hero-action-icon[b-det-juego]{width: 38px;height: 38px;font-size: 1.1rem;}.game-detail-content[b-det-juego]{padding: 0 1rem 2rem 1rem;}.progress-main-row[b-det-juego]{grid-template-columns: repeat(3,1fr);gap: 0.375rem;align-items: start;}.stat-card-main[b-det-juego]{padding: 0.5rem 0.625rem;gap: 0.375rem;}.stat-main-icon[b-det-juego]{font-size: 1.1rem;}.stat-main-value[b-det-juego]{font-size: 0.8rem;}[b-det-juego] .stat-main-arrow{display: none !important;}.hours-columns-layout[b-det-juego]{grid-template-columns: 1fr;gap: 0.75rem;}.rating-big-number[b-det-juego]{font-size: 1.5rem;}.status-options-grid[b-det-juego]{grid-template-columns: 1fr 1fr;}.history-stats-detailed[b-det-juego]{padding: 1rem;gap: 0.5rem;}.stat-detailed-item[b-det-juego]{padding: 0.5rem 0.75rem;}.stat-detailed-icon[b-det-juego]{font-size: 1rem;}.stat-detailed-value[b-det-juego]{font-size: 0.85rem;}.stat-detailed-label[b-det-juego]{font-size: 0.5rem;}.manual-actions-row[b-det-juego]{flex-wrap: wrap;}.quick-chips-group[b-det-juego]{width: 100%;justify-content: center;margin-bottom: 0.5rem;}.save-manual-btn[b-det-juego]{width: 100%;}}@media (max-width: 600px){.hero-main-content[b-det-juego]{grid-template-columns: 1fr;text-align: center;}.hero-cover-section[b-det-juego]{position: relative;top: 0;align-self: center;}.hero-cover-image[b-det-juego]{width: 160px;height: 240px;}.hero-info-section[b-det-juego]{align-items: center;}.hero-title[b-det-juego]{font-size: clamp(1.2rem,5vw,1.4rem);}.hero-meta[b-det-juego]{justify-content: center;}.hero-ratings-row[b-det-juego]{justify-content: center;flex-wrap: wrap;}.hero-actions[b-det-juego]{justify-content: center;}.progress-main-row[b-det-juego]{gap: 0.25rem;align-items: start;}.stat-card-main[b-det-juego]{flex-direction: column;text-align: center;padding: 0.5rem 0.375rem;gap: 0.2rem;min-width: 0;}.stat-main-icon[b-det-juego]{font-size: 1rem;}.stat-main-label[b-det-juego]{font-size: 0.62rem;}.stat-main-info[b-det-juego]{align-self: stretch;}.stat-main-value[b-det-juego]{font-size: 0.75rem;white-space: normal;line-height: 1.2;}.stat-main-value.rating-locked[b-det-juego]{font-size: 0.6rem;white-space: normal;line-height: 1.2;}.stat-completed-date[b-det-juego]{font-size: 0.45rem;}.completed-hint-btn[b-det-juego]{margin-left: 0;margin-top: 0.25rem;font-size: 0.55rem;padding: 0.3rem 0.5rem;}.progress-secondary-row[b-det-juego]{grid-template-columns: repeat(2,1fr);gap: 0.25rem;}.stat-secondary[b-det-juego]{padding: 0.4rem 0.5rem;gap: 0.375rem;}.stat-secondary-icon[b-det-juego]{font-size: 0.9rem;}.stat-secondary-label[b-det-juego]{font-size: 0.62rem;}.stat-secondary-value[b-det-juego]{font-size: 0.7rem;}.rating-big-number[b-det-juego]{font-size: 1.25rem;}.quick-chip[b-det-juego]{padding: 0.35rem 0.5rem;font-size: 0.65rem;}.history-card-full[b-det-juego]{border-radius: 16px;}.history-card-header-full[b-det-juego]{padding: 0.875rem 1rem;}.history-number-big[b-det-juego]{font-size: 1.2rem;}.history-status-full[b-det-juego]{font-size: 0.65rem;padding: 0.25rem 0.625rem;}.history-timeline[b-det-juego]{padding: 0.875rem 1rem;}.timeline-dot[b-det-juego]{width: 12px;height: 12px;}.timeline-label[b-det-juego]{font-size: 0.5rem;}.timeline-date[b-det-juego]{font-size: 0.7rem;}.history-stats-detailed[b-det-juego]{padding: 0.875rem;gap: 0.375rem;}.stat-detailed-item[b-det-juego]{padding: 0.4rem 0.625rem;}.manual-input[b-det-juego]{font-size: 1.5rem;min-width: 60px;max-width: 150px;}.manual-input-suffix[b-det-juego]{font-size: 0.875rem;}.manual-display[b-det-juego]{padding: 0.75rem;}}.friends-overlay-content[b-det-juego] .ranking-overlay{position: static;background: none;backdrop-filter: none;padding: 0;display: block;}.friends-overlay-content[b-det-juego] .ranking-modal{max-height: 85vh;overflow: hidden;display: flex;flex-direction: column;}.friends-overlay-content[b-det-juego] .ranking-modal-direct{max-height: 85vh;overflow: hidden;display: flex;flex-direction: column;background: linear-gradient(145deg,rgba(20,30,48,0.98) 0%,rgba(15,23,42,0.98) 100%);border-radius: 28px;border: 2px solid rgba(52,211,153,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 80px rgba(52,211,153,0.3);}.friends-overlay-content[b-det-juego] .modal-friends-list{flex: 1;overflow-y: auto;min-height: 0;} .games-container[b-col-juegos]{--primary-from: var(--mxp-green-500);--primary-to: var(--mxp-green-300);--secondary-from: #059669;--secondary-to: var(--mxp-green-500);--glow-color: rgba(16,185,129,0.18);--ac: 16,185,129;--ac-light: 52,211,153;--ac-dark: 4,120,87;--ac-bright: 34,197,94;--ac-primary: 16,185,129;--ac-hex: var(--mxp-green-500);--ac-light-hex: var(--mxp-green-300);--bg-dark: 2,44,34;min-height: 100vh;padding: 20px;padding-bottom: 8rem;padding-top: 2rem;animation: fadeIn-b-col-juegos 0.5s ease-out;}@keyframes fadeIn-b-col-juegos{from{opacity: 0;}to{opacity: 1;}}@keyframes slideDown-b-col-juegos{from{opacity: 0;transform: translateY(-20px);}to{opacity: 1;transform: translateY(0);}}[b-col-juegos] .section-title{font-size: 2.5rem;font-weight: 800;letter-spacing: -0.5px;display: inline;background: linear-gradient(135deg,var(--mxp-green-500),var(--mxp-green-300));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.quick-stats[b-col-juegos]{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-bottom: 1.5rem;animation: slideDown-b-col-juegos 0.5s ease-out 0.2s both;}.stat-card[b-col-juegos]{background: rgba(6,32,22,0.5);border-radius: 14px;padding: 0.875rem 1.25rem;display: flex;align-items: center;gap: 0.75rem;backdrop-filter: blur(10px);border: 2px solid rgba(16,185,129,0.2);transition: all 0.3s ease;cursor: pointer;user-select: none;}@media (hover: hover) and (pointer: fine){.stat-card:hover[b-col-juegos]{transform: translateY(-2px);box-shadow: 0 8px 24px var(--glow-color);border-color: rgba(16,185,129,0.4);}}.stat-card.active .stat-value[b-col-juegos],.stat-card.active .stat-label[b-col-juegos]{background: none;-webkit-text-fill-color: white;color: white;}.stat-playing[b-col-juegos]{border-color: rgba(52,211,153,0.3);}.stat-completed[b-col-juegos]{border-color: rgba(251,191,36,0.3);}.stat-hours[b-col-juegos]{border-color: rgba(34,211,238,0.3);}.stat-icon[b-col-juegos]{font-size: 1.5rem;filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));}.stat-value[b-col-juegos]{font-size: 1.25rem;font-weight: 800;background: linear-gradient(135deg,var(--primary-from),var(--primary-to));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1;}.randomizer-theme-games[b-col-juegos] .randomizer-overlay{position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.92);backdrop-filter: blur(16px);padding: clamp(12px,5vh,96px) clamp(12px,3vw,32px)}.randomizer-theme-games[b-col-juegos] .stat-number{font-size: 1.5rem;font-weight: 700;color: springgreen;}.result-platforms[b-col-juegos]{display: flex;gap: 0.4rem;flex-wrap: wrap;margin-bottom: 0.5rem;}.platform-badge[b-col-juegos]{padding: 0.3rem 0.6rem;background: rgba(52,211,153,0.2);border: 1px solid rgba(52,211,153,0.3);border-radius: 6px;font-size: 0.75rem;font-weight: 700;color: var(--mxp-green-300);}.result-type.games[b-col-juegos]{background: rgba(52,211,153,0.2);color: var(--mxp-green-300);}.result-card[b-col-juegos]{display: flex;gap: 2rem;background: rgba(15,23,42,0.5);border-radius: 16px;padding: 1.75rem;border: 1px solid rgba(52,211,153,0.15);margin-bottom: 1.5rem;}.result-poster img[b-col-juegos]{width: 100%;border-radius: 12px;box-shadow: 0 8px 24px rgba(0,0,0,0.45);}.timeline-calendar-trigger[b-col-juegos]{display: flex;align-items: center;gap: 0.75rem;padding: 0.875rem 1.5rem;border-radius: 14px;background: linear-gradient(135deg,rgba(52,211,153,0.12) 0%,rgba(16,185,129,0.08) 100%);border: 2px solid rgba(52,211,153,0.3);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);font-weight: 700;font-size: 0.9rem;color: white;position: relative;}@media (hover: hover) and (pointer: fine){.trigger-grupo:hover .timeline-calendar-trigger[b-col-juegos]{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(52,211,153,0.3);border-color: rgba(52,211,153,0.5);background: linear-gradient(135deg,rgba(52,211,153,0.18) 0%,rgba(16,185,129,0.12) 100%);}}.timeline-calendar-trigger.has-date[b-col-juegos]{background: rgba(52,211,153,0.15);border-color: rgba(52,211,153,0.4);}.trigger-icon[b-col-juegos]{font-size: 1.25rem;filter: drop-shadow(0 2px 8px rgba(52,211,153,0.4));}.trigger-clear[b-col-juegos]{display: flex;align-items: center;justify-content: center;padding: 0.2rem;border-radius: 50%;background: rgba(239,68,68,0.2);border: 1px solid rgba(239,68,68,0.4);color: rgba(239,68,68,0.9);cursor: pointer;transition: all 0.2s ease;position: absolute;right: 1rem;top: 50%;margin-top: -10px;width: 20px;height: 20px;min-width: 20px;flex-shrink: 0;}.trigger-clear svg[b-col-juegos]{width: 14px;height: 14px;}.timeline-group[b-col-juegos]{margin-bottom: 1.5rem;animation: slideDown-b-col-juegos 0.5s ease-out 0.35s both;background: rgba(52,211,153,0.06);border-radius: 16px;border: 1px solid rgba(52,211,153,0.12);overflow: hidden;transition: all 0.3s ease;}@media (hover: hover) and (pointer: fine){.timeline-group:hover[b-col-juegos]{border-color: rgba(52,211,153,0.2);}}.timeline-group-header[b-col-juegos]{display: flex;align-items: center;justify-content: space-between;padding: 1rem 1.25rem;cursor: pointer;transition: all 0.2s ease;background: rgba(52,211,153,0.04);border-bottom: 1px solid rgba(52,211,153,0.1);}@media (hover: hover) and (pointer: fine){.timeline-group-header:hover[b-col-juegos]{background: rgba(52,211,153,0.1);}}.timeline-date-exact[b-col-juegos]{font-size: 0.7rem;color: rgba(52,211,153,0.6);font-weight: 500;}.timeline-toggle[b-col-juegos]{font-size: 0.875rem;transition: transform 0.3s ease;color: rgba(52,211,153,0.6);}.timeline-node[b-col-juegos]{width: 14px;height: 14px;border-radius: 50%;background: linear-gradient(135deg,rgba(52,211,153,0.8) 0%,rgba(110,231,183,0.9) 100%);border: 2px solid rgba(52,211,153,0.5);box-shadow: 0 0 10px rgba(52,211,153,0.5);z-index: 1;flex-shrink: 0;}.timeline-connector[b-col-juegos]{width: 2px;flex: 1;background: linear-gradient(180deg,rgba(52,211,153,0.4) 0%,rgba(52,211,153,0.15) 100%);margin-top: 6px;}.timeline-activity-card[b-col-juegos]{flex: 1;display: flex;flex-direction: row;gap: 1rem;padding: 0.875rem;margin-bottom: 0.75rem;background: rgba(52,211,153,0.04);border-radius: 12px;border: 1px solid rgba(52,211,153,0.12);border-left: 3px solid rgba(52,211,153,0.4);transition: all 0.3s ease;cursor: pointer;align-items: stretch;}@media (hover: hover) and (pointer: fine){.timeline-activity-card:hover[b-col-juegos]{background: rgba(52,211,153,0.1);transform: translateX(4px);box-shadow: 0 8px 24px rgba(52,211,153,0.15);border-color: rgba(52,211,153,0.25);border-left-color: rgba(52,211,153,0.8);}}.timeline-card-poster img[b-col-juegos]{width: 100%;height: 100%;object-fit: cover;}.timeline-card-time[b-col-juegos]{font-size: 0.7rem;color: rgba(110,231,183,0.85);font-weight: 600;white-space: nowrap;flex-shrink: 0;}.timeline-card-description[b-col-juegos]{font-size: 0.8rem;line-height: 1.3;color: rgba(255,255,255,0.75);}.timeline-card-description.description-completed[b-col-juegos]{color: var(--mxp-amber-300);}.timeline-card-description.description-hours[b-col-juegos]{color: var(--mxp-green-300);}.timeline-card-description.description-status[b-col-juegos]{color: rgba(52,211,153,0.85);}.timeline-card-time[b-col-juegos]{font-size: 0.75rem;color: rgba(52,211,153,0.65);font-weight: 600;margin-left: auto;}.timeline-threebythree .timeline-card-time[b-col-juegos]{font-size: 0.85rem;}.timeline-compact .timeline-card-time[b-col-juegos]{font-size: 0.65rem;}.badge-completed[b-col-juegos]{background: rgba(251,191,36,0.15);color: var(--mxp-amber-300);border: 1px solid rgba(251,191,36,0.3);}.badge-hours[b-col-juegos]{background: rgba(34,211,238,0.15);color: #22d3ee;border: 1px solid rgba(34,211,238,0.3);}.badge-status[b-col-juegos]{background: rgba(96,165,250,0.15);color: var(--mxp-blue-300);border: 1px solid rgba(96,165,250,0.3);}.badge-default[b-col-juegos]{background: rgba(52,211,153,0.15);color: var(--mxp-green-300);border: 1px solid rgba(52,211,153,0.3);}[b-col-juegos] .game-card{border-radius: 12px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.15);transition: transform 0.3s ease,box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;position: relative;background: rgba(30,41,59,0.4);border: 1px solid rgba(255,255,255,0.05);animation: cardFadeIn-b-col-juegos 0.5s ease-out both;contain: layout style paint;}[b-col-juegos] .game-card.compact{border-radius: 8px;}@keyframes cardFadeIn-b-col-juegos{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@media (hover: hover) and (pointer: fine){[b-col-juegos] .game-card:hover{transform: translateY(-6px) scale(1.02);box-shadow: 0 12px 32px rgba(0,0,0,0.25),0 0 20px var(--glow-color);}}@media (hover: hover) and (pointer: fine){[b-col-juegos] .game-card:hover .favorite-btn,[b-col-juegos] .game-card:hover .delete-btn{opacity: 1;}}.game-poster[b-col-juegos]{position: relative;width: 100%;padding-top: 141.67%;overflow: hidden;background: linear-gradient(135deg,#1e293b 0%,#334155 100%);cursor: pointer;}.game-poster[b-col-juegos]::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.7) 100%);z-index: 1;opacity: 0;transition: opacity 0.3s ease;}.game-poster img[b-col-juegos]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}@media (hover: hover) and (pointer: fine){[b-col-juegos] .game-card:hover .game-poster::before{opacity: 1;}}@media (hover: hover) and (pointer: fine){[b-col-juegos] .game-card:hover .game-poster img{transform: scale(1.05);}}.game-status-badge[b-col-juegos]{position: absolute;top: 6px;left: 6px;padding: 6px 10px;border-radius: 14px;font-size: 0.75rem;font-weight: 800;letter-spacing: 0.3px;color: #ffffff;z-index: 2;text-shadow: 0 1px 2px rgba(0,0,0,0.45);display: inline-flex;}.hours-badge[b-col-juegos]{position: absolute;bottom: 6px;left: 6px;display: inline-flex;align-items: center;gap: 0.4rem;padding: 6px 9px;border-radius: 10px;font-size: 0.75rem;font-weight: 900;background: linear-gradient( 135deg,var(--mxp-green-500),var(--mxp-green-300) );color: #ffffff;box-shadow: 0 4px 14px rgba(16,185,129,0.55);text-shadow: 0 1px 2px rgba(0,0,0,0.4);z-index: 2;}.hours-icon[b-col-juegos]{font-size: 0.75rem;}[b-col-juegos] .favorite-btn{position: absolute !important;top: 6px !important;right: 6px !important;z-index: 3 !important;opacity: 0;background: rgba(10,14,39,0.9) !important;border: 1px solid rgba(255,255,255,0.2) !important;width: 28px !important;height: 28px !important;border-radius: 50% !important;transition: all 0.3s ease !important;}@media (hover: hover) and (pointer: fine){[b-col-juegos] .favorite-btn:hover{transform: scale(1.15) !important;background: rgba(10,14,39,0.95) !important;}}[b-col-juegos] .favorite-icon-empty{color: rgba(255,255,255,0.6) !important;}[b-col-juegos] .favorite-icon-filled{color: var(--mxp-amber-300) !important;opacity: 1 !important;}[b-col-juegos] .delete-btn{position: absolute !important;bottom: 6px !important;right: 6px !important;z-index: 3 !important;width: 30px !important;height: 30px !important;border-radius: 50% !important;opacity: 0;display: flex !important;align-items: center;justify-content: center;background: rgba(255,255,255,0.85) !important;border: 1px solid rgba(244,67,54,0.25) !important;transition: opacity 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease !important;}@media (hover: hover) and (pointer: fine){[b-col-juegos] .delete-btn:hover{transform: scale(1.15) !important;background: rgba(255,255,255,1) !important;}}@media (hover: none),(pointer: coarse){[b-col-juegos] .favorite-btn,[b-col-juegos] .delete-btn{opacity: 1;}}.game-info[b-col-juegos]{padding: 0.75rem;padding-top: 0.5rem;flex-grow: 1;display: flex;flex-direction: column;cursor: pointer;}.game-title[b-col-juegos]{font-size: 0.8rem;font-weight: 700;margin-bottom: 0.35rem;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-height: 1rem;}.game-meta[b-col-juegos]{display: flex;flex-direction: column;gap: 0.2rem;margin-bottom: 0.4rem;font-size: 0.7rem;}.meta-row[b-col-juegos]{display: flex;flex-direction: row;align-items: center;gap: 0.35rem;padding: 0.15rem 0;}.meta-label[b-col-juegos]{font-weight: 600;opacity: 0.6;font-size: 0.65rem;flex-shrink: 0;}.meta-separator[b-col-juegos]{opacity: 0.4;font-size: 0.5rem;flex-shrink: 0;}.meta-value[b-col-juegos]{font-weight: 700;color: var(--mxp-green-300);font-size: 0.7rem;}.genre-row[b-col-juegos],.platform-row[b-col-juegos]{max-width: 100%;overflow: hidden;}.genre-value[b-col-juegos],.platform-value[b-col-juegos]{flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: default;}.meta-na[b-col-juegos]{opacity: 0.4;font-style: italic;font-weight: 500;}.rating-container[b-col-juegos]{display: flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.6rem;background: linear-gradient(135deg,rgba(251,191,36,0.1) 0%,rgba(245,158,11,0.1) 100%);border-radius: 6px;margin-bottom: 0.5rem;border: 1px solid rgba(251,191,36,0.2);max-width: 100%;overflow: hidden;}.rating-user[b-col-juegos],.rating-igdb[b-col-juegos],.rating-none[b-col-juegos]{display: flex;align-items: center;gap: 0.2rem;font-size: 0.7rem;font-weight: 600;}.rating-none[b-col-juegos]{opacity: 0.5;}.game-year[b-col-juegos]{display: none;}.game-status-badge.status-playing[b-col-juegos]{background: linear-gradient( 135deg,rgba(6,95,70,0.95),rgba(16,185,129,0.95) );box-shadow: 0 4px 16px rgba(16,185,129,0.5);}.game-status-badge.status-completed[b-col-juegos]{background: linear-gradient( 135deg,rgba(146,64,14,0.95),rgba(251,191,36,0.95) );box-shadow: 0 4px 16px rgba(251,191,36,0.5);}.game-status-badge.status-onhold[b-col-juegos]{background: linear-gradient( 135deg,rgba(120,53,15,0.95),rgba(245,158,11,0.95) );box-shadow: 0 4px 16px rgba(245,158,11,0.45);}.game-status-badge.status-dropped[b-col-juegos]{background: linear-gradient( 135deg,rgba(127,29,29,0.95),rgba(239,68,68,0.95) );box-shadow: 0 4px 16px rgba(239,68,68,0.45);}.game-status-badge.status-planned[b-col-juegos]{background: linear-gradient( 135deg,rgba(30,58,138,0.95),rgba(96,165,250,0.95) );box-shadow: 0 4px 16px rgba(96,165,250,0.45);}.game-status-badge.status-wishlist[b-col-juegos]{background: linear-gradient(135deg,rgba(220,38,38,0.95),rgba(239,68,68,0.95));box-shadow: 0 4px 16px rgba(220,38,38,0.5);}[b-col-juegos] .timeline-status-badge.status-playing{background: linear-gradient(135deg,rgba(6,95,70,0.95),rgba(16,185,129,0.95));box-shadow: 0 2px 10px rgba(16,185,129,0.45);}[b-col-juegos] .timeline-status-badge.status-completed{background: linear-gradient(135deg,rgba(161,98,7,0.95),rgba(251,191,36,0.95));box-shadow: 0 2px 10px rgba(251,191,36,0.5);}[b-col-juegos] .timeline-status-badge.status-onhold{background: linear-gradient(135deg,rgba(146,64,14,0.95),rgba(251,191,36,0.95));box-shadow: 0 2px 10px rgba(251,191,36,0.45);}[b-col-juegos] .timeline-status-badge.status-dropped{background: linear-gradient(135deg,rgba(127,29,29,0.95),rgba(239,68,68,0.95));box-shadow: 0 2px 10px rgba(239,68,68,0.4);}[b-col-juegos] .timeline-status-badge.status-planned{background: linear-gradient(135deg,rgba(30,58,138,0.95),rgba(96,165,250,0.95));box-shadow: 0 2px 10px rgba(96,165,250,0.4);}[b-col-juegos] .timeline-status-badge.status-wishlist{background: linear-gradient(135deg,rgba(220,38,38,0.95),rgba(239,68,68,0.95));box-shadow: 0 2px 10px rgba(220,38,38,0.45);}[b-col-juegos] .timeline-card-poster img{display: block;width: 100%;height: auto;border-radius: inherit;}[b-col-juegos] .empty-state{text-align: center;padding: 3rem 2rem;border-radius: 20px;border: 2px dashed rgba(52,211,153,0.2);background: rgba(26,11,46,0.3);animation: slideDown-b-col-juegos 0.5s ease-out 0.4s both;}[b-col-juegos] a.catalog-link{display: inline-flex;align-items: center;gap: 6px;font-weight: 900 !important;font-size: clamp(1.05rem,0.95rem + 0.4vw,1.2rem) !important;letter-spacing: 0.3px;text-decoration: none !important;padding: 0 2px;border-radius: 0;color: var(--mxp-green-300) !important;background: transparent;border: none;box-shadow: none;transition: transform .15s ease,text-shadow .2s ease,filter .2s ease;}@media (hover: hover) and (pointer: fine){[b-col-juegos] a.catalog-link:hover{transform: translateY(-1px);text-shadow: 0 10px 24px rgba(0,0,0,0.35),0 0 18px rgba(52,211,153,0.35);filter: saturate(1.15);}}[b-col-juegos] .empty-state .mud-button-filled-primary{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500)) !important;border: 1px solid rgba(16,185,129,0.25) !important;box-shadow: 0 4px 20px rgba(52,211,153,0.4) !important;}@media (hover: hover) and (pointer: fine){[b-col-juegos] .empty-state .mud-button-filled-primary:hover{box-shadow: 0 6px 24px rgba(52,211,153,0.5) !important;border-color: rgba(16,185,129,0.45) !important;}}.spinner-games[b-col-juegos]{border-color: rgba(16,185,129,0.2);border-top-color: var(--mxp-green-500);}.loading-spinner[b-col-juegos]{position: relative;width: 60px;height: 60px;margin: 0 auto 1rem;}.spinner-ring[b-col-juegos]{position: absolute;width: 100%;height: 100%;border-radius: 50%;border: 3px solid transparent;animation: spin-b-col-juegos 1s linear infinite;}@keyframes spin-b-col-juegos{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}@media (max-width: 768px){.quick-stats[b-col-juegos]{display: grid;grid-template-columns: repeat(3,1fr);}.stat-hours[b-col-juegos]{display: none;}.stat-card[b-col-juegos]{padding: 0.625rem 0.875rem;}.stat-icon[b-col-juegos]{font-size: 1.1rem;}.stat-value[b-col-juegos]{font-size: 1rem;}.rating-container[b-col-juegos]{padding: 0.35rem 0.5rem;gap: 0.3rem;flex-wrap: nowrap;}.rating-user[b-col-juegos],.rating-igdb[b-col-juegos]{font-size: 0.65rem;white-space: nowrap;}.trigger-clear[b-col-juegos]{width: 22px;height: 22px;min-width: 22px;right: 0.5rem;margin-top: -11px;padding: 0.15rem;}.trigger-clear svg[b-col-juegos]{width: 12px;height: 12px;}.timeline-activity-card[b-col-juegos]{padding: 0.875rem;gap: 0.625rem;}.timeline-card-time[b-col-juegos]{font-size: 0.7rem;}[b-col-juegos] .favorite-btn,[b-col-juegos] .delete-btn{display: none !important;}}@media (max-width: 600px){.games-container[b-col-juegos]{padding: 10px;padding-bottom: 2rem;padding-top: 1rem;}.result-platforms[b-col-juegos]{justify-content: center;}.platform-badge[b-col-juegos]{font-size: 0.7rem;padding: 0.25rem 0.5rem;}[b-col-juegos] .section-title{font-size: 1.5rem;}.quick-stats[b-col-juegos]{grid-template-columns: repeat(3,1fr);gap: 0.375rem;margin-bottom: 0.875rem;}.stat-hours[b-col-juegos]{display: none;}.stat-card[b-col-juegos]{padding: 0.5rem 0.75rem;gap: 0.4rem;}.stat-icon[b-col-juegos]{font-size: 1rem;}.stat-value[b-col-juegos]{font-size: 0.9rem;}.trigger-clear[b-col-juegos]{width: 20px;height: 20px;min-width: 20px;margin-top: -10px;padding: 0.1rem;}.trigger-clear svg[b-col-juegos]{width: 10px;height: 12px;}.timeline-node[b-col-juegos]{width: 12px;height: 12px;border-radius: 50%;background: linear-gradient(135deg,rgba(52,211,153,0.8) 0%,rgba(110,231,183,0.9) 100%);border: 2px solid rgba(52,211,153,0.5);box-shadow: 0 0 8px rgba(52,211,153,0.4);z-index: 1;flex-shrink: 0;}.timeline-connector[b-col-juegos]{width: 2px;flex: 1;background: linear-gradient(180deg,rgba(52,211,153,0.4) 0%,rgba(52,211,153,0.15) 100%);margin-top: 4px;}.timeline-activity-card[b-col-juegos]{flex: 1;flex-direction: row;gap: 0.75rem;padding: 0.625rem;margin-bottom: 0.625rem;align-items: stretch;border-radius: 10px;border-left: 3px solid rgba(52,211,153,0.4);}@media (hover: hover) and (pointer: fine){.timeline-activity-card:hover[b-col-juegos]{transform: translateX(4px);border-left-color: rgba(52,211,153,0.8);}}.timeline-card-time[b-col-juegos]{font-size: 0.7rem;color: rgba(110,231,183,0.9);font-weight: 600;white-space: nowrap;padding: 0.15rem 0.4rem;background: rgba(52,211,153,0.15);border-radius: 4px;}[b-col-juegos] .game-card{border-radius: 8px;}[b-col-juegos] .game-card.compact{border-radius: 6px;}.game-status-badge[b-col-juegos]{top: 4px;left: 4px;padding: 3px 6px;font-size: 0.55rem;border-radius: 8px;}.hours-badge[b-col-juegos]{bottom: 4px;left: 4px;padding: 3px 6px;font-size: 0.55rem;border-radius: 6px;}[b-col-juegos] .favorite-btn,[b-col-juegos] .delete-btn{width: 24px !important;height: 24px !important;}[b-col-juegos] .delete-btn{bottom: 4px !important;right: 4px !important;opacity: 1 !important;}.game-info[b-col-juegos]{padding: 0.625rem;padding-top: 0.4rem;}.game-title[b-col-juegos]{font-size: 0.7rem;margin-bottom: 0.25rem;min-height: 0.9rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.game-meta[b-col-juegos]{display: flex;flex-direction: column;gap: 0.1rem;margin-bottom: 0.3rem;}.meta-row[b-col-juegos]{display: flex;flex-direction: column;align-items: flex-start;gap: 0.1rem;padding: 0.1rem 0;}.meta-separator[b-col-juegos]{display: none;}.meta-label[b-col-juegos]{font-size: 0.55rem;margin-bottom: 0;}.meta-value[b-col-juegos]{font-size: 0.6rem;}.rating-container[b-col-juegos]{padding: 0.3rem 0.4rem;gap: 0.25rem;flex-wrap: nowrap;}.rating-user[b-col-juegos],.rating-igdb[b-col-juegos]{font-size: 0.6rem;white-space: nowrap;}.threebythree-mode .game-meta[b-col-juegos]{display: none;}.threebythree-mode .rating-container[b-col-juegos]{justify-content: space-between;padding: 0.25rem 0.3rem;gap: 0.1rem;}.threebythree-mode .rating-user[b-col-juegos],.threebythree-mode .rating-igdb[b-col-juegos],.threebythree-mode .rating-none[b-col-juegos]{gap: 0.1rem;}[b-col-juegos] .empty-state{padding: 2rem 1.25rem;}}[b-col-juegos] .catalog-button{display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 8px !important;padding: 12px 24px !important;background: rgba(52,211,153,0.15) !important;border: 1px solid rgba(52,211,153,0.5) !important;border-radius: 12px !important;color: #ffffff !important;font-size: 0.9rem !important;font-weight: 600 !important;letter-spacing: 0.4px !important;transition: all 0.2s ease !important;}@media (max-width: 767px){.twobytwo-mode .game-status-badge[b-col-juegos]{top: 6px;left: 6px;padding: 5px 8px;font-size: 0.65rem;border-radius: 10px;}.twobytwo-mode .hours-badge[b-col-juegos]{bottom: 6px;left: 6px;padding: 5px 8px;font-size: 0.65rem;border-radius: 8px;}}.steam-config-btn[b-col-juegos]{display: flex;align-items: center;gap: 0.5rem;padding: 0.625rem 1rem;margin-left: auto;background: rgba(102,192,244,0.1);border: 1px solid rgba(102,192,244,0.3);border-radius: 12px;color: #66c0f4;font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}@media (hover: hover) and (pointer: fine){.steam-config-btn:hover[b-col-juegos]{background: rgba(102,192,244,0.2);border-color: rgba(102,192,244,0.5);transform: translateY(-2px);box-shadow: 0 4px 16px rgba(102,192,244,0.25);}}.steam-config-btn svg[b-col-juegos]{width: 20px;height: 20px;}.steam-info-tooltip-wrapper-dialog[b-col-juegos]{position: relative;display: flex;align-items: center;cursor: pointer;padding: 6px;border-radius: 50%;transition: background 0.2s ease;margin-right: 8px;}@media (hover: hover) and (pointer: fine){.steam-info-tooltip-wrapper-dialog:hover[b-col-juegos]{background: rgba(59,130,246,0.15);}}.steam-info-icon-dialog[b-col-juegos]{color: var(--mxp-blue-300) !important;font-size: 1.25rem !important;transition: transform 0.2s ease;}@media (hover: hover) and (pointer: fine){.steam-info-tooltip-wrapper-dialog:hover .steam-info-icon-dialog[b-col-juegos]{transform: scale(1.1);}}.steam-info-tooltip-dialog[b-col-juegos]{position: absolute;top: calc(100% + 8px);right: 0;width: 260px;padding: 12px 14px;background: linear-gradient(135deg,rgba(30,58,138,0.95),rgba(37,99,235,0.9));border: 1px solid rgba(96,165,250,0.3);border-radius: 12px;color: #e0f2fe;font-size: 0.8rem;line-height: 1.5;box-shadow: 0 8px 24px rgba(0,0,0,0.4),0 0 20px rgba(59,130,246,0.2);z-index: 1000;opacity: 0;visibility: hidden;transform: translateY(-4px);transition: all 0.2s ease;pointer-events: none;}.steam-info-tooltip-dialog[b-col-juegos]::before{content: '';position: absolute;top: -6px;right: 14px;width: 12px;height: 12px;background: linear-gradient(135deg,rgba(30,58,138,0.95),rgba(37,99,235,0.9));border-left: 1px solid rgba(96,165,250,0.3);border-top: 1px solid rgba(96,165,250,0.3);transform: rotate(45deg);}.steam-info-tooltip-dialog.visible[b-col-juegos]{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}@media (hover: hover){.steam-info-tooltip-wrapper-dialog:hover .steam-info-tooltip-dialog[b-col-juegos]{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}}@media (max-width: 600px){.steam-config-btn span[b-col-juegos]{display: none;}.steam-config-btn[b-col-juegos]{padding: 0.5rem;}} .index-container[b-ds7mg9i18t]{width: 100%;max-width: 1600px;margin: 0 auto;padding: 0 24px 28px;container-type: inline-size;container-name: index;}.hero-section[b-ds7mg9i18t]{background: linear-gradient(135deg,rgba(88,28,135,0.2) 0%,rgba(30,64,175,0.12) 50%,rgba(88,28,135,0.15) 100%);border: 1px solid rgba(88,28,135,0.28);border-radius: 20px;padding: 20px 28px;margin: 16px 0 24px;position: relative;overflow: hidden;display: flex;flex-direction: column;gap: 14px;}.hero-section[b-ds7mg9i18t]::before{content: '';position: absolute;top: -100px;right: -50px;width: 300px;height: 300px;background: radial-gradient(circle,rgba(139,92,246,0.06) 0%,transparent 70%);pointer-events: none;}.hero-section[b-ds7mg9i18t]::after{content: '';position: absolute;bottom: -80px;left: -30px;width: 200px;height: 200px;background: radial-gradient(circle,rgba(59,130,246,0.05) 0%,transparent 70%);pointer-events: none;}.hero-row[b-ds7mg9i18t]{display: flex;align-items: center;justify-content: space-between;gap: 24px;}.hero-greeting[b-ds7mg9i18t]{display: flex;flex-direction: column;gap: 2px;}.hero-title[b-ds7mg9i18t]{font-weight: 700 !important;font-size: 1.65rem !important;margin: 0 !important;line-height: 1.3 !important;}.username-glow[b-ds7mg9i18t]{background: linear-gradient(135deg,var(--mxp-purple-200) 0%,#818cf8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}[b-ds7mg9i18t] .hero-subtitle{font-style: italic;font-size: 0.85rem !important;font-weight: 400;transition: opacity 0.4s ease,transform 0.4s ease;}[b-ds7mg9i18t] .hero-subtitle.fade-in{opacity: 0.6;transform: translateY(0);}[b-ds7mg9i18t] .hero-subtitle.fade-out{opacity: 0;transform: translateY(-4px);}.hero-stats[b-ds7mg9i18t]{display: flex;gap: 10px;}.hero-stat-item[b-ds7mg9i18t]{display: flex;align-items: center;gap: 10px;padding: 10px 14px;background: rgba(0,0,0,0.18);border: 1px solid rgba(88,28,135,0.25);border-radius: 12px;transition: all 0.2s ease;position: relative;overflow: hidden;}.hero-stat-item[b-ds7mg9i18t]::before{content: '';position: absolute;top: 0;left: 0;width: 3px;height: 100%;border-radius: 3px 0 0 3px;opacity: 0.8;}.hero-stat-item.xp-stat[b-ds7mg9i18t]::before{background: linear-gradient(180deg,var(--mxp-amber-300),var(--mxp-amber-500));}.hero-stat-item.streak-stat[b-ds7mg9i18t]::before{background: linear-gradient(180deg,var(--mxp-red-500),#dc2626);}.hero-stat-item.level[b-ds7mg9i18t]::before{background: linear-gradient(180deg,var(--level-color,var(--mxp-purple-200)),color-mix(in srgb,var(--level-color,var(--mxp-purple-200)) 70%,#000));}@media (hover: hover) and (pointer: fine){.hero-stat-item:hover[b-ds7mg9i18t]{border-color: rgba(139,92,246,0.4);background: rgba(0,0,0,0.25);}}.hero-stat-item.level[b-ds7mg9i18t]{border-color: color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 35%,transparent);}@media (hover: hover) and (pointer: fine){.hero-stat-item.level:hover[b-ds7mg9i18t]{border-color: color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 55%,transparent);}}.stat-icon-wrapper[b-ds7mg9i18t]{width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 10px;flex-shrink: 0;}.stat-icon-wrapper.xp[b-ds7mg9i18t]{background: rgba(251,191,36,0.15);color: var(--mxp-amber-300);}.stat-icon-wrapper.level-icon[b-ds7mg9i18t]{background: color-mix(in srgb,var(--level-color,var(--mxp-purple-200)) 15%,transparent);color: oklch(from var(--level-color,var(--mxp-purple-200)) max(l,0.72) c h);}.stat-content[b-ds7mg9i18t]{display: flex;flex-direction: column;gap: 1px;}.stat-value[b-ds7mg9i18t]{font-size: 1.1rem;font-weight: 700;line-height: 1.2;}.stat-label[b-ds7mg9i18t]{font-size: 0.7rem;opacity: 0.65;}.level-progress-wrapper[b-ds7mg9i18t]{display: flex;flex-direction: column;gap: 6px;}.progress-labels[b-ds7mg9i18t]{display: flex;justify-content: space-between;font-size: 0.75rem;opacity: 0.7;}.progress-track[b-ds7mg9i18t]{height: 7px;background: rgba(0,0,0,0.25);border-radius: 8px;overflow: hidden;border: 1px solid rgba(139,92,246,0.15);}.progress-bar[b-ds7mg9i18t]{height: 100%;width: var(--w,0%);background: var(--bg,var(--mxp-slate-400));border-radius: 8px;position: relative;animation: barGrow-b-ds7mg9i18t 1s cubic-bezier(0.22,1,0.36,1) forwards;transform-origin: left;}@keyframes barGrow-b-ds7mg9i18t{from{scale: 0 1;}to{scale: 1 1;}}.progress-bar[b-ds7mg9i18t]::after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 50%;background: linear-gradient(180deg,rgba(255,255,255,0.15) 0%,transparent 100%);border-radius: 8px 8px 0 0;}.section-header[b-ds7mg9i18t]{display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px;gap: 12px;}.section-title[b-ds7mg9i18t]{font-size: 1rem;font-weight: 600;color: #e0e7ff;margin: 0;}.filter-buttons[b-ds7mg9i18t]{display: flex;gap: 6px;}.filter-btn[b-ds7mg9i18t]{padding: 5px 10px;background: rgba(0,0,0,0.2);border: 1px solid rgba(88,28,135,0.25);border-radius: 8px;color: rgba(255,255,255,0.6);font-size: 0.75rem;cursor: pointer;transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.filter-btn:hover[b-ds7mg9i18t]{background: rgba(88,28,135,0.2);border-color: rgba(139,92,246,0.4);color: rgba(255,255,255,0.85);}}.filter-btn.active[b-ds7mg9i18t]{background: rgba(139,92,246,0.2);border-color: rgba(139,92,246,0.5);color: var(--mxp-purple-200);}.main-content-section[b-ds7mg9i18t]{display: grid;grid-template-columns: minmax(0,1fr) 280px;gap: 20px;margin-bottom: 24px;align-items: start;}.recent-media-section[b-ds7mg9i18t]{background: rgba(26,11,46,0.45);border: 1px solid rgba(88,28,135,0.28);border-radius: 18px;padding: 20px;min-width: 0;overflow: hidden;}.recent-media-grid[b-ds7mg9i18t]{display: flex;gap: 16px;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: transparent transparent;padding-bottom: 8px;transition: scrollbar-color 0.3s ease;}@media (hover: hover) and (pointer: fine){.recent-media-grid:hover[b-ds7mg9i18t]{scrollbar-color: rgba(139,92,246,0.3) transparent;}}.recent-media-grid[b-ds7mg9i18t]::-webkit-scrollbar{height: 6px;}.recent-media-grid[b-ds7mg9i18t]::-webkit-scrollbar-track{background: transparent;}.recent-media-grid[b-ds7mg9i18t]::-webkit-scrollbar-thumb{background: transparent;border-radius: 3px;transition: background 0.3s ease;}@media (hover: hover) and (pointer: fine){.recent-media-grid:hover[b-ds7mg9i18t]::-webkit-scrollbar-thumb{background: rgba(139,92,246,0.3);}}@media (hover: hover) and (pointer: fine){.recent-media-grid:hover[b-ds7mg9i18t]::-webkit-scrollbar-thumb:hover{background: rgba(139,92,246,0.5);}}.recent-media-mobile[b-ds7mg9i18t]{display: none;}.media-time-badge[b-ds7mg9i18t]{display: none;}.media-card[b-ds7mg9i18t]{width: 130px;flex-shrink: 0;cursor: pointer;scroll-snap-align: start;contain: layout style paint;}@media (hover: hover) and (pointer: fine){.media-card:hover .media-overlay[b-ds7mg9i18t]{opacity: 1;}}.actividad-relleno[b-ds7mg9i18t]{flex: 1 0 180px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;padding: 16px;border: 1px dashed rgba(139,92,246,0.3);border-radius: 10px;text-align: center;}.actividad-relleno p[b-ds7mg9i18t]{margin: 0;font-size: 0.8rem;color: rgba(255,255,255,0.55);text-wrap: balance;}.relleno-enlaces[b-ds7mg9i18t]{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;}.relleno-enlaces a[b-ds7mg9i18t]{padding: 8px 12px;border-radius: 8px;background: rgba(139,92,246,0.15);border: 1px solid rgba(139,92,246,0.3);color: var(--mxp-purple-100);font-size: 0.78rem;font-weight: 600;text-decoration: none;text-wrap: balance;transition: background 0.15s ease;}@media (hover: hover) and (pointer: fine){.relleno-enlaces a:hover[b-ds7mg9i18t]{background: rgba(139,92,246,0.25);}}.media-poster-wrapper[b-ds7mg9i18t]{position: relative;width: 130px;height: 195px;border-radius: 10px;overflow: hidden;background: rgba(26,11,46,0.8);}.media-poster[b-ds7mg9i18t]{width: 100%;height: 100%;object-fit: cover;}.media-overlay[b-ds7mg9i18t]{position: absolute;inset: 0;background: linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.65) 100%);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.2s ease;}.play-icon-wrapper[b-ds7mg9i18t]{width: 36px;height: 36px;background: rgba(139,92,246,0.45);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: background 0.15s ease;backdrop-filter: blur(4px);}@media (hover: hover) and (pointer: fine){.play-icon-wrapper:hover[b-ds7mg9i18t]{background: rgba(139,92,246,0.6);}}.media-overlay.movie .play-icon-wrapper[b-ds7mg9i18t]{background: rgba(251,146,60,0.45);}@media (hover: hover) and (pointer: fine){.media-overlay.movie .play-icon-wrapper:hover[b-ds7mg9i18t]{background: rgba(251,146,60,0.6);}}.media-overlay.game .play-icon-wrapper[b-ds7mg9i18t]{background: rgba(52,211,153,0.45);}@media (hover: hover) and (pointer: fine){.media-overlay.game .play-icon-wrapper:hover[b-ds7mg9i18t]{background: rgba(52,211,153,0.6);}}.play-icon-wrapper .mud-icon-root[b-ds7mg9i18t]{color: white;font-size: 18px !important;}.media-type-badge[b-ds7mg9i18t]{position: absolute;top: 6px;right: 6px;background: rgba(0,0,0,0.7);padding: 3px 6px;border-radius: 6px;font-size: 0.8rem;}.media-details[b-ds7mg9i18t]{padding: 8px 2px 0;}.media-title[b-ds7mg9i18t]{font-size: 0.8rem;font-weight: 600;margin: 0 0 2px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 130px;transition: color 0.15s ease;}@media (hover: hover) and (pointer: fine){.media-card:hover .media-title[b-ds7mg9i18t]{color: var(--mxp-purple-200);}}.media-meta[b-ds7mg9i18t]{display: flex;align-items: center;gap: 4px;flex-wrap: wrap;}.media-subtitle[b-ds7mg9i18t]{font-size: 0.72rem;opacity: 0.7;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.media-subtitle.completed[b-ds7mg9i18t]{color: #4ade80;opacity: 1;}.media-time[b-ds7mg9i18t]{font-size: 0.68rem;color: var(--mxp-purple-200);opacity: 0.8;white-space: nowrap;}.quick-access-sidebar[b-ds7mg9i18t]{background: rgba(26,11,46,0.45);border: 1px solid rgba(88,28,135,0.28);border-radius: 18px;padding: 20px;display: flex;flex-direction: column;}.quick-access-sidebar .section-title[b-ds7mg9i18t]{margin-bottom: 0;}.quick-access-stack[b-ds7mg9i18t]{display: flex;flex-direction: column;gap: 10px;flex: 1;justify-content: center;}.quick-card[b-ds7mg9i18t]{display: flex;align-items: center;gap: 12px;padding: 14px 16px;background: rgba(0,0,0,0.2);border: 1px solid rgba(88,28,135,0.22);border-radius: 12px;cursor: pointer;transition: border-color 0.15s ease,background 0.15s ease;}@media (hover: hover) and (pointer: fine){.quick-card:hover[b-ds7mg9i18t]{border-color: rgba(139,92,246,0.55);background: rgba(88,28,135,0.12);}}@media (hover: hover) and (pointer: fine){.quick-card:hover .quick-card-arrow[b-ds7mg9i18t]{opacity: 1;}}.quick-card-icon[b-ds7mg9i18t]{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 10px;}.quick-card-icon.games[b-ds7mg9i18t]{background: rgba(156,39,176,0.22);color: #ce93d8;}.quick-card-icon.series[b-ds7mg9i18t]{background: rgba(33,150,243,0.22);color: #64b5f6;}.quick-card-icon.movies[b-ds7mg9i18t]{background: rgba(255,152,0,0.22);color: #ffb74d;}.quick-card-content[b-ds7mg9i18t]{display: flex;flex-direction: column;flex: 1;min-width: 0;overflow: hidden;}.quick-card-title[b-ds7mg9i18t]{font-size: 0.9rem;font-weight: 600;margin-bottom: 1px;}.quick-card-desc[b-ds7mg9i18t]{font-size: 0.7rem;opacity: 0.6;white-space: nowrap;}.quick-card-badge[b-ds7mg9i18t]{padding: 4px 10px;background: rgba(139,92,246,0.28);border-radius: 8px;font-size: 0.75rem;font-weight: 600;color: var(--mxp-purple-200);white-space: nowrap;flex-shrink: 0;}.quick-card-arrow[b-ds7mg9i18t]{opacity: 0.4;transition: opacity 0.15s ease;color: var(--mxp-purple-200);}.quick-access-full[b-ds7mg9i18t]{margin-bottom: 24px;}.quick-access-header[b-ds7mg9i18t]{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;}.quick-access-header .section-title[b-ds7mg9i18t]{margin-bottom: 0;}.qa-tabs[b-ds7mg9i18t]{display: flex;gap: 4px;background: rgba(255,255,255,0.05);border-radius: 10px;padding: 3px;}.qa-tab[b-ds7mg9i18t]{background: transparent;border: none;color: rgba(224,231,255,0.5);font-size: 0.8rem;font-weight: 500;padding: 5px 14px;border-radius: 7px;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.qa-tab:hover[b-ds7mg9i18t]{color: #e0e7ff;background: rgba(255,255,255,0.07);}}.qa-tab.active[b-ds7mg9i18t]{background: rgba(139,92,246,0.3);color: var(--mxp-purple-200);font-weight: 600;}.quick-access-sidebar-header[b-ds7mg9i18t]{display: flex;flex-direction: column;gap: 8px;margin-bottom: 12px;}.quick-access-sidebar-header .section-title[b-ds7mg9i18t]{margin-bottom: 0;white-space: nowrap;}.qa-tabs-sidebar[b-ds7mg9i18t]{display: flex;gap: 3px;background: rgba(255,255,255,0.05);border-radius: 8px;padding: 3px;}.qa-tab-sidebar[b-ds7mg9i18t]{flex: 1;text-align: center;background: transparent;border: none;color: rgba(224,231,255,0.5);font-size: 0.7rem;font-weight: 500;padding: 4px 10px;border-radius: 5px;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.qa-tab-sidebar:hover[b-ds7mg9i18t]{color: #e0e7ff;background: rgba(255,255,255,0.07);}}.qa-tab-sidebar.active[b-ds7mg9i18t]{background: rgba(139,92,246,0.3);color: var(--mxp-purple-200);font-weight: 600;}.quick-access-grid-full[b-ds7mg9i18t]{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;}.quick-card-full[b-ds7mg9i18t]{display: flex;align-items: center;gap: 20px;padding: 28px 32px;background: rgba(26,11,46,0.5);border: 1px solid rgba(88,28,135,0.28);border-radius: 18px;cursor: pointer;transition: border-color 0.15s ease;}@media (hover: hover) and (pointer: fine){.quick-card-full:hover[b-ds7mg9i18t]{border-color: rgba(139,92,246,0.55);}}.quick-card-icon-full[b-ds7mg9i18t]{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 16px;}.quick-card-icon-full.games[b-ds7mg9i18t]{background: rgba(156,39,176,0.22);color: #ce93d8;}.quick-card-icon-full.series[b-ds7mg9i18t]{background: rgba(33,150,243,0.22);color: #64b5f6;}.quick-card-icon-full.movies[b-ds7mg9i18t]{background: rgba(255,152,0,0.22);color: #ffb74d;}.quick-card-content-full[b-ds7mg9i18t]{display: flex;flex-direction: column;flex: 1;}.quick-card-title-full[b-ds7mg9i18t]{font-size: 1.15rem;font-weight: 600;margin-bottom: 4px;}.quick-card-desc-full[b-ds7mg9i18t]{font-size: 0.85rem;opacity: 0.65;}.quick-card-badge-full[b-ds7mg9i18t]{padding: 6px 14px;background: rgba(139,92,246,0.25);border-radius: 14px;font-size: 0.82rem;font-weight: 600;color: var(--mxp-purple-200);white-space: nowrap;}.dashboard-section[b-ds7mg9i18t]{margin-bottom: 20px;}.dashboard-grid[b-ds7mg9i18t]{display: grid;grid-template-columns: 1.3fr 1fr 280px;gap: 18px;align-items: stretch;}.dashboard-card[b-ds7mg9i18t]{background: rgba(26,11,46,0.5);border: 1px solid rgba(88,28,135,0.25);border-radius: 16px;padding: 20px 22px;display: flex;flex-direction: column;transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.dashboard-card:hover[b-ds7mg9i18t]{border-color: rgba(88,28,135,0.45);}}.card-title[b-ds7mg9i18t]{font-size: 1rem;font-weight: 600;color: var(--mxp-purple-200);margin: 0 0 16px 0;}.card-header[b-ds7mg9i18t]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 14px;}.card-header .card-title[b-ds7mg9i18t]{margin: 0;}.weekly-card[b-ds7mg9i18t]{display: flex;flex-direction: column;color: var(--mxp-purple-200);container-type: inline-size;container-name: stats;}.weekly-header[b-ds7mg9i18t]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;gap: 12px;flex-wrap: wrap;}.weekly-title-row[b-ds7mg9i18t]{display: flex;align-items: center;gap: 8px;}.weekly-header .card-title[b-ds7mg9i18t]{margin: 0;white-space: nowrap;}.weekly-tabs[b-ds7mg9i18t]{display: flex;gap: 4px;background: rgba(0,0,0,0.2);padding: 3px;border-radius: 10px;}.weekly-tab[b-ds7mg9i18t]{padding: 5px 12px;background: transparent;border: none;border-radius: 8px;color: rgba(255,255,255,0.5);font-size: 0.72rem;font-weight: 500;cursor: pointer;transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.weekly-tab:hover[b-ds7mg9i18t]{color: rgba(255,255,255,0.75);background: rgba(139,92,246,0.1);}}.weekly-tab.active[b-ds7mg9i18t]{background: rgba(139,92,246,0.25);color: var(--mxp-purple-100);box-shadow: 0 2px 8px rgba(139,92,246,0.2);}.weekly-grid[b-ds7mg9i18t]{display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;grid-auto-rows: 1fr;flex: 1;}.weekly-grid.count-9[b-ds7mg9i18t]{grid-template-columns: repeat(3,1fr);}.weekly-grid.count-10[b-ds7mg9i18t]{grid-template-columns: repeat(3,1fr);gap: 8px;}.weekly-item[b-ds7mg9i18t]{display: flex;flex-direction: row;align-items: center;gap: 12px;padding: 14px 16px;background: rgba(0,0,0,0.15);border: 1px solid rgba(88,28,135,0.15);border-radius: 12px;transition: all 0.2s ease;position: relative;overflow: hidden;}.weekly-item[b-ds7mg9i18t]::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg,transparent,rgba(139,92,246,0.3),transparent);opacity: 0;transition: opacity 0.2s ease;}@media (hover: hover) and (pointer: fine){.weekly-item:hover[b-ds7mg9i18t]{background: rgba(88,28,135,0.18);border-color: rgba(139,92,246,0.25);transform: translateY(-1px);}}@media (hover: hover) and (pointer: fine){.weekly-item:hover[b-ds7mg9i18t]::before{opacity: 1;}}.weekly-icon[b-ds7mg9i18t]{font-size: 1.75rem;line-height: 1;flex-shrink: 0;opacity: 0.85;}.weekly-text[b-ds7mg9i18t]{display: flex;flex-direction: column;align-items: flex-start;gap: 1px;min-width: 0;}.weekly-value[b-ds7mg9i18t]{font-size: 1.55rem;font-weight: 700;color: #e0e7ff;line-height: 1.1;}.weekly-value.accent[b-ds7mg9i18t]{background: linear-gradient(135deg,#4ade80 0%,#22c55e 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.weekly-sub[b-ds7mg9i18t]{font-size: inherit;white-space: nowrap;color: rgba(255,255,255,0.35);text-transform: none;letter-spacing: 0;}.weekly-label[b-ds7mg9i18t]{font-size: 0.67rem;opacity: 0.6;text-transform: uppercase;letter-spacing: 0.3px;margin-top: 2px;white-space: normal;overflow-wrap: anywhere;line-height: 1.2;}.activity-card[b-ds7mg9i18t]{display: flex;flex-direction: column;min-width: 0;overflow: hidden;}.activity-list[b-ds7mg9i18t]{display: flex;flex-direction: column;gap: 8px;flex: 1 1 0;overflow-y: auto;min-height: 200px;max-height: 450px;scrollbar-width: thin;scrollbar-color: rgba(139,92,246,0.25) transparent;padding-right: 4px;}.activity-list[b-ds7mg9i18t]::-webkit-scrollbar{width: 4px;}.activity-list[b-ds7mg9i18t]::-webkit-scrollbar-track{background: transparent;}.activity-list[b-ds7mg9i18t]::-webkit-scrollbar-thumb{background: rgba(139,92,246,0.25);border-radius: 4px;}@media (hover: hover) and (pointer: fine){.activity-list[b-ds7mg9i18t]::-webkit-scrollbar-thumb:hover{background: rgba(139,92,246,0.45);}}.activity-item[b-ds7mg9i18t]{display: flex;align-items: center;gap: 10px;padding: 10px 12px;background: rgba(88,28,135,0.1);border-radius: 10px;transition: background 0.15s ease;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.activity-item:hover[b-ds7mg9i18t]{background: rgba(88,28,135,0.22);}}.activity-icon[b-ds7mg9i18t]{font-size: 1.15rem;min-width: 26px;text-align: center;}.activity-info[b-ds7mg9i18t]{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px;}.activity-desc[b-ds7mg9i18t]{font-size: 0.85rem;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.activity-time[b-ds7mg9i18t]{font-size: 0.72rem;opacity: 0.55;}.activity-xp[b-ds7mg9i18t]{font-size: 0.82rem;font-weight: 600;color: #4ade80;white-space: nowrap;}.empty-state[b-ds7mg9i18t]{display: flex;align-items: center;justify-content: center;flex: 1;opacity: 0.6;font-size: 0.85rem;}.ranking-card[b-ds7mg9i18t]{display: flex;flex-direction: column;}.ranking-expand-btn[b-ds7mg9i18t]{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: transparent;border: 1px solid rgba(139,92,246,0.35);border-radius: 10px;color: var(--mxp-purple-200);cursor: pointer;transition: all 0.15s ease;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.ranking-expand-btn:hover[b-ds7mg9i18t]{background: rgba(139,92,246,0.15);border-color: rgba(139,92,246,0.5);transform: scale(1.05);}}.ranking-expand-btn .mud-icon-root[b-ds7mg9i18t]{font-size: 18px !important;}.ranking-list[b-ds7mg9i18t]{display: flex;flex-direction: column;gap: 8px;flex: 1;}.ranking-item[b-ds7mg9i18t]{display: flex;align-items: center;gap: 12px;padding: 12px;border-radius: 12px;background: rgba(255,255,255,0.02);margin-bottom: 8px;transition: all 0.2s;}@media (hover: hover) and (pointer: fine){.ranking-item:hover[b-ds7mg9i18t]{background: rgba(88,28,135,0.22);}}.ranking-item.clickable-friend[b-ds7mg9i18t]{cursor: pointer;}@media (hover: hover) and (pointer: fine){.ranking-item.clickable-friend:hover[b-ds7mg9i18t]{background: rgba(88,28,135,0.3);transform: translateX(3px);}}.ranking-item.current-user[b-ds7mg9i18t]{background: rgba(139,92,246,0.18);border-color: rgba(139,92,246,0.45);}.ranking-item.rank-gold[b-ds7mg9i18t]{background: linear-gradient(135deg,rgba(255,215,0,0.14) 0%,rgba(255,193,7,0.09) 100%);}.ranking-item.rank-silver[b-ds7mg9i18t]{background: linear-gradient(135deg,rgba(192,192,192,0.14) 0%,rgba(158,158,158,0.09) 100%);}.ranking-item.rank-bronze[b-ds7mg9i18t]{background: linear-gradient(135deg,rgba(205,127,50,0.14) 0%,rgba(176,141,87,0.09) 100%);}.rank-avatar[b-ds7mg9i18t]{width: 40px;height: 40px;border-radius: 50%;background: var(--bg,var(--mxp-slate-400));display: flex;align-items: center;justify-content: center;font-size: 1.25rem;}.rank-emoji[b-ds7mg9i18t]{font-size: 1.5rem;line-height: 1;}.rank-position[b-ds7mg9i18t]{font-size: 1.5rem;font-weight: bold;min-width: 48px;text-align: center;display: flex;align-items: center;justify-content: center;}.rank-info[b-ds7mg9i18t]{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px;}.rank-name[b-ds7mg9i18t]{font-size: 0.85rem;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.rank-level[b-ds7mg9i18t]{font-size: 0.8rem;color: rgba(255,255,255,0.5);}.rank-right[b-ds7mg9i18t]{text-align: right;display: flex;flex-direction: column;align-items: flex-end;gap: 2px;}.rank-xp[b-ds7mg9i18t]{font-size: 0.78rem;font-weight: 600;color: var(--mxp-purple-200);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 90px;}.ranking-empty-state[b-ds7mg9i18t]{text-align: center;padding: 32px 20px;flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;}.empty-icon-container[b-ds7mg9i18t]{position: relative;display: inline-block;margin-bottom: 16px;}.empty-icon[b-ds7mg9i18t]{font-size: 3rem;opacity: 0.3;}@keyframes pulse-b-ds7mg9i18t{0%,100%{transform: scale(1);}50%{transform: scale(1.1);}}.ranking-empty-state h4[b-ds7mg9i18t]{margin: 0 0 8px;font-size: 1.1rem;font-weight: 600;}.ranking-empty-state p[b-ds7mg9i18t]{margin: 0 0 16px;font-size: 0.85rem;color: rgba(255,255,255,0.5);line-height: 1.5;}.empty-icon-overlay[b-ds7mg9i18t]{position: absolute;bottom: -8px;right: -8px;font-size: 1.75rem;animation: pulse-b-ds7mg9i18t 2s infinite;}.your-rank[b-ds7mg9i18t]{display: flex;justify-content: space-between;align-items: center;padding: 12px 16px;background: rgba(100,181,246,0.1);border-radius: 12px;margin-top: 12px;font-size: 0.9rem;color: rgba(255,255,255,0.7);cursor: pointer;transition: background 0.15s ease;}@media (hover: hover) and (pointer: fine){.your-rank:hover[b-ds7mg9i18t]{background: rgba(100,181,246,0.2);}}.your-rank-number[b-ds7mg9i18t]{font-weight: 700;color: #64b5f6;font-size: 1.1rem;}.your-rank-number.rank-gold-text[b-ds7mg9i18t]{color: #ffd700;}.your-rank-number.rank-silver-text[b-ds7mg9i18t]{color: #c0c0c0;}.your-rank-number.rank-bronze-text[b-ds7mg9i18t]{color: #cd7f32;}.add-friends-btn[b-ds7mg9i18t]{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;background: transparent;border: 1px solid rgba(139,92,246,0.35);border-radius: 12px;color: var(--mxp-purple-200);font-size: 0.88rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.add-friends-btn:hover[b-ds7mg9i18t]{background: rgba(139,92,246,0.15);border-color: rgba(139,92,246,0.5);transform: translateY(-2px);}}.add-friends-btn .mud-icon-root[b-ds7mg9i18t]{font-size: 18px !important;}.ranking-tabs[b-ds7mg9i18t]{display: flex;gap: 4px;padding: 3px;background: rgba(255,255,255,0.03);border-radius: 10px;border: 1px solid rgba(255,255,255,0.06);margin-bottom: 12px;}.ranking-tab-btn[b-ds7mg9i18t]{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 7px 0;flex: 1;background: transparent;border: none;border-radius: 8px;color: rgba(255,255,255,0.45);font-size: 0.78rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.ranking-tab-btn:hover[b-ds7mg9i18t]{color: rgba(255,255,255,0.7);background: rgba(255,255,255,0.05);}}.ranking-tab-btn.active[b-ds7mg9i18t]{background: rgba(100,181,246,0.12);color: #64b5f6;font-weight: 600;}[b-ds7mg9i18t] .ranking-tab-btn .mud-icon-root{font-size: 16px !important;}.index-global-cta[b-ds7mg9i18t]{display: flex;flex-direction: column;align-items: center;gap: 8px;margin-top: 16px;padding-top: 16px;border-top: 1px solid rgba(255,255,255,0.06);}.global-cta-divider-line[b-ds7mg9i18t]{display: none;}.global-cta-text[b-ds7mg9i18t]{font-size: 0.82rem;color: rgba(255,255,255,0.5);}.index-global-join-btn[b-ds7mg9i18t]{display: inline-flex;align-items: center;gap: 6px;padding: 8px 18px;background: rgba(100,181,246,0.12);border: 1px solid rgba(100,181,246,0.3);border-radius: 10px;color: #64b5f6;font-size: 0.82rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.index-global-join-btn:hover[b-ds7mg9i18t]{background: rgba(100,181,246,0.2);border-color: rgba(100,181,246,0.5);transform: translateY(-1px);}}[b-ds7mg9i18t] .index-global-join-btn .mud-icon-root{font-size: 16px !important;}.global-cta-note[b-ds7mg9i18t]{font-size: 0.72rem;color: rgba(255,255,255,0.35);}.landing-hero[b-ds7mg9i18t]{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;align-items: center;padding: 32px 0 16px;margin-bottom: 0px;}.landing-hero-content[b-ds7mg9i18t]{max-width: 480px;}.landing-badge[b-ds7mg9i18t]{display: inline-flex;align-items: center;gap: 8px;padding: 6px 14px;background: rgba(139,92,246,0.12);border: 1px solid rgba(139,92,246,0.25);border-radius: 20px;font-size: 0.8rem;font-weight: 500;color: var(--mxp-purple-200);margin-bottom: 16px;letter-spacing: 0.3px;}.badge-dot[b-ds7mg9i18t]{width: 8px;height: 8px;background: #4ade80;border-radius: 50%;animation: pulse-dot-b-ds7mg9i18t 2s ease-in-out infinite;}@keyframes pulse-dot-b-ds7mg9i18t{0%,100%{opacity: 1;box-shadow: 0 0 0 0 rgba(74,222,128,0.4);}50%{opacity: 0.8;box-shadow: 0 0 0 4px rgba(74,222,128,0);}}.landing-title[b-ds7mg9i18t]{font-size: 2.5rem;font-weight: 700;line-height: 1.2;margin: 0 0 14px;color: var(--mxp-slate-100);}.gradient-text[b-ds7mg9i18t]{background: linear-gradient(135deg,var(--mxp-purple-200) 0%,var(--mxp-blue-300) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.landing-desc[b-ds7mg9i18t]{font-size: 1rem;line-height: 1.6;color: var(--mxp-slate-400);margin: 0 0 24px;}.landing-actions[b-ds7mg9i18t]{display: flex;gap: 12px;flex-wrap: wrap;}.landing-btn[b-ds7mg9i18t]{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;font-size: 0.9rem;font-weight: 600;border-radius: 10px;text-decoration: none;transition: opacity 0.15s ease;}.landing-btn.primary[b-ds7mg9i18t]{background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%);color: white;}@media (hover: hover) and (pointer: fine){.landing-btn.primary:hover[b-ds7mg9i18t]{opacity: 0.9;}}.landing-btn.outline[b-ds7mg9i18t]{background: rgba(139,92,246,0.1);color: var(--mxp-purple-100);border: 1px solid rgba(139,92,246,0.3);}@media (hover: hover) and (pointer: fine){.landing-btn.outline:hover[b-ds7mg9i18t]{background: rgba(139,92,246,0.18);}}.landing-trust[b-ds7mg9i18t]{display: flex;gap: 16px;flex-wrap: wrap;margin-top: 8px;}.trust-item[b-ds7mg9i18t]{font-size: 0.78rem;color: var(--mxp-slate-500);font-weight: 500;}.landing-hero-visual[b-ds7mg9i18t]{position: relative;display: flex;justify-content: center;align-items: center;}.preview-card.main-preview[b-ds7mg9i18t]{width: 100%;max-width: 650px;background: rgba(15,10,30,0.85);border: 1px solid rgba(88,28,135,0.35);border-radius: 16px;padding: 40px;font-size: 1.05em;}.preview-header[b-ds7mg9i18t]{display: flex;align-items: center;gap: 12px;margin-bottom: 16px;}.preview-avatar[b-ds7mg9i18t]{width: 48px;height: 48px;background: linear-gradient(135deg,var(--mxp-purple-600),#6366f1);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;}.preview-user-info[b-ds7mg9i18t]{flex: 1;display: flex;flex-direction: column;gap: 2px;}.preview-name[b-ds7mg9i18t]{font-weight: 600;font-size: 1rem;color: var(--mxp-slate-100);}.preview-level[b-ds7mg9i18t]{font-size: 0.8rem;color: var(--mxp-purple-200);}.preview-xp[b-ds7mg9i18t]{font-weight: 700;font-size: 0.95rem;color: #4ade80;}.preview-progress[b-ds7mg9i18t]{height: 8px;background: rgba(0,0,0,0.4);border-radius: 6px;overflow: hidden;margin-bottom: 16px;}.preview-progress-bar[b-ds7mg9i18t]{width: 68%;height: 100%;background: linear-gradient(90deg,var(--mxp-purple-600),var(--mxp-purple-200));border-radius: 6px;animation: fill-bar-b-ds7mg9i18t 2s ease-out;}@keyframes fill-bar-b-ds7mg9i18t{from{width: 0;}to{width: 68%;}}.preview-stats-row[b-ds7mg9i18t]{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin-bottom: 14px;}.preview-stat[b-ds7mg9i18t]{display: flex;flex-direction: column;align-items: center;padding: 12px 6px;background: rgba(88,28,135,0.15);border-radius: 10px;gap: 4px;}.preview-stat-value[b-ds7mg9i18t]{font-size: 1.1rem;font-weight: 700;color: var(--mxp-slate-100);}.preview-stat-label[b-ds7mg9i18t]{font-size: 0.65rem;color: var(--mxp-slate-400);}.preview-achievements[b-ds7mg9i18t]{display: flex;gap: 8px;flex-wrap: wrap;align-items: center;justify-content: center;}.preview-achievement[b-ds7mg9i18t]{padding: 6px 12px;background: rgba(139,92,246,0.12);border: 1px solid rgba(139,92,246,0.25);border-radius: 6px;font-size: 0.75rem;color: var(--mxp-purple-100);font-weight: 500;}.features-section[b-ds7mg9i18t]{padding: 8px 0 24px;}.features-header[b-ds7mg9i18t]{text-align: center;margin-bottom: 24px;}.features-title[b-ds7mg9i18t]{font-size: 1.4rem;font-weight: 700;margin: 0 0 6px;color: var(--mxp-slate-100);}.features-subtitle[b-ds7mg9i18t]{font-size: 0.9rem;color: var(--mxp-slate-500);margin: 0;}.features-track[b-ds7mg9i18t]{display: grid;grid-template-columns: repeat(4,1fr);gap: 16px;}.features-track .feature-card:last-child:nth-child(4n + 1)[b-ds7mg9i18t]{grid-column: 1 / -1;}.features-track-dup[b-ds7mg9i18t]{display: none;}@keyframes featuresMarquee-b-ds7mg9i18t{from{transform: translateX(0);}to{transform: translateX(-100%);}}.feature-card[b-ds7mg9i18t]{display: flex;align-items: flex-start;gap: 14px;padding: 18px;background: rgba(15,10,30,0.5);border: 1px solid rgba(88,28,135,0.2);border-radius: 12px;transition: border-color 0.15s ease;}@media (hover: hover) and (pointer: fine){.feature-card:hover[b-ds7mg9i18t]{border-color: rgba(139,92,246,0.35);}}.feature-icon[b-ds7mg9i18t]{width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;border-radius: 10px;flex-shrink: 0;}.feature-icon.xp[b-ds7mg9i18t]{background: rgba(251,191,36,0.12);}.feature-icon.streak[b-ds7mg9i18t]{background: rgba(239,68,68,0.12);}.feature-icon.achievements[b-ds7mg9i18t]{background: rgba(34,197,94,0.12);}.feature-icon.ranking[b-ds7mg9i18t]{background: rgba(59,130,246,0.12);}.feature-icon.timer[b-ds7mg9i18t]{background: rgba(168,85,247,0.12);}.feature-icon.tracking[b-ds7mg9i18t]{background: rgba(34,197,94,0.12);}.feature-icon.friends[b-ds7mg9i18t]{background: rgba(59,130,246,0.12);}.feature-icon.custom[b-ds7mg9i18t]{background: rgba(236,72,153,0.12);}.feature-icon.stats[b-ds7mg9i18t]{background: rgba(99,102,241,0.12);}.feature-text[b-ds7mg9i18t]{flex: 1;min-width: 0;}.feature-text h3[b-ds7mg9i18t]{font-size: 0.9rem;font-weight: 600;margin: 0 0 4px;color: var(--mxp-slate-200);}.feature-text p[b-ds7mg9i18t]{font-size: 0.8rem;color: var(--mxp-slate-500);line-height: 1.45;margin: 0;}.preview-header[b-ds7mg9i18t]{text-align: center;margin-bottom: 16px;}.track-section[b-ds7mg9i18t]{padding: 16px 0 0;}.track-header[b-ds7mg9i18t]{text-align: center;margin-bottom: 24px;}.track-title[b-ds7mg9i18t]{font-size: 1.4rem;font-weight: 700;margin: 0;color: var(--mxp-slate-100);}.track-grid[b-ds7mg9i18t]{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px;}.track-card[b-ds7mg9i18t]{position: relative;padding: 28px 24px;background: rgba(15,10,30,0.6);border: 1px solid rgba(88,28,135,0.25);border-radius: 16px;text-align: center;transition: all 0.3s ease;overflow: hidden;}.track-card[b-ds7mg9i18t]::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;border-radius: 16px 16px 0 0;opacity: 0.7;transition: opacity 0.3s ease;}.track-card:nth-child(1)[b-ds7mg9i18t]::before{background: linear-gradient(90deg,#a855f7,var(--mxp-purple-600));}.track-card:nth-child(2)[b-ds7mg9i18t]::before{background: linear-gradient(90deg,#3b82f6,#6366f1);}.track-card:nth-child(3)[b-ds7mg9i18t]::before{background: linear-gradient(90deg,#f97316,var(--mxp-red-500));}@media (hover: hover) and (pointer: fine){.track-card:hover[b-ds7mg9i18t]{border-color: rgba(139,92,246,0.45);transform: translateY(-4px);}}@media (hover: hover) and (pointer: fine){.track-card:hover[b-ds7mg9i18t]::before{opacity: 1;}}.track-card-icon[b-ds7mg9i18t]{font-size: 2.5rem;margin-bottom: 12px;}.track-card h3[b-ds7mg9i18t]{font-size: 1.1rem;font-weight: 700;margin: 0 0 8px;color: var(--mxp-slate-100);}.track-card p[b-ds7mg9i18t]{font-size: 0.82rem;color: var(--mxp-slate-400);line-height: 1.5;margin: 0 0 14px;}.track-card-examples[b-ds7mg9i18t]{display: flex;justify-content: center;gap: 10px;flex-wrap: wrap;}.track-card-examples span[b-ds7mg9i18t]{padding: 4px 10px;background: rgba(74,222,128,0.1);border: 1px solid rgba(74,222,128,0.2);border-radius: 6px;font-size: 0.72rem;font-weight: 600;color: #4ade80;}.cta-emoji[b-ds7mg9i18t]{font-size: 3rem;display: block;margin-bottom: 16px;}.how-it-works-section[b-ds7mg9i18t]{padding: 32px 0;background: rgba(15,10,30,0.3);border-radius: 20px;margin: 16px 0 0;}.how-header[b-ds7mg9i18t]{text-align: center;margin-bottom: 32px;}.how-title[b-ds7mg9i18t]{font-size: 1.5rem;font-weight: 700;margin: 0 0 8px;color: var(--mxp-slate-100);}.how-subtitle[b-ds7mg9i18t]{font-size: 0.95rem;color: var(--mxp-slate-400);margin: 0;}.how-steps[b-ds7mg9i18t]{display: grid;grid-template-columns: repeat(3,1fr);gap: 24px;max-width: 1200px;margin: 0 auto;padding: 0 32px;}.how-step[b-ds7mg9i18t]{position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 32px 24px;background: rgba(26,11,46,0.5);border: 1px solid rgba(88,28,135,0.25);border-radius: 16px;transition: all 0.3s ease;}@media (hover: hover) and (pointer: fine){.how-step:hover[b-ds7mg9i18t]{border-color: rgba(139,92,246,0.4);transform: translateY(-4px);background: rgba(26,11,46,0.7);}}.step-number[b-ds7mg9i18t]{width: 42px;height: 42px;background: linear-gradient(135deg,var(--mxp-purple-600),#6366f1);border: 2px solid rgba(88,28,135,0.4);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 1.1rem;color: white;flex-shrink: 0;}.step-icon[b-ds7mg9i18t]{display: flex;align-items: center;gap: 16px;margin-bottom: 16px;}.step-icon span[b-ds7mg9i18t]{font-size: 3rem;}.step-title[b-ds7mg9i18t]{font-size: 1.1rem;font-weight: 600;margin: 0 0 12px;color: var(--mxp-slate-200);}.step-desc[b-ds7mg9i18t]{font-size: 0.88rem;color: var(--mxp-slate-400);line-height: 1.5;margin: 0;}.cta-section[b-ds7mg9i18t]{padding: 32px 0 24px;}.cta-card[b-ds7mg9i18t]{background: linear-gradient(135deg,rgba(88,28,135,0.25) 0%,rgba(30,64,175,0.18) 100%);border: 1px solid rgba(139,92,246,0.3);border-radius: 20px;padding: 48px 40px;text-align: center;position: relative;overflow: hidden;}.cta-card[b-ds7mg9i18t]::before{content: '';position: absolute;top: -100px;right: -100px;width: 300px;height: 300px;background: radial-gradient(circle,rgba(139,92,246,0.08) 0%,transparent 70%);pointer-events: none;}.cta-card[b-ds7mg9i18t]::after{content: '';position: absolute;bottom: -80px;left: -80px;width: 250px;height: 250px;background: radial-gradient(circle,rgba(59,130,246,0.06) 0%,transparent 70%);pointer-events: none;}.cta-title[b-ds7mg9i18t]{font-size: 2rem;font-weight: 700;margin: 0 0 12px;color: var(--mxp-slate-100);position: relative;z-index: 1;}.cta-desc[b-ds7mg9i18t]{font-size: 1.05rem;color: var(--mxp-slate-400);margin: 0 0 28px;position: relative;z-index: 1;}.cta-actions[b-ds7mg9i18t]{display: flex;justify-content: center;gap: 12px;margin-bottom: 12px;position: relative;z-index: 1;}.cta-btn[b-ds7mg9i18t]{display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 16px 40px;font-size: 1.05rem;font-weight: 700;border-radius: 12px;text-decoration: none;transition: all 0.2s ease;box-shadow: 0 4px 14px rgba(124,58,237,0.4);}.cta-btn.primary[b-ds7mg9i18t]{background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%);color: white;}@media (hover: hover) and (pointer: fine){.cta-btn.primary:hover[b-ds7mg9i18t]{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(124,58,237,0.5);}}.cta-note[b-ds7mg9i18t]{font-size: 0.82rem;color: var(--mxp-slate-500);margin: 0;font-style: italic;position: relative;z-index: 1;}.streak-flame-icon[b-ds7mg9i18t]{width: 36px;height: 38px;position: relative;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.flame[b-ds7mg9i18t]{position: absolute;left: 50%;bottom: 4px;border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;transform: translateX(-50%);pointer-events: none;}.flame.flame-outer[b-ds7mg9i18t]{width: 26px;height: 32px;background: radial-gradient(ellipse at 50% 90%,var(--mxp-red-500) 0%,#b91c1c 50%,transparent 72%);opacity: 0.65;animation: flicker-b-ds7mg9i18t 1.2s ease-in-out infinite alternate;}.flame.flame-mid[b-ds7mg9i18t]{width: 18px;height: 25px;background: radial-gradient(ellipse at 50% 90%,#f97316 0%,var(--mxp-red-500) 55%,transparent 78%);opacity: 0.85;animation: flicker-b-ds7mg9i18t 0.85s ease-in-out infinite alternate-reverse;}.flame.flame-inner[b-ds7mg9i18t]{width: 10px;height: 16px;background: radial-gradient(ellipse at 50% 90%,#fde68a 0%,var(--mxp-amber-300) 45%,transparent 80%);animation: flicker-b-ds7mg9i18t 0.65s ease-in-out infinite alternate;}.flame-spark[b-ds7mg9i18t]{position: absolute;width: 2.5px;height: 2.5px;border-radius: 50%;background: #fde68a;pointer-events: none;opacity: 0;}.flame-spark.s1[b-ds7mg9i18t]{left: 15px;animation: sparkRise-b-ds7mg9i18t 2s ease-out infinite;}.flame-spark.s2[b-ds7mg9i18t]{left: 20px;animation: sparkRise-b-ds7mg9i18t 2.4s ease-out infinite 0.8s;}.streak-stat.small .flame.flame-outer[b-ds7mg9i18t]{width: 22px;height: 26px;}.streak-stat.small .flame.flame-mid[b-ds7mg9i18t]{width: 14px;height: 20px;}.streak-stat.small .flame.flame-inner[b-ds7mg9i18t]{width: 8px;height: 13px;}.streak-stat.medium .flame.flame-outer[b-ds7mg9i18t]{width: 28px;height: 34px;}.streak-stat.medium .flame.flame-mid[b-ds7mg9i18t]{width: 20px;height: 26px;}.streak-stat.medium .flame.flame-inner[b-ds7mg9i18t]{width: 12px;height: 18px;}.streak-stat.large .flame.flame-outer[b-ds7mg9i18t]{width: 32px;height: 38px;}.streak-stat.large .flame.flame-mid[b-ds7mg9i18t]{width: 22px;height: 28px;}.streak-stat.large .flame.flame-inner[b-ds7mg9i18t]{width: 13px;height: 19px;}.streak-stat.large .streak-flame-icon[b-ds7mg9i18t]{width: 40px;height: 44px;}.streak-value[b-ds7mg9i18t]{color: var(--mxp-red-500) !important;}.streak-stat.large .streak-value[b-ds7mg9i18t]{color: var(--mxp-orange-300) !important;}.streak-stat.none .streak-value[b-ds7mg9i18t]{color: var(--mxp-slate-400) !important;}.streak-stat.none .flame[b-ds7mg9i18t],.streak-stat.none .flame-spark[b-ds7mg9i18t]{display: none;}.streak-stat.none .streak-flame-icon[b-ds7mg9i18t]::after{content: '🔥';font-size: 1.1rem;opacity: 0.2;filter: grayscale(1);}.streak-stat.no-anim .flame[b-ds7mg9i18t],.streak-stat.no-anim .flame-spark[b-ds7mg9i18t]{animation: none !important;}@keyframes flicker-b-ds7mg9i18t{0%{transform: translateX(-50%) scaleY(1) scaleX(1);}50%{transform: translateX(-50%) scaleY(1.1) scaleX(0.94);}100%{transform: translateX(-50%) scaleY(0.93) scaleX(1.06);}}@keyframes glowPulse-b-ds7mg9i18t{0%,100%{opacity: 0.4;transform: translateX(-50%) scale(1);}50%{opacity: 0.7;transform: translateX(-50%) scale(1.12);}}@keyframes sparkRise-b-ds7mg9i18t{0%{bottom: 14px;opacity: 0.9;transform: scale(1);}100%{bottom: 38px;opacity: 0;transform: scale(0.2);}}.activity-tabs[b-ds7mg9i18t]{display: flex;gap: 2px;position: relative;}.activity-tab[b-ds7mg9i18t]{background: transparent;border: none;color: rgba(224,231,255,0.4);font-size: 0.82rem;font-weight: 500;padding: 6px 14px;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;position: relative;border-bottom: 2px solid transparent;}@media (hover: hover) and (pointer: fine){.activity-tab:hover[b-ds7mg9i18t]{color: rgba(224,231,255,0.7);}}.activity-tab.active[b-ds7mg9i18t]{color: var(--mxp-purple-200);font-weight: 600;border-bottom-color: var(--mxp-purple-200);}.clickable-item[b-ds7mg9i18t]{cursor: pointer;}@media (hover: hover) and (pointer: fine){.clickable-item:hover[b-ds7mg9i18t]{text-decoration: underline;}}.feed-avatar[b-ds7mg9i18t]{width: 30px;height: 30px;border-radius: 50%;background: var(--bg,var(--mxp-slate-400));display: flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 0.85rem;}@media (hover: hover) and (pointer: fine){.feed-avatar.clickable-item:hover[b-ds7mg9i18t]{text-decoration: none;transform: scale(1.1);transition: transform 0.15s ease;}}.feed-name[b-ds7mg9i18t]{color: var(--mxp-purple-100);}@media (hover: hover) and (pointer: fine){.feed-name.clickable-item:hover[b-ds7mg9i18t]{color: #ddd6fe;}}.feed-media-title[b-ds7mg9i18t]{color: var(--mxp-purple-200);font-weight: 500;margin-left: 4px;}@media (hover: hover) and (pointer: fine){.feed-media-title.clickable-item:hover[b-ds7mg9i18t]{color: var(--mxp-purple-100);}}.feed-xp[b-ds7mg9i18t]{color: var(--mxp-amber-300) !important;background: rgba(251,191,36,0.1);padding: 2px 7px;border-radius: 5px;font-size: 0.72rem;}.friends-feed-empty[b-ds7mg9i18t]{flex-direction: column;align-items: center;text-align: center;gap: 8px;padding: 16px;}.friends-feed-empty p[b-ds7mg9i18t]{font-size: 0.8rem;opacity: 0.6;margin: 0;}.empty-feed-icon[b-ds7mg9i18t]{font-size: 1.5rem;opacity: 0.4;}@media (prefers-reduced-motion: reduce){*[b-ds7mg9i18t],*[b-ds7mg9i18t]::before,*[b-ds7mg9i18t]::after{transition-duration: 0.01ms !important;animation-duration: 0.01ms !important;}}@media (max-width: 1280px){.main-content-section[b-ds7mg9i18t]{gap: 16px;}.media-card[b-ds7mg9i18t]{width: 115px;}.media-poster-wrapper[b-ds7mg9i18t]{width: 115px;height: 172px;}.media-title[b-ds7mg9i18t]{max-width: 115px;}.dashboard-grid[b-ds7mg9i18t]{grid-template-columns: 1.3fr 1fr 250px;}.weekly-grid[b-ds7mg9i18t]{grid-template-columns: repeat(3,1fr);}.landing-hero[b-ds7mg9i18t]{gap: 32px;}.landing-title[b-ds7mg9i18t]{font-size: 2.2rem;}.preview-card.main-preview[b-ds7mg9i18t]{max-width: 380px;}.hero-stats[b-ds7mg9i18t]{gap: 8px;}.hero-stat-item[b-ds7mg9i18t]{padding: 8px 12px;}.stat-value[b-ds7mg9i18t]{font-size: 1rem;}.weekly-grid[b-ds7mg9i18t]{grid-auto-rows: auto;}.weekly-grid[b-ds7mg9i18t],.weekly-grid.count-9[b-ds7mg9i18t],.weekly-grid.count-10[b-ds7mg9i18t]{grid-template-columns: repeat(2,1fr);gap: 6px;grid-auto-rows: auto;}.weekly-grid.count-10 .weekly-item[b-ds7mg9i18t]{grid-column: auto;}.weekly-grid.count-9 .weekly-item:last-child[b-ds7mg9i18t]{grid-column: 1 / -1;}}@media (max-width: 960px){.index-container[b-ds7mg9i18t]{padding: 0 20px 22px;}.hero-section[b-ds7mg9i18t]{padding: 18px 20px;gap: 12px;}.hero-row[b-ds7mg9i18t]{flex-direction: column;align-items: center;text-align: center;gap: 10px;}.hero-greeting[b-ds7mg9i18t]{align-items: center;}.hero-stats[b-ds7mg9i18t]{flex-wrap: wrap;justify-content: center;}.hero-stat-item[b-ds7mg9i18t]{flex: 1;min-width: 120px;max-width: 160px;}.hero-stat-item[b-ds7mg9i18t]::before{width: 100%;height: 3px;top: 0;left: 0;border-radius: 3px 3px 0 0;}.main-content-section[b-ds7mg9i18t]{grid-template-columns: 1fr;gap: 16px;}.quick-access-sidebar[b-ds7mg9i18t]{order: 1;min-width: unset;}.recent-media-section[b-ds7mg9i18t]{order: 0;}.quick-access-stack[b-ds7mg9i18t]{flex-direction: row;flex-wrap: nowrap;gap: 12px;}.quick-card[b-ds7mg9i18t]{flex: 1;min-width: 0;padding: 12px 14px;}.quick-card-badge[b-ds7mg9i18t],.quick-card-arrow[b-ds7mg9i18t]{display: none;}.recent-media-section[b-ds7mg9i18t]{padding: 16px;}.recent-media-grid[b-ds7mg9i18t]{gap: 12px;}.media-card[b-ds7mg9i18t]{width: 110px;}.media-poster-wrapper[b-ds7mg9i18t]{width: 110px;height: 165px;}.media-title[b-ds7mg9i18t]{max-width: 110px;}.quick-access-grid-full[b-ds7mg9i18t]{grid-template-columns: 1fr;}.dashboard-grid[b-ds7mg9i18t]{grid-template-columns: 1fr;gap: 16px;}.weekly-grid[b-ds7mg9i18t]{grid-template-columns: repeat(3,1fr);}.landing-hero[b-ds7mg9i18t]{grid-template-columns: 1fr;text-align: center;gap: 28px;padding: 28px 0 20px;}.landing-hero-content[b-ds7mg9i18t]{max-width: 100%;}.landing-actions[b-ds7mg9i18t]{justify-content: center;}.landing-trust[b-ds7mg9i18t]{justify-content: center;}.landing-hero-visual[b-ds7mg9i18t]{order: -1;}.preview-card.main-preview[b-ds7mg9i18t]{max-width: 500px;margin: 0 auto;padding: 28px;}.preview-avatar[b-ds7mg9i18t]{width: 44px;height: 44px;font-size: 1.3rem;}.preview-name[b-ds7mg9i18t]{font-size: 0.95rem;}.preview-level[b-ds7mg9i18t]{font-size: 0.75rem;}.preview-xp[b-ds7mg9i18t]{font-size: 0.9rem;}.preview-progress[b-ds7mg9i18t]{height: 7px;margin-bottom: 14px;}.preview-header[b-ds7mg9i18t]{gap: 10px;margin-bottom: 12px;}.preview-stats-row[b-ds7mg9i18t]{gap: 8px;margin-bottom: 12px;}.preview-stat[b-ds7mg9i18t]{padding: 10px 6px;}.preview-stat-value[b-ds7mg9i18t]{font-size: 1rem;}.preview-stat-label[b-ds7mg9i18t]{font-size: 0.6rem;}.preview-achievement[b-ds7mg9i18t]{padding: 5px 10px;font-size: 0.7rem;}.preview-achievements[b-ds7mg9i18t]{gap: 6px;}.preview-stats-row[b-ds7mg9i18t]{grid-template-columns: repeat(4,1fr);}.track-grid[b-ds7mg9i18t]{grid-template-columns: 1fr;gap: 12px;}.features-track[b-ds7mg9i18t]{grid-template-columns: repeat(2,1fr);}.features-track .feature-card:last-child:nth-child(odd)[b-ds7mg9i18t]{grid-column: 1 / -1;}.how-steps[b-ds7mg9i18t]{grid-template-columns: 1fr;padding: 0 24px;}.weekly-header[b-ds7mg9i18t]{flex-direction: column;align-items: flex-start;gap: 8px;}.weekly-tabs[b-ds7mg9i18t]{width: 100%;justify-content: center;}.weekly-grid[b-ds7mg9i18t]{grid-auto-rows: auto;}.weekly-grid[b-ds7mg9i18t],.weekly-grid.count-9[b-ds7mg9i18t],.weekly-grid.count-10[b-ds7mg9i18t]{grid-template-columns: repeat(3,1fr);gap: 6px;grid-auto-rows: auto;}.weekly-grid.count-10 .weekly-item[b-ds7mg9i18t]{grid-column: auto;}.weekly-grid.count-9 .weekly-item:last-child[b-ds7mg9i18t]{grid-column: auto;}}@media (max-width: 768px){.weekly-grid.count-10[b-ds7mg9i18t]{grid-template-columns: repeat(2,1fr) !important;gap: 6px;}.weekly-grid.count-10 .weekly-item[b-ds7mg9i18t]{grid-column: span 1 !important;}}@media (max-width: 600px){.index-container[b-ds7mg9i18t]{padding: 0 16px 16px;overflow-x: hidden;max-width: 100vw;}.hero-section[b-ds7mg9i18t]{padding: 16px;margin: 12px 0 18px;border-radius: 16px;gap: 12px;}.hero-row[b-ds7mg9i18t]{flex-direction: column;gap: 12px;}.hero-greeting[b-ds7mg9i18t]{align-items: center;text-align: center;}.hero-title[b-ds7mg9i18t]{font-size: 1.3rem !important;}[b-ds7mg9i18t] .hero-subtitle{font-size: 0.78rem !important;}.hero-stats[b-ds7mg9i18t]{flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 8px;width: 100%;}.hero-stat-item[b-ds7mg9i18t]{padding: 10px 12px;flex-direction: column;text-align: center;gap: 6px;flex: 1;min-width: 85px;max-width: calc(33.33% - 6px);}.hero-stat-item[b-ds7mg9i18t]::before{width: 100%;height: 2px;top: 0;left: 0;}.stat-icon-wrapper[b-ds7mg9i18t]{width: 32px;height: 32px;}.stat-value[b-ds7mg9i18t]{font-size: 0.95rem;}.hero-stat-item.level .stat-label[b-ds7mg9i18t]{display: none;}.stat-label[b-ds7mg9i18t]{font-size: 0.65rem;}.streak-flame-icon[b-ds7mg9i18t]{width: 32px;height: 32px;}.level-progress-wrapper[b-ds7mg9i18t]{max-width: 100%;}.progress-labels[b-ds7mg9i18t]{font-size: 0.7rem;}.progress-track[b-ds7mg9i18t]{height: 6px;}.section-header[b-ds7mg9i18t]{gap: 8px;flex-wrap: wrap;}.section-title[b-ds7mg9i18t]{font-size: 0.9rem;white-space: nowrap;}.filter-buttons[b-ds7mg9i18t]{gap: 6px;width: 100%;}.filter-btn[b-ds7mg9i18t]{flex: 1;min-height: 32px;padding: 4px 8px;font-size: 0.85rem;}.qa-tab-sidebar[b-ds7mg9i18t],.weekly-tab[b-ds7mg9i18t]{min-height: 32px;}.recent-media-grid[b-ds7mg9i18t]{display: none !important;}.recent-media-mobile[b-ds7mg9i18t]{display: block !important;width: 100%;overflow: hidden;}.recent-media-section[b-ds7mg9i18t]{padding: 16px;overflow: hidden;max-width: 100%;}.media-carousel[b-ds7mg9i18t]{display: flex;gap: 12px;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding: 4px 0 8px 0;overscroll-behavior-x: contain;width: 100%;}.media-carousel[b-ds7mg9i18t]::-webkit-scrollbar{display: none;}.media-carousel .media-card[b-ds7mg9i18t]{flex: 0 0 120px;width: 120px;min-width: 120px;scroll-snap-align: start;}.media-carousel .media-poster-wrapper[b-ds7mg9i18t]{width: 120px;height: 180px;}.media-carousel .media-title[b-ds7mg9i18t]{max-width: 120px;}.media-time-badge[b-ds7mg9i18t]{display: block;position: absolute;bottom: 6px;left: 6px;background: rgba(0,0,0,0.75);padding: 2px 6px;border-radius: 4px;font-size: 0.65rem;color: var(--mxp-purple-200);}.carousel-hint[b-ds7mg9i18t]{display: flex;align-items: center;justify-content: center;gap: 6px;margin-top: 10px;font-size: 0.72rem;opacity: 0.5;color: var(--mxp-purple-200);}.quick-access-sidebar[b-ds7mg9i18t]{padding: 16px;overflow: hidden;}.quick-access-stack[b-ds7mg9i18t]{flex-direction: column;width: 100%;}.quick-card[b-ds7mg9i18t]{min-width: unset;max-width: 100%;width: 100%;}.dashboard-section[b-ds7mg9i18t]{overflow: hidden;max-width: 100%;}.dashboard-grid[b-ds7mg9i18t]{width: 100%;overflow: hidden;}.dashboard-card[b-ds7mg9i18t]{max-width: 100%;overflow: hidden;}.weekly-grid[b-ds7mg9i18t]{grid-auto-rows: auto;}.weekly-grid[b-ds7mg9i18t],.weekly-grid.count-9[b-ds7mg9i18t],.weekly-grid.count-10[b-ds7mg9i18t]{grid-template-columns: repeat(2,1fr);gap: 6px;grid-auto-rows: auto;}.weekly-grid.count-10 .weekly-item[b-ds7mg9i18t]{grid-column: auto;}.weekly-grid.count-9 .weekly-item:last-child[b-ds7mg9i18t]{grid-column: 1 / -1;}.weekly-item[b-ds7mg9i18t]{padding: 10px 6px;}.weekly-value[b-ds7mg9i18t]{font-size: 1.1rem;}.weekly-label[b-ds7mg9i18t]{font-size: 0.58rem;}.activity-list[b-ds7mg9i18t]{max-width: 100%;}.activity-item[b-ds7mg9i18t]{max-width: 100%;}.activity-desc[b-ds7mg9i18t]{white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.3;}.ranking-list[b-ds7mg9i18t]{max-width: 100%;}.ranking-item[b-ds7mg9i18t]{max-width: 100%;}.rank-avatar[b-ds7mg9i18t]{width: 36px;height: 36px;min-width: 36px;}.rank-emoji[b-ds7mg9i18t]{font-size: 1.15rem;}.rank-position[b-ds7mg9i18t]{font-size: 1.15rem;min-width: 36px;}.landing-hero[b-ds7mg9i18t]{grid-template-columns: 1fr;gap: 20px;padding: 20px 0 16px;text-align: center;}.landing-hero-content[b-ds7mg9i18t]{max-width: 100%;}.landing-hero-visual[b-ds7mg9i18t]{order: -1;}.landing-badge[b-ds7mg9i18t]{margin-bottom: 10px;font-size: 0.72rem;padding: 5px 12px;}.landing-title[b-ds7mg9i18t]{font-size: 1.65rem;margin-bottom: 10px;}.landing-desc[b-ds7mg9i18t]{font-size: 0.85rem;margin-bottom: 18px;line-height: 1.5;}.landing-trust[b-ds7mg9i18t]{justify-content: center;gap: 6px 12px;margin-top: 14px;}.trust-item[b-ds7mg9i18t]{font-size: 0.7rem;}.landing-actions[b-ds7mg9i18t]{flex-direction: row;width: 100%;justify-content: center;gap: 10px;}.landing-btn[b-ds7mg9i18t]{flex: 1;padding: 11px 16px;font-size: 0.82rem;}.track-header[b-ds7mg9i18t]{margin-bottom: 16px;}.track-title[b-ds7mg9i18t]{font-size: 1.2rem;}.track-grid[b-ds7mg9i18t]{grid-template-columns: 1fr;gap: 10px;}.track-card[b-ds7mg9i18t]{padding: 16px;display: grid;grid-template-columns: auto 1fr;grid-template-rows: auto auto;column-gap: 14px;row-gap: 4px;text-align: left;}.track-card-icon[b-ds7mg9i18t]{font-size: 1.8rem;margin-bottom: 0;grid-row: 1 / 3;display: flex;align-items: center;}.track-card h3[b-ds7mg9i18t]{font-size: 0.9rem;margin: 0;}.track-card p[b-ds7mg9i18t]{font-size: 0.75rem;margin: 0;line-height: 1.4;grid-column: 2;}.track-card-examples[b-ds7mg9i18t]{grid-column: 1 / -1;justify-content: flex-start;margin-top: 8px;gap: 6px;}.track-card-examples span[b-ds7mg9i18t]{font-size: 0.68rem;padding: 3px 8px;}.preview-card.main-preview[b-ds7mg9i18t]{max-width: 100%;padding: 14px 16px;}.preview-header[b-ds7mg9i18t]{gap: 10px;margin-bottom: 10px;}.preview-avatar[b-ds7mg9i18t]{width: 34px;height: 34px;font-size: 1rem;}.preview-name[b-ds7mg9i18t]{font-size: 0.85rem;}.preview-level[b-ds7mg9i18t]{font-size: 0.68rem;}.preview-xp[b-ds7mg9i18t]{font-size: 0.75rem;}.preview-progress[b-ds7mg9i18t]{margin-bottom: 10px;}.preview-stats-row[b-ds7mg9i18t]{grid-template-columns: repeat(4,1fr);gap: 6px;margin-bottom: 10px;}.preview-stat[b-ds7mg9i18t]{padding: 8px 4px;}.preview-stat-value[b-ds7mg9i18t]{font-size: 0.9rem;}.preview-stat-label[b-ds7mg9i18t]{font-size: 0.58rem;}.preview-achievements[b-ds7mg9i18t]{display: flex;gap: 6px;}.preview-achievement[b-ds7mg9i18t]{padding: 4px 8px;font-size: 0.65rem;}.features-section[b-ds7mg9i18t]{padding: 16px 0;}.features-header[b-ds7mg9i18t]{margin-bottom: 14px;}.features-title[b-ds7mg9i18t]{font-size: 1.15rem;}.features-subtitle[b-ds7mg9i18t]{font-size: 0.78rem;}.features-grid[b-ds7mg9i18t]{display: flex;flex-direction: row;overflow: hidden;padding: 4px 0 8px 0;}.features-track[b-ds7mg9i18t],.features-track-dup[b-ds7mg9i18t]{display: flex;flex: 0 0 auto;gap: 0;animation: featuresMarquee-b-ds7mg9i18t 45s linear infinite;}.features-track .feature-card[b-ds7mg9i18t]{flex: 0 0 240px;min-width: 240px;margin-right: 10px;}.features-grid:focus .features-track[b-ds7mg9i18t],.features-grid:focus .features-track-dup[b-ds7mg9i18t],.features-grid:focus-within .features-track[b-ds7mg9i18t],.features-grid:focus-within .features-track-dup[b-ds7mg9i18t]{animation-play-state: paused;}.features-grid:focus-visible[b-ds7mg9i18t]{outline: 2px solid rgba(139,92,246,0.55);outline-offset: 2px;border-radius: 12px;}@media (hover: hover){.features-grid:hover .features-track[b-ds7mg9i18t],.features-grid:hover .features-track-dup[b-ds7mg9i18t]{animation-play-state: paused;}}.how-it-works-section[b-ds7mg9i18t]{padding: 20px 16px;margin: 16px 0 0;}.how-header[b-ds7mg9i18t]{margin-bottom: 20px;}.how-title[b-ds7mg9i18t]{font-size: 1.2rem;}.how-subtitle[b-ds7mg9i18t]{font-size: 0.82rem;}.how-steps[b-ds7mg9i18t]{display: flex;flex-direction: column;gap: 0;padding: 0 8px;}.how-step[b-ds7mg9i18t]{display: grid;grid-template-columns: 40px 1fr;grid-template-rows: auto auto;column-gap: 14px;row-gap: 2px;align-items: start;text-align: left;padding: 14px 8px;background: transparent;border: none;border-radius: 0;border-bottom: 1px solid rgba(88,28,135,0.15);}.how-step:last-child[b-ds7mg9i18t]{border-bottom: none;}@media (hover: hover) and (pointer: fine){.how-step:hover[b-ds7mg9i18t]{border-color: rgba(88,28,135,0.15);transform: none;background: transparent;}}.step-icon[b-ds7mg9i18t]{grid-row: 1 / 3;flex-direction: column;align-items: center;gap: 4px;margin-bottom: 0;flex-shrink: 0;}.step-icon span[b-ds7mg9i18t]{font-size: 1.2rem;}.step-number[b-ds7mg9i18t]{width: 28px;height: 28px;font-size: 0.8rem;}.step-title[b-ds7mg9i18t]{font-size: 0.9rem;margin: 0;align-self: end;}.step-desc[b-ds7mg9i18t]{font-size: 0.78rem;line-height: 1.4;grid-column: 2;}.cta-section[b-ds7mg9i18t]{padding: 20px 0 16px;}.cta-emoji[b-ds7mg9i18t]{font-size: 2.2rem;margin-bottom: 10px;}.cta-card[b-ds7mg9i18t]{padding: 28px 20px;border-radius: 16px;}.cta-title[b-ds7mg9i18t]{font-size: 1.3rem;margin-bottom: 8px;}.cta-desc[b-ds7mg9i18t]{font-size: 0.82rem;margin-bottom: 20px;}.cta-btn[b-ds7mg9i18t]{padding: 13px 28px;font-size: 0.9rem;width: 100%;}.cta-note[b-ds7mg9i18t]{font-size: 0.75rem;}.feature-card[b-ds7mg9i18t]{padding: 14px;gap: 12px;}.feature-icon[b-ds7mg9i18t]{width: 36px;height: 36px;font-size: 1.1rem;}.feature-text h3[b-ds7mg9i18t]{font-size: 0.85rem;}.feature-text p[b-ds7mg9i18t]{font-size: 0.75rem;}}@media (min-width: 1440px){.media-card[b-ds7mg9i18t]{width: 140px;}.media-poster-wrapper[b-ds7mg9i18t]{width: 140px;height: 210px;}.media-title[b-ds7mg9i18t]{max-width: 140px;font-size: 0.85rem;}.recent-media-grid[b-ds7mg9i18t]{gap: 18px;}}@media (min-width: 1920px){.index-container[b-ds7mg9i18t]{max-width: 1800px;}.hero-section[b-ds7mg9i18t]{padding: 24px 36px;gap: 16px;}.hero-title[b-ds7mg9i18t]{font-size: 1.9rem !important;}[b-ds7mg9i18t] .hero-subtitle{font-size: 0.95rem !important;}.hero-stat-item[b-ds7mg9i18t]{padding: 12px 18px;gap: 12px;}.stat-icon-wrapper[b-ds7mg9i18t]{width: 42px;height: 42px;}.stat-value[b-ds7mg9i18t]{font-size: 1.25rem;}.stat-label[b-ds7mg9i18t]{font-size: 0.78rem;}.progress-track[b-ds7mg9i18t]{height: 9px;}.main-content-section[b-ds7mg9i18t]{grid-template-columns: minmax(0,1fr) 300px;gap: 24px;}.dashboard-grid[b-ds7mg9i18t]{grid-template-columns: 1.3fr 1fr 300px;gap: 22px;}.media-card[b-ds7mg9i18t]{width: 150px;}.media-poster-wrapper[b-ds7mg9i18t]{width: 150px;height: 225px;}.media-title[b-ds7mg9i18t]{max-width: 150px;font-size: 0.88rem;}.recent-media-grid[b-ds7mg9i18t]{gap: 20px;}.quick-card[b-ds7mg9i18t]{padding: 16px 20px;}.quick-card-icon[b-ds7mg9i18t]{width: 44px;height: 44px;}.dashboard-card[b-ds7mg9i18t]{padding: 24px 26px;}.weekly-value[b-ds7mg9i18t]{font-size: 1.3rem;}.landing-hero-content[b-ds7mg9i18t]{max-width: 540px;}.landing-title[b-ds7mg9i18t]{font-size: 3rem;}.landing-desc[b-ds7mg9i18t]{font-size: 1.1rem;}.preview-card.main-preview[b-ds7mg9i18t]{max-width: 100%;padding: 40px;}.preview-avatar[b-ds7mg9i18t]{width: 56px;height: 56px;font-size: 1.6rem;}.preview-name[b-ds7mg9i18t]{font-size: 1.1rem;}.preview-stat-value[b-ds7mg9i18t]{font-size: 1.25rem;}}@container index (max-width: 1100px){.dashboard-grid[b-ds7mg9i18t]{grid-template-columns: 1fr 1fr;}.ranking-card[b-ds7mg9i18t]{grid-column: 1 / -1;}.quick-access-grid-full[b-ds7mg9i18t]{gap: 12px;}.quick-card-full[b-ds7mg9i18t]{padding: 20px 16px;gap: 14px;}}@container index (max-width: 850px){.quick-access-grid-full[b-ds7mg9i18t]{grid-template-columns: 1fr;gap: 10px;}.quick-card-full[b-ds7mg9i18t]{padding: 16px 20px;}}@container index (max-width: 700px){.dashboard-grid[b-ds7mg9i18t]{grid-template-columns: 1fr;gap: 16px;}.ranking-card[b-ds7mg9i18t]{grid-column: auto;}}@container stats (max-width: 550px){.weekly-grid[b-ds7mg9i18t],.weekly-grid.count-9[b-ds7mg9i18t],.weekly-grid.count-10[b-ds7mg9i18t]{grid-template-columns: repeat(2,1fr);gap: 6px;grid-auto-rows: auto;}.weekly-grid .weekly-item:last-child:nth-child(odd)[b-ds7mg9i18t]{grid-column: 1 / -1;}.weekly-grid.count-10 .weekly-item[b-ds7mg9i18t]{grid-column: auto;}}@container stats (max-width: 420px){.weekly-grid[b-ds7mg9i18t],.weekly-grid.count-9[b-ds7mg9i18t],.weekly-grid.count-10[b-ds7mg9i18t]{grid-template-columns: repeat(2,1fr);gap: 6px;grid-auto-rows: auto;}.weekly-grid .weekly-item:last-child:nth-child(odd)[b-ds7mg9i18t]{grid-column: 1 / -1;}.weekly-item[b-ds7mg9i18t]{padding: 10px 8px;gap: 8px;}.weekly-icon[b-ds7mg9i18t]{font-size: 1.3rem;}.weekly-value[b-ds7mg9i18t]{font-size: 1.2rem;}.weekly-label[b-ds7mg9i18t]{font-size: 0.64rem;}}@container stats (max-width: 250px){.weekly-grid[b-ds7mg9i18t],.weekly-grid.count-9[b-ds7mg9i18t],.weekly-grid.count-10[b-ds7mg9i18t]{grid-template-columns: 1fr;gap: 4px;}.weekly-grid .weekly-item:last-child:nth-child(odd)[b-ds7mg9i18t]{grid-column: auto;}.weekly-item[b-ds7mg9i18t]{flex-direction: row;padding: 8px 10px;gap: 10px;}.weekly-icon[b-ds7mg9i18t]{font-size: 1.1rem;}.weekly-value[b-ds7mg9i18t]{font-size: 1rem;}}@media (max-width: 600px){html.reduce-animations .features-grid[b-ds7mg9i18t],html.no-animations .features-grid[b-ds7mg9i18t]{overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none;}html.reduce-animations .features-grid[b-ds7mg9i18t]::-webkit-scrollbar,html.no-animations .features-grid[b-ds7mg9i18t]::-webkit-scrollbar{display: none;}html.reduce-animations .features-track[b-ds7mg9i18t],html.no-animations .features-track[b-ds7mg9i18t]{animation: none;}html.reduce-animations .features-track-dup[b-ds7mg9i18t],html.no-animations .features-track-dup[b-ds7mg9i18t]{display: none;}html.reduce-animations .features-track .feature-card[b-ds7mg9i18t],html.no-animations .features-track .feature-card[b-ds7mg9i18t]{scroll-snap-align: start;}}@media (max-width: 600px) and (prefers-reduced-motion: reduce){.features-grid[b-ds7mg9i18t]{overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none;}.features-grid[b-ds7mg9i18t]::-webkit-scrollbar{display: none;}.features-track[b-ds7mg9i18t]{animation: none;}.features-track-dup[b-ds7mg9i18t]{display: none;}.features-track .feature-card[b-ds7mg9i18t]{scroll-snap-align: start;}} .que-toca[b-lxsolprknc]{container: que-toca / inline-size;background: rgba(26,11,46,0.5);border: 1px solid rgba(88,28,135,0.25);border-radius: 16px;padding: 18px 22px;margin-bottom: 20px;}.que-toca-cabecera[b-lxsolprknc]{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px 16px;margin-bottom: 14px;}.que-toca-titulo[b-lxsolprknc]{font-size: 1rem;font-weight: 600;color: #e0e7ff;margin: 0;}.que-toca-filtros[b-lxsolprknc]{display: flex;flex-wrap: nowrap;gap: 6px;max-width: 100%;min-width: 0;overflow-x: auto;scrollbar-width: none;}.que-toca-filtros[b-lxsolprknc]::-webkit-scrollbar{display: none;}.que-toca-filtro[b-lxsolprknc]{flex: 0 0 auto;min-height: 32px;padding: 5px 12px;background: rgba(0,0,0,0.2);border: 1px solid rgba(88,28,135,0.25);border-radius: 999px;color: rgba(255,255,255,0.65);font-size: 0.75rem;white-space: nowrap;cursor: pointer;transition: background 0.15s ease,border-color 0.15s ease,color 0.15s ease;}.que-toca-filtro.active[b-lxsolprknc]{background: rgba(139,92,246,0.2);border-color: rgba(139,92,246,0.5);color: var(--mxp-purple-200);}.que-toca-filtro:disabled[b-lxsolprknc]{cursor: default;opacity: 0.6;}@media (hover: hover) and (pointer: fine){.que-toca-filtro:not(:disabled):hover[b-lxsolprknc]{background: rgba(88,28,135,0.2);border-color: rgba(139,92,246,0.4);color: rgba(255,255,255,0.85);}}.que-toca-intro[b-lxsolprknc]{margin: 0 0 14px;color: rgba(255,255,255,0.7);font-size: 0.875rem;}.que-toca-lista[b-lxsolprknc]{list-style: none;margin: 0 0 14px;padding: 0;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;}.que-toca-item[b-lxsolprknc]{display: flex;align-items: flex-start;gap: 12px;height: 100%;box-sizing: border-box;padding: 10px;background: rgba(0,0,0,0.2);border: 1px solid rgba(88,28,135,0.2);border-radius: 12px;color: inherit;text-decoration: none;transition: border-color 0.15s ease,background 0.15s ease;}@media (hover: hover) and (pointer: fine){.que-toca-item:hover[b-lxsolprknc]{background: rgba(88,28,135,0.18);border-color: rgba(139,92,246,0.45);}}.que-toca-portada[b-lxsolprknc]{flex: 0 0 auto;width: 64px;height: 96px;object-fit: cover;border-radius: 8px;background: rgba(255,255,255,0.05);}.que-toca-portada.sin-portada[b-lxsolprknc]{display: flex;align-items: center;justify-content: center;font-size: 1.5rem;}.que-toca-texto[b-lxsolprknc]{display: flex;flex-direction: column;gap: 4px;min-width: 0;}.que-toca-nombre[b-lxsolprknc]{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 600;font-size: 0.9rem;line-height: 1.25;color: #f5f3ff;overflow-wrap: anywhere;}.que-toca-etiqueta[b-lxsolprknc]{font-size: 0.7rem;color: rgba(255,255,255,0.55);}.que-toca-motivo[b-lxsolprknc]{font-size: 0.8rem;line-height: 1.4;color: rgba(255,255,255,0.82);}.que-toca-pie[b-lxsolprknc]{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 14px;}.que-toca-boton[b-lxsolprknc]{min-height: 36px;padding: 7px 18px;background: linear-gradient(135deg,rgba(139,92,246,0.85),rgba(99,102,241,0.85));border: none;border-radius: 10px;color: #fff;font-size: 0.85rem;font-weight: 600;cursor: pointer;}.que-toca-boton:disabled[b-lxsolprknc]{cursor: progress;opacity: 0.7;}@media (hover: hover) and (pointer: fine){.que-toca-boton:not(:disabled):hover[b-lxsolprknc]{background: linear-gradient(135deg,rgba(139,92,246,1),rgba(99,102,241,1));}}.que-toca-nota[b-lxsolprknc]{margin: 0 0 0 auto;font-size: 0.7rem;color: rgba(255,255,255,0.5);}.que-toca-nota a[b-lxsolprknc]{color: var(--mxp-purple-200);}.que-toca-aviso[b-lxsolprknc]{margin: 10px 0 0;font-size: 0.8rem;color: rgba(255,255,255,0.7);}.que-toca-aviso:empty[b-lxsolprknc]{margin: 0;}@container que-toca (max-width: 760px){.que-toca-lista[b-lxsolprknc]{grid-template-columns: minmax(0,1fr);gap: 10px;}}@media (max-width: 600px){.que-toca[b-lxsolprknc]{padding: 14px;}.que-toca-cabecera[b-lxsolprknc]{margin-bottom: 12px;}.que-toca-intro[b-lxsolprknc]{margin-bottom: 12px;font-size: 0.82rem;}.que-toca-portada[b-lxsolprknc]{width: 52px;height: 78px;}.que-toca-item[b-lxsolprknc]{gap: 10px;padding: 8px;}} .maintenance-container[b-qesa7g242q]{min-height: 100vh;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,#0f172a 0%,#1a0b2e 50%,#0f172a 100%);padding: 20px;}.maintenance-content[b-qesa7g242q]{text-align: center;max-width: 500px;padding: 48px;background: rgba(26,11,46,0.6);border-radius: 20px;border: 1px solid rgba(88,28,135,0.35);backdrop-filter: blur(10px);}.maintenance-logo[b-qesa7g242q]{margin-bottom: 28px;animation: pulse-b-qesa7g242q 2s ease-in-out infinite;}.maintenance-logo img[b-qesa7g242q]{width: 80px;height: 80px;}.maintenance-title[b-qesa7g242q]{font-size: 2rem;font-weight: 700;color: #fff;margin: 0 0 16px 0;background: linear-gradient(135deg,var(--mxp-purple-200) 0%,#818cf8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.maintenance-message[b-qesa7g242q]{font-size: 1.1rem;color: rgba(255,255,255,0.7);margin: 0 0 32px 0;line-height: 1.6;}.maintenance-progress[b-qesa7g242q]{margin-bottom: 24px;}.progress-bar[b-qesa7g242q]{height: 4px;background: rgba(88,28,135,0.3);border-radius: 2px;overflow: hidden;}.progress-bar-fill[b-qesa7g242q]{height: 100%;width: 30%;background: linear-gradient(90deg,var(--mxp-purple-200),#818cf8,var(--mxp-purple-200));background-size: 200% 100%;animation: shimmer-b-qesa7g242q 2s linear infinite;border-radius: 2px;}.maintenance-info[b-qesa7g242q]{margin-bottom: 32px;}.maintenance-duration[b-qesa7g242q]{font-size: 0.9rem;color: rgba(255,255,255,0.5);margin: 0 0 8px 0;}.maintenance-retry[b-qesa7g242q]{font-size: 0.85rem;color: rgba(167,139,250,0.8);margin: 0;display: flex;align-items: center;justify-content: center;gap: 8px;}.maintenance-retry[b-qesa7g242q]::before{content: '';width: 8px;height: 8px;background: var(--mxp-purple-200);border-radius: 50%;animation: blink-b-qesa7g242q 1s ease-in-out infinite;}.maintenance-actions[b-qesa7g242q]{margin-bottom: 0;}.retry-button[b-qesa7g242q]{display: inline-flex;align-items: center;gap: 8px;padding: 12px 24px;background: linear-gradient(135deg,rgba(88,28,135,0.8) 0%,rgba(30,64,175,0.6) 100%);border: 1px solid rgba(88,28,135,0.5);color: white;border-radius: 12px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.retry-button:hover[b-qesa7g242q]{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(88,28,135,0.4);border-color: rgba(88,28,135,0.7);}}.retry-button:active[b-qesa7g242q]{transform: translateY(0);}.retry-button svg[b-qesa7g242q]{transition: transform 0.3s ease;}@media (hover: hover) and (pointer: fine){.retry-button:hover svg[b-qesa7g242q]{transform: rotate(180deg);}}@keyframes pulse-b-qesa7g242q{0%,100%{transform: scale(1);}50%{transform: scale(1.05);}}@keyframes shimmer-b-qesa7g242q{0%{background-position: -200% 0;}100%{background-position: 200% 0;}}@keyframes blink-b-qesa7g242q{0%,100%{opacity: 1;}50%{opacity: 0.3;}}@media (min-width: 1920px){.maintenance-content[b-qesa7g242q]{max-width: 600px;padding: 56px;}.maintenance-logo img[b-qesa7g242q]{width: 100px;height: 100px;}.maintenance-title[b-qesa7g242q]{font-size: 2.5rem;}.maintenance-message[b-qesa7g242q]{font-size: 1.25rem;}.retry-button[b-qesa7g242q]{padding: 14px 28px;font-size: 1.1rem;}}@media (max-width: 480px){.maintenance-content[b-qesa7g242q]{padding: 24px;}.maintenance-title[b-qesa7g242q]{font-size: 1.5rem;}.maintenance-message[b-qesa7g242q]{font-size: 1rem;}.maintenance-logo img[b-qesa7g242q]{width: 64px;height: 64px;}} .catalog-container[b-cat-medios]{--primary-from: var(--mxp-purple-200);--primary-to: #c084fc;--glow-color: rgba(139,92,246,0.18);--ac: 139,92,246;--ac-light: 167,139,250;--ac-dark: 88,28,135;--ac-hex: var(--mxp-purple-500);--ac-light-hex: var(--mxp-purple-200);--bg-dark: 26,11,46;--rating-from: var(--mxp-amber-300);--rating-to: var(--mxp-amber-500);--rating-glow: rgba(251,191,36,0.35);--eye-color: var(--mxp-blue-300);--eye-glow: rgba(96,165,250,0.35);--gems-from: #22d3ee;--gems-to: #06b6d4;--gems-glow: rgba(34,211,238,0.3);--upcoming-from: #f472b6;--upcoming-to: #ec4899;--upcoming-glow: rgba(244,114,182,0.3);min-height: 100vh;padding: 20px;padding-bottom: 4rem;padding-top: 2rem;animation: fadeIn-b-cat-medios 0.5s ease-out;container-type: inline-size;container-name: catalog;}@keyframes fadeIn-b-cat-medios{from{opacity: 0;}to{opacity: 1;}}@keyframes slideDown-b-cat-medios{from{opacity: 0;transform: translateY(-20px);}to{opacity: 1;transform: translateY(0);}}@keyframes scaleIn-b-cat-medios{from{transform: scale(0);opacity: 0;}to{transform: scale(1);opacity: 1;}}@keyframes cardFadeIn-b-cat-medios{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@keyframes float-b-cat-medios{0%,100%{transform: translateY(0);}50%{transform: translateY(-10px);}}@keyframes spin-b-cat-medios{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}@keyframes pulse-b-cat-medios{0%,100%{transform: scale(1);}50%{transform: scale(1.05);}}@keyframes modalSlideIn-b-cat-medios{from{opacity: 0;transform: translateY(-30px) scale(0.95);}to{opacity: 1;transform: translateY(0) scale(1);}}@keyframes resultReveal-b-cat-medios{from{opacity: 0;transform: scale(0.9);}to{opacity: 1;transform: scale(1);}}.catalog-header[b-cat-medios]{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1rem;margin-bottom: 1.5rem;padding: 1.25rem 1.5rem;background: rgba(26,11,46,0.5);border-radius: 16px;backdrop-filter: blur(10px);border: 1px solid rgba(88,28,135,0.25);animation: slideDown-b-cat-medios 0.5s ease-out 0.1s both;transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.catalog-header:hover[b-cat-medios]{border-color: rgba(88,28,135,0.45);}}.header-emoji[b-cat-medios]{font-size: 2rem;}[b-cat-medios] .header-title{font-size: 1.75rem !important;font-weight: 800 !important;background: linear-gradient(135deg,var(--primary-from),var(--primary-to)) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;}.header-stats .stat-chip[b-cat-medios]{flex: 1;min-width: 0;justify-content: center;}.stat-chip[b-cat-medios]{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;background: rgba(139,92,246,0.1);border: 1px solid rgba(139,92,246,0.2);border-radius: 12px;transition: all 0.3s ease;cursor: pointer;}@media (hover: hover) and (pointer: fine){.stat-chip:hover[b-cat-medios]{transform: translateY(-2px);box-shadow: 0 4px 12px var(--glow-color);}}.stat-chip.series .stat-value[b-cat-medios]{color: var(--mxp-purple-200);}.stat-chip.movies[b-cat-medios]{background: rgba(251,146,60,0.1);border-color: rgba(251,146,60,0.2);}.stat-chip.movies .stat-value[b-cat-medios]{color: var(--mxp-orange-300);}.stat-chip.favorites .stat-value[b-cat-medios]{color: var(--mxp-red-400);}.stat-value[b-cat-medios]{font-size: 1.25rem;font-weight: 800;color: var(--primary-to);line-height: 1;}.stat-label[b-cat-medios]{font-size: 0.75rem;font-weight: 600;color: rgba(255,255,255,0.6);text-transform: uppercase;display: flex;align-items: center;}.search-section[b-cat-medios]{display: flex;gap: 0.75rem;align-items: center;background: rgba(26,11,46,0.5);border-radius: 16px;padding: 0.75rem;margin-bottom: 1.5rem;backdrop-filter: blur(10px);box-shadow: 0 4px 20px rgba(0,0,0,0.15);border: 1px solid rgba(88,28,135,0.25);animation: slideDown-b-cat-medios 0.5s ease-out 0.2s both;transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.search-section:hover[b-cat-medios]{border-color: rgba(88,28,135,0.45);}}[b-cat-medios] .search-field-modern .mud-input-outlined-border{display: none !important;border: none !important;}[b-cat-medios] .search-field-modern .mud-input-slot{border: none !important;}[b-cat-medios] .search-field-modern input{font-size: 1rem !important;padding: 12px 16px !important;color: rgba(255,255,255,0.9) !important;border: none !important;}.search-randomizer-btn[b-cat-medios]{position: absolute;right: 8px;width: 40px;height: 40px;font-size: 1.25rem;cursor: pointer;display: flex;align-items: center;margin-top: 8px;justify-content: center;transition: all 0.3s ease;}.loading-inline[b-cat-medios]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;padding: 3rem 2rem;color: rgba(255,255,255,0.7);font-weight: 600;width: 100%;box-sizing: border-box;}.results-header[b-cat-medios]{display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1.5rem;flex-wrap: wrap;}.results-info[b-cat-medios]{display: flex;align-items: center;gap: 0.75rem;}[b-cat-medios] .section-title{font-size: 1.5rem !important;font-weight: 800 !important;background: linear-gradient(135deg,var(--primary-from),var(--primary-to)) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;}.results-count[b-cat-medios]{background: linear-gradient(135deg,var(--primary-from),var(--primary-to));color: white;padding: 0.35rem 0.875rem;border-radius: 20px;font-size: 0.8rem;font-weight: 700;}.filters-row[b-cat-medios]{display: flex;align-items: center;gap: 0.75rem;}.filter-chips[b-cat-medios]{display: flex;gap: 0.5rem;}.filter-chip[b-cat-medios]{padding: 0.5rem 1rem;border-radius: 10px;font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;border: 2px solid rgba(139,92,246,0.25);background: rgba(30,41,59,0.5);color: white;}@media (hover: hover) and (pointer: fine){.filter-chip:hover[b-cat-medios]{transform: translateY(-2px);box-shadow: 0 4px 12px var(--glow-color);}}.filter-chip.selected[b-cat-medios]{background: linear-gradient(135deg,var(--primary-from),var(--primary-to));border-color: transparent;}.filter-buttons[b-cat-medios]{display: flex;gap: 0.5rem;}.filter-toggle-btn[b-cat-medios]{width: 44px;height: 44px;border-radius: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;border: 2px solid rgba(96,165,250,0.3);background: rgba(30,41,59,0.5);color: rgba(96,165,250,0.7);}@media (hover: hover) and (pointer: fine){.filter-toggle-btn:hover[b-cat-medios]{transform: translateY(-2px);box-shadow: 0 4px 16px var(--eye-glow);border-color: var(--eye-color);}}.filter-toggle-btn.active[b-cat-medios]{background: linear-gradient(135deg,#3b82f6,var(--mxp-blue-300));border-color: transparent;color: white;}.filter-toggle-btn.rating[b-cat-medios]{border-color: rgba(251,191,36,0.3);color: rgba(251,191,36,0.7);}.filter-toggle-btn.rating.sort-desc[b-cat-medios],.filter-toggle-btn.rating.sort-asc[b-cat-medios]{background: linear-gradient(135deg,var(--rating-from),var(--rating-to));border-color: transparent;color: white;}.filter-icon-wrapper[b-cat-medios]{display: flex;align-items: center;justify-content: center;}[b-cat-medios] .media-card{border-radius: 16px;overflow: hidden;box-shadow: 0 2px 12px rgba(0,0,0,0.15);transition: transform 0.3s ease,box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;position: relative;background: rgba(30,41,59,0.4);border: 1px solid rgba(255,255,255,0.05);animation: cardFadeIn-b-cat-medios 0.5s ease-out both;cursor: pointer;contain: layout style paint;}@media (hover: hover) and (pointer: fine){[b-cat-medios] .media-card:hover{transform: translateY(-8px) scale(1.02);}}@media (hover: hover) and (pointer: fine){[b-cat-medios] .media-card.card-series:hover{box-shadow: 0 12px 32px rgba(0,0,0,0.25),0 0 20px rgba(139,92,246,0.2);border-color: rgba(139,92,246,0.35);}}@media (hover: hover) and (pointer: fine){[b-cat-medios] .media-card.card-movie:hover{box-shadow: 0 12px 32px rgba(0,0,0,0.25),0 0 20px rgba(217,119,6,0.2);border-color: rgba(217,119,6,0.35);}}[b-cat-medios] .media-card.in-collection{border-color: rgba(52,211,153,0.3);}.collection-indicator[b-cat-medios]{position: absolute;top: 10px;right: 10px;width: 32px;height: 32px;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 3;box-shadow: 0 4px 12px rgba(52,211,153,0.4);animation: scaleIn-b-cat-medios 0.3s ease;}.indicator-icon[b-cat-medios]{color: white;font-size: 16px;font-weight: bold;}.media-poster[b-cat-medios]{position: relative;width: 100%;padding-top: 150%;overflow: hidden;background: linear-gradient(135deg,#1e293b,#334155);}.media-poster > img[b-cat-medios]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}@media (hover: hover) and (pointer: fine){[b-cat-medios] .media-card:hover .media-poster > img{transform: scale(1.05);}}.media-providers-corner[b-cat-medios]{position: absolute;bottom: 6px;left: 6px;display: flex;gap: 4px;z-index: 2;}.search-provider-link[b-cat-medios]{display: flex;flex-shrink: 0;border-radius: 10px;transition: transform 0.2s ease,box-shadow 0.2s ease;cursor: pointer;}@media (hover: hover) and (pointer: fine){.search-provider-link:hover[b-cat-medios]{transform: scale(1.15);box-shadow: 0 0 10px rgba(255,255,255,0.35);}}.media-providers-corner .search-provider-logo[b-cat-medios]{position: static;width: 32px;height: 32px;border-radius: 10px;display: block;object-fit: cover;}.media-info[b-cat-medios]{padding: 1rem;flex-grow: 1;display: flex;flex-direction: column;}.media-title[b-cat-medios]{font-size: 0.95rem;font-weight: 700;color: white;margin-bottom: 0.75rem;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.5rem;}.media-meta-row[b-cat-medios]{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap;margin-top: auto;}.rating-badge[b-cat-medios]{display: flex;align-items: center;gap: 0.3rem;padding: 0.35rem 0.6rem;background: linear-gradient(135deg,rgba(251,191,36,0.15),rgba(245,158,11,0.1));border-radius: 8px;border: 1px solid rgba(251,191,36,0.25);}.rating-star[b-cat-medios]{color: var(--mxp-amber-300);font-size: 0.85rem;}.rating-value[b-cat-medios]{color: white;font-size: 0.8rem;font-weight: 700;}.year-badge[b-cat-medios]{padding: 0.35rem 0.6rem;background: rgba(100,116,139,0.2);border-radius: 8px;color: rgba(255,255,255,0.8);font-size: 0.75rem;font-weight: 600;}.type-badge[b-cat-medios]{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;border-radius: 8px;font-size: 0.85rem;}.type-badge.movie[b-cat-medios]{background: rgba(251,146,60,0.15);border: 1px solid rgba(251,146,60,0.25);}.type-badge.series[b-cat-medios]{background: rgba(139,92,246,0.15);border: 1px solid rgba(139,92,246,0.25);}.friends-icon[b-cat-medios]{font-size: 0.75rem;}.card-actions[b-cat-medios]{padding: 0.875rem 1rem;display: flex;gap: 8px;border-top: 1px solid rgba(255,255,255,0.05);background: rgba(15,23,42,0.3);}.action-btn[b-cat-medios]{flex: 1;padding: 0.7rem 0.75rem;border: none;border-radius: 10px;font-size: 0.8rem;font-weight: 700;cursor: pointer;transition: all 0.3s ease;color: white;display: flex;align-items: center;justify-content: center;gap: 5px;}.btn-detail[b-cat-medios],.btn-add[b-cat-medios]{background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));box-shadow: 0 4px 16px rgba(139,92,246,0.4);border: 1px solid rgba(88,28,135,0.25);}@media (hover: hover) and (pointer: fine){.btn-detail:hover[b-cat-medios],.btn-add:hover[b-cat-medios]{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(139,92,246,0.5);border-color: rgba(88,28,135,0.45);}}.btn-remove[b-cat-medios]{flex: 0 0 40px;width: 40px;height: 40px;padding: 0;background: rgba(239,68,68,0.15);border: 2px solid rgba(239,68,68,0.25);border-radius: 10px;color: #fca5a5;}@keyframes spinRing-b-cat-medios{to{transform: rotate(360deg);}}@keyframes pulseDot-b-cat-medios{0%,100%{transform: scale(1);opacity: 0.8;}50%{transform: scale(1.4);opacity: 1;}}.trending-card[b-cat-medios]{flex-shrink: 0;width: 165px;border-radius: 16px;overflow: hidden;background: rgba(30,41,59,0.6);border: 1px solid rgba(255,255,255,0.05);cursor: pointer;transition: transform 0.3s ease,box-shadow 0.3s ease;position: relative;contain: layout style paint;}@media (hover: hover) and (pointer: fine){.trending-card:hover[b-cat-medios]{transform: translateY(-8px) scale(1.03);z-index: 10;}}@media (hover: hover) and (pointer: fine){.trending-card.card-series:hover[b-cat-medios]{box-shadow: 0 16px 40px rgba(0,0,0,0.35),0 0 25px rgba(139,92,246,0.2);border-color: rgba(139,92,246,0.35);}}@media (hover: hover) and (pointer: fine){.trending-card.card-movie:hover[b-cat-medios]{box-shadow: 0 16px 40px rgba(0,0,0,0.35),0 0 25px rgba(217,119,6,0.2);border-color: rgba(217,119,6,0.35);}}.trending-card.in-collection[b-cat-medios]{border-color: rgba(52,211,153,0.3);}@media (hover: hover) and (pointer: fine){.trending-card.in-collection:hover[b-cat-medios]{border-color: rgba(52,211,153,0.5);box-shadow: 0 16px 40px rgba(0,0,0,0.35),0 0 25px rgba(52,211,153,0.25);}}.collection-badge-mini[b-cat-medios]{position: absolute;top: 10px;right: 10px;width: 28px;height: 28px;background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;color: white;font-weight: bold;z-index: 3;box-shadow: 0 3px 10px rgba(52,211,153,0.5);}.friends-badge-left-mini[b-cat-medios]{position: absolute;top: 10px;left: 10px;display: flex;align-items: center;gap: 3px;padding: 0 7px;height: 22px;min-width: 22px;background: linear-gradient( 135deg,rgba(139,92,246,0.95),rgba(124,58,237,0.9) );border-radius: 11px;color: white;font-weight: bold;font-size: 10px;box-shadow: 0 3px 10px rgba(139,92,246,0.5);z-index: 3;}.trending-poster[b-cat-medios]{position: relative;width: 100%;padding-top: 150%;overflow: hidden;border-radius: 16px 16px 0 0;}.trending-poster > img[b-cat-medios]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}@media (hover: hover) and (pointer: fine){.trending-card:hover .trending-poster > img[b-cat-medios]{transform: scale(1.1);}}.trending-overlay[b-cat-medios]{position: absolute;bottom: 0;left: 0;right: 0;padding: 0.5rem;background: linear-gradient(transparent,rgba(0,0,0,0.9));display: flex;align-items: flex-end;gap: 4px;}.carousel-provider-link[b-cat-medios]{display: flex;flex-shrink: 0;border-radius: 8px;transition: transform 0.2s ease,box-shadow 0.2s ease;cursor: pointer;}@media (hover: hover) and (pointer: fine){.carousel-provider-link:hover[b-cat-medios]{transform: scale(1.15);box-shadow: 0 0 10px rgba(255,255,255,0.35);}}.trending-overlay .carousel-provider-logo[b-cat-medios]{position: static;width: 28px;height: 28px;border-radius: 8px;display: block;flex-shrink: 0;object-fit: cover;}.trending-type-badge[b-cat-medios]{margin-left: auto;width: 28px;height: 28px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 0.9rem;flex-shrink: 0;}.trending-type-badge.movie[b-cat-medios]{background: rgba(251,146,60,0.3);box-shadow: inset 0 0 0 1px rgba(251,146,60,0.5);}.trending-type-badge.series[b-cat-medios]{background: rgba(139,92,246,0.3);box-shadow: inset 0 0 0 1px rgba(139,92,246,0.5);}.trending-info[b-cat-medios]{padding: 0.9rem;background: rgba(26,11,46,0.4);border-top: 1px solid rgba(88,28,135,0.2);}.trending-card-title[b-cat-medios]{font-size: 0.9rem;font-weight: 700;color: white;line-height: 1.35;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 0.5rem;min-height: 2.4rem;}.trending-meta-row[b-cat-medios]{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap;}.trending-rating[b-cat-medios]{display: flex;align-items: center;gap: 0.35rem;font-size: 0.85rem;color: rgba(255,255,255,0.85);font-weight: 600;}.trending-rating .star[b-cat-medios]{color: var(--mxp-amber-300);filter: drop-shadow(0 0 4px rgba(251,191,36,0.6));}.trending-rating.no-rating[b-cat-medios]{color: rgba(255,255,255,0.35);}.trending-rating.no-rating .star[b-cat-medios]{color: rgba(255,255,255,0.4);filter: none;}.trending-release[b-cat-medios]{display: flex;align-items: center;gap: 0.35rem;font-size: 0.8rem;color: rgba(244,114,182,0.9);font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.trending-release .calendar[b-cat-medios]{font-size: 0.75rem;}.preview-poster-wrapper[b-cat-medios]{flex-shrink: 0;position: relative;overflow: hidden;border-radius: 14px;}.preview-poster[b-cat-medios]{width: 220px;}.preview-poster img[b-cat-medios]{width: 100%;border-radius: 14px;box-shadow: 0 12px 32px rgba(0,0,0,0.5);}.preview-fav-corner[b-cat-medios]{display: none;}.preview-providers-corner[b-cat-medios]{position: absolute;bottom: 8px;left: 8px;display: flex;gap: 4px;}.preview-providers-corner a[b-cat-medios]{display: block;transition: transform 0.2s;}@media (hover: hover) and (pointer: fine){.preview-providers-corner a:hover[b-cat-medios]{transform: scale(1.15);}}.preview-providers-corner img[b-cat-medios]{width: 28px;height: 28px;border-radius: 6px;}.preview-title-row[b-cat-medios]{display: flex;align-items: baseline;gap: 0.75rem;flex-wrap: wrap;}.preview-tagline[b-cat-medios]{font-style: italic;color: rgba(255,255,255,0.45);font-size: 0.9rem;line-height: 1.4;max-width: 500px;}.preview-meta[b-cat-medios]{display: flex;align-items: center;gap: 0.85rem;flex-wrap: wrap;}.preview-rating[b-cat-medios]{display: flex;align-items: center;gap: 0.3rem;font-size: 1.1rem;font-weight: 700;color: var(--mxp-amber-300);}.preview-meta-item[b-cat-medios]{color: rgba(255,255,255,0.6);font-size: 0.95rem;}.preview-type-genres-row[b-cat-medios]{display: flex;align-items: stretch;gap: 0.5rem;flex-wrap: wrap;}.preview-type-genres-row > *[b-cat-medios]{display: inline-flex;align-items: center;height: 28px;box-sizing: border-box;}.preview-type-badge[b-cat-medios]{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0 0.7rem;border-radius: 10px;font-size: 0.75rem;font-weight: 700;}.preview-type-badge.movie[b-cat-medios]{background: rgba(251,146,60,0.2);color: var(--mxp-orange-300);border: 1px solid rgba(251,146,60,0.3);}.preview-type-badge.series[b-cat-medios]{background: rgba(139,92,246,0.2);color: var(--mxp-purple-200);border: 1px solid rgba(139,92,246,0.3);}.genre-tag[b-cat-medios]{padding: 0 0.6rem;background: rgba(255,255,255,0.08);border-radius: 10px;font-size: 0.75rem;color: rgba(255,255,255,0.75);border: 1px solid rgba(255,255,255,0.08);}.preview-overview-wrapper[b-cat-medios]::-webkit-scrollbar-thumb{background: rgba(139,92,246,0.3);border-radius: 2px;}.preview-user-status[b-cat-medios]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;padding: 0.75rem;background: rgba(139,92,246,0.08);border: 1px solid rgba(139,92,246,0.15);border-radius: 12px;}.status-badge[b-cat-medios]{display: flex;align-items: center;gap: 0.35rem;padding: 0.35rem 0.7rem;border-radius: 8px;font-size: 0.8rem;font-weight: 700;}.status-badge.inline[b-cat-medios]{padding: 0 0.5rem;font-size: 0.7rem;}.status-badge.inprogress[b-cat-medios]{background: rgba(96,165,250,0.2);color: var(--mxp-blue-300);}.status-badge.completed[b-cat-medios]{background: rgba(52,211,153,0.2);color: var(--mxp-green-300);}.status-badge.planned[b-cat-medios]{background: rgba(251,191,36,0.2);color: var(--mxp-amber-300);}.status-badge.onhold[b-cat-medios]{background: rgba(251,146,60,0.2);color: var(--mxp-orange-300);}.status-badge.dropped[b-cat-medios]{background: rgba(239,68,68,0.2);color: var(--mxp-red-400);}.progress-info[b-cat-medios]{display: flex;align-items: center;gap: 0.5rem;}.episode-count[b-cat-medios]{font-size: 0.8rem;color: rgba(255,255,255,0.7);font-weight: 600;}.progress-bar-mini[b-cat-medios]{width: 60px;height: 6px;background: rgba(255,255,255,0.1);border-radius: 3px;overflow: hidden;}.progress-fill-mini[b-cat-medios]{height: 100%;background: linear-gradient(90deg,var(--mxp-purple-200),#c084fc);border-radius: 3px;transition: width 0.3s ease;}.randomizer-section[b-cat-medios]{margin-top: 2.5rem;padding: 2rem;background: rgba(26,11,46,0.5);border-radius: 24px;border: 2px solid rgba(88,28,135,0.25);animation: slideDown-b-cat-medios 0.5s ease-out 0.7s both;transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.randomizer-section:hover[b-cat-medios]{border-color: rgba(88,28,135,0.45);}}.randomizer-content[b-cat-medios]{display: flex;align-items: center;justify-content: center;gap: 2rem;flex-wrap: wrap;}.randomizer-icon[b-cat-medios]{font-size: 4rem;animation: float-b-cat-medios 3s ease-in-out infinite;}.randomizer-text h3[b-cat-medios]{font-size: 1.5rem;font-weight: 800;background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0 0 0.5rem 0;}.randomizer-text p[b-cat-medios]{color: rgba(255,255,255,0.6);margin: 0;font-size: 0.95rem;}.randomizer-btn[b-cat-medios]{display: flex;align-items: center;gap: 0.75rem;padding: 1rem 2rem;background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));border: none;border-radius: 16px;color: white;font-size: 1.1rem;font-weight: 700;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 8px 30px rgba(139,92,246,0.4);}@media (hover: hover) and (pointer: fine){.randomizer-btn:hover[b-cat-medios]{transform: translateY(-4px) scale(1.02);box-shadow: 0 12px 40px rgba(139,92,246,0.5);}}.randomizer-theme-media[b-cat-medios] .randomizer-overlay{position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.92);backdrop-filter: blur(16px);padding: clamp(12px,5vh,96px) clamp(12px,3vw,32px)}.randomizer-modal-header h2[b-cat-medios]{font-size: 1.75rem;font-weight: 800;background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0 0 0.4rem 0;}.randomizer-modal-header p[b-cat-medios]{color: rgba(255,255,255,0.55);margin: 0;font-size: 1rem;}.filter-group > label[b-cat-medios]{font-weight: 600;color: rgba(255,255,255,0.8);font-size: 0.95rem;}.result-card[b-cat-medios]{display: flex;gap: 2rem;background: rgba(15,23,42,0.5);border-radius: 16px;padding: 1.75rem;border: 1px solid rgba(139,92,246,0.15);margin-bottom: 1.5rem;}.result-poster-wrapper[b-cat-medios]{flex-shrink: 0;position: relative;align-self: flex-start;}.result-poster[b-cat-medios]{width: 200px;}.result-poster img[b-cat-medios]{width: 100%;border-radius: 12px;box-shadow: 0 8px 24px rgba(0,0,0,0.45);}.result-providers-corner[b-cat-medios]{position: absolute;bottom: 8px;left: 8px;display: flex;gap: 4px;}.result-providers-corner a[b-cat-medios]{display: block;transition: transform 0.2s;}@media (hover: hover) and (pointer: fine){.result-providers-corner a:hover[b-cat-medios]{transform: scale(1.15);}}.result-providers-corner img[b-cat-medios]{width: 26px;height: 26px;border-radius: 6px;}.result-header-row[b-cat-medios]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;}.result-type[b-cat-medios]{display: inline-flex;padding: 0.3rem 0.6rem;border-radius: 8px;font-size: 0.75rem;font-weight: 700;width: fit-content;}.result-type.movie[b-cat-medios]{background: rgba(251,146,60,0.2);color: var(--mxp-orange-300);}.result-type.series[b-cat-medios]{background: rgba(139,92,246,0.2);color: var(--mxp-purple-200);}.result-title[b-cat-medios]{font-size: 1.6rem;font-weight: 800;color: white;margin: 0;line-height: 1.2;}.result-meta[b-cat-medios]{display: flex;align-items: center;gap: 0.75rem;color: rgba(255,255,255,0.6);font-size: 0.95rem;flex-wrap: wrap;}.result-genres span[b-cat-medios]{padding: 0.3rem 0.55rem;background: rgba(255,255,255,0.08);border-radius: 6px;font-size: 0.8rem;color: rgba(255,255,255,0.7);}.result-genres span.selected-genre[b-cat-medios]{background: rgba(96,165,250,0.25);border: 1px solid rgba(96,165,250,0.4);color: #93c5fd;}.result-overview[b-cat-medios]{color: rgba(255,255,255,0.7);font-size: 0.95rem;line-height: 1.65;margin: 0;}@container catalog (max-width: 900px){.stat-chip[b-cat-medios]{padding: 0.5rem 0.75rem;gap: 0.35rem;}}@media (max-width: 768px){.results-header[b-cat-medios]{flex-direction: column;align-items: flex-start;gap: 0.75rem;}.filters-row[b-cat-medios]{width: 100%;justify-content: space-between;}.filter-chips[b-cat-medios]{flex: 1;}.filter-chip[b-cat-medios]{flex: 1;text-align: center;padding: 0.5rem 0.5rem;font-size: 0.75rem;display: flex;flex-direction: column;align-items: center;gap: 0.25rem;line-height: 1.2;}.media-meta-row[b-cat-medios]{flex-wrap: nowrap;gap: 0.35rem;}.media-meta-row .rating-badge[b-cat-medios],.media-meta-row .year-badge[b-cat-medios],.media-meta-row .type-badge[b-cat-medios]{font-size: 0.7rem;padding: 0.25rem 0.4rem;}.trending-card[b-cat-medios]{width: 140px;scroll-snap-align: start;}.trending-card-title[b-cat-medios]{font-size: 0.85rem;min-height: 2.3rem;}.trending-info[b-cat-medios]{padding: 0.75rem;}.trending-overlay .carousel-provider-logo[b-cat-medios]{width: 22px;height: 22px;border-radius: 6px;}.trending-type-badge[b-cat-medios]{width: 22px;height: 22px;font-size: 0.7rem;}.randomizer-content[b-cat-medios]{flex-direction: column;text-align: center;gap: 1rem;}.randomizer-icon[b-cat-medios]{font-size: 2.5rem;}.randomizer-section[b-cat-medios]{padding: 1.25rem;margin-top: 1.5rem;}.randomizer-text h3[b-cat-medios]{font-size: 1.2rem;}.randomizer-text p[b-cat-medios]{font-size: 0.85rem;}.randomizer-btn[b-cat-medios]{padding: 0.85rem 1.5rem;font-size: 1rem;}.filter-chip[b-cat-medios]{flex-direction: column;gap: 0.25rem;padding: 0.75rem 1rem;}.preview-fav-corner[b-cat-medios]{display: flex;position: absolute;top: 8px;left: 8px;width: 28px;height: 28px;background: rgba(239,68,68,0.2);border-radius: 50%;align-items: center;justify-content: center;font-size: 0.85rem;z-index: 5;}.preview-providers-corner[b-cat-medios]{bottom: 6px;left: 6px;padding: 4px;gap: 3px;}.preview-providers-corner img[b-cat-medios]{width: 24px;height: 24px;}.preview-tagline[b-cat-medios]{max-width: 100%;font-size: 0.8rem;}.preview-type-genres-row[b-cat-medios]{justify-content: flex-start;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-bottom: 4px;}.preview-type-genres-row[b-cat-medios]::-webkit-scrollbar{display: none;}.preview-user-status[b-cat-medios]{justify-content: center;}.result-card[b-cat-medios]{flex-direction: column;align-items: center;gap: 1rem;padding: 1rem;text-align: center;}.result-poster-wrapper[b-cat-medios]{width: 160px;display: flex;flex-direction: column;align-items: center;align-self: center;}.result-poster[b-cat-medios]{width: 100%;}.result-providers-corner[b-cat-medios]{bottom: 6px;left: 6px;gap: 3px;}.result-providers-corner img[b-cat-medios]{width: 22px;height: 22px;}.result-info[b-cat-medios]{align-items: center;}.result-header-row[b-cat-medios]{justify-content: center;margin-bottom: 0.25rem;}.result-title[b-cat-medios]{font-size: 1.2rem;}.result-meta[b-cat-medios]{font-size: 0.85rem;justify-content: center;}.result-genres[b-cat-medios]{justify-content: center;}.result-genres span[b-cat-medios]{font-size: 0.75rem;}.result-overview[b-cat-medios]{font-size: 0.85rem;text-align: center;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}}@media (max-width: 480px){.catalog-container[b-cat-medios]{padding: 12px;padding-bottom: 2rem;}.catalog-header[b-cat-medios]{padding: 1rem;}.header-emoji[b-cat-medios]{font-size: 1.5rem;}[b-cat-medios] .header-title{font-size: 1.25rem !important;}.stat-chip[b-cat-medios]{padding: 0.4rem 0.5rem;flex: 1;flex-direction: column;gap: 0.15rem;justify-content: center;}.stat-label[b-cat-medios]{font-size: 0.62rem;letter-spacing: 0.3px;}.search-section[b-cat-medios]{padding: 0.5rem;}.search-randomizer-btn[b-cat-medios]{width: 36px;height: 36px;font-size: 1.1rem;}.trending-card[b-cat-medios]{width: 125px;border-radius: 12px;}.trending-card-title[b-cat-medios]{font-size: 0.8rem;}.trending-rating[b-cat-medios]{font-size: 0.75rem;}.collection-badge-mini[b-cat-medios]{width: 22px;height: 22px;font-size: 11px;top: 6px;right: 6px;}.friends-badge-left-mini[b-cat-medios]{left: 6px;min-width: 30px;height: 20px;font-size: 10px;padding: 0 6px;top: 6px;}.friends-badge-left-mini .friends-icon[b-cat-medios]{font-size: 9px;}.randomizer-section[b-cat-medios]{padding: 1rem;margin-top: 1rem;}.randomizer-icon[b-cat-medios]{font-size: 2rem;}.randomizer-text h3[b-cat-medios]{font-size: 1.1rem;margin-bottom: 0.25rem;}.randomizer-text p[b-cat-medios]{font-size: 0.8rem;}.randomizer-content[b-cat-medios]{gap: 0.75rem;}.randomizer-btn[b-cat-medios]{padding: 0.75rem 1.25rem;font-size: 0.95rem;border-radius: 12px;}.preview-fav-corner[b-cat-medios]{width: 24px;height: 24px;font-size: 0.75rem;top: 6px;left: 6px;}.preview-providers-corner img[b-cat-medios]{width: 20px;height: 20px;}.preview-tagline[b-cat-medios]{max-width: 100%;font-size: 0.75rem;}.preview-user-status[b-cat-medios]{padding: 0.5rem;gap: 0.4rem;}.status-badge[b-cat-medios]{font-size: 0.7rem;padding: 0.25rem 0.45rem;}.episode-count[b-cat-medios]{font-size: 0.7rem;}.filter-group > label[b-cat-medios]{font-size: 0.8rem;}.result-poster-wrapper[b-cat-medios]{width: 140px;}.result-meta[b-cat-medios]{font-size: 0.8rem;}.result-overview[b-cat-medios]{font-size: 0.8rem;}} .media-series[b-col-medios]{--primary-from: var(--mxp-purple-600);--primary-to: var(--mxp-purple-200);--secondary-from: #6366f1;--secondary-to: var(--mxp-purple-500);--glow-color: rgba(var(--ac-primary),0.18);--ac: 139,92,246;--ac-light: 167,139,250;--ac-dark: 88,28,135;--ac-bright: 147,51,234;--ac-primary: 124,58,237;--ac-hex: var(--mxp-purple-500);--ac-light-hex: var(--mxp-purple-200);--bg-dark: 26,11,46;}.media-movies[b-col-medios]{--primary-from: #d97706;--primary-to: var(--mxp-amber-500);--secondary-from: #b45309;--secondary-to: #d97706;--glow-color: rgba(245,158,11,0.18);--ac: 217,119,6;--ac-light: 245,158,11;--ac-dark: 120,53,15;--ac-bright: 180,83,9;--ac-primary: 217,119,6;--ac-hex: #d97706;--ac-light-hex: var(--mxp-amber-500);--bg-dark: 30,20,5;}.media-container[b-col-medios]{min-height: 100vh;padding: 20px;padding-bottom: 8rem;padding-top: 2rem;animation: fadeIn-b-col-medios 0.5s ease-out;}@keyframes fadeIn-b-col-medios{from{opacity: 0;}to{opacity: 1;}}@keyframes slideDown-b-col-medios{from{opacity: 0;transform: translateY(-20px);}to{opacity: 1;transform: translateY(0);}}[b-col-medios] .section-title{font-size: 2.5rem;font-weight: 800;letter-spacing: -0.5px;display: inline;}.media-series[b-col-medios] .section-title{background: linear-gradient(135deg,var(--mxp-purple-600),var(--mxp-purple-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.media-movies[b-col-medios] .section-title{background: linear-gradient(135deg,#d97706,var(--mxp-amber-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.quick-stats[b-col-medios]{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-bottom: 1.5rem;animation: slideDown-b-col-medios 0.5s ease-out 0.2s both;}.stat-card[b-col-medios]{background: rgba(var(--bg-dark),0.5);border-radius: 14px;padding: 0.875rem 1.25rem;display: flex;align-items: center;gap: 0.75rem;backdrop-filter: blur(10px);border: 2px solid rgba(var(--ac-dark),0.25);transition: all 0.3s ease;cursor: pointer;user-select: none;}@media (hover: hover) and (pointer: fine){.stat-card:hover[b-col-medios]{transform: translateY(-2px);box-shadow: 0 8px 24px var(--glow-color);border-color: rgba(var(--ac-dark),0.45);}}.stat-card.active .stat-value[b-col-medios],.stat-card.active .stat-label[b-col-medios]{background: none;-webkit-text-fill-color: white;color: white;}.stat-watching[b-col-medios]{border-color: rgba(52,211,153,0.3);}.stat-completed[b-col-medios]{border-color: rgba(var(--ac-light),0.3);}.stat-episodes[b-col-medios]{border-color: rgba(var(--ac),0.3);}.stat-icon[b-col-medios]{font-size: 1.5rem;filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));}.stat-value[b-col-medios]{font-size: 1.25rem;font-weight: 800;background: linear-gradient(135deg,var(--primary-from),var(--primary-to));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1;}.randomizer-theme-media[b-col-medios] .randomizer-overlay{position: fixed;inset: 0;z-index: 10000;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.92);backdrop-filter: blur(16px);padding: clamp(12px,5vh,96px) clamp(12px,3vw,32px)}.result-card[b-col-medios]{display: flex;gap: 2rem;background: rgba(15,23,42,0.5);border-radius: 16px;padding: 1.75rem;border: 1px solid rgba(var(--ac-light),0.15);margin-bottom: 1.5rem;}.result-poster img[b-col-medios]{width: 100%;border-radius: 12px;box-shadow: 0 8px 24px rgba(0,0,0,0.45);}.result-type[b-col-medios]{display: inline-flex;padding: 0.3rem 0.6rem;border-radius: 8px;font-size: 0.75rem;font-weight: 700;width: fit-content;}.result-type.movie[b-col-medios]{background: rgba(251,146,60,0.2);color: var(--mxp-orange-300);}.result-type.series[b-col-medios]{background: rgba(var(--ac-light),0.2);color: var(--ac-light-hex);}.result-genres span.selected-genre[b-col-medios]{background: rgba(96,165,250,0.25);border: 1px solid rgba(96,165,250,0.4);color: #93c5fd;}.timeline-calendar-trigger[b-col-medios]{display: flex;align-items: center;gap: 0.75rem;padding: 0.875rem 1.5rem;border-radius: 14px;background: linear-gradient(135deg,rgba(var(--ac),0.12) 0%,rgba(var(--ac-primary),0.08) 100%);border: 2px solid rgba(var(--ac),0.3);cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);font-weight: 700;font-size: 0.9rem;color: white;position: relative;}@media (hover: hover) and (pointer: fine){.trigger-grupo:hover .timeline-calendar-trigger[b-col-medios]{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(var(--ac),0.3);border-color: rgba(var(--ac),0.5);background: linear-gradient(135deg,rgba(var(--ac),0.18) 0%,rgba(var(--ac-primary),0.12) 100%);}}.timeline-calendar-trigger.has-date[b-col-medios]{background: rgba(var(--ac),0.15);border-color: rgba(var(--ac),0.4);}.trigger-icon[b-col-medios]{font-size: 1.25rem;filter: drop-shadow(0 2px 8px rgba(var(--ac),0.4));}.trigger-clear[b-col-medios]{display: flex;align-items: center;justify-content: center;padding: 0.2rem;border-radius: 50%;background: rgba(239,68,68,0.2);border: 1px solid rgba(239,68,68,0.4);color: rgba(239,68,68,0.9);cursor: pointer;transition: all 0.2s ease;position: absolute;right: 1rem;top: 50%;margin-top: -10px;width: 20px;height: 20px;min-width: 20px;flex-shrink: 0;}.trigger-clear svg[b-col-medios]{width: 14px;height: 14px;}.timeline-group[b-col-medios]{margin-bottom: 1.5rem;animation: slideDown-b-col-medios 0.5s ease-out 0.35s both;background: rgba(var(--ac),0.06);border-radius: 16px;border: 1px solid rgba(var(--ac),0.12);overflow: hidden;transition: all 0.3s ease;}@media (hover: hover) and (pointer: fine){.timeline-group:hover[b-col-medios]{border-color: rgba(var(--ac),0.2);}}.timeline-group-header[b-col-medios]{display: flex;align-items: center;justify-content: space-between;padding: 1rem 1.25rem;cursor: pointer;transition: all 0.2s ease;background: rgba(var(--ac),0.04);border-bottom: 1px solid rgba(var(--ac),0.1);}@media (hover: hover) and (pointer: fine){.timeline-group-header:hover[b-col-medios]{background: rgba(var(--ac),0.1);}}.timeline-date-exact[b-col-medios]{font-size: 0.7rem;color: rgba(var(--ac-light),0.6);font-weight: 500;}.timeline-toggle[b-col-medios]{font-size: 0.875rem;transition: transform 0.3s ease;color: rgba(var(--ac-light),0.6);}.timeline-node[b-col-medios]{width: 14px;height: 14px;border-radius: 50%;background: linear-gradient(135deg,rgba(var(--ac),0.8) 0%,rgba(var(--ac-light),0.9) 100%);border: 2px solid rgba(var(--ac),0.5);box-shadow: 0 0 10px rgba(var(--ac),0.5);z-index: 1;flex-shrink: 0;}.timeline-connector[b-col-medios]{width: 2px;flex: 1;background: linear-gradient(180deg,rgba(var(--ac),0.4) 0%,rgba(var(--ac),0.15) 100%);margin-top: 6px;}.timeline-activity-card[b-col-medios]{flex: 1;display: flex;flex-direction: row;gap: 1rem;padding: 0.875rem;margin-bottom: 0.75rem;background: rgba(var(--ac),0.04);border-radius: 12px;border: 1px solid rgba(var(--ac),0.12);border-left: 3px solid rgba(var(--ac),0.4);transition: all 0.3s ease;cursor: pointer;align-items: stretch;}@media (hover: hover) and (pointer: fine){.timeline-activity-card:hover[b-col-medios]{background: rgba(var(--ac),0.1);transform: translateX(4px);box-shadow: 0 8px 24px rgba(var(--ac),0.15);border-color: rgba(var(--ac),0.25);border-left-color: rgba(var(--ac),0.8);}}.timeline-card-poster img[b-col-medios]{width: 100%;height: 100%;object-fit: cover;}.timeline-card-time[b-col-medios]{font-size: 0.7rem;color: rgba(var(--ac-light),0.85);font-weight: 600;white-space: nowrap;flex-shrink: 0;}.timeline-card-description[b-col-medios]{font-size: 0.8rem;line-height: 1.3;color: rgba(255,255,255,0.75);}.timeline-card-description.description-completed[b-col-medios]{color: var(--mxp-green-300);}.timeline-card-description.description-episode[b-col-medios]{color: var(--mxp-blue-300);}.timeline-card-description.description-status[b-col-medios]{color: rgba(var(--ac-light),0.85);}[b-col-medios] .timeline-status-badge.status-watching{background: linear-gradient( 135deg,rgba(6,95,70,0.95),rgba(16,185,129,0.95) );box-shadow: 0 2px 10px rgba(16,185,129,0.45);}[b-col-medios] .timeline-status-badge.status-completed{background: linear-gradient( 135deg,rgba(161,98,7,0.95),rgba(251,191,36,0.95) );box-shadow: 0 2px 10px rgba(251,191,36,0.5);}[b-col-medios] .timeline-status-badge.status-onhold{background: linear-gradient( 135deg,rgba(146,64,14,0.95),rgba(251,191,36,0.95) );box-shadow: 0 2px 10px rgba(251,191,36,0.45);}[b-col-medios] .timeline-status-badge.status-dropped{background: linear-gradient( 135deg,rgba(127,29,29,0.95),rgba(239,68,68,0.95) );box-shadow: 0 2px 10px rgba(239,68,68,0.4);}[b-col-medios] .timeline-status-badge.status-planned{background: linear-gradient( 135deg,rgba(30,58,138,0.95),rgba(96,165,250,0.95) );box-shadow: 0 2px 10px rgba(96,165,250,0.4);}[b-col-medios] .timeline-card-poster img{display: block;width: 100%;height: auto;border-radius: inherit;}.timeline-card-time[b-col-medios]{font-size: 0.75rem;color: rgba(var(--ac-light),0.65);font-weight: 600;margin-left: auto;}.timeline-threebythree .timeline-card-time[b-col-medios]{font-size: 0.85rem;}.timeline-compact .timeline-card-time[b-col-medios]{font-size: 0.65rem;}.badge-completed[b-col-medios]{background: rgba(52,211,153,0.15);color: var(--mxp-green-300);border: 1px solid rgba(52,211,153,0.3);}.badge-episode[b-col-medios]{background: rgba(96,165,250,0.15);color: var(--mxp-blue-300);border: 1px solid rgba(96,165,250,0.3);}.badge-status[b-col-medios]{background: rgba(251,191,36,0.15);color: var(--mxp-amber-300);border: 1px solid rgba(251,191,36,0.3);}.badge-default[b-col-medios]{background: rgba(var(--ac),0.15);color: var(--ac-hex);border: 1px solid rgba(var(--ac),0.3);}[b-col-medios] .media-card{border-radius: 12px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.15);transition: transform 0.3s ease,box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;position: relative;background: rgba(30,41,59,0.4);border: 1px solid rgba(255,255,255,0.05);animation: cardFadeIn-b-col-medios 0.5s ease-out both;contain: layout style paint;}[b-col-medios] .media-card.compact{border-radius: 8px;}@keyframes cardFadeIn-b-col-medios{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@media (hover: hover) and (pointer: fine){[b-col-medios] .media-card:hover{transform: translateY(-6px) scale(1.02);box-shadow: 0 12px 32px rgba(0,0,0,0.25),0 0 20px var(--glow-color);}}@media (hover: hover) and (pointer: fine){[b-col-medios] .media-card:hover .favorite-btn,[b-col-medios] .media-card:hover .delete-btn{opacity: 1;}}.media-poster[b-col-medios]{position: relative;width: 100%;padding-top: 150%;overflow: hidden;background: linear-gradient(135deg,#1e293b 0%,#334155 100%);cursor: pointer;}.media-poster[b-col-medios]::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.7) 100%);z-index: 1;opacity: 0;transition: opacity 0.3s ease;}.media-poster img[b-col-medios]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}@media (hover: hover) and (pointer: fine){[b-col-medios] .media-card:hover .media-poster::before{opacity: 1;}}@media (hover: hover) and (pointer: fine){[b-col-medios] .media-card:hover .media-poster img{transform: scale(1.05);}}.media-status-badge[b-col-medios]{position: absolute;top: 8px;left: 8px;padding: 6px 10px;border-radius: 14px;font-size: 0.75rem;font-weight: 800;background: linear-gradient( 135deg,rgba(var(--ac-dark),0.95) 0%,rgba(var(--ac-bright),0.95) 100% );color: #ffffff;z-index: 2;border: 1px solid rgba(255,255,255,0.15);display: inline-flex;align-items: center;gap: 0.35rem;}.next-episode-badge[b-col-medios]{position: absolute;bottom: 8px;left: 8px;padding: 6px 10px;border-radius: 14px;font-size: 0.75rem;font-weight: 800;background: linear-gradient( 135deg,rgba(var(--ac-dark),0.95) 0%,rgba(var(--ac-bright),0.95) 100% );color: #ffffff;box-shadow: 0 4px 14px rgba(var(--ac-bright),0.45);z-index: 2;display: inline-flex;align-items: center;gap: 0.35rem;border: 1px solid rgba(255,255,255,0.15);}.next-ep-icon[b-col-medios]{font-size: 0.75rem;}.next-ep-text[b-col-medios]{font-size: 0.75rem;}.desktop-only[b-col-medios]{display: inline;}.mobile-only[b-col-medios]{display: none;}.premiere-badge[b-col-medios]{position: absolute;bottom: 8px;left: 8px;padding: 6px 10px;border-radius: 14px;font-size: 0.75rem;font-weight: 800;background: linear-gradient(135deg,rgba(30,58,138,0.95) 0%,rgba(59,130,246,0.95) 100%);color: #ffffff;box-shadow: 0 4px 14px rgba(59,130,246,0.45);z-index: 2;display: inline-flex;align-items: center;gap: 0.35rem;border: 1px solid rgba(255,255,255,0.15);}.premiere-icon[b-col-medios]{font-size: 0.75rem;}.premiere-text[b-col-medios]{font-size: 0.75rem;}.airing-badge[b-col-medios]{position: absolute;bottom: 8px;left: 8px;padding: 6px 10px;border-radius: 14px;font-size: 0.75rem;font-weight: 800;background: linear-gradient(135deg,rgba(37,99,235,0.95) 0%,rgba(96,165,250,0.95) 100%);color: #ffffff;box-shadow: 0 4px 14px rgba(96,165,250,0.45);z-index: 2;display: inline-flex;align-items: center;gap: 0.35rem;border: 1px solid rgba(255,255,255,0.15);}.airing-icon[b-col-medios]{font-size: 0.75rem;}.airing-text[b-col-medios]{font-size: 0.75rem;}[b-col-medios] .favorite-btn{position: absolute !important;top: 6px !important;right: 6px !important;z-index: 3 !important;opacity: 0;background: rgba(15,23,42,0.85) !important;border: 1px solid rgba(251,191,36,0.25) !important;width: 28px !important;height: 28px !important;border-radius: 50% !important;transition: all 0.25s cubic-bezier(0.4,0,0.2,1) !important;box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;}@media (hover: hover) and (pointer: fine){[b-col-medios] .favorite-btn:hover{transform: scale(1.15) !important;background: rgba(15,23,42,0.95) !important;border-color: rgba(251,191,36,0.5) !important;box-shadow: 0 4px 16px rgba(251,191,36,0.3) !important;}}[b-col-medios] .favorite-icon-empty{color: rgba(251,191,36,0.7) !important;}[b-col-medios] .favorite-icon-filled{color: var(--mxp-amber-300) !important;opacity: 1 !important;filter: drop-shadow(0 2px 4px rgba(251,191,36,0.4)) !important;}[b-col-medios] .delete-btn{position: absolute !important;bottom: 6px !important;right: 6px !important;z-index: 3 !important;width: 30px !important;height: 30px !important;border-radius: 50% !important;opacity: 0;display: flex !important;align-items: center;justify-content: center;background: rgba(255,255,255,0.85) !important;border: 1px solid rgba(244,67,54,0.25) !important;transition: opacity 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease !important;}@media (hover: hover) and (pointer: fine){[b-col-medios] .delete-btn:hover{transform: scale(1.15) !important;background: rgba(255,255,255,1) !important;}}.quick-watch-btn[b-col-medios]{position: absolute;top: 8px;right: 40px;z-index: 3;width: 28px;height: 28px;border-radius: 50%;opacity: 0;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(16,185,129,0.9),rgba(5,150,105,0.9));border: 1px solid rgba(52,211,153,0.4);color: white;cursor: pointer;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 2px 8px rgba(16,185,129,0.3);}@media (hover: hover) and (pointer: fine){.quick-watch-btn:hover[b-col-medios]{transform: scale(1.15);background: linear-gradient(135deg,rgba(16,185,129,1),rgba(5,150,105,1));border-color: rgba(52,211,153,0.6);color: white;box-shadow: 0 4px 20px rgba(16,185,129,0.6);}}@media (hover: hover) and (pointer: fine){[b-col-medios] .media-card:hover .quick-watch-btn{opacity: 1;}}@media (hover: none),(pointer: coarse){[b-col-medios] .favorite-btn,[b-col-medios] .delete-btn,.quick-watch-btn[b-col-medios]{opacity: 1;}}.confirm-watched-text[b-col-medios]{color: rgba(255,255,255,0.9) !important;line-height: 1.7 !important;font-size: 1rem !important;}.confirm-watched-text strong[b-col-medios]{color: var(--mxp-amber-300);font-weight: 700;}.btn-confirm-watched[b-col-medios]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px;background: rgba(245,158,11,0.15);border: 1px solid rgba(245,158,11,0.3);border-radius: 14px;color: #fcd34d;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-confirm-watched:hover[b-col-medios]{background: rgba(245,158,11,0.25);border-color: rgba(245,158,11,0.5);color: #fde68a;transform: translateY(-1px);}}.btn-confirm-watched:disabled[b-col-medios]{opacity: 0.5;cursor: not-allowed;transform: none;}.loading-box-success[b-col-medios]{border: 2px solid rgba(16,185,129,0.3) !important;box-shadow: 0 25px 60px rgba(0,0,0,0.5),0 0 80px rgba(16,185,129,0.2) !important;}.spinner-success[b-col-medios]{border-color: rgba(16,185,129,0.3);border-top-color: var(--mxp-green-500);}.series-highlight[b-col-medios]{color: var(--mxp-purple-200);}.btn-confirm-series[b-col-medios]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px;background: rgba(167,139,250,0.15);border: 1px solid rgba(167,139,250,0.3);border-radius: 12px;color: var(--mxp-purple-100);font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-confirm-series:hover[b-col-medios]{background: rgba(167,139,250,0.25);border-color: rgba(167,139,250,0.5);color: #ddd6fe;transform: translateY(-1px);}}.btn-confirm-series:disabled[b-col-medios]{opacity: 0.5;cursor: not-allowed;transform: none;}.loading-box-series[b-col-medios]{border: 2px solid rgba(167,139,250,0.3) !important;box-shadow: 0 25px 60px rgba(0,0,0,0.5),0 0 80px rgba(167,139,250,0.2) !important;}.spinner-series[b-col-medios]{border-color: rgba(167,139,250,0.3);border-top-color: var(--mxp-purple-200);}.loading-spinner[b-col-medios]{position: relative;width: 60px;height: 60px;margin: 0 auto 1.5rem;}.spinner-ring[b-col-medios]{position: absolute;width: 100%;height: 100%;border-radius: 50%;border: 3px solid rgba(16,185,129,0.2);border-top-color: var(--mxp-green-500);animation: spin-b-col-medios 1s linear infinite;}@keyframes spin-b-col-medios{from{transform: rotate(0deg);}to{transform: rotate(360deg);}}.loading-message[b-col-medios]{color: white;font-weight: 700;text-align: center;}.xp-warning-box[b-col-medios]{display: flex;align-items: center;gap: 0.5rem;margin-top: 1.25rem;padding: 0.75rem 1rem;background: rgba(251,191,36,0.1);border: 1px solid rgba(251,191,36,0.3);border-radius: 10px;}.warning-icon[b-col-medios]{font-size: 1rem;}.warning-text[b-col-medios]{color: rgba(251,191,36,0.95);font-size: 0.8rem;font-weight: 500;}.compact-progress-overlay[b-col-medios]{position: absolute;bottom: 0;left: 0;right: 0;height: 4px;background: rgba(0,0,0,0.5);z-index: 2;}.compact-progress-bar[b-col-medios]{height: 100%;background: linear-gradient(90deg,var(--primary-from),var(--primary-to));width: var(--p,0%);transition: width 0.6s cubic-bezier(0.4,0,0.2,1);box-shadow: 0 0 8px var(--glow-color);}.media-info[b-col-medios]{padding: 0.75rem;flex-grow: 1;display: flex;flex-direction: column;cursor: pointer;}.media-title[b-col-medios]{font-size: 0.8rem;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-height: 1.2rem;margin-bottom: 0.35rem;}.media-meta[b-col-medios]{display: flex;flex-direction: column;gap: 0.25rem;margin-bottom: 0.5rem;font-size: 0.7rem;}.meta-row[b-col-medios]{display: flex;flex-direction: row;align-items: center;gap: 0.35rem;padding: 0.15rem 0;line-height: 1;}.meta-row:last-child[b-col-medios]{border-bottom: none;}.meta-label[b-col-medios]{font-weight: 600;opacity: 0.6;font-size: 0.7rem;line-height: 1;vertical-align: middle;}.meta-separator[b-col-medios]{opacity: 0.4;font-size: 0.5rem;line-height: 1;vertical-align: middle;}.meta-value[b-col-medios]{font-weight: 700;background: linear-gradient(135deg,var(--primary-from),var(--primary-to));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-size: 0.7rem;line-height: 1;vertical-align: middle;}.genre-row[b-col-medios]{max-width: 100%;overflow: hidden;}.genre-value[b-col-medios]{flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: default;}.duration-badge[b-col-medios]{display: none;align-items: center;gap: 0.25rem;margin-left: auto;font-size: 0.65rem;font-weight: 600;opacity: 0.8;}.twobytwo-mode .duration-badge[b-col-medios]{display: inline-flex;}.duration-icon[b-col-medios]{font-size: 0.65rem;}.duration-value[b-col-medios]{color: rgba(255,255,255,0.9);font-weight: 600;}.rating-container[b-col-medios]{display: flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.6rem;background: linear-gradient(135deg,rgba(251,191,36,0.1) 0%,rgba(245,158,11,0.1) 100%);border-radius: 6px;margin-bottom: 0.5rem;border: 1px solid rgba(251,191,36,0.2);}.rating-user[b-col-medios],.rating-tmdb[b-col-medios]{display: flex;align-items: center;gap: 0.2rem;font-size: 0.7rem;font-weight: 600;}.rating-none[b-col-medios]{display: flex;align-items: center;gap: 0.2rem;font-size: 0.7rem;font-weight: 600;opacity: 0.5;}.progress-section[b-col-medios]{margin-top: auto;padding-top: 0.2rem;}.progress-label[b-col-medios]{display: flex;justify-content: space-between;gap: 0.3rem;font-size: 0.7rem;opacity: 0.7;margin-bottom: 0.4rem;font-weight: 600;}.progress-bar-container[b-col-medios]{height: 5px;background: rgba(128,128,128,0.1);border-radius: 8px;overflow: hidden;box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);}.progress-bar[b-col-medios]{height: 5px;background: rgba(128,128,128,0.1);border-radius: 8px;overflow: hidden;background-image: linear-gradient(90deg,var(--primary-from),var(--primary-to));background-size: var(--p,0%) 100%;background-repeat: no-repeat;transition: background-size .6s cubic-bezier(0.4,0,0.2,1);box-shadow: inset 0 2px 4px rgba(0,0,0,.1);}.media-status-badge.status-planned[b-col-medios]{background: linear-gradient( 135deg,rgba(30,58,138,0.95),rgba(59,130,246,0.95) );color: #ffffff;box-shadow: 0 4px 14px rgba(59,130,246,0.45);}.media-status-badge.status-watching[b-col-medios]{background: linear-gradient( 135deg,rgba(var(--ac-dark),0.95),rgba(var(--ac-bright),0.95) );color: #ffffff;box-shadow: 0 4px 14px rgba(var(--ac-bright),0.5);}.media-status-badge.status-completed[b-col-medios]{background: linear-gradient( 135deg,rgba(161,98,7,0.95),rgba(251,191,36,0.95) );color: #ffffff;box-shadow: 0 4px 14px rgba(251,191,36,0.5);}.media-status-badge.status-onhold[b-col-medios]{background: linear-gradient( 135deg,rgba(146,64,14,0.95),rgba(245,158,11,0.95) );color: #ffffff;box-shadow: 0 4px 14px rgba(245,158,11,0.45);}.media-status-badge.status-dropped[b-col-medios]{background: linear-gradient( 135deg,rgba(127,29,29,0.95),rgba(239,68,68,0.95) );color: #ffffff;box-shadow: 0 4px 14px rgba(239,68,68,0.45);}.media-status-badge[b-col-medios]{text-shadow: 0 1px 2px rgba(0,0,0,0.45);}[b-col-medios] .empty-state{text-align: center;padding: 3rem 2rem;border-radius: 20px;border: 2px dashed rgba(var(--ac-light),0.2);background: rgba(var(--bg-dark),0.3);animation: slideDown-b-col-medios 0.5s ease-out 0.4s both;}[b-col-medios] .empty-state .mud-button-filled-primary{background: linear-gradient(135deg,var(--ac-light-hex),var(--ac-hex)) !important;border: 1px solid rgba(var(--ac-dark),0.25) !important;box-shadow: 0 4px 20px rgba(var(--ac-light),0.4) !important;}@media (hover: hover) and (pointer: fine){[b-col-medios] .empty-state .mud-button-filled-primary:hover{box-shadow: 0 6px 24px rgba(var(--ac-light),0.5) !important;border-color: rgba(var(--ac-dark),0.45) !important;}}.spinner-media[b-col-medios]{border-color: rgba(var(--ac-light),0.2);border-top-color: var(--ac-light-hex);}[b-col-medios] a.catalog-link{display: inline-flex;align-items: center;gap: 6px;font-weight: 900 !important;font-size: clamp(1.05rem,0.95rem + 0.4vw,1.2rem) !important;letter-spacing: 0.3px;text-decoration: none !important;padding: 0 2px;border-radius: 0;color: var(--primary-to) !important;background: transparent;border: none;box-shadow: none;transition: transform .15s ease,text-shadow .2s ease,filter .2s ease;}@media (hover: hover) and (pointer: fine){[b-col-medios] a.catalog-link:hover{transform: translateY(-1px);text-shadow: 0 10px 24px rgba(0,0,0,0.35),0 0 18px var(--glow-color);filter: saturate(1.15);}}.btn-cancel[b-col-medios]{flex: 1;padding: 12px 20px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;color: rgba(255,255,255,0.8);font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-cancel:hover[b-col-medios]{background: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.2);}}@media (max-width: 768px){.quick-stats[b-col-medios]{display: grid;grid-template-columns: repeat(3,1fr);}.stat-episodes[b-col-medios]{display: none;}.stat-card[b-col-medios]{padding: 0.625rem 0.875rem;}.stat-icon[b-col-medios]{font-size: 1.1rem;}.stat-value[b-col-medios]{font-size: 1rem;}.rating-container[b-col-medios]{padding: 0.35rem 0.5rem;gap: 0.3rem;flex-wrap: nowrap;}.rating-user[b-col-medios],.rating-tmdb[b-col-medios]{font-size: 0.65rem;white-space: nowrap;}.meta-row[b-col-medios]{display: none;}.trigger-clear[b-col-medios]{width: 22px;height: 22px;min-width: 22px;right: 0.5rem;margin-top: -11px;padding: 0.2rem;}.trigger-clear svg[b-col-medios]{width: 13px;height: 13px;}.timeline-activity-card[b-col-medios]{padding: 0.875rem;gap: 0.625rem;}.timeline-card-time[b-col-medios]{font-size: 0.7rem;}[b-col-medios] .favorite-btn,[b-col-medios] .delete-btn{display: none !important;}.quick-watch-btn[b-col-medios]{opacity: 1;width: 22px;height: 22px;top: 6px;right: 6px;background: rgba(10,14,39,0.9);color: var(--mxp-green-500);}}@media (max-width: 600px){.media-container[b-col-medios]{padding: 10px;padding-bottom: 2rem;padding-top: 1rem;}[b-col-medios] .section-title{font-size: 1.5rem;}.quick-stats[b-col-medios]{display: grid;grid-template-columns: repeat(3,1fr);grid-template-rows: auto auto;gap: 0.375rem;margin-bottom: 0.875rem;}.stat-episodes[b-col-medios]{display: none;}.stat-card[b-col-medios]{padding: 0.4rem 0.5rem;gap: 0.3rem;justify-content: center;}.stat-icon[b-col-medios]{font-size: 0.9rem;}.stat-value[b-col-medios]{font-size: 0.85rem;}.trigger-clear[b-col-medios]{width: 20px;height: 20px;min-width: 20px;margin-top: -10px;padding: 0.15rem;}.trigger-clear svg[b-col-medios]{width: 12px;height: 12px;}.timeline-node[b-col-medios]{width: 12px;height: 12px;border-radius: 50%;background: linear-gradient(135deg,rgba(var(--ac),0.8) 0%,rgba(var(--ac-light),0.9) 100%);border: 2px solid rgba(var(--ac),0.5);box-shadow: 0 0 8px rgba(var(--ac),0.4);z-index: 1;flex-shrink: 0;}.timeline-connector[b-col-medios]{width: 2px;flex: 1;background: linear-gradient(180deg,rgba(var(--ac),0.4) 0%,rgba(var(--ac),0.15) 100%);margin-top: 4px;}.timeline-activity-card[b-col-medios]{flex: 1;flex-direction: row;gap: 0.75rem;padding: 0.625rem;margin-bottom: 0.625rem;align-items: stretch;border-radius: 10px;border-left: 3px solid rgba(var(--ac),0.4);}@media (hover: hover) and (pointer: fine){.timeline-activity-card:hover[b-col-medios]{transform: translateX(4px);border-left-color: rgba(var(--ac),0.8);}}.timeline-card-time[b-col-medios]{font-size: 0.7rem;color: rgba(var(--ac-light),0.9);font-weight: 600;white-space: nowrap;padding: 0.15rem 0.4rem;background: rgba(var(--ac),0.15);border-radius: 4px;}[b-col-medios] .media-card{border-radius: 8px;}[b-col-medios] .media-card.compact{border-radius: 6px;}.desktop-only[b-col-medios]{display: none;}.mobile-only[b-col-medios]{display: inline;}.media-status-badge[b-col-medios]{top: 4px;left: 4px;padding: 3px 6px;font-size: 0.55rem;border-radius: 6px;}.next-episode-badge[b-col-medios]{bottom: 4px;left: 4px;right: auto;padding: 3px 6px;font-size: 0.55rem;border-radius: 8px;gap: 0.2rem;}.next-ep-icon[b-col-medios],.next-ep-text[b-col-medios]{font-size: 0.55rem;}.premiere-badge[b-col-medios]{bottom: 4px;left: 4px;right: auto;padding: 3px 6px;font-size: 0.55rem;border-radius: 8px;gap: 0.2rem;}.premiere-icon[b-col-medios],.premiere-text[b-col-medios]{font-size: 0.55rem;}.airing-badge[b-col-medios]{bottom: 4px;left: 4px;right: auto;padding: 3px 6px;font-size: 0.55rem;border-radius: 8px;gap: 0.2rem;}.airing-icon[b-col-medios],.airing-text[b-col-medios]{font-size: 0.55rem;}[b-col-medios] .favorite-btn,[b-col-medios] .delete-btn{width: 24px !important;height: 24px !important;}[b-col-medios] .delete-btn{bottom: 4px !important;right: 4px !important;opacity: 1 !important;}.quick-watch-btn[b-col-medios]{opacity: 1;width: 24px;height: 24px;top: 4px;right: 4px;background: rgba(10,14,39,0.9);color: var(--mxp-green-500);}.threebythree-mode .texto-estado[b-col-medios]{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;}.media-info[b-col-medios]{padding: 0.625rem;}.media-title[b-col-medios]{font-size: 0.7rem;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: unset;-webkit-box-orient: unset;margin-bottom: 0.35rem;}.media-meta[b-col-medios]{display: flex;flex-direction: column;gap: 0.3rem;margin-bottom: 0.5rem;}.meta-row[b-col-medios]{display: flex;flex-direction: column;align-items: flex-start;gap: 0.15rem;padding: 0.2rem 0;}.meta-row .meta-separator[b-col-medios]{display: none;}.meta-label[b-col-medios]{font-size: 0.6rem;margin-bottom: 0.25rem;}.meta-value[b-col-medios]{font-size: 0.65rem;line-height: 1.1;}.media-series .genre-row[b-col-medios]{display: none !important;}.media-movies .genre-row[b-col-medios]{display: flex !important;flex-direction: column;align-items: flex-start;gap: 0.15rem;max-width: 100%;}.media-movies .genre-value[b-col-medios]{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}.rating-container[b-col-medios]{padding: 0.3rem 0.4rem;gap: 0.25rem;flex-wrap: nowrap;}.rating-user[b-col-medios],.rating-tmdb[b-col-medios]{font-size: 0.6rem;white-space: nowrap;}.compact-progress-overlay[b-col-medios]{height: 2px;}[b-col-medios] .empty-state{padding: 2rem 1.25rem;}}[b-col-medios] .catalog-button{display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 8px !important;padding: 12px 24px !important;background: rgba(var(--ac-light),0.15) !important;border: 1px solid rgba(var(--ac-light),0.5) !important;border-radius: 12px !important;color: #ffffff !important;font-size: 0.9rem !important;font-weight: 600 !important;letter-spacing: 0.4px !important;transition: all 0.2s ease !important;}@media (max-width: 767px){.twobytwo-mode .media-status-badge[b-col-medios]{top: 6px;left: 6px;padding: 5px 8px;font-size: 0.65rem;border-radius: 10px;}.twobytwo-mode .next-episode-badge[b-col-medios],.twobytwo-mode .premiere-badge[b-col-medios],.twobytwo-mode .airing-badge[b-col-medios]{bottom: 6px;left: 6px;padding: 5px 8px;font-size: 0.65rem;border-radius: 10px;}} .page-container[b-det-peli]{animation: fadeIn-b-det-peli 0.4s ease-out;min-height: 100vh;padding: 0 0 4rem;max-width: none;margin: 0;background: linear-gradient(180deg,#0e0b06 0%,#161008 50%,#120e08 100%);position: relative;z-index: auto;container-type: inline-size;container-name: detail-page;}.hero-layout-wrapper[b-det-peli]{display: grid;grid-template-columns: 1fr 320px;gap: 2rem;align-items: start;}.hero-layout-wrapper.guest-layout[b-det-peli]{grid-template-columns: 1fr 250px;}.hero-section[b-det-peli]{position: relative;max-width: 1800px;margin: 0 auto;padding: 1.5rem 2rem 2rem;overflow: visible;z-index: 100;}.hero-top-bar[b-det-peli]{position: absolute;top: 1.5rem;left: 1rem;right: 2rem;display: flex;align-items: center;justify-content: space-between;z-index: 200;}.mobile-ranking-btn[b-det-peli]{display: none;}[b-det-peli] .back-btn-detail{background: linear-gradient(135deg,rgba(217,119,6,0.25) 0%,rgba(245,158,11,0.25) 100%) !important;backdrop-filter: blur(16px) !important;border: 1px solid rgba(217,119,6,0.3) !important;color: white !important;border-radius: 50% !important;box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;transition: all 0.2s ease !important;}@media (hover: hover) and (pointer: fine){[b-det-peli] .back-btn-detail:hover{background: linear-gradient(135deg,rgba(217,119,6,0.4) 0%,rgba(245,158,11,0.4) 100%) !important;transform: scale(1.1) !important;box-shadow: 0 6px 20px rgba(217,119,6,0.4) !important;}}.hero-main-content[b-det-peli]{position: relative;display: flex;gap: 3rem;align-items: stretch;min-width: 0;}.hero-cover-section[b-det-peli]{position: sticky;top: 2rem;flex-shrink: 0;height: fit-content;align-self: flex-start;}.sidebar-login-cta[b-det-peli]{display: flex;flex-direction: column;align-items: center;gap: 0.5rem;padding: 1.5rem 1.25rem;background: linear-gradient(135deg,rgba(217,119,6,0.12) 0%,rgba(245,158,11,0.08) 100%);border: 1px solid rgba(217,119,6,0.2);border-radius: 16px;cursor: pointer;transition: all 0.3s ease;text-align: center;}@media (hover: hover) and (pointer: fine){.sidebar-login-cta:hover[b-det-peli]{background: linear-gradient(135deg,rgba(217,119,6,0.2) 0%,rgba(245,158,11,0.15) 100%);border-color: rgba(217,119,6,0.4);transform: translateY(-2px);}}.friends-overlay-content[b-det-peli] .ranking-overlay{position: static;background: none;backdrop-filter: none;padding: 0;display: block;}.friends-overlay-content[b-det-peli] .ranking-modal{max-height: 85vh;overflow: hidden;display: flex;flex-direction: column;}.friends-overlay-content[b-det-peli] .ranking-modal-direct{max-height: 85vh;overflow: hidden;display: flex;flex-direction: column;background: linear-gradient(145deg,rgba(20,20,40,0.98) 0%,rgba(15,15,30,0.98) 100%);border-radius: 28px;border: 2px solid rgba(217,119,6,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 80px rgba(217,119,6,0.3);}.friends-overlay-content[b-det-peli] .modal-friends-list{flex: 1;overflow-y: auto;min-height: 0;}.hero-cover-image[b-det-peli]{position: relative;width: 260px;height: 390px;border-radius: 24px;object-fit: cover;box-shadow: 0 25px 70px rgba(0,0,0,0.6);transition: transform 0.3s ease;}.hero-info-section[b-det-peli]{flex: 1;color: white;min-width: 0;display: flex;flex-direction: column;justify-content: space-between;gap: 1.5rem;container: ficha-info / inline-size;}.hero-title-row[b-det-peli]{display: flex;align-items: center;gap: 1rem;}.hero-title[b-det-peli]{font-size: 3rem;font-weight: 900;margin: 0;line-height: 1.25;background: linear-gradient(135deg,#ffffff 0%,#e0e0ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: 0 4px 20px rgba(217,119,6,0.3);}.hero-meta[b-det-peli]{display: flex;flex-wrap: wrap;gap: 0.85rem;align-items: center;}.meta-item[b-det-peli]{display: flex;align-items: center;gap: 0.6rem;padding: 0.65rem 1.25rem;background: linear-gradient(135deg,rgba(30,30,60,0.8) 0%,rgba(20,20,40,0.8) 100%);border: 1px solid rgba(217,119,6,0.2);border-radius: 14px;backdrop-filter: blur(20px);}.meta-item.meta-year[b-det-peli]{border-color: rgba(59,130,246,0.3);background: linear-gradient(135deg,rgba(59,130,246,0.15) 0%,rgba(37,99,235,0.15) 100%);}.meta-item.meta-runtime[b-det-peli]{border-color: rgba(245,158,11,0.3);background: linear-gradient(135deg,rgba(245,158,11,0.15) 0%,rgba(180,83,9,0.15) 100%);}.hero-ratings-row[b-det-peli]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;}.rating-badge[b-det-peli]{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;border-radius: 12px;backdrop-filter: blur(20px);transition: transform 0.2s ease,box-shadow 0.2s ease;cursor: default;border: 1px solid;}.rating-badge.rating-tmdb[b-det-peli]{background: linear-gradient(135deg,rgba(251,191,36,0.2) 0%,rgba(245,158,11,0.2) 100%);border-color: rgba(251,191,36,0.4);}.rating-badge.rating-user[b-det-peli]{background: linear-gradient(135deg,rgba(236,72,153,0.2) 0%,rgba(219,39,119,0.2) 100%);border-color: rgba(236,72,153,0.4);cursor: pointer;}.rating-badge.rating-user.not-rated[b-det-peli]{background: linear-gradient(135deg,rgba(100,100,120,0.2) 0%,rgba(80,80,100,0.2) 100%);border-color: rgba(150,150,170,0.4);}.genre-tags[b-det-peli]{display: flex;flex-wrap: wrap;gap: 0.6rem;align-items: center;width: 100%;}.genre-tag[b-det-peli]{padding: 0.45rem 1.1rem;background: linear-gradient(135deg,rgba(217,119,6,0.2) 0%,rgba(180,83,9,0.2) 100%);border: 1px solid rgba(217,119,6,0.35);border-radius: 24px;font-size: 0.85rem;font-weight: 700;color: #fde68a;backdrop-filter: blur(10px);}@media (max-width: 960px){.genre-providers-row .genre-tags[b-det-peli]{justify-content: center;}.genre-providers-row .detail-providers[b-det-peli]{justify-content: center;}}.detail-provider-logo[b-det-peli]{width: 36px;height: 36px;border-radius: 10px;object-fit: cover;transition: transform 0.2s ease,box-shadow 0.2s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.3);}@media (hover: hover) and (pointer: fine){.detail-provider-logo:hover[b-det-peli]{transform: scale(1.15);box-shadow: 0 4px 12px rgba(217,119,6,0.4);}}.mobile-action-icon[b-det-peli]{display: none;}.desktop-action-icon[b-det-peli]{display: flex;}.hero-action-icon[b-det-peli]{width: 56px;height: 56px;border-radius: 18px;border: 2px solid rgba(255,255,255,0.15);background: linear-gradient(135deg,rgba(30,30,60,0.6) 0%,rgba(20,20,40,0.6) 100%);backdrop-filter: blur(20px);font-size: 1.6rem;cursor: pointer;transition: transform 0.2s ease,background 0.2s ease,border-color 0.2s ease;align-items: center;justify-content: center;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.hero-action-icon:hover[b-det-peli]{transform: translateY(-3px);background: linear-gradient(135deg,rgba(30,30,60,0.8) 0%,rgba(20,20,40,0.8) 100%);border-color: rgba(255,255,255,0.3);}}.hero-action-icon.favorite[b-det-peli]{color: rgba(255,255,255,0.7);}.hero-action-icon.favorite.active[b-det-peli]{color: #ff3366;border-color: rgba(255,51,102,0.6);background: linear-gradient(135deg,rgba(255,51,102,0.25) 0%,rgba(239,68,68,0.25) 100%);box-shadow: 0 0 25px rgba(255,51,102,0.4);}.hero-actions[b-det-peli]{display: flex;gap: 1rem;align-items: center;flex-wrap: wrap;flex-direction: row;position: relative;}.hero-actions-row-main[b-det-peli]{display: flex;align-items: center;gap: 0.85rem;flex: 1;}@container ficha-info (max-width: 440px){.hero-actions-row-main[b-det-peli]{flex-wrap: wrap;}.hero-actions-row-main[b-det-peli] .main-action-btn{flex: 1 1 100%;}.hero-actions-row-main .hero-action-icon[b-det-peli]{flex: 1;}.guest-layout .hero-actions-row-main[b-det-peli]{flex-wrap: nowrap;}.guest-layout .hero-actions-row-main[b-det-peli] .main-action-btn{min-width: 0;}.guest-layout .hero-actions-row-main .hero-action-icon[b-det-peli]{flex: 0 0 auto;}}.guest-layout .hero-actions-row-main[b-det-peli] .main-action-btn{flex: 1 1 auto;}[b-det-peli] .main-action-btn{height: 60px;min-width: 260px;font-size: 1.05rem;font-weight: 800;border-radius: 18px;text-transform: none;box-shadow: 0 6px 25px rgba(0,0,0,0.4);transition: transform 0.2s ease,box-shadow 0.2s ease;background: linear-gradient(135deg,#d97706 0%,#b45309 100%) !important;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){[b-det-peli] .main-action-btn:hover:not(:disabled){transform: translateY(-2px);box-shadow: 0 8px 30px rgba(217,119,6,0.5);}}[b-det-peli] .main-action-btn.completed{background: linear-gradient(135deg,var(--mxp-green-500) 0%,#059669 100%) !important;}@media (hover: hover) and (pointer: fine){[b-det-peli] .main-action-btn.completed:hover{box-shadow: 0 8px 30px rgba(16,185,129,0.5);}}.completed-date[b-det-peli]{margin-left: 0.75rem;font-size: 0.75rem;font-weight: 700;opacity: 1;background: rgba(255,255,255,0.2);padding: 0.2rem 0.6rem;border-radius: 8px;letter-spacing: 0.3px;}.synopsis-button[b-det-peli]{display: inline-flex;align-items: center;gap: 0.75rem;padding: 0.85rem 1.75rem;background: linear-gradient(135deg,rgba(217,119,6,0.2) 0%,rgba(180,83,9,0.2) 100%);border: 2px solid rgba(217,119,6,0.35);border-radius: 18px;cursor: pointer;transition: background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;backdrop-filter: blur(20px);color: white;font-size: 1rem;font-weight: 700;flex-basis: 100%;}.synopsis-button:disabled[b-det-peli]{background: linear-gradient(135deg,rgba(60,60,80,0.2) 0%,rgba(50,50,70,0.2) 100%);border-color: rgba(100,100,120,0.25);color: rgba(255,255,255,0.4);cursor: not-allowed;transform: none;}@media (hover: hover) and (pointer: fine){.synopsis-button:disabled:hover[b-det-peli]{background: linear-gradient(135deg,rgba(60,60,80,0.2) 0%,rgba(50,50,70,0.2) 100%);border-color: rgba(100,100,120,0.25);transform: none;box-shadow: none;}}@media (hover: hover) and (pointer: fine){.synopsis-button:hover[b-det-peli]{background: linear-gradient(135deg,rgba(217,119,6,0.3) 0%,rgba(180,83,9,0.3) 100%);border-color: rgba(217,119,6,0.6);transform: translateY(-2px);box-shadow: 0 4px 15px rgba(217,119,6,0.3);}}.synopsis-modal[b-det-peli]{background: linear-gradient(145deg,rgba(20,20,40,0.98) 0%,rgba(15,15,30,0.98) 100%);border-radius: 28px;border: 2px solid rgba(217,119,6,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 80px rgba(217,119,6,0.3);width: 90%;max-width: 600px;max-height: 80vh;overflow: hidden;animation: modalIn-b-det-peli 0.3s ease-out;display: flex;flex-direction: column;}.synopsis-modal-header[b-det-peli]{display: flex;align-items: center;gap: 1.25rem;padding: 1.5rem 1.75rem;border-bottom: 1px solid rgba(249,115,22,0.2);background: linear-gradient(135deg,rgba(249,115,22,0.15) 0%,rgba(234,88,12,0.1) 100%);flex-shrink: 0;}.rating-modal[b-det-peli]{background: linear-gradient(145deg,rgba(24,18,10,0.98) 0%,rgba(18,14,8,0.98) 100%);border-radius: 28px;border: 2px solid rgba(217,119,6,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 80px rgba(217,119,6,0.3);width: 90%;max-width: 420px;overflow: hidden;animation: modalIn-b-det-peli 0.3s ease-out;}@keyframes modalIn-b-det-peli{from{opacity: 0;transform: scale(0.9) translateY(20px);}to{opacity: 1;transform: scale(1) translateY(0);}}.rating-modal-header[b-det-peli]{display: flex;align-items: center;gap: 1.25rem;padding: 1.5rem 1.75rem;border-bottom: 1px solid rgba(249,115,22,0.2);background: linear-gradient(135deg,rgba(249,115,22,0.15) 0%,rgba(234,88,12,0.1) 100%);}.rating-big-number[b-det-peli]{font-size: 4.5rem;font-weight: 900;background: linear-gradient(135deg,#fde68a,var(--mxp-amber-300));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.rating-big-number.rating-excellent[b-det-peli]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));-webkit-background-clip: text;background-clip: text;}.rating-big-number.rating-good[b-det-peli]{background: linear-gradient(135deg,var(--mxp-amber-300),var(--mxp-amber-500));-webkit-background-clip: text;background-clip: text;}.star[b-det-peli]{font-size: 1.85rem;color: rgba(255,255,255,0.25);cursor: pointer;transition: transform 0.15s ease,color 0.15s ease;}@media (hover: hover) and (pointer: fine){.star:hover[b-det-peli]{transform: scale(1.2);color: rgba(255,255,255,0.4);}}.star.filled[b-det-peli]{color: #fde68a;text-shadow: 0 0 15px rgba(253,230,138,0.6);}[b-det-peli] .save-rating-btn{height: 52px;font-weight: 800;font-size: 1.05rem;border-radius: 16px;text-transform: none;background: linear-gradient(135deg,#d97706 0%,#b45309 100%) !important;}@media (hover: hover) and (pointer: fine){[b-det-peli] .save-rating-btn:hover{box-shadow: 0 6px 25px rgba(217,119,6,0.5);}}.fullscreen-overlay[b-det-peli]{position: fixed;inset: 0;background: rgba(0,0,0,0.85);backdrop-filter: blur(10px);z-index: 9999;display: flex;align-items: center;justify-content: center;animation: fadeIn-b-det-peli 0.2s ease;}.cover-dialog[b-det-peli]{background: linear-gradient(145deg,rgba(30,20,8,0.98),rgba(20,14,6,0.98));border-radius: 20px;border: 1px solid rgba(217,119,6,0.3);box-shadow: 0 20px 60px rgba(0,0,0,0.6);max-width: 60vw;max-height: 90vh;overflow: hidden;animation: coverDialogIn-b-det-peli 0.25s ease-out;}@keyframes coverDialogIn-b-det-peli{from{opacity: 0;transform: scale(0.92);}to{opacity: 1;transform: scale(1);}}.overlay-modal[b-det-peli]{background: linear-gradient(135deg,rgba(30,41,59,0.98) 0%,rgba(15,23,42,0.98) 100%);border-radius: 20px;border: 1px solid rgba(217,119,6,0.3);box-shadow: 0 20px 60px rgba(0,0,0,0.5);max-width: 380px;width: 90%;overflow: hidden;animation: scaleIn-b-det-peli 0.3s ease;}.watched-modal[b-det-peli]{border-color: rgba(251,146,60,0.3);}.watched-modal-header[b-det-peli]{text-align: center;padding: 1.75rem 1.5rem 1.5rem;border-bottom: 1px solid rgba(251,146,60,0.2);background: linear-gradient(135deg,rgba(251,146,60,0.1) 0%,rgba(234,88,12,0.1) 100%);}.watched-icon-circle[b-det-peli]{width: 60px;height: 60px;border-radius: 50%;background: linear-gradient(135deg,var(--mxp-orange-300) 0%,#ea580c 100%);display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem;box-shadow: 0 0 30px rgba(251,146,60,0.4),0 6px 20px rgba(0,0,0,0.3);animation: pulse-b-det-peli 2s ease-in-out infinite;}@keyframes pulse-b-det-peli{0%,100%{transform: scale(1);box-shadow: 0 0 30px rgba(251,146,60,0.4),0 6px 20px rgba(0,0,0,0.3);}50%{transform: scale(1.05);box-shadow: 0 0 40px rgba(251,146,60,0.6),0 8px 24px rgba(0,0,0,0.4);}}.watched-icon[b-det-peli]{font-size: 2rem;color: white;font-weight: 900;}.watched-title[b-det-peli]{font-size: 1.25rem;font-weight: 800;color: white;margin: 0 0 0.5rem 0;background: linear-gradient(135deg,#ffffff 0%,#fde0c8 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.watched-subtitle[b-det-peli]{font-size: 0.85rem;color: rgba(255,255,255,0.7);font-weight: 600;}.watched-dot[b-det-peli]{margin: 0 0.4rem;color: rgba(255,255,255,0.35);}.rewatch-badge[b-det-peli]{margin-left: 0.5rem;font-size: 0.7rem;font-weight: 800;background: rgba(255,255,255,0.2);padding: 0.15rem 0.5rem;border-radius: 8px;letter-spacing: 0.3px;}.watched-modal-tabs[b-det-peli]{display: grid;grid-template-columns: 1fr 1fr;gap: 0.3rem;padding: 0.25rem;margin: 0.75rem 1.5rem 0.25rem;background: rgba(30,41,59,0.5);border-radius: 10px;}.watched-modal-tab[b-det-peli]{padding: 0.45rem 0.5rem;background: transparent;border: none;border-radius: 8px;color: var(--mxp-slate-400);font-size: 0.75rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.watched-modal-tab:hover[b-det-peli]{background: rgba(30,41,59,0.6);color: var(--mxp-slate-200);}}.watched-modal-tab.active[b-det-peli]{background: rgba(59,130,246,0.2);color: var(--mxp-blue-300);box-shadow: 0 0 12px rgba(59,130,246,0.15);}.rewatch-history[b-det-peli]{padding: 0.5rem 1.25rem;}.rewatch-history-list[b-det-peli]{display: flex;flex-direction: column;gap: 0.35rem;}.rewatch-entry[b-det-peli]{display: flex;align-items: center;gap: 0.6rem;padding: 0.35rem 0.6rem;background: rgba(255,255,255,0.05);border-radius: 8px;font-size: 0.75rem;}.rewatch-number[b-det-peli]{font-weight: 800;color: var(--mxp-green-500);font-family: 'JetBrains Mono',monospace;font-size: 0.7rem;min-width: 1.5rem;}.rewatch-date[b-det-peli]{color: var(--mxp-slate-200);font-family: 'JetBrains Mono',monospace;font-size: 0.7rem;}.rewatch-label[b-det-peli]{color: rgba(255,255,255,0.35);font-size: 0.65rem;margin-left: auto;}.watched-modal-actions[b-det-peli]{padding: 1.5rem 1.25rem;display: flex;flex-direction: column;gap: 0.85rem;}.watched-option[b-det-peli]{display: flex;align-items: center;gap: 1rem;padding: 1.25rem 1.25rem;border-radius: 16px;border: 2px solid transparent;background: linear-gradient(135deg,rgba(30,30,60,0.5) 0%,rgba(20,20,40,0.5) 100%);cursor: pointer;transition: all 0.3s ease;text-align: left;}@media (hover: hover) and (pointer: fine){.watched-option:hover[b-det-peli]{transform: translateY(-2px);}}.watched-option.rate[b-det-peli]{border-color: rgba(251,146,60,0.4);background: linear-gradient(135deg,rgba(251,146,60,0.15) 0%,rgba(234,88,12,0.15) 100%);}@media (hover: hover) and (pointer: fine){.watched-option.rate:hover[b-det-peli]{background: linear-gradient(135deg,rgba(251,146,60,0.25) 0%,rgba(234,88,12,0.25) 100%);border-color: rgba(251,146,60,0.6);box-shadow: 0 6px 20px rgba(251,146,60,0.3);}}.watched-option.rate .option-icon[b-det-peli]{color: var(--mxp-orange-300);}.watched-option.favorite[b-det-peli]{border-color: rgba(236,72,153,0.4);background: linear-gradient(135deg,rgba(236,72,153,0.15) 0%,rgba(219,39,119,0.15) 100%);}@media (hover: hover) and (pointer: fine){.watched-option.favorite:hover[b-det-peli]{background: linear-gradient(135deg,rgba(236,72,153,0.25) 0%,rgba(219,39,119,0.25) 100%);border-color: rgba(236,72,153,0.6);box-shadow: 0 6px 20px rgba(236,72,153,0.3);}}.watched-option.favorite .option-icon[b-det-peli]{font-size: 1.75rem;color: #f472b6;}.watched-option.remove[b-det-peli]{border-color: rgba(239,68,68,0.4);background: linear-gradient(135deg,rgba(239,68,68,0.15) 0%,rgba(220,38,38,0.15) 100%);}@media (hover: hover) and (pointer: fine){.watched-option.remove:hover[b-det-peli]{background: linear-gradient(135deg,rgba(239,68,68,0.25) 0%,rgba(220,38,38,0.25) 100%);border-color: rgba(239,68,68,0.6);box-shadow: 0 6px 20px rgba(239,68,68,0.3);}}.option-icon[b-det-peli]{font-size: 1.75rem;filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));}.option-title[b-det-peli]{font-size: 1rem;font-weight: 800;color: white;}.watched-cancel[b-det-peli]{width: 100%;padding: 1rem;background: transparent;border: none;border-top: 1px solid rgba(251,146,60,0.2);color: rgba(255,255,255,0.7);font-size: 0.95rem;font-weight: 700;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.watched-cancel:hover[b-det-peli]{background: rgba(251,146,60,0.1);color: white;}}.post-watch-modal[b-det-peli]{border-color: rgba(251,146,60,0.35);}.post-watch-header[b-det-peli]{text-align: center;padding: 2rem 1.5rem 1.5rem;border-bottom: 1px solid rgba(251,146,60,0.15);background: linear-gradient(135deg,rgba(251,146,60,0.12) 0%,rgba(234,88,12,0.08) 100%);}.post-watch-icon-circle[b-det-peli]{width: 68px;height: 68px;border-radius: 50%;background: linear-gradient(135deg,var(--mxp-orange-300) 0%,#ea580c 100%);display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem;box-shadow: 0 0 30px rgba(251,146,60,0.45),0 6px 20px rgba(0,0,0,0.3);animation: postWatchPop-b-det-peli 0.5s cubic-bezier(0.34,1.56,0.64,1);}@keyframes postWatchPop-b-det-peli{0%{transform: scale(0);opacity: 0;}100%{transform: scale(1);opacity: 1;}}.post-watch-icon[b-det-peli]{font-size: 2rem;}.post-watch-title[b-det-peli]{font-size: 1.3rem;font-weight: 800;margin: 0 0 0.35rem 0;background: linear-gradient(135deg,var(--mxp-orange-300) 0%,var(--mxp-amber-300) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.post-watch-subtitle[b-det-peli]{font-size: 0.9rem;color: rgba(255,255,255,0.7);font-weight: 600;margin: 0;}.post-watch-actions[b-det-peli]{padding: 1.25rem 1.25rem;display: flex;flex-direction: column;gap: 0.75rem;}.post-watch-option[b-det-peli]{display: flex;align-items: center;gap: 1rem;padding: 1.1rem 1.25rem;border-radius: 16px;border: 2px solid transparent;background: linear-gradient(135deg,rgba(30,30,60,0.5) 0%,rgba(20,20,40,0.5) 100%);cursor: pointer;transition: all 0.3s ease;text-align: left;}@media (hover: hover) and (pointer: fine){.post-watch-option:hover[b-det-peli]{transform: translateY(-2px);}}.post-watch-option.rate[b-det-peli]{border-color: rgba(251,146,60,0.4);background: linear-gradient(135deg,rgba(251,146,60,0.15) 0%,rgba(234,88,12,0.12) 100%);}@media (hover: hover) and (pointer: fine){.post-watch-option.rate:hover[b-det-peli]{background: linear-gradient(135deg,rgba(251,146,60,0.25) 0%,rgba(234,88,12,0.2) 100%);border-color: rgba(251,146,60,0.6);box-shadow: 0 6px 20px rgba(251,146,60,0.25);}}.post-watch-option.favorite[b-det-peli]{border-color: rgba(236,72,153,0.4);background: linear-gradient(135deg,rgba(236,72,153,0.15) 0%,rgba(219,39,119,0.12) 100%);}@media (hover: hover) and (pointer: fine){.post-watch-option.favorite:hover[b-det-peli]{background: linear-gradient(135deg,rgba(236,72,153,0.25) 0%,rgba(219,39,119,0.2) 100%);border-color: rgba(236,72,153,0.6);box-shadow: 0 6px 20px rgba(236,72,153,0.25);}}.post-watch-option.favorite.active[b-det-peli]{border-color: rgba(236,72,153,0.6);background: linear-gradient(135deg,rgba(236,72,153,0.25) 0%,rgba(219,39,119,0.2) 100%);}.pw-option-icon[b-det-peli]{font-size: 1.75rem;flex-shrink: 0;filter: drop-shadow(0 2px 8px rgba(0,0,0,0.3));}.pw-option-title[b-det-peli]{font-size: 1rem;font-weight: 800;color: white;}.post-watch-close[b-det-peli]{width: 100%;padding: 1rem;background: transparent;border: none;border-top: 1px solid rgba(251,146,60,0.15);color: rgba(255,255,255,0.5);font-size: 0.9rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.post-watch-close:hover[b-det-peli]{background: rgba(251,146,60,0.08);color: rgba(255,255,255,0.8);}}[b-det-peli] .gallery-section{max-width: 1600px;margin: 2rem auto 0;padding: 0 2rem;position: relative;z-index: 1;}.confirm-dialog-modal[b-det-peli]{max-width: 480px;border-color: rgba(245,158,11,0.4);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 60px rgba(245,158,11,0.15);}.confirm-dialog-modal .overlay-modal-header[b-det-peli]{border-bottom: 1px solid rgba(245,158,11,0.15);background: linear-gradient(135deg,rgba(245,158,11,0.12) 0%,rgba(217,119,6,0.08) 100%);}.confirm-dialog-modal .confirm-dialog-text strong[b-det-peli]{color: var(--mxp-amber-300);}.overlay-modal-header[b-det-peli]{display: flex;align-items: center;justify-content: space-between;padding: 1.5rem 1.75rem;border-bottom: 1px solid rgba(255,255,255,0.08);}.modal-title-group[b-det-peli]{display: flex;align-items: center;gap: 1rem;}.modal-emoji[b-det-peli]{font-size: 2rem;}.modal-title[b-det-peli]{font-size: 1.2rem;font-weight: 800;color: white;}.modal-subtitle[b-det-peli]{font-size: 0.8rem;color: rgba(255,255,255,0.5);font-weight: 500;margin-top: 0.2rem;}.overlay-modal-body[b-det-peli]{padding: 2rem 1.75rem;text-align: center;}.confirm-dialog-text[b-det-peli]{color: rgba(255,255,255,0.9) !important;font-size: 1rem !important;line-height: 1.7 !important;}.confirm-dialog-text strong[b-det-peli]{color: white;font-weight: 700;}.remove-modal-actions[b-det-peli]{display: flex;gap: 12px;padding: 16px 24px 24px;border-top: 1px solid rgba(255,255,255,0.06);}.btn-remove[b-det-peli]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px;background: rgba(245,158,11,0.15);border: 1px solid rgba(245,158,11,0.3);border-radius: 14px;color: #fcd34d;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-remove:hover[b-det-peli]{background: rgba(245,158,11,0.25);border-color: rgba(245,158,11,0.5);color: #fde68a;transform: translateY(-1px);}}[b-det-peli] .close-editor-btn{background: rgba(255,255,255,0.06) !important;color: rgba(255,255,255,0.5) !important;border-radius: 10px !important;transition: all 0.2s ease !important;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){[b-det-peli] .close-editor-btn:hover{background: rgba(255,255,255,0.1) !important;color: rgba(255,255,255,0.8) !important;transform: rotate(90deg) !important;}}.loading-box[b-det-peli]{background: linear-gradient(145deg,rgba(24,18,10,0.95) 0%,rgba(18,14,8,0.95) 100%);border: 2px solid var(--mxp-amber-500);border-radius: 24px;padding: 3.5rem 3rem;text-align: center;min-width: 380px;backdrop-filter: blur(30px);box-shadow: 0 10px 40px rgba(0,0,0,0.5),0 0 50px rgba(245,158,11,0.4);animation: scaleIn-b-det-peli 0.3s ease-out;}.spinner-ring[b-det-peli]{position: absolute;width: 100%;height: 100%;border: 4px solid transparent;border-top-color: var(--mxp-amber-500);border-radius: 50%;animation: spin 1.5s cubic-bezier(0.5,0,0.5,1) infinite;}.spinner-ring:nth-child(1)[b-det-peli]{animation-delay: -0.45s;border-top-color: var(--mxp-amber-500);}.spinner-ring:nth-child(2)[b-det-peli]{animation-delay: -0.3s;border-top-color: #d97706;}.spinner-ring:nth-child(3)[b-det-peli]{animation-delay: -0.15s;border-top-color: var(--mxp-amber-300);}@keyframes fadeIn-b-det-peli{from{opacity: 0;}to{opacity: 1;}}@keyframes scaleIn-b-det-peli{from{transform: scale(0.9);opacity: 0;}to{transform: scale(1);opacity: 1;}}@media (max-width: 1279px){.hero-sidebar[b-det-peli]{display: none;}.hero-layout-wrapper[b-det-peli]{grid-template-columns: 1fr;}.mobile-ranking-btn[b-det-peli]{display: flex;width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg,rgba(217,119,6,0.25) 0%,rgba(245,158,11,0.25) 100%);backdrop-filter: blur(16px);border: 1px solid rgba(217,119,6,0.3);color: white;font-size: 1.5rem;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 4px 15px rgba(0,0,0,0.3);transition: all 0.2s ease;}.mobile-ranking-btn:active[b-det-peli]{background: linear-gradient(135deg,rgba(217,119,6,0.4) 0%,rgba(245,158,11,0.4) 100%);transform: scale(0.95);box-shadow: 0 6px 20px rgba(217,119,6,0.4);}}@media (max-width: 1279px){.hero-section[b-det-peli]{padding: 1.5rem 1.25rem 1.25rem;}.hero-top-bar[b-det-peli]{top: 1.5rem;left: 1.25rem;right: 1.25rem;}.hero-layout-wrapper[b-det-peli]{display: block;}.hero-main-content[b-det-peli]{flex-direction: column;align-items: center;text-align: center;gap: 1.5rem;}.hero-cover-section[b-det-peli]{position: relative;top: 0;align-self: center;}.hero-title-row[b-det-peli]{justify-content: center;gap: 0.75rem;margin-bottom: 0;}.hero-info-section[b-det-peli]{display: flex;flex-direction: column;align-items: center;gap: 0.85rem;width: 100%;container-type: normal;}.hero-meta[b-det-peli]{justify-content: center;gap: 0.65rem;margin-bottom: 0;}.hero-ratings-row[b-det-peli]{justify-content: center;gap: 0.65rem;margin-bottom: 0;}.mobile-action-icon[b-det-peli]{display: flex;}.desktop-action-icon[b-det-peli]{display: none;}.genre-tags[b-det-peli]{justify-content: center;gap: 0.6rem;margin-bottom: 0;width: 100%;}.genre-providers-row[b-det-peli]{justify-content: center;}.detail-providers[b-det-peli]{justify-content: center;}.detail-provider-logo[b-det-peli]{width: 30px;height: 30px;border-radius: 8px;}.hero-actions[b-det-peli]{display: flex;flex-direction: column;align-items: stretch;width: 100%;gap: 0.85rem;margin-top: 0.5rem;position: relative;}.hero-actions-row-main[b-det-peli]{display: flex;align-items: stretch;width: 100%;flex: none;}[b-det-peli] .main-action-btn{flex: 1;width: 100%;min-width: 0;border-radius: 14px;}[b-det-peli] .main-action-btn .mud-button-label{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.synopsis-button[b-det-peli]{width: 100%;justify-content: center;border-radius: 14px;}[b-det-peli] .gallery-section{padding: 0 1.25rem;}}@media (max-width: 768px){.hero-cover-image[b-det-peli],.hero-action-icon[b-det-peli],.rating-badge[b-det-peli],.genre-tag[b-det-peli]{transition: none !important;}.hero-cover-image[b-det-peli]{width: 180px;height: 270px;}.hero-title[b-det-peli]{font-size: 1.75rem;}[b-det-peli] .main-action-btn{height: 50px;font-size: 0.75rem;}.synopsis-button[b-det-peli]{padding: 0.75rem 1.5rem;}}@media (max-width: 600px){.mobile-ranking-btn[b-det-peli]{width: 44px;height: 44px;font-size: 1.3rem;}.hero-section[b-det-peli]{padding: 1.25rem 1rem 1rem;}.hero-top-bar[b-det-peli]{top: 1.25rem;left: 1rem;right: 1rem;}.hero-cover-image[b-det-peli]{width: 160px;height: 240px;}.hero-title[b-det-peli]{font-size: 1.5rem;}[b-det-peli] .main-action-btn{height: 46px;font-size: 0.7rem;border-radius: 12px;}.synopsis-button[b-det-peli]{padding: 0.65rem 1.25rem;border-radius: 12px;}[b-det-peli] .gallery-section{padding: 0 1rem;}}@media (min-width: 1920px){.hero-section[b-det-peli],[b-det-peli] .gallery-section{max-width: 1800px;}.hero-layout-wrapper[b-det-peli]{grid-template-columns: 1fr 380px;gap: 3rem;}.hero-layout-wrapper.guest-layout[b-det-peli]{grid-template-columns: 1fr 280px;}.hero-cover-image[b-det-peli]{width: 300px;height: 450px;}.hero-title[b-det-peli]{font-size: 3.5rem;}.hero-main-content[b-det-peli]{gap: 4rem;}}@container detail-page (max-width: 900px){.hero-section[b-det-peli]{padding: 1.5rem 1.25rem 1.25rem;}.hero-layout-wrapper[b-det-peli]{display: block;}.hero-main-content[b-det-peli]{flex-direction: column;align-items: center;text-align: center;gap: 1.5rem;}.hero-cover-section[b-det-peli]{position: relative;top: 0;align-self: center;}.hero-title-row[b-det-peli]{justify-content: center;gap: 0.75rem;margin-bottom: 0;}.hero-cover-image[b-det-peli]{width: 220px;height: 330px;}.hero-title[b-det-peli]{font-size: 1.75rem;}.hero-info-section[b-det-peli]{display: flex;flex-direction: column;align-items: center;gap: 0.85rem;width: 100%;}.hero-meta[b-det-peli]{justify-content: center;gap: 0.65rem;margin-bottom: 0;flex-wrap: wrap;}.hero-ratings-row[b-det-peli]{justify-content: center;gap: 0.65rem;margin-bottom: 0;}.mobile-action-icon[b-det-peli]{display: flex;}.desktop-action-icon[b-det-peli]{display: none;}.genre-tags[b-det-peli]{justify-content: center;gap: 0.6rem;margin-bottom: 0;width: 100%;}.genre-providers-row[b-det-peli]{justify-content: center;}.hero-actions[b-det-peli]{display: flex;flex-direction: column;align-items: stretch;width: 100%;gap: 0.85rem;margin-top: 0.5rem;}.hero-actions-row-main[b-det-peli]{display: flex;align-items: stretch;width: 100%;}[b-det-peli] .main-action-btn{flex: 1;width: 100%;min-width: 0;border-radius: 14px;}.synopsis-button[b-det-peli]{width: 100%;justify-content: center;border-radius: 14px;}.mobile-ranking-btn[b-det-peli]{display: flex;width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg,rgba(217,119,6,0.25) 0%,rgba(245,158,11,0.25) 100%);backdrop-filter: blur(16px);border: 1px solid rgba(217,119,6,0.3);color: white;font-size: 1.5rem;align-items: center;justify-content: center;cursor: pointer;}}.unwatch-warning[b-det-peli]{display: block;margin-top: 0.6rem;font-size: 0.85rem;font-weight: 600;line-height: 1.45;color: #ffb020;} .page-container[b-det-serie]{animation: fadeIn-b-det-serie 0.4s ease-out;min-height: 100vh;padding: 0 0 4rem;max-width: none;margin: 0;background: linear-gradient(180deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);position: relative;z-index: auto;container-type: inline-size;container-name: detail-page;}.hero-layout-wrapper[b-det-serie]{display: grid;grid-template-columns: 1fr 320px;gap: 2rem;align-items: start;}.hero-layout-wrapper.guest-layout[b-det-serie]{grid-template-columns: 1fr 250px;}.hero-layout-wrapper.guest-layout .hero-actions[b-det-serie]{flex-direction: column;align-items: stretch;}.hero-layout-wrapper.guest-layout .hero-actions-row-main[b-det-serie]{flex: none;}.hero-section[b-det-serie]{position: relative;max-width: 1800px;margin: 0 auto;padding: 1.5rem 2rem 2rem;overflow: visible;z-index: 100;}.hero-top-bar[b-det-serie]{position: absolute;top: 1.5rem;left: 1rem;right: 2rem;display: flex;align-items: center;justify-content: space-between;z-index: 200;pointer-events: none;}.mobile-ranking-btn[b-det-serie]{display: none;}[b-det-serie] .back-btn-detail{background: linear-gradient(135deg,rgba(124,58,237,0.25) 0%,rgba(168,85,247,0.25) 100%) !important;backdrop-filter: blur(16px) !important;border: 1px solid rgba(124,58,237,0.3) !important;color: white !important;border-radius: 50% !important;box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;transition: all 0.2s ease !important;}@media (hover: hover) and (pointer: fine){[b-det-serie] .back-btn-detail:hover{background: linear-gradient(135deg,rgba(124,58,237,0.4) 0%,rgba(168,85,247,0.4) 100%) !important;transform: scale(1.1) !important;box-shadow: 0 6px 20px rgba(124,58,237,0.4) !important;}}.hero-main-content[b-det-serie]{position: relative;display: flex;gap: 3rem;align-items: stretch;min-width: 0;}.hero-cover-section[b-det-serie]{position: sticky;top: 2rem;flex-shrink: 0;height: fit-content;align-self: flex-start;}.sidebar-login-cta[b-det-serie]{display: flex;flex-direction: column;align-items: center;gap: 0.5rem;padding: 1.5rem 1.25rem;background: linear-gradient(135deg,rgba(124,58,237,0.12) 0%,rgba(168,85,247,0.08) 100%);border: 1px solid rgba(124,58,237,0.2);border-radius: 16px;cursor: pointer;transition: all 0.3s ease;text-align: center;}@media (hover: hover) and (pointer: fine){.sidebar-login-cta:hover[b-det-serie]{background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(168,85,247,0.15) 100%);border-color: rgba(124,58,237,0.4);transform: translateY(-2px);}}.friends-overlay-content[b-det-serie] .ranking-overlay{position: static;background: none;backdrop-filter: none;padding: 0;display: block;}.friends-overlay-content[b-det-serie] .ranking-modal{max-height: 85vh;overflow: hidden;display: flex;flex-direction: column;}.friends-overlay-content[b-det-serie] .ranking-modal-direct{max-height: 85vh;overflow: hidden;display: flex;flex-direction: column;background: linear-gradient(145deg,rgba(20,20,40,0.98) 0%,rgba(15,15,30,0.98) 100%);border-radius: 28px;border: 2px solid rgba(124,58,237,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 80px rgba(124,58,237,0.3);}.friends-overlay-content[b-det-serie] .modal-friends-list{flex: 1;overflow-y: auto;min-height: 0;}.hero-cover-image[b-det-serie]{position: relative;width: 260px;height: 390px;border-radius: 24px;object-fit: cover;box-shadow: 0 25px 70px rgba(0,0,0,0.6);transition: transform 0.3s ease;}.hero-info-section[b-det-serie]{flex: 1;color: white;min-width: 0;display: flex;flex-direction: column;justify-content: space-between;gap: 1.25rem;container: ficha-info / inline-size;}.hero-title-row[b-det-serie]{display: flex;align-items: center;gap: 1.25rem;}.hero-title[b-det-serie]{font-size: 3rem;font-weight: 900;margin: 0;line-height: 1.25;background: linear-gradient(135deg,#ffffff 0%,#e0e0ff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: 0 4px 20px rgba(124,58,237,0.3);}.hero-meta[b-det-serie]{display: flex;flex-wrap: wrap;gap: 1rem;align-items: center;}.meta-item[b-det-serie]{display: flex;align-items: center;gap: 0.6rem;padding: 0.65rem 1.25rem;background: linear-gradient(135deg,rgba(30,30,60,0.8) 0%,rgba(20,20,40,0.8) 100%);border: 1px solid rgba(124,58,237,0.2);border-radius: 14px;backdrop-filter: blur(20px);}.meta-item.meta-seasons[b-det-serie]{border-color: rgba(59,130,246,0.3);background: linear-gradient(135deg,rgba(59,130,246,0.15) 0%,rgba(37,99,235,0.15) 100%);}.meta-item.meta-episodes[b-det-serie]{border-color: rgba(168,85,247,0.3);background: linear-gradient(135deg,rgba(168,85,247,0.15) 0%,rgba(147,51,234,0.15) 100%);}.hero-ratings-row[b-det-serie]{display: flex;align-items: center;gap: 0.85rem;flex-wrap: wrap;}.rating-badge[b-det-serie]{display: flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;border-radius: 12px;backdrop-filter: blur(20px);transition: transform 0.2s ease,box-shadow 0.2s ease;cursor: default;border: 1px solid;}.rating-badge.rating-tmdb[b-det-serie]{background: linear-gradient(135deg,rgba(251,191,36,0.2) 0%,rgba(245,158,11,0.2) 100%);border-color: rgba(251,191,36,0.4);}.rating-badge.rating-user[b-det-serie]{background: linear-gradient(135deg,rgba(236,72,153,0.2) 0%,rgba(219,39,119,0.2) 100%);border-color: rgba(236,72,153,0.4);cursor: pointer;}.rating-badge.rating-user.not-rated[b-det-serie]{background: linear-gradient(135deg,rgba(100,100,120,0.2) 0%,rgba(80,80,100,0.2) 100%);border-color: rgba(150,150,170,0.4);}.rating-badge.rating-auto[b-det-serie]{background: linear-gradient(135deg,rgba(99,102,241,0.2) 0%,rgba(79,70,229,0.2) 100%);border-color: rgba(99,102,241,0.4);}.genre-tags[b-det-serie]{display: flex;flex-wrap: wrap;gap: 0.65rem;align-items: center;}.genre-tag[b-det-serie]{padding: 0.45rem 1.1rem;background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(147,51,234,0.2) 100%);border: 1px solid rgba(124,58,237,0.35);border-radius: 24px;font-size: 0.85rem;font-weight: 700;color: var(--mxp-purple-100);backdrop-filter: blur(10px);}@media (max-width: 960px){.genre-providers-row .genre-tags[b-det-serie]{justify-content: center;}.genre-providers-row .detail-providers[b-det-serie]{justify-content: center;}}.detail-provider-logo[b-det-serie]{width: 36px;height: 36px;border-radius: 10px;object-fit: cover;transition: transform 0.2s ease,box-shadow 0.2s ease;box-shadow: 0 2px 8px rgba(0,0,0,0.3);}@media (hover: hover) and (pointer: fine){.detail-provider-logo:hover[b-det-serie]{transform: scale(1.15);box-shadow: 0 4px 12px rgba(124,58,237,0.4);}}.mobile-action-icon[b-det-serie]{display: none;}.desktop-action-icon[b-det-serie]{display: flex;}.hero-iconos[b-det-serie]{display: none;gap: 0.5rem;flex-shrink: 0;}.hero-action-icon[b-det-serie]{width: 56px;height: 56px;border-radius: 18px;border: 2px solid rgba(255,255,255,0.15);background: linear-gradient(135deg,rgba(30,30,60,0.6) 0%,rgba(20,20,40,0.6) 100%);backdrop-filter: blur(20px);font-size: 1.6rem;cursor: pointer;transition: transform 0.2s ease,background 0.2s ease,border-color 0.2s ease;align-items: center;justify-content: center;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.hero-action-icon:hover[b-det-serie]{transform: translateY(-3px);background: linear-gradient(135deg,rgba(30,30,60,0.8) 0%,rgba(20,20,40,0.8) 100%);border-color: rgba(255,255,255,0.3);}}.hero-action-icon.favorite[b-det-serie]{color: rgba(255,255,255,0.7);}.hero-action-icon.favorite.active[b-det-serie]{color: #ff3366;border-color: rgba(255,51,102,0.6);background: linear-gradient(135deg,rgba(255,51,102,0.25) 0%,rgba(239,68,68,0.25) 100%);box-shadow: 0 0 25px rgba(255,51,102,0.4);}.hero-actions[b-det-serie]{display: flex;gap: 1.25rem;align-items: center;flex-wrap: wrap;flex-direction: row;position: relative;}.hero-actions-row-main[b-det-serie]{display: flex;align-items: center;gap: 1rem;flex: 1;}@container ficha-info (max-width: 640px){.hero-actions-row-main[b-det-serie]{flex-wrap: wrap;}.hero-actions-row-main[b-det-serie] .main-action-btn{flex: 1 1 100%;}.guest-layout .hero-actions-row-main[b-det-serie]{flex-wrap: nowrap;}.guest-layout .hero-actions-row-main[b-det-serie] .main-action-btn{flex: 1 1 auto;min-width: 0;}.status-wrapper-inline[b-det-serie]{flex: 1;}.status-selector-compact[b-det-serie]{width: 100%;justify-content: center;}}[b-det-serie] .main-action-btn{height: 60px;min-width: 260px;font-size: 1.05rem;font-weight: 800;border-radius: 18px;text-transform: none;box-shadow: 0 6px 25px rgba(0,0,0,0.4);transition: transform 0.2s ease,box-shadow 0.2s ease;background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%) !important;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){[b-det-serie] .main-action-btn:hover:not(:disabled){transform: translateY(-2px);box-shadow: 0 8px 30px rgba(124,58,237,0.5);}}[b-det-serie] .main-action-btn.completed{background: linear-gradient(135deg,var(--mxp-green-500) 0%,#059669 100%) !important;}@media (hover: hover) and (pointer: fine){[b-det-serie] .main-action-btn.completed:hover{box-shadow: 0 8px 30px rgba(16,185,129,0.5);}}[b-det-serie] .main-action-btn.up-to-date{background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%) !important;cursor: pointer;}@media (hover: hover) and (pointer: fine){[b-det-serie] .main-action-btn.up-to-date:hover{box-shadow: 0 8px 30px rgba(124,58,237,0.5);}}[b-det-serie] .main-action-btn.dropped{background: linear-gradient(135deg,var(--mxp-red-500) 0%,#dc2626 100%) !important;}@media (hover: hover) and (pointer: fine){[b-det-serie] .main-action-btn.dropped:hover:not(:disabled){box-shadow: 0 8px 30px rgba(239,68,68,0.5);}}.status-wrapper-inline[b-det-serie]{position: relative;flex-shrink: 0;}.status-selector-compact[b-det-serie]{display: flex;align-items: center;gap: 0.6rem;padding: 0.85rem 1.25rem;background: linear-gradient(135deg,rgba(30,30,60,0.7) 0%,rgba(20,20,40,0.7) 100%);border: 2px solid rgba(124,58,237,0.35);border-radius: 18px;cursor: pointer;transition: background 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;backdrop-filter: blur(20px);white-space: nowrap;}@media (hover: hover) and (pointer: fine){.status-selector-compact:hover[b-det-serie]{background: linear-gradient(135deg,rgba(124,58,237,0.25) 0%,rgba(109,40,217,0.25) 100%);border-color: rgba(124,58,237,0.6);box-shadow: 0 4px 15px rgba(124,58,237,0.3);}}.status-current-icon[b-det-serie]{font-size: 1.1rem;}.status-current-text[b-det-serie]{font-weight: 700;color: white;font-size: 0.95rem;}[b-det-serie] .status-arrow{color: rgba(255,255,255,0.6);}.status-menu[b-det-serie]{position: absolute;top: calc(100% + 0.75rem);left: 50%;transform: translateX(-50%);background: linear-gradient(145deg,rgba(20,20,40,0.98) 0%,rgba(15,15,30,0.98) 100%);border-radius: 18px;box-shadow: 0 10px 40px rgba(0,0,0,0.6),0 0 0 1px rgba(124,58,237,0.4);backdrop-filter: blur(30px);min-width: 260px;z-index: 1000;}.spinner-ring[b-det-serie]{position: absolute;width: 100%;height: 100%;border: 4px solid transparent;border-top-color: var(--mxp-purple-200);border-radius: 50%;animation: spin 1.5s cubic-bezier(0.5,0,0.5,1) infinite;}.spinner-ring:nth-child(1)[b-det-serie]{animation-delay: -0.45s;border-top-color: var(--mxp-purple-200);}.spinner-ring:nth-child(2)[b-det-serie]{animation-delay: -0.3s;border-top-color: var(--mxp-purple-500);}.spinner-ring:nth-child(3)[b-det-serie]{animation-delay: -0.15s;border-top-color: var(--mxp-purple-100);}.status-menu-header[b-det-serie]{display: flex;justify-content: space-between;align-items: center;padding: 1.25rem 1.5rem;border-bottom: 1px solid rgba(124,58,237,0.2);font-weight: 800;font-size: 1rem;color: white;background: linear-gradient(135deg,rgba(124,58,237,0.15) 0%,rgba(109,40,217,0.15) 100%);}.status-options[b-det-serie]{padding: 0.75rem;}.status-option[b-det-serie]{display: flex;align-items: center;gap: 0.85rem;padding: 1rem 1.25rem;border-radius: 14px;cursor: pointer;transition: background 0.2s ease;color: rgba(255,255,255,0.9);}@media (hover: hover) and (pointer: fine){.status-option:hover[b-det-serie]{background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(109,40,217,0.2) 100%);}}.status-option.active[b-det-serie]{background: linear-gradient(135deg,rgba(124,58,237,0.3) 0%,rgba(109,40,217,0.3) 100%);border: 1px solid rgba(124,58,237,0.5);}.status-option-icon[b-det-serie]{font-size: 1.3rem;}.status-option-text[b-det-serie]{flex: 1;font-weight: 700;}.status-check[b-det-serie]{color: var(--mxp-purple-100);font-weight: 900;font-size: 1.1rem;}.synopsis-button[b-det-serie]{display: inline-flex;align-items: center;gap: 0.75rem;padding: 0.85rem 1.75rem;background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(109,40,217,0.2) 100%);border: 2px solid rgba(124,58,237,0.35);border-radius: 18px;cursor: pointer;transition: background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;backdrop-filter: blur(20px);color: white;font-size: 1rem;font-weight: 700;}@media (hover: hover) and (pointer: fine){.synopsis-button:hover[b-det-serie]{background: linear-gradient(135deg,rgba(124,58,237,0.3) 0%,rgba(109,40,217,0.3) 100%);border-color: rgba(124,58,237,0.6);transform: translateY(-2px);box-shadow: 0 4px 15px rgba(124,58,237,0.3);}}.synopsis-button.disabled[b-det-serie],.synopsis-button:disabled[b-det-serie]{background: linear-gradient(135deg,rgba(60,60,80,0.2) 0%,rgba(50,50,70,0.2) 100%);border-color: rgba(100,100,120,0.25);color: rgba(255,255,255,0.4);cursor: not-allowed;transform: none;}@media (hover: hover) and (pointer: fine){.synopsis-button.disabled:hover[b-det-serie],.synopsis-button:disabled:hover[b-det-serie]{background: linear-gradient(135deg,rgba(60,60,80,0.2) 0%,rgba(50,50,70,0.2) 100%);border-color: rgba(100,100,120,0.25);transform: none;box-shadow: none;}}.synopsis-row[b-det-serie]{display: flex;gap: 0.75rem;align-self: stretch;}.synopsis-row .synopsis-button[b-det-serie]{flex: 1 1 0;min-width: 0;justify-content: center;gap: 0.5rem;padding-left: 1rem;padding-right: 1rem;}.donde-punto[b-det-serie]{margin: 0 0 1.25rem;color: rgba(255,255,255,0.75);font-size: 0.95rem;}.donde-punto strong[b-det-serie]{color: white;}.donde-subtitulo[b-det-serie]{margin: 0 0 0.5rem;color: var(--mxp-purple-200);font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}.donde-texto[b-det-serie]{margin: 0 0 1rem;line-height: 1.75;color: rgba(255,255,255,0.9);font-size: 1rem;}.donde-texto:last-of-type[b-det-serie]{margin-bottom: 0;}.donde-estado[b-det-serie]{display: flex;flex-direction: column;align-items: center;gap: 0.75rem;text-align: center;color: rgba(255,255,255,0.75);font-size: 0.9rem;}.donde-nota[b-det-serie]{margin: 0;padding: 0.85rem 1.75rem;border-top: 1px solid rgba(124,58,237,0.2);font-size: 0.75rem;color: rgba(255,255,255,0.5);flex-shrink: 0;}.donde-nota a[b-det-serie]{color: var(--mxp-purple-200);}.synopsis-modal[b-det-serie]{background: linear-gradient(145deg,rgba(20,20,40,0.98) 0%,rgba(15,15,30,0.98) 100%);border-radius: 28px;border: 2px solid rgba(124,58,237,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 80px rgba(124,58,237,0.3);width: 90%;max-width: 600px;max-height: 80vh;overflow: hidden;animation: modalIn-b-det-serie 0.3s ease-out;display: flex;flex-direction: column;}.synopsis-modal-header[b-det-serie]{display: flex;align-items: center;gap: 1.25rem;padding: 1.5rem 1.75rem;border-bottom: 1px solid rgba(124,58,237,0.2);background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(109,40,217,0.2) 100%);flex-shrink: 0;}.rating-modal[b-det-serie]{background: linear-gradient(145deg,rgba(20,20,40,0.98) 0%,rgba(15,15,30,0.98) 100%);border-radius: 28px;border: 2px solid rgba(124,58,237,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 80px rgba(124,58,237,0.3);width: 90%;max-width: 420px;overflow: hidden;animation: modalIn-b-det-serie 0.3s ease-out;}@keyframes modalIn-b-det-serie{from{opacity: 0;transform: scale(0.9) translateY(20px);}to{opacity: 1;transform: scale(1) translateY(0);}}.rating-modal-header[b-det-serie]{display: flex;align-items: center;gap: 1.25rem;padding: 1.5rem 1.75rem;border-bottom: 1px solid rgba(124,58,237,0.2);background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(109,40,217,0.2) 100%);}.rating-big-number[b-det-serie]{font-size: 4.5rem;font-weight: 900;background: linear-gradient(135deg,var(--mxp-purple-100),var(--mxp-purple-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.rating-big-number.rating-excellent[b-det-serie]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-500));-webkit-background-clip: text;background-clip: text;}.rating-big-number.rating-good[b-det-serie]{background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));-webkit-background-clip: text;background-clip: text;}.star[b-det-serie]{font-size: 1.85rem;color: rgba(255,255,255,0.25);cursor: pointer;transition: transform 0.15s ease,color 0.15s ease;}@media (hover: hover) and (pointer: fine){.star:hover[b-det-serie]{transform: scale(1.2);color: rgba(255,255,255,0.4);}}.star.filled[b-det-serie]{color: var(--mxp-purple-100);text-shadow: 0 0 15px rgba(196,181,253,0.6);}[b-det-serie] .save-rating-btn{height: 52px;font-weight: 800;font-size: 1.05rem;border-radius: 16px;text-transform: none;background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%) !important;}@media (hover: hover) and (pointer: fine){[b-det-serie] .save-rating-btn:hover{box-shadow: 0 6px 25px rgba(124,58,237,0.5);}}.seasons-section[b-det-serie]{max-width: 1600px;margin: 2rem auto;padding: 0 2rem;z-index: 1;}.section-header[b-det-serie]{display: flex;align-items: center;justify-content: space-between;gap: 1.25rem;margin-bottom: 1.75rem;}.section-title[b-det-serie]{font-size: 1.65rem;font-weight: 900;background: linear-gradient(135deg,var(--mxp-purple-100),var(--mxp-purple-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.season-badge[b-det-serie]{background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%);color: white;padding: 0.5rem 1.2rem;border-radius: 20px;font-size: 1.1rem;font-weight: 900;box-shadow: 0 0 25px rgba(124,58,237,0.4);min-width: 40px;text-align: center;}[b-det-serie] .seasons-panels{display: flex;z-index: 1;flex-direction: column;gap: 1.25rem;}[b-det-serie] .season-panel{border-radius: 20px !important;overflow: hidden;background: linear-gradient(135deg,rgba(20,30,48,0.7) 0%,rgba(15,23,42,0.7) 100%) !important;backdrop-filter: blur(20px);border: 1px solid rgba(124,58,237,0.2) !important;box-shadow: none !important;transition: border-color 0.2s ease,background 0.2s ease;position: relative;z-index: 1;}@media (hover: hover) and (pointer: fine){[b-det-serie] .season-panel:hover{border-color: rgba(124,58,237,0.4) !important;background: linear-gradient(135deg,rgba(20,30,48,0.85) 0%,rgba(15,23,42,0.85) 100%) !important;}}[b-det-serie] .season-panel.mud-expand-panel-expanded{border-color: rgba(124,58,237,0.5) !important;}[b-det-serie] .mud-expand-panel-header{padding: 0 !important;z-index: 1;min-height: auto !important;background: transparent !important;position: relative;}[b-det-serie] .season-panel .mud-expand-panel-header:focus-visible{outline-offset: -2px;}[b-det-serie] .mud-expand-panel{transition: none !important;}[b-det-serie] .mud-expand-panel-content{padding: 0 !important;background: transparent !important;transition: none !important;animation: none !important;}[b-det-serie] .mud-collapse-container{transition: grid-template-rows 0.1s ease-out !important;overflow: hidden !important;animation: none !important;}[b-det-serie] .mud-collapse-container *{transition: none !important;animation: none !important;}[b-det-serie] .mud-expand-panel-icon{color: rgba(255,255,255,0.4) !important;}@media (hover: hover) and (pointer: fine){[b-det-serie] .season-panel:hover .mud-expand-panel-icon{color: rgba(255,255,255,0.7) !important;}}.season-header-content[b-det-serie]{display: flex;align-items: center;justify-content: space-between;padding: 1.5rem 1.75rem;width: 100%;gap: 1rem;}.season-info[b-det-serie]{display: flex;align-items: center;gap: 1rem;flex-shrink: 0;}.season-number[b-det-serie]{background: linear-gradient(135deg,rgba(124,58,237,0.35) 0%,rgba(109,40,217,0.35) 100%);color: var(--mxp-purple-100);padding: 0.5rem 0.9rem;border-radius: 10px;font-size: 0.9rem;font-weight: 900;border: 1px solid rgba(124,58,237,0.4);}.season-name[b-det-serie]{font-size: 1.15rem;font-weight: 800;color: white;}.season-progress-area[b-det-serie]{display: flex;align-items: center;gap: 1rem;flex: 1;justify-content: flex-end;}.season-progress-bar[b-det-serie]{width: 110px;height: 7px;background: rgba(255,255,255,0.12);border-radius: 4px;overflow: hidden;}.season-progress-fill[b-det-serie]{height: 100%;background: linear-gradient(90deg,var(--mxp-purple-600),var(--mxp-purple-200));border-radius: 4px;transition: width 0.3s ease;}.season-progress-fill.complete[b-det-serie]{background: linear-gradient(90deg,var(--mxp-green-500),var(--mxp-green-300));}.season-progress-text[b-det-serie]{font-size: 0.95rem;font-weight: 700;color: rgba(255,255,255,0.75);min-width: 50px;text-align: right;}.season-check-btn[b-det-serie]{width: 40px;height: 40px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.25);background: rgba(255,255,255,0.05);cursor: pointer;transition: transform 0.15s ease,background 0.2s ease,border-color 0.2s ease;display: flex;align-items: center;justify-content: center;color: white;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.season-check-btn:hover[b-det-serie]{border-color: rgba(16,185,129,0.6);background: rgba(16,185,129,0.15);transform: scale(1.08);}}.season-check-btn.checked[b-det-serie]{background: linear-gradient(135deg,var(--mxp-green-500),#059669);border-color: var(--mxp-green-500);box-shadow: 0 0 15px rgba(16,185,129,0.5);}.episodes-grid[b-det-serie]{padding: 1.25rem 1.75rem 1.75rem;display: grid;gap: 0.85rem;background: rgba(0,0,0,0.25);position: relative;z-index: 1;}[b-det-serie] .gallery-section{max-width: 1600px;margin: 2rem auto 0;padding: 0 2rem;position: relative;z-index: 1;}.loading-box[b-det-serie]{background: linear-gradient(145deg,rgba(20,20,40,0.95) 0%,rgba(15,15,30,0.95) 100%);border: 2px solid var(--mxp-purple-500);border-radius: 24px;padding: 3.5rem 3rem;text-align: center;min-width: 380px;backdrop-filter: blur(30px);box-shadow: 0 10px 40px rgba(0,0,0,0.5),0 0 50px rgba(139,92,246,0.4);animation: scaleIn-b-det-serie 0.3s ease-out;}.xp-warning-box[b-det-serie]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 1.25rem;padding: 0.75rem 1.25rem;background: rgba(251,191,36,0.15);border: 1px solid rgba(251,191,36,0.4);border-radius: 10px;animation: pulse 2s ease-in-out infinite;}.warning-icon[b-det-serie]{font-size: 1.1rem;}.warning-text[b-det-serie]{color: var(--mxp-amber-300);font-size: 0.85rem;font-weight: 600;line-height: 1.3;}.fullscreen-overlay[b-det-serie]{position: fixed;inset: 0;background: rgba(0,0,0,0.85);backdrop-filter: blur(12px);display: flex;align-items: center;justify-content: center;z-index: 9999;animation: fadeIn-b-det-serie 0.2s ease-out;}.cover-dialog[b-det-serie]{background: linear-gradient(145deg,rgba(30,15,50,0.98),rgba(18,10,35,0.98));border-radius: 20px;border: 1px solid rgba(88,28,135,0.3);box-shadow: 0 20px 60px rgba(0,0,0,0.6);max-width: 60vw;max-height: 90vh;overflow: hidden;animation: coverDialogIn-b-det-serie 0.25s ease-out;}@keyframes coverDialogIn-b-det-serie{from{opacity: 0;transform: scale(0.92);}to{opacity: 1;transform: scale(1);}}.overlay-modal[b-det-serie]{background: linear-gradient(145deg,rgba(20,30,48,0.98) 0%,rgba(15,23,42,0.98) 100%);border-radius: 28px;border: 2px solid rgba(124,58,237,0.5);box-shadow: 0 30px 90px rgba(0,0,0,0.7),0 0 80px rgba(124,58,237,0.3);width: 90%;max-width: 520px;overflow: hidden;animation: modalIn-b-det-serie 0.3s ease-out;}.overlay-modal-header[b-det-serie]{display: flex;align-items: center;justify-content: space-between;padding: 1.75rem 2rem;border-bottom: 1px solid rgba(124,58,237,0.2);background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(109,40,217,0.2) 100%);}.modal-title-group[b-det-serie]{display: flex;align-items: center;gap: 1.25rem;}.modal-emoji[b-det-serie]{font-size: 2.5rem;}.modal-title[b-det-serie]{font-size: 1.35rem;font-weight: 900;color: white;margin-bottom: 0.25rem;}.modal-subtitle[b-det-serie]{font-size: 0.85rem;color: rgba(255,255,255,0.6);font-weight: 600;}.overlay-modal-body[b-det-serie]{padding: 24px;text-align: center;}.overlay-modal-body .confirm-dialog-text[b-det-serie]{color: #e0e0e0;font-size: 15px;line-height: 1.5;margin: 0;}.overlay-modal-body .confirm-dialog-text strong[b-det-serie]{color: #ffffff;font-weight: 600;}.remove-modal-actions[b-det-serie]{display: flex;gap: 12px;padding: 16px 24px 24px;border-top: 1px solid rgba(255,255,255,0.08);}.btn-remove[b-det-serie]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px;background: rgba(124,58,237,0.15);border: 1px solid rgba(124,58,237,0.3);border-radius: 14px;color: var(--mxp-purple-100);font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-remove:hover[b-det-serie]{background: rgba(124,58,237,0.25);border-color: rgba(124,58,237,0.5);color: #ddd6fe;transform: translateY(-1px);}}.confirm-dialog-text[b-det-serie]{color: rgba(255,255,255,0.9) !important;font-size: 1.05rem !important;line-height: 1.7 !important;}.confirm-dialog-text strong[b-det-serie]{color: var(--mxp-purple-200);font-weight: 800;}.autocomplete-dialog-text[b-det-serie]{color: rgba(255,255,255,0.9) !important;font-size: 1.05rem !important;line-height: 1.7 !important;margin-bottom: 1rem;}.autocomplete-dialog-text strong[b-det-serie]{color: white;font-weight: 800;}.episode-list-compact[b-det-serie]{display: flex;flex-direction: column;gap: 0.5rem;margin-top: 1rem;max-height: 200px;overflow-y: auto;padding: 0.5rem;background: rgba(0,0,0,0.2);border-radius: 8px;}.episode-list-item[b-det-serie]{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem 0.75rem;background: rgba(124,58,237,0.1);border: 1px solid rgba(124,58,237,0.2);border-radius: 6px;}.episode-badge[b-det-serie]{font-size: 0.75rem;font-weight: 700;color: var(--mxp-purple-200);background: rgba(167,139,250,0.2);padding: 0.25rem 0.5rem;border-radius: 4px;flex-shrink: 0;}.episode-title[b-det-serie]{font-size: 0.85rem;color: rgba(255,255,255,0.85);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.episode-count-info[b-det-serie]{color: rgba(255,255,255,0.8) !important;font-size: 0.95rem !important;margin-top: 1rem;padding: 0.75rem;background: rgba(0,0,0,0.2);border-radius: 8px;border-left: 3px solid var(--mxp-purple-200);}.autocomplete-modal-actions[b-det-serie]{display: flex;gap: 1rem;padding: 1.5rem 2rem;border-top: 1px solid rgba(124,58,237,0.2);background: rgba(0,0,0,0.2);}.btn-skip[b-det-serie]{flex: 1;padding: 10px 20px;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.12);border-radius: 8px;color: #e0e0e0;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-skip:hover[b-det-serie]{background: rgba(255,255,255,0.12);border-color: rgba(255,255,255,0.2);}}.btn-autocomplete[b-det-serie]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 20px;background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%);border: none;border-radius: 8px;color: #ffffff;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-autocomplete:hover[b-det-serie]{background: linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(124,58,237,0.4);}}.btn-autocomplete:active[b-det-serie]{transform: translateY(0);}[b-det-serie] .confirm-delete-btn{font-weight: 800 !important;}@keyframes fadeIn-b-det-serie{from{opacity: 0;}to{opacity: 1;}}@keyframes scaleIn-b-det-serie{from{transform: scale(0.9);opacity: 0;}to{transform: scale(1);opacity: 1;}}.mobile-ranking-btn[b-det-serie]{display: none;pointer-events: auto;}@media (max-width: 768px){.hero-cover-image[b-det-serie],.hero-action-icon[b-det-serie],.rating-badge[b-det-serie],.genre-tag[b-det-serie],[b-det-serie] .season-panel{transition: none !important;}@media (hover: hover) and (pointer: fine){[b-det-serie] .season-panel:hover{transform: none !important;}}.mobile-ranking-btn[b-det-serie]{display: flex;width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg,rgba(124,58,237,0.25) 0%,rgba(168,85,247,0.25) 100%);backdrop-filter: blur(16px);border: 1px solid rgba(124,58,237,0.3);color: white;font-size: 1.5rem;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 4px 15px rgba(0,0,0,0.3);transition: all 0.2s ease;}.mobile-ranking-btn:active[b-det-serie]{background: linear-gradient(135deg,rgba(124,58,237,0.4) 0%,rgba(168,85,247,0.4) 100%);transform: scale(0.95);box-shadow: 0 6px 20px rgba(124,58,237,0.4);}.mobile-action-icon[b-det-serie]{display: flex;}.desktop-action-icon[b-det-serie]{display: none;}.hero-section[b-det-serie]{padding: 1.5rem 1.25rem 1.25rem;}.hero-top-bar[b-det-serie]{top: 1.5rem;left: 1.25rem;right: 1.25rem;}.hero-layout-wrapper[b-det-serie]{display: block;}.hero-sidebar[b-det-serie]{display: none;}.hero-main-content[b-det-serie]{flex-direction: column;align-items: center;text-align: center;gap: 1.5rem;}.hero-cover-section[b-det-serie]{position: relative;top: 0;align-self: center;}.hero-title-row[b-det-serie]{justify-content: center;gap: 0.75rem;margin-bottom: 0;}.hero-cover-image[b-det-serie]{width: 180px;height: 270px;}.hero-title[b-det-serie]{font-size: 1.75rem;}.hero-info-section[b-det-serie]{display: flex;flex-direction: column;align-items: center;gap: 0.75rem;width: 100%;}.hero-meta[b-det-serie]{justify-content: center;gap: 0.5rem;margin-bottom: 0;}.hero-ratings-row[b-det-serie]{justify-content: center;gap: 0.5rem;margin-bottom: 0;}.genre-tags[b-det-serie]{justify-content: center;gap: 0.5rem;margin-bottom: 0;}.genre-providers-row[b-det-serie]{justify-content: center;}.detail-providers[b-det-serie]{justify-content: center;}.detail-provider-logo[b-det-serie]{width: 30px;height: 30px;border-radius: 8px;}.hero-actions[b-det-serie]{display: flex;flex-direction: column;align-items: stretch;width: 100%;gap: 0.75rem;margin-top: 0.5rem;position: relative;}.hero-actions-row-main[b-det-serie]{display: flex;align-items: stretch;width: 100%;flex: none;}[b-det-serie] .main-action-btn{flex: 1;width: 100%;height: 50px;min-width: 0;font-size: 0.75rem;border-radius: 14px;}[b-det-serie] .main-action-btn .mud-button-label{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.status-menu[b-det-serie]{position: absolute;top: calc(100% + 0.5rem);left: 50%;transform: translateX(-50%);background: linear-gradient(145deg,rgba(20,20,40,0.98) 0%,rgba(15,15,30,0.98) 100%);border-radius: 18px;box-shadow: 0 10px 40px rgba(0,0,0,0.6),0 0 0 1px rgba(124,58,237,0.4);backdrop-filter: blur(30px);min-width: 260px;width: calc(100% - 2rem);max-width: 320px;z-index: 10000;}.status-wrapper-inline[b-det-serie]{flex: 1;width: 100%;min-width: 0;}.status-selector-compact[b-det-serie]{width: 100%;justify-content: center;padding: 0.85rem 1rem;border-radius: 14px;white-space: nowrap;height: 50px;}.status-current-icon[b-det-serie]{font-size: 1.1rem;}.status-current-text[b-det-serie]{font-size: 0.9rem;}.status-menu[b-det-serie]{left: 50%;transform: translateX(-50%);min-width: 240px;}.synopsis-button[b-det-serie]{width: 100%;justify-content: center;padding: 0.75rem 1.5rem;border-radius: 14px;}.seasons-section[b-det-serie]{padding: 0 1.25rem;}.section-header[b-det-serie]{flex-direction: row;align-items: center;justify-content: space-between;}.season-badge[b-det-serie]{font-size: 0.9rem;padding: 0.4rem 1rem;min-width: 35px;}[b-det-serie] .gallery-section{padding: 0 1.25rem;}.season-header-content[b-det-serie]{padding: 1rem 1.25rem;gap: 0.75rem;}.season-info[b-det-serie]{gap: 0.75rem;}.season-name[b-det-serie]{font-size: 1rem;}.season-progress-area[b-det-serie]{gap: 0.5rem;}.season-progress-bar[b-det-serie]{width: 70px;}.season-progress-text[b-det-serie]{font-size: 0.85rem;min-width: 40px;}.season-check-btn[b-det-serie]{width: 36px;height: 36px;}}@media (max-width: 600px){.mobile-ranking-btn[b-det-serie]{width: 44px;height: 44px;font-size: 1.3rem;}.hero-section[b-det-serie]{padding: 1.25rem 1rem 1rem;}.hero-top-bar[b-det-serie]{top: 1.25rem;left: 1rem;right: 1rem;}.hero-cover-image[b-det-serie]{width: 160px;height: 240px;}.hero-title[b-det-serie]{font-size: 1.5rem;}[b-det-serie] .main-action-btn{height: 46px;font-size: 0.7rem;border-radius: 12px;}.status-selector-compact[b-det-serie]{padding: 0.75rem 1rem;border-radius: 12px;height: 46px;}.status-current-icon[b-det-serie]{font-size: 1rem;}.status-current-text[b-det-serie]{font-size: 0.85rem;}.status-menu[b-det-serie]{min-width: 240px;width: calc(100% - 1.5rem);max-width: 300px;top: calc(100% + 0.4rem);}.synopsis-button[b-det-serie]{padding: 0.65rem 1.25rem;border-radius: 12px;}.synopsis-row .synopsis-button[b-det-serie]{gap: 0.4rem;padding-left: 0.6rem;padding-right: 0.6rem;}.synopsis-row .synopsis-button-text[b-det-serie]{font-size: 0.85rem;white-space: nowrap;}.donde-nota[b-det-serie]{padding: 0.75rem 1.25rem;}.seasons-section[b-det-serie]{margin: 1.25rem auto;padding: 0 1rem;}.section-title[b-det-serie]{font-size: 1.25rem;}.season-badge[b-det-serie]{font-size: 0.75rem;padding: 0.45rem 1rem;}.season-header-content[b-det-serie]{padding: 0.85rem 1rem;gap: 0.5rem;}.season-info[b-det-serie]{gap: 0.5rem;min-width: 0;}.season-number[b-det-serie]{padding: 0.35rem 0.6rem;font-size: 0.75rem;}.season-name[b-det-serie]{font-size: 0.85rem;white-space: nowrap;}.season-progress-area[b-det-serie]{gap: 0.35rem;}.season-progress-bar[b-det-serie]{width: 45px;}.season-progress-text[b-det-serie]{font-size: 0.75rem;min-width: 32px;}.season-check-btn[b-det-serie]{width: 30px;height: 30px;}.episodes-grid[b-det-serie]{padding: 0.85rem;}[b-det-serie] .gallery-section{padding: 0 1rem;}}@media (min-width: 1920px){.hero-section[b-det-serie],.seasons-section[b-det-serie],[b-det-serie] .gallery-section{max-width: 1800px;}.hero-layout-wrapper[b-det-serie]{grid-template-columns: 1fr 380px;gap: 3rem;}.hero-layout-wrapper.guest-layout[b-det-serie]{grid-template-columns: 1fr 280px;}.hero-cover-image[b-det-serie]{width: 300px;height: 450px;}.hero-title[b-det-serie]{font-size: 3.5rem;}.hero-main-content[b-det-serie]{gap: 4rem;}}@media (max-width: 1024px){.hero-top-bar[b-det-serie]{top: 1.5rem;left: 1.25rem;right: 1.25rem;}.hero-layout-wrapper[b-det-serie]{grid-template-columns: 1fr 320px;gap: 1.5rem;}}@media (max-width: 1279px){.hero-section[b-det-serie]{padding: 1.5rem 1.25rem 1.25rem;}.hero-layout-wrapper[b-det-serie]{display: block;}.hero-main-content[b-det-serie]{flex-direction: column;align-items: center;text-align: center;gap: 1.5rem;}.hero-cover-section[b-det-serie]{position: relative;top: 0;align-self: center;}.hero-title-row[b-det-serie]{justify-content: center;gap: 0.75rem;margin-bottom: 0;}.hero-cover-image[b-det-serie]{width: 220px;height: 330px;}.hero-title[b-det-serie]{font-size: 1.75rem;}.hero-info-section[b-det-serie]{display: flex;flex-direction: column;align-items: center;gap: 0.75rem;width: 100%;container-type: normal;}.hero-meta[b-det-serie]{justify-content: center;gap: 0.5rem;margin-bottom: 0;flex-wrap: wrap;}.hero-ratings-row[b-det-serie]{justify-content: center;}.hero-actions[b-det-serie]{display: flex;flex-direction: column;align-items: stretch;width: 100%;gap: 0.75rem;margin-top: 0.5rem;}.hero-actions-row-main[b-det-serie]{display: flex;align-items: stretch;width: 100%;flex: none;}[b-det-serie] .main-action-btn{flex: 1;width: 100%;min-width: 0;border-radius: 14px;}.synopsis-button[b-det-serie]{width: 100%;justify-content: center;border-radius: 14px;}.mobile-ranking-btn[b-det-serie]{display: flex;width: 48px;height: 48px;border-radius: 50%;background: linear-gradient(135deg,rgba(124,58,237,0.25) 0%,rgba(168,85,247,0.25) 100%);backdrop-filter: blur(16px);border: 1px solid rgba(124,58,237,0.3);color: white;font-size: 1.5rem;align-items: center;justify-content: center;cursor: pointer;}.mobile-action-icon[b-det-serie]{display: flex;}.hero-iconos[b-det-serie]{display: flex;}.desktop-action-icon[b-det-serie]{display: none;}}@media (max-width: 600px){.con-selector .hero-iconos[b-det-serie]{display: none;}.con-selector .hero-actions-row-main[b-det-serie]{flex-wrap: wrap;gap: 0.75rem 0.5rem;}.con-selector .hero-actions-row-main[b-det-serie] .main-action-btn{flex: 1 1 100%;font-size: 0.85rem;}.con-selector .status-wrapper-inline[b-det-serie]{flex: 1 1 0;}.con-selector .desktop-action-icon[b-det-serie]{display: flex;width: 46px;height: 46px;border-radius: 12px;font-size: 1.3rem;}}@container ficha-info (max-width: 300px){.synopsis-row .synopsis-button-icon[b-det-serie]{display: none;}} .news-page[b-ugniipsf1p]{max-width: 1400px;margin: 0 auto;padding: 1.5rem 2rem;animation: fadeIn-b-ugniipsf1p 0.4s ease-out;}@keyframes fadeIn-b-ugniipsf1p{from{opacity: 0;}to{opacity: 1;}}@keyframes slideUp-b-ugniipsf1p{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}.news-header[b-ugniipsf1p]{display: flex;align-items: center;gap: 1.25rem;margin-bottom: 2rem;padding-bottom: 1.5rem;border-bottom: 1px solid rgba(148,163,184,0.1);}.header-icon[b-ugniipsf1p]{font-size: 2.5rem;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;background: linear-gradient(145deg,rgba(59,130,246,0.15),rgba(139,92,246,0.1));border-radius: 18px;border: 1px solid rgba(59,130,246,0.2);flex-shrink: 0;}.header-text h1[b-ugniipsf1p]{font-size: 1.5rem;font-weight: 800;color: var(--mxp-slate-100);margin: 0 0 0.35rem 0;}.header-text p[b-ugniipsf1p]{font-size: 0.9rem;color: var(--mxp-slate-500);margin: 0;}.news-loading[b-ugniipsf1p]{display: flex;justify-content: center;align-items: center;min-height: 300px;}.news-empty[b-ugniipsf1p]{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 300px;color: var(--mxp-slate-500);gap: 1rem;}.news-list[b-ugniipsf1p]{display: flex;flex-direction: column;gap: 1.5rem;}.news-card[b-ugniipsf1p]{background: rgba(26,11,46,0.5);border: 1px solid rgba(88,28,135,0.25);border-radius: 20px;padding: 2rem;animation: slideUp-b-ugniipsf1p 0.5s ease-out both;transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.news-card:hover[b-ugniipsf1p]{border-color: rgba(88,28,135,0.45);}}.news-card-header[b-ugniipsf1p]{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;flex-wrap: wrap;gap: 0.75rem;}.news-category[b-ugniipsf1p]{display: inline-flex;align-items: center;gap: 6px;padding: 6px 12px;border-radius: 20px;font-size: 0.75rem;font-weight: 600;}.category-announcement[b-ugniipsf1p]{background: rgba(59,130,246,0.15);color: var(--mxp-blue-300);border: 1px solid rgba(59,130,246,0.3);}.category-feature[b-ugniipsf1p]{background: rgba(139,92,246,0.15);color: var(--mxp-purple-200);border: 1px solid rgba(139,92,246,0.3);}.category-bugfix[b-ugniipsf1p]{background: rgba(251,191,36,0.15);color: var(--mxp-amber-300);border: 1px solid rgba(251,191,36,0.3);}.category-update[b-ugniipsf1p]{background: rgba(34,197,94,0.15);color: #22c55e;border: 1px solid rgba(34,197,94,0.3);}.category-community[b-ugniipsf1p]{background: rgba(236,72,153,0.15);color: #ec4899;border: 1px solid rgba(236,72,153,0.3);}.news-date[b-ugniipsf1p]{display: flex;align-items: center;gap: 6px;font-size: 0.8rem;color: var(--mxp-slate-500);}.news-title[b-ugniipsf1p]{font-size: 1.5rem;font-weight: 700;color: var(--mxp-slate-100);margin: 0 0 0.75rem 0;line-height: 1.3;}.news-summary[b-ugniipsf1p]{font-size: 0.95rem;color: var(--mxp-slate-400);margin: 0 0 1rem 0;line-height: 1.5;font-style: italic;}.news-content[b-ugniipsf1p]{font-size: 0.95rem;color: #cbd5e1;line-height: 1.6;}.news-content[b-ugniipsf1p] p{margin: 0 0 0.16rem 0;}.news-content[b-ugniipsf1p] h3{font-size: 1.15rem;font-weight: 700;color: var(--mxp-slate-100);margin: 1.5rem 0 0.75rem 0;}.news-content[b-ugniipsf1p] h4{font-size: 1.05rem;font-weight: 600;color: var(--mxp-slate-200);margin: 1rem 0 0.5rem 0;display: flex;align-items: center;gap: 0.5rem;}.news-content[b-ugniipsf1p] .news-divider{display: flex;align-items: center;justify-content: center;margin: 1.25rem 0;position: relative;}.news-content[b-ugniipsf1p] .news-divider::before,.news-content[b-ugniipsf1p] .news-divider::after{content: "";flex: 1;height: 1px;background: linear-gradient(90deg,transparent,rgba(139,92,246,0.4),transparent);}.news-content[b-ugniipsf1p] .divider-icon{padding: 0 1rem;color: rgba(139,92,246,0.6);font-size: 0.9rem;}.news-content[b-ugniipsf1p] strong{color: var(--mxp-slate-100);font-weight: 600;}@media (max-width: 600px){.news-page[b-ugniipsf1p]{padding: 1rem 0.75rem;}.news-header[b-ugniipsf1p]{flex-direction: column;text-align: center;gap: 0.85rem;margin-bottom: 1.5rem;padding-bottom: 1.25rem;}.header-icon[b-ugniipsf1p]{width: 60px;height: 60px;font-size: 2rem;}.header-text h1[b-ugniipsf1p]{font-size: 1.35rem;}.news-card[b-ugniipsf1p]{padding: 1.25rem;border-radius: 16px;}.news-card-header[b-ugniipsf1p]{flex-direction: column;align-items: flex-start;gap: 0.5rem;}.news-title[b-ugniipsf1p]{font-size: 1.2rem;}.news-summary[b-ugniipsf1p]{font-size: 0.85rem;}.news-content[b-ugniipsf1p]{font-size: 0.88rem;}} .nf-container[b-izbnjlii5j]{min-height: 60vh;display: flex;align-items: center;justify-content: center;padding: 24px 16px;}.nf-content[b-izbnjlii5j]{text-align: center;max-width: 480px;width: 100%;padding: 40px 28px;background: rgba(26,11,46,0.6);border-radius: 20px;border: 1px solid rgba(88,28,135,0.35);}.nf-code[b-izbnjlii5j]{font-size: 3rem;font-weight: 800;line-height: 1;margin-bottom: 12px;color: var(--mxp-purple-200);}.nf-title[b-izbnjlii5j]{font-size: 1.6rem;font-weight: 700;margin: 0 0 12px 0;color: #f5f3ff;}.nf-message[b-izbnjlii5j]{color: var(--mxp-slate-400);margin: 0 0 28px 0;line-height: 1.5;}.nf-btn[b-izbnjlii5j]{display: inline-block;padding: 12px 24px;border-radius: 12px;background: var(--mxp-purple-600);color: #fff;font-weight: 600;text-decoration: none;}.nf-btn:focus-visible[b-izbnjlii5j]{background: var(--mxp-purple-500);}@media (hover: hover) and (pointer: fine){.nf-btn:hover[b-izbnjlii5j]{background: var(--mxp-purple-500);}} .ranking-page[b-ljm2kigbd6]{max-width: 1600px;margin: 0 auto;padding: 1.5rem 2rem 4rem;min-height: calc(100vh - 64px);display: flex;flex-direction: column;}.page-header[b-ljm2kigbd6]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 32px;flex-wrap: wrap;gap: 16px;}.header-left h1[b-ljm2kigbd6]{margin: 0;font-size: 2.25rem;font-weight: 700;}.header-left p[b-ljm2kigbd6]{margin: 4px 0 0;color: rgba(255,255,255,0.5);font-size: 1.05rem;}.add-friends-btn[b-ljm2kigbd6]{display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 14px 32px;margin-top: 1.5rem;background: transparent;border: 1px solid rgba(167,139,250,0.35);border-radius: 14px;color: var(--mxp-purple-200);font-size: 1rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;}.empty-lead[b-ljm2kigbd6]{font-size: 1.1rem;line-height: 1.5;max-width: 640px;margin: 0 auto 1.5rem;color: rgba(255,255,255,.85);}@media (hover: hover) and (pointer: fine){.add-friends-btn:hover[b-ljm2kigbd6]{background: rgba(167,139,250,0.15);border-color: rgba(167,139,250,0.5);transform: translateY(-2px);}}.add-friends-btn .mud-icon-root[b-ljm2kigbd6]{font-size: 18px !important;}.your-position-card[b-ljm2kigbd6]{display: flex;align-items: center;justify-content: center;gap: 14px;padding: 0 32px;background: linear-gradient(135deg,rgba(255,215,0,0.12),rgba(255,215,0,0.04));border: 1px solid rgba(255,215,0,0.25);border-radius: 16px;height: 76px;width: 270px;flex-shrink: 0;overflow: hidden;transition: background 0.15s ease,border-color 0.15s ease;}@media (hover: hover) and (pointer: fine){.your-position-card:not(.no-rank-card):hover[b-ljm2kigbd6]{background: linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,215,0,0.08));border-color: rgba(255,215,0,0.4);}}.your-position-card.no-rank-card[b-ljm2kigbd6]{background: rgba(255,255,255,0.02);border-color: rgba(255,255,255,0.07);}.your-position-card:not(.no-rank-card)[b-ljm2kigbd6]{cursor: pointer;}.position-placeholder[b-ljm2kigbd6]{font-size: 0.8rem;color: rgba(255,255,255,0.25);text-align: center;line-height: 1.4;font-style: italic;}.position-label[b-ljm2kigbd6]{font-size: 0.85rem;color: rgba(255,255,255,0.5);text-transform: uppercase;letter-spacing: 0.5px;}.position-value[b-ljm2kigbd6]{font-size: 2rem;font-weight: 700;color: #ffd700;}.position-total[b-ljm2kigbd6]{font-size: 1rem;color: rgba(255,255,255,0.5);}.ranking-content[b-ljm2kigbd6]{display: flex;flex-direction: column;gap: 32px;}.podium-section[b-ljm2kigbd6]{margin-bottom: 8px;}.podium[b-ljm2kigbd6]{display: flex;flex-direction: row;justify-content: center;gap: 16px;padding: 24px;background: rgba(255,255,255,0.02);border-radius: 20px;border: 1px solid rgba(255,255,255,0.08);}.podium-item[b-ljm2kigbd6]{display: flex;align-items: center;gap: 16px;padding: 20px 28px;border-radius: 16px;background: rgba(0,0,0,0.2);position: relative;flex: 1;max-width: 340px;min-width: 0;}.podium-item.first[b-ljm2kigbd6]{order: 2;background: linear-gradient(135deg,rgba(255,215,0,0.15),rgba(255,215,0,0.05));border: 1px solid rgba(255,215,0,0.25);max-width: 380px;}.podium-item.second[b-ljm2kigbd6]{order: 1;background: linear-gradient(135deg,rgba(192,192,192,0.12),rgba(192,192,192,0.04));border: 1px solid rgba(192,192,192,0.18);}.podium-item.third[b-ljm2kigbd6]{order: 3;background: linear-gradient(135deg,rgba(205,127,50,0.12),rgba(205,127,50,0.04));border: 1px solid rgba(205,127,50,0.18);}.podium-item.clickable[b-ljm2kigbd6]{cursor: pointer;}@keyframes float-b-ljm2kigbd6{0%,100%{transform: translateX(-50%) translateY(0);}50%{transform: translateX(-50%) translateY(-5px);}}.podium-avatar[b-ljm2kigbd6]{width: 64px;height: 64px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;border: 3px solid rgba(255,255,255,0.2);font-size: 2rem;flex-shrink: 0;font-weight: 600;font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background: var(--bg,rgba(255,255,255,0.08));}.podium-avatar span[b-ljm2kigbd6]{line-height: 1;}.podium-avatar.is-you[b-ljm2kigbd6]{box-shadow: 0 0 24px rgba(100,181,246,0.5);border-color: #64b5f6;}.first .podium-avatar[b-ljm2kigbd6]{width: 72px;height: 72px;border-color: #ffd700;box-shadow: 0 0 30px rgba(255,215,0,0.4);font-size: 2.25rem;}.first .podium-avatar span[b-ljm2kigbd6]{line-height: 1;}.medal[b-ljm2kigbd6]{position: absolute;bottom: -6px;right: -6px;width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.85rem;border: 2px solid rgba(0,0,0,0.3);}.medal.gold[b-ljm2kigbd6]{background: linear-gradient(135deg,#ffd700,#ffaa00);color: #000;}.medal.silver[b-ljm2kigbd6]{background: linear-gradient(135deg,#c0c0c0,#a0a0a0);color: #000;}.medal.bronze[b-ljm2kigbd6]{background: linear-gradient(135deg,#cd7f32,#a0522d);color: #fff;}.podium-user-info[b-ljm2kigbd6]{display: flex;flex-direction: column;gap: 4px;flex: 1;min-width: 0;}.podium-name[b-ljm2kigbd6]{font-weight: 600;font-size: 1.2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.podium-title[b-ljm2kigbd6]{font-size: 0.8rem;font-weight: 500;text-transform: uppercase;letter-spacing: 0.5px;opacity: 0.85;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: oklch(from var(--fc,inherit) max(l,0.72) c h);}.podium-xp[b-ljm2kigbd6]{font-size: 1.1rem;font-weight: 600;color: oklch(from var(--fc,inherit) max(l,0.72) c h);}.ranking-section[b-ljm2kigbd6]{background: rgba(255,255,255,0.02);border-radius: 20px;border: 1px solid rgba(255,255,255,0.08);overflow: hidden;flex: 1;}.ranking-toolbar[b-ljm2kigbd6]{display: flex;justify-content: space-between;align-items: center;padding: 24px 32px;background: rgba(0,0,0,0.2);border-bottom: 1px solid rgba(255,255,255,0.08);gap: 20px;}.ranking-toolbar h2[b-ljm2kigbd6]{margin: 0;font-size: 1.35rem;font-weight: 600;}.search-box[b-ljm2kigbd6]{position: relative;display: flex;align-items: center;}[b-ljm2kigbd6] .search-box .search-icon{position: absolute;left: 16px;color: rgba(255,255,255,0.4);pointer-events: none;}.search-box input[b-ljm2kigbd6]{width: 300px;padding: 14px 44px 14px 48px;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 12px;color: white;font-size: 1rem;outline: none;transition: all 0.2s;}.search-box input[b-ljm2kigbd6]::placeholder{color: rgba(255,255,255,0.4);}.search-box input:focus[b-ljm2kigbd6]{border-color: #64b5f6;background: rgba(255,255,255,0.08);}.search-box .clear-btn[b-ljm2kigbd6]{position: absolute;right: 12px;background: rgba(255,255,255,0.1);border: none;border-radius: 50%;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: rgba(255,255,255,0.6);}.ranking-list[b-ljm2kigbd6]{padding: 0;}.list-header[b-ljm2kigbd6]{display: grid;grid-template-columns: 80px 1fr 120px 120px 140px 260px;gap: 20px;padding: 16px 32px;background: rgba(0,0,0,0.15);font-size: 0.8rem;text-transform: uppercase;letter-spacing: 0.5px;color: rgba(255,255,255,0.45);font-weight: 600;}.ranking-row[b-ljm2kigbd6]{display: grid;grid-template-columns: 80px 1fr 120px 120px 140px 260px;gap: 20px;padding: 20px 32px;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.04);transition: background 0.2s;position: relative;}@media (hover: hover) and (pointer: fine){.ranking-row:hover[b-ljm2kigbd6]{background: rgba(255,255,255,0.03);}}.ranking-row:last-child[b-ljm2kigbd6]{border-bottom: none;}.ranking-row[tabindex]:focus-visible[b-ljm2kigbd6]{outline-offset: -2px;}.ranking-row.is-you[b-ljm2kigbd6]{background: rgba(100,181,246,0.08);}.ranking-row.is-you[b-ljm2kigbd6]::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: #64b5f6;border-radius: 0 2px 2px 0;}.ranking-row.gold-row[b-ljm2kigbd6]{background: rgba(255,215,0,0.04);}.ranking-row.silver-row[b-ljm2kigbd6]{background: rgba(192,192,192,0.04);}.ranking-row.bronze-row[b-ljm2kigbd6]{background: rgba(205,127,50,0.04);}.ranking-row.clickable[b-ljm2kigbd6]{cursor: pointer;}.col-pos[b-ljm2kigbd6]{font-weight: 700;font-size: 1.25rem;color: rgba(255,255,255,0.6);}.pos-medal[b-ljm2kigbd6]{display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 50%;font-size: 1rem;font-weight: 700;border: 2px solid rgba(0,0,0,0.3);}.col-streak[b-ljm2kigbd6]{font-weight: 600;font-size: 1.15rem;}.pos-medal.gold[b-ljm2kigbd6]{background: linear-gradient(135deg,#ffd700,#ffaa00);color: #000;}.pos-medal.silver[b-ljm2kigbd6]{background: linear-gradient(135deg,#c0c0c0,#a0a0a0);color: #000;}.pos-medal.bronze[b-ljm2kigbd6]{background: linear-gradient(135deg,#cd7f32,#a0522d);color: #fff;}.col-user[b-ljm2kigbd6]{display: flex;align-items: center;gap: 16px;min-width: 0;}.user-avatar[b-ljm2kigbd6]{width: 52px;height: 52px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;border: 2px solid rgba(255,255,255,0.2);flex-shrink: 0;font-weight: 600;font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height: 1;background: var(--bg,rgba(255,255,255,0.08));}.user-info[b-ljm2kigbd6]{min-width: 0;flex: 1;}.user-name[b-ljm2kigbd6]{font-weight: 600;font-size: 1.15rem;display: flex;align-items: center;gap: 10px;}.user-title[b-ljm2kigbd6]{font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;opacity: 0.75;margin-top: 2px;display: block;color: oklch(from var(--fc,inherit) max(l,0.72) c h);}.you-badge[b-ljm2kigbd6]{font-size: 0.7rem;padding: 4px 12px;background: #64b5f6;color: #000;border-radius: 10px;font-weight: 700;flex-shrink: 0;}.mobile-stats[b-ljm2kigbd6]{display: none;}.stats-legend[b-ljm2kigbd6]{display: none;}.col-level[b-ljm2kigbd6]{font-weight: 600;font-size: 1.15rem;color: oklch(from var(--fc,inherit) max(l,0.72) c h);}.level-number[b-ljm2kigbd6]::before{content: 'Nv.';opacity: 0.6;margin-right: 2px;}.streak[b-ljm2kigbd6]{display: inline-flex;align-items: center;gap: 4px;padding: 8px 16px;background: rgba(255,87,34,0.12);border-radius: 14px;font-size: 1rem;color: #ff5722;}.no-streak[b-ljm2kigbd6]{color: rgba(255,255,255,0.25);}.col-xp[b-ljm2kigbd6]{font-weight: 700;font-size: 1.2rem;color: #64b5f6;}.col-stats[b-ljm2kigbd6]{display: flex;gap: 16px;font-size: 1.15rem;font-weight: 600;}.stat-item[b-ljm2kigbd6]{font-size: 1rem;color: rgba(255,255,255,0.6);}.stat-item.private[b-ljm2kigbd6]{font-size: 0.85rem;color: rgba(100,116,139,0.5);}.no-results[b-ljm2kigbd6]{padding: 40px;text-align: center;color: rgba(255,255,255,0.5);}.pagination[b-ljm2kigbd6]{display: flex;justify-content: center;align-items: center;gap: 10px;padding: 28px;border-top: 1px solid rgba(255,255,255,0.06);}.page-btn[b-ljm2kigbd6]{min-width: 44px;height: 44px;padding: 0 16px;border: 1px solid rgba(255,255,255,0.1);background: rgba(255,255,255,0.03);color: rgba(255,255,255,0.7);border-radius: 10px;cursor: pointer;font-size: 1rem;font-weight: 500;transition: all 0.2s;display: flex;align-items: center;justify-content: center;}@media (hover: hover) and (pointer: fine){.page-btn:hover:not(:disabled)[b-ljm2kigbd6]{background: rgba(255,255,255,0.08);border-color: rgba(255,255,255,0.2);}}.page-btn.active[b-ljm2kigbd6]{background: #64b5f6;border-color: #64b5f6;color: #000;font-weight: 700;}.page-btn:disabled[b-ljm2kigbd6]{opacity: 0.3;cursor: not-allowed;}.page-btn.nav-btn[b-ljm2kigbd6]{padding: 0 8px;}.page-ellipsis[b-ljm2kigbd6]{color: rgba(255,255,255,0.4);padding: 0 4px;}.empty-state[b-ljm2kigbd6]{text-align: center;padding: 60px 24px;background: linear-gradient(135deg,rgba(255,215,0,0.04),rgba(100,181,246,0.02));border-radius: 20px;border: 2px dashed rgba(255,215,0,0.15);flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;}.empty-podium[b-ljm2kigbd6]{display: flex;justify-content: center;align-items: flex-end;gap: 28px;margin-bottom: 40px;height: 240px;position: relative;}.empty-podium .podium-item[b-ljm2kigbd6]{display: flex;flex-direction: column;align-items: center;gap: 10px;position: relative;}.empty-podium .p1[b-ljm2kigbd6]{order: 2;}.empty-podium .p2[b-ljm2kigbd6]{order: 1;margin-bottom: -20px;}.empty-podium .p3[b-ljm2kigbd6]{order: 3;margin-bottom: -20px;}.empty-podium .podium-avatar[b-ljm2kigbd6]{width: 80px;height: 80px;border-radius: 50%;background: rgba(255,255,255,0.03);border: 2px dashed rgba(255,255,255,0.15);display: flex;align-items: center;justify-content: center;font-size: 2rem;font-weight: 600;opacity: 0.35;font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;transition: all 0.3s ease;color: rgba(255,255,255,0.4);}.empty-podium .podium-avatar.you[b-ljm2kigbd6]{width: 100px;height: 100px;background: linear-gradient(135deg,rgba(100,181,246,0.15),rgba(100,181,246,0.05));border: 3px solid rgba(100,181,246,0.35);opacity: 1;box-shadow: 0 0 30px rgba(100,181,246,0.3);font-size: 2.75rem;color: #64b5f6;}.empty-podium .podium-medal[b-ljm2kigbd6]{font-size: 1.75rem;opacity: 0.5;}.empty-podium .p1 .podium-medal[b-ljm2kigbd6]{font-size: 2rem;opacity: 0.7;}.empty-podium .podium-crown[b-ljm2kigbd6]{position: absolute;top: -46px;left: 50%;transform: translateX(-50%);font-size: 2rem;line-height: 1;z-index: 2;animation: float-b-ljm2kigbd6 3s ease-in-out infinite;filter: drop-shadow(0 4px 8px rgba(255,215,0,0.3));}.empty-state h2[b-ljm2kigbd6]{margin: 0 0 12px;font-size: 1.75rem;font-weight: 700;background: linear-gradient(135deg,#ffd700,#64b5f6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.empty-state p[b-ljm2kigbd6]{margin: 0 0 28px;color: rgba(255,255,255,0.55);font-size: 1.05rem;max-width: 460px;margin-left: auto;margin-right: auto;}.empty-features[b-ljm2kigbd6]{display: flex;justify-content: center;gap: 16px;flex-wrap: wrap;}.empty-features span[b-ljm2kigbd6]{padding: 12px 24px;background: rgba(255,255,255,0.04);border-radius: 20px;font-size: 0.95rem;}.header-tabs[b-ljm2kigbd6]{display: flex;gap: 6px;padding: 4px;background: rgba(255,255,255,0.03);border-radius: 12px;border: 1px solid rgba(255,255,255,0.06);}.tab-btn[b-ljm2kigbd6]{display: flex;align-items: center;gap: 8px;padding: 10px 20px;background: transparent;border: none;border-radius: 10px;color: rgba(255,255,255,0.5);font-size: 0.9rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.tab-btn:hover[b-ljm2kigbd6]{color: rgba(255,255,255,0.8);background: rgba(255,255,255,0.05);}}.tab-btn.active[b-ljm2kigbd6]{background: rgba(100,181,246,0.12);color: #64b5f6;font-weight: 600;}[b-ljm2kigbd6] .tab-btn .mud-icon-root{font-size: 18px !important;}.tab-count[b-ljm2kigbd6]{padding: 2px 8px;background: rgba(255,255,255,0.08);border-radius: 8px;font-size: 0.75rem;font-weight: 600;color: rgba(255,255,255,0.6);}.tab-count.tab-count-hidden[b-ljm2kigbd6]{visibility: hidden;}.tab-btn.active .tab-count[b-ljm2kigbd6]{background: rgba(100,181,246,0.2);color: #64b5f6;}.global-optin-card[b-ljm2kigbd6]{text-align: center;padding: 60px 32px;background: linear-gradient(135deg,rgba(100,181,246,0.06),rgba(167,139,250,0.04));border-radius: 20px;border: 2px dashed rgba(100,181,246,0.2);}.optin-visual[b-ljm2kigbd6]{display: flex;justify-content: center;align-items: center;gap: 16px;margin-bottom: 24px;}.optin-icon[b-ljm2kigbd6]{font-size: 3.5rem;line-height: 1;}.optin-icon-secondary[b-ljm2kigbd6]{font-size: 2.5rem;opacity: 0.6;line-height: 1;}.global-optin-card h2[b-ljm2kigbd6]{margin: 0 0 12px;font-size: 1.6rem;font-weight: 700;background: linear-gradient(135deg,#64b5f6,var(--mxp-purple-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.optin-desc[b-ljm2kigbd6]{color: rgba(255,255,255,0.6);font-size: 1rem;line-height: 1.6;max-width: 520px;margin: 0 auto 24px;}.optin-features[b-ljm2kigbd6]{display: flex;justify-content: center;gap: 12px;flex-wrap: wrap;margin-bottom: 24px;}.optin-features span[b-ljm2kigbd6]{padding: 10px 20px;background: rgba(255,255,255,0.04);border-radius: 20px;font-size: 0.85rem;color: rgba(255,255,255,0.7);}.optin-warning[b-ljm2kigbd6]{display: inline-flex;align-items: center;gap: 8px;padding: 10px 20px;background: rgba(245,158,11,0.08);border: 1px solid rgba(245,158,11,0.2);border-radius: 12px;color: var(--mxp-amber-500);font-size: 0.85rem;margin-bottom: 24px;}[b-ljm2kigbd6] .optin-warning .mud-icon-root{font-size: 18px !important;}.global-join-btn[b-ljm2kigbd6]{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 14px 28px;background: linear-gradient(135deg,rgba(100,181,246,0.2),rgba(167,139,250,0.15));border: 1px solid rgba(100,181,246,0.3);border-radius: 14px;color: #64b5f6;font-size: 0.95rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.global-join-btn:hover[b-ljm2kigbd6]{background: linear-gradient(135deg,rgba(100,181,246,0.3),rgba(167,139,250,0.25));border-color: rgba(100,181,246,0.5);transform: translateY(-2px);}}[b-ljm2kigbd6] .global-join-btn .mud-icon-root{font-size: 18px !important;}.global-cta-prominent[b-ljm2kigbd6]{display: flex;flex-direction: column;align-items: center;gap: 8px;margin-top: 32px;}.global-cta-divider[b-ljm2kigbd6]{width: 60px;height: 1px;background: rgba(255,255,255,0.1);margin-bottom: 16px;}.global-cta-icon[b-ljm2kigbd6]{font-size: 2rem;line-height: 1;}.global-cta-prominent h3[b-ljm2kigbd6]{margin: 0;font-size: 1.1rem;font-weight: 600;color: rgba(255,255,255,0.85);}.global-cta-prominent p[b-ljm2kigbd6]{margin: 0;color: rgba(255,255,255,0.5);font-size: 0.85rem;}.global-cta-note[b-ljm2kigbd6]{font-size: 0.75rem;color: rgba(245,158,11,0.7);margin-top: 4px;}@media (max-width: 1440px){.podium-item[b-ljm2kigbd6]{max-width: 300px;}.podium-item.first[b-ljm2kigbd6]{max-width: 340px;}.list-header[b-ljm2kigbd6],.ranking-row[b-ljm2kigbd6]{grid-template-columns: 70px 1fr 100px 100px 120px 200px;}}@media (max-width: 1280px){.list-header[b-ljm2kigbd6],.ranking-row[b-ljm2kigbd6]{grid-template-columns: 70px 1fr 100px 100px 120px;}.col-stats[b-ljm2kigbd6]{display: none;}}@media (max-width: 1024px){.podium[b-ljm2kigbd6]{flex-wrap: wrap;}.podium-item[b-ljm2kigbd6]{flex: 1 1 200px;max-width: 320px;}.podium-item.first[b-ljm2kigbd6]{max-width: 350px;}.list-header[b-ljm2kigbd6],.ranking-row[b-ljm2kigbd6]{grid-template-columns: 60px 1fr 90px 110px;}.col-streak[b-ljm2kigbd6]{display: none;}}@media (max-width: 768px){.ranking-page[b-ljm2kigbd6]{padding: 1rem 1rem 3.5rem;}.empty-podium[b-ljm2kigbd6]{height: 140px;gap: 16px;}.empty-podium .p2[b-ljm2kigbd6],.empty-podium .p3[b-ljm2kigbd6]{display: none;}.empty-podium .podium-avatar.you[b-ljm2kigbd6]{width: 64px;height: 64px;font-size: 1.75rem;}.empty-podium .podium-crown[b-ljm2kigbd6]{font-size: 1.4rem;top: -32px;}.empty-podium .p1 .podium-medal[b-ljm2kigbd6]{font-size: 1.4rem;}.page-header[b-ljm2kigbd6]{flex-direction: column;align-items: stretch;gap: 12px;}.header-tabs[b-ljm2kigbd6]{width: 100%;}.tab-btn[b-ljm2kigbd6]{flex: 1;justify-content: center;padding: 10px 12px;font-size: 0.85rem;}.your-position-card[b-ljm2kigbd6]{display: none;}.global-optin-card[b-ljm2kigbd6]{padding: 40px 20px;}.optin-features[b-ljm2kigbd6]{flex-direction: column;gap: 8px;}.optin-features span[b-ljm2kigbd6]{padding: 8px 16px;}.podium[b-ljm2kigbd6]{flex-direction: column;padding: 16px;gap: 8px;}.podium-item[b-ljm2kigbd6]{flex: none;max-width: none;width: 100%;padding: 12px 16px;gap: 12px;}.podium-item.first[b-ljm2kigbd6]{order: 1;max-width: none;}.podium-item.second[b-ljm2kigbd6]{order: 2;}.podium-item.third[b-ljm2kigbd6]{order: 3;}.podium-avatar[b-ljm2kigbd6]{width: 48px;height: 48px;font-size: 1.5rem;}.first .podium-avatar[b-ljm2kigbd6]{width: 48px;height: 48px;font-size: 1.5rem;}.user-avatar[b-ljm2kigbd6]{width: 36px;height: 36px;font-size: 1.1rem;}.podium-item .podium-avatar[b-ljm2kigbd6]{order: 1;}.podium-item .podium-user-info[b-ljm2kigbd6]{order: 2;flex: 0 1 auto;}.podium-item .podium-name[b-ljm2kigbd6]{font-size: 1rem;}.podium-item .podium-title[b-ljm2kigbd6]{font-size: 0.7rem;}.podium-item .podium-xp[b-ljm2kigbd6]{order: 4;margin-left: auto;}.ranking-toolbar[b-ljm2kigbd6]{flex-direction: column;padding: 14px 16px;gap: 12px;}.ranking-toolbar h2[b-ljm2kigbd6]{font-size: 1rem;}.search-box[b-ljm2kigbd6]{width: 100%;}.search-box input[b-ljm2kigbd6]{width: 100%;}.list-header[b-ljm2kigbd6]{display: none;}.ranking-row[b-ljm2kigbd6]{display: flex;flex-wrap: wrap;padding: 12px 16px;gap: 8px;}.col-pos[b-ljm2kigbd6]{width: 36px;font-size: 0.9rem;}.pos-medal[b-ljm2kigbd6]{width: 28px;height: 28px;font-size: 0.75rem;}.col-user[b-ljm2kigbd6]{flex: 1;min-width: 0;}.user-name[b-ljm2kigbd6]{font-size: 0.9rem;}.user-title[b-ljm2kigbd6]{font-size: 0.65rem;margin-top: 2px;}.you-badge[b-ljm2kigbd6]{font-size: 0.64rem;padding: 2px 6px;}.mobile-stats[b-ljm2kigbd6]{display: flex;gap: 8px;font-size: 0.7rem;color: rgba(255,255,255,0.5);margin-top: 2px;}.stats-legend[b-ljm2kigbd6]{display: block;margin: 0;padding: 8px 12px 0;font-size: 0.7rem;color: rgba(255,255,255,0.5);}.col-level[b-ljm2kigbd6]{margin-left: auto;font-size: 0.9rem;}.level-number[b-ljm2kigbd6]::before{content: 'Nv.';}.col-streak[b-ljm2kigbd6],.col-xp[b-ljm2kigbd6],.col-stats[b-ljm2kigbd6]{display: none;}.pagination[b-ljm2kigbd6]{padding: 16px 12px;gap: 4px;}.page-btn[b-ljm2kigbd6]{min-width: 32px;height: 32px;padding: 0 8px;font-size: 0.8rem;}}@media (max-width: 480px){.ranking-page[b-ljm2kigbd6]{padding: 12px 12px 3rem;}.header-left h1[b-ljm2kigbd6]{font-size: 1.4rem;}.position-value[b-ljm2kigbd6]{font-size: 1.25rem;}.empty-state[b-ljm2kigbd6]{padding: 40px 16px;}.empty-features[b-ljm2kigbd6]{flex-direction: column;gap: 8px;}.empty-features span[b-ljm2kigbd6]{padding: 8px 16px;}.empty-podium[b-ljm2kigbd6]{height: 120px;}.empty-podium .podium-avatar.you[b-ljm2kigbd6]{width: 56px;height: 56px;font-size: 1.5rem;}.empty-podium .podium-crown[b-ljm2kigbd6]{font-size: 1.2rem;top: -28px;}.empty-podium .p1 .podium-medal[b-ljm2kigbd6]{font-size: 1.2rem;}.empty-podium .p2[b-ljm2kigbd6],.empty-podium .p3[b-ljm2kigbd6]{display: none;}} @keyframes fadeSlideUp-b-gejajw1jo4{from{opacity: 0;transform: translateY(16px);}to{opacity: 1;transform: translateY(0);}}@keyframes cardFadeIn-b-gejajw1jo4{from{opacity: 0;transform: translateY(8px);}to{opacity: 1;transform: translateY(0);}}.fp-page[b-gejajw1jo4]{max-width: 1600px;margin: 0 auto;padding: 32px 48px;min-height: calc(100vh - 64px);animation: fadeSlideUp-b-gejajw1jo4 0.4s ease;}.fp-not-found[b-gejajw1jo4]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.75rem;min-height: 50vh;text-align: center;}.fp-nf-icon[b-gejajw1jo4]{font-size: 3.5rem;opacity: 0.4;}.fp-not-found h2[b-gejajw1jo4]{margin: 0;color: white;font-size: 1.4rem;font-weight: 700;}.fp-not-found p[b-gejajw1jo4]{margin: 0;color: rgba(255,255,255,0.45);font-size: 0.88rem;}.fp-back-btn[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.4rem;padding: 0.6rem 1.2rem;margin-top: 0.5rem;background: rgba(167,139,250,0.12);border: 1px solid rgba(167,139,250,0.25);border-radius: 10px;color: var(--mxp-purple-200);font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.fp-back-btn:hover[b-gejajw1jo4]{background: rgba(167,139,250,0.22);}}.fp-header[b-gejajw1jo4]{position: relative;border-radius: 18px;overflow: hidden;margin-bottom: 1rem;}.fp-header-bg[b-gejajw1jo4]{position: absolute;inset: 0;background: linear-gradient(145deg,rgba(88,28,135,0.3),rgba(30,41,59,0.65),rgba(15,23,42,0.8));z-index: 0;}.fp-header-bg[b-gejajw1jo4]::after{content: '';position: absolute;top: -50%;right: -20%;width: 350px;height: 350px;background: radial-gradient(circle,rgba(139,92,246,0.1) 0%,transparent 70%);pointer-events: none;}.fp-header-inner[b-gejajw1jo4]{position: relative;z-index: 1;padding: 1.5rem 1.75rem;border: 1px solid rgba(255,255,255,0.07);border-radius: 18px;backdrop-filter: blur(12px);}.fp-back-arrow[b-gejajw1jo4]{width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: 9px;color: rgba(255,255,255,0.6);cursor: pointer;transition: all 0.2s ease;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.fp-back-arrow:hover[b-gejajw1jo4]{background: rgba(255,255,255,0.12);color: white;transform: translateX(-2px);}}.fp-hero[b-gejajw1jo4]{display: flex;align-items: center;gap: 1rem;margin-bottom: 1.25rem;}.fp-avatar[b-gejajw1jo4]{position: relative;width: 76px;height: 76px;border-radius: 50%;background: var(--avatar-color,var(--mxp-slate-400));display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.fp-avatar-emoji[b-gejajw1jo4]{font-size: 2.2rem;}.fp-avatar-initial[b-gejajw1jo4]{font-size: 1.8rem;font-weight: 700;color: white;text-transform: uppercase;}.fp-avatar-level[b-gejajw1jo4]{position: absolute;bottom: -3px;right: -3px;background: var(--avatar-color,var(--mxp-slate-400));color: white;font-size: 0.62rem;font-weight: 800;width: 26px;height: 26px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 3px solid rgba(15,23,42,0.95);}.fp-user-info[b-gejajw1jo4]{display: flex;flex-direction: column;gap: 0.3rem;}.fp-username[b-gejajw1jo4]{margin: 0;font-size: 1.5rem;font-weight: 800;color: white;letter-spacing: -0.02em;}.fp-badges[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.4rem;flex-wrap: wrap;}.fp-badge[b-gejajw1jo4]{display: inline-flex;align-items: center;gap: 0.2rem;padding: 0.2rem 0.55rem;border-radius: 7px;font-size: 0.72rem;font-weight: 700;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.08);}.fp-badge.rank[b-gejajw1jo4]{color: var(--mxp-amber-300);border-color: rgba(251,191,36,0.2);background: rgba(251,191,36,0.08);}.fp-badge.xp[b-gejajw1jo4]{color: var(--mxp-purple-200);border-color: rgba(167,139,250,0.2);background: rgba(167,139,250,0.08);}.fp-badge.streak[b-gejajw1jo4]{color: #f97316;border-color: rgba(249,115,22,0.2);background: rgba(249,115,22,0.08);}.fp-badge.friends-days[b-gejajw1jo4]{color: #38bdf8;border-color: rgba(56,189,248,0.2);background: rgba(56,189,248,0.08);}.fp-badge.greetings[b-gejajw1jo4]{color: #4ade80;border-color: rgba(74,222,128,0.2);background: rgba(74,222,128,0.08);}.fp-badge.global[b-gejajw1jo4]{color: var(--mxp-green-300);border-color: rgba(52,211,153,0.2);background: rgba(52,211,153,0.08);}.fp-friend-action[b-gejajw1jo4]{margin-left: auto;flex-shrink: 0;}.fp-add-friend-btn[b-gejajw1jo4]{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.5rem 1rem;border-radius: 10px;font-size: 0.82rem;font-weight: 700;cursor: pointer;transition: all 0.2s ease;border: 1px solid rgba(139,92,246,0.35);background: rgba(139,92,246,0.15);color: var(--mxp-purple-100);white-space: nowrap;}@media (hover: hover) and (pointer: fine){.fp-add-friend-btn:hover[b-gejajw1jo4]{background: rgba(139,92,246,0.3);border-color: rgba(139,92,246,0.5);transform: translateY(-1px);}}.fp-add-friend-btn:active[b-gejajw1jo4]{transform: translateY(0);}.fp-add-friend-btn:disabled[b-gejajw1jo4]{opacity: 0.5;cursor: not-allowed;transform: none;}.fp-add-friend-btn.pending[b-gejajw1jo4]{background: rgba(251,191,36,0.1);border-color: rgba(251,191,36,0.25);color: var(--mxp-amber-300);}@media (hover: hover) and (pointer: fine){.fp-add-friend-btn.pending:hover[b-gejajw1jo4]{background: rgba(251,191,36,0.2);border-color: rgba(251,191,36,0.4);}}.fp-add-friend-btn.incoming[b-gejajw1jo4]{background: rgba(56,189,248,0.1);border-color: rgba(56,189,248,0.25);color: #38bdf8;cursor: default;}.fp-private-notice[b-gejajw1jo4]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 1.25rem;margin-top: 1rem;background: rgba(255,255,255,0.03);border: 1px dashed rgba(255,255,255,0.1);border-radius: 12px;color: rgba(255,255,255,0.5);font-size: 0.85rem;}.fp-since[b-gejajw1jo4]{font-size: 0.72rem;color: rgba(255,255,255,0.3);}.fp-stats-row[b-gejajw1jo4]{display: grid;grid-template-columns: repeat(6,1fr);gap: 0.6rem;margin-bottom: 1rem;}.fp-stats-row.global[b-gejajw1jo4]{grid-template-columns: repeat(5,1fr);}.fp-stats-row.private .fp-stat-num[b-gejajw1jo4]{color: #475569;font-size: 1.2rem;}.fp-stats-row.private .fp-stat[b-gejajw1jo4]{cursor: default;opacity: 0.5;}.fp-stat[b-gejajw1jo4]{display: flex;flex-direction: column;align-items: center;gap: 0.15rem;padding: 0.7rem 0.35rem;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.06);border-radius: 12px;transition: all 0.2s ease;}.fp-stat.clickable[b-gejajw1jo4]{cursor: pointer;}@media (hover: hover) and (pointer: fine){.fp-stat.clickable:hover[b-gejajw1jo4]{background: rgba(255,255,255,0.07);transform: translateY(-1px);border-color: rgba(167,139,250,0.2);}}.fp-stat.clickable:active[b-gejajw1jo4]{transform: translateY(0);}.fp-stat.highlight[b-gejajw1jo4]{background: rgba(139,92,246,0.08);border-color: rgba(139,92,246,0.2);}.fp-stat-num[b-gejajw1jo4]{font-size: 1.2rem;font-weight: 800;color: white;}.fp-stat-lbl[b-gejajw1jo4]{font-size: 0.65rem;color: rgba(255,255,255,0.4);font-weight: 500;text-align: center;}.fp-compat-bar[b-gejajw1jo4]{background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.06);border-radius: 10px;padding: 0.65rem 0.85rem;}.fp-compat-info[b-gejajw1jo4]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.4rem;}.fp-compat-label[b-gejajw1jo4]{font-size: 0.72rem;color: rgba(255,255,255,0.45);font-weight: 600;}.fp-compat-pct[b-gejajw1jo4]{font-size: 0.85rem;font-weight: 800;color: var(--mxp-purple-200);}.fp-compat-track[b-gejajw1jo4]{height: 7px;background: rgba(255,255,255,0.85);border-radius: 4px;overflow: hidden;}.fp-compat-fill[b-gejajw1jo4]{height: 100%;background: var(--mxp-purple-500);border-radius: 4px;transition: width 0.6s ease;}.fp-section-title[b-gejajw1jo4]{margin: 0 0 0.75rem 0;font-size: 1rem;font-weight: 700;color: rgba(255,255,255,0.85);}.fp-favorites-section[b-gejajw1jo4]{margin-bottom: 1.25rem;}.fp-favorites-grid[b-gejajw1jo4]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.75rem;}.fp-fav-group[b-gejajw1jo4]{background: rgba(30,41,59,0.4);border: 1px solid rgba(255,255,255,0.06);border-radius: 14px;padding: 0.85rem;}.fp-fav-group-label[b-gejajw1jo4]{font-size: 0.75rem;font-weight: 700;color: rgba(255,255,255,0.55);display: block;margin-bottom: 0.6rem;}.fp-fav-items[b-gejajw1jo4]{display: flex;flex-direction: column;gap: 0.35rem;}.fp-fav-item[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.75rem;padding: 0.5rem;border-radius: 10px;cursor: pointer;transition: background 0.15s ease;background: rgba(255,255,255,0.02);}@media (hover: hover) and (pointer: fine){.fp-fav-item:hover[b-gejajw1jo4]{background: rgba(255,255,255,0.06);}}.fp-fav-item img[b-gejajw1jo4]{width: 46px;height: 66px;object-fit: cover;border-radius: 7px;flex-shrink: 0;box-shadow: 0 2px 8px rgba(0,0,0,0.3);}.fp-fav-info[b-gejajw1jo4]{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0;flex: 1;}.fp-fav-title[b-gejajw1jo4]{font-size: 0.85rem;font-weight: 650;color: white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.fp-fav-meta[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.5rem;}.fp-fav-rating[b-gejajw1jo4]{font-size: 0.76rem;color: rgba(255,255,255,0.55);font-weight: 600;}.fp-fav-star[b-gejajw1jo4]{font-size: 0.72rem;flex-shrink: 0;}.tl-header[b-gejajw1jo4]{display: flex;align-items: baseline;justify-content: space-between;margin-bottom: 0.75rem;}.tl-header-title[b-gejajw1jo4]{font-size: 0.95rem;font-weight: 700;color: rgba(255,255,255,0.85);}.tl-header-count[b-gejajw1jo4]{font-size: 0.7rem;color: rgba(255,255,255,0.35);font-weight: 500;}.fp-timeline[b-gejajw1jo4]{display: flex;flex-direction: column;padding-left: 0.15rem;}.tl-date-separator[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.65rem;padding: 0.35rem 0 0.45rem 0;}.tl-date-line[b-gejajw1jo4]{flex: 1;height: 1px;background: linear-gradient(to right,rgba(139,92,246,0.2),rgba(139,92,246,0.05));}.tl-date-separator .tl-date-line:first-child[b-gejajw1jo4]{background: linear-gradient(to left,rgba(139,92,246,0.2),rgba(139,92,246,0.05));}.tl-date-label[b-gejajw1jo4]{font-size: 0.68rem;font-weight: 700;color: rgba(167,139,250,0.6);text-transform: capitalize;white-space: nowrap;letter-spacing: 0.03em;}.tl-item[b-gejajw1jo4]{display: flex;gap: 0;min-height: 0;}.tl-rail[b-gejajw1jo4]{display: flex;flex-direction: column;align-items: center;width: 36px;flex-shrink: 0;padding-top: 2px;}.tl-dot[b-gejajw1jo4]{width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.82rem;flex-shrink: 0;position: relative;z-index: 1;border: 2px solid transparent;transition: transform 0.2s ease,box-shadow 0.2s ease;}@media (hover: hover) and (pointer: fine){.tl-item:hover .tl-dot[b-gejajw1jo4]{transform: scale(1.12);}}.tl-tv .tl-dot[b-gejajw1jo4]{background: rgba(139,92,246,0.18);border-color: rgba(139,92,246,0.45);box-shadow: 0 0 8px rgba(139,92,246,0.15);}.tl-movie .tl-dot[b-gejajw1jo4]{background: rgba(59,130,246,0.18);border-color: rgba(59,130,246,0.45);box-shadow: 0 0 8px rgba(59,130,246,0.15);}.tl-game .tl-dot[b-gejajw1jo4]{background: rgba(16,185,129,0.18);border-color: rgba(16,185,129,0.45);box-shadow: 0 0 8px rgba(16,185,129,0.15);}@media (hover: hover) and (pointer: fine){.tl-item:hover.tl-tv .tl-dot[b-gejajw1jo4]{box-shadow: 0 0 14px rgba(139,92,246,0.3);}}@media (hover: hover) and (pointer: fine){.tl-item:hover.tl-movie .tl-dot[b-gejajw1jo4]{box-shadow: 0 0 14px rgba(59,130,246,0.3);}}@media (hover: hover) and (pointer: fine){.tl-item:hover.tl-game .tl-dot[b-gejajw1jo4]{box-shadow: 0 0 14px rgba(16,185,129,0.3);}}.tl-line[b-gejajw1jo4]{width: 2px;flex: 1;min-height: 12px;border-radius: 1px;}.tl-tv .tl-line[b-gejajw1jo4]{background: linear-gradient(to bottom,rgba(139,92,246,0.3),rgba(139,92,246,0.05));}.tl-movie .tl-line[b-gejajw1jo4]{background: linear-gradient(to bottom,rgba(59,130,246,0.3),rgba(59,130,246,0.05));}.tl-game .tl-line[b-gejajw1jo4]{background: linear-gradient(to bottom,rgba(16,185,129,0.3),rgba(16,185,129,0.05));}.tl-item:last-child .tl-line[b-gejajw1jo4]{display: none;}.tl-content[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.7rem;flex: 1;min-width: 0;padding: 0.55rem 0.75rem;margin: 0 0 0.2rem 0.35rem;background: rgba(30,41,59,0.4);border: 1px solid rgba(255,255,255,0.05);border-radius: 10px;transition: background 0.15s ease,border-color 0.15s ease;}@media (hover: hover) and (pointer: fine){.tl-item:hover .tl-content[b-gejajw1jo4]{background: rgba(30,41,59,0.6);border-color: rgba(255,255,255,0.08);}}@media (hover: hover) and (pointer: fine){.tl-tv:hover .tl-content[b-gejajw1jo4]{border-color: rgba(139,92,246,0.2);}}@media (hover: hover) and (pointer: fine){.tl-movie:hover .tl-content[b-gejajw1jo4]{border-color: rgba(59,130,246,0.2);}}@media (hover: hover) and (pointer: fine){.tl-game:hover .tl-content[b-gejajw1jo4]{border-color: rgba(16,185,129,0.2);}}.tl-poster[b-gejajw1jo4]{width: 34px;height: 48px;object-fit: cover;border-radius: 6px;flex-shrink: 0;box-shadow: 0 2px 8px rgba(0,0,0,0.3);}.tl-body[b-gejajw1jo4]{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0;flex: 1;}.tl-top[b-gejajw1jo4]{display: flex;align-items: baseline;gap: 0.5rem;min-width: 0;}.tl-title[b-gejajw1jo4]{font-size: 0.88rem;font-weight: 650;color: rgba(255,255,255,0.92);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;min-width: 0;}.tl-time[b-gejajw1jo4]{font-size: 0.68rem;color: rgba(255,255,255,0.3);font-weight: 500;white-space: nowrap;flex-shrink: 0;}.tl-desc[b-gejajw1jo4]{font-size: 0.82rem;font-weight: 600;color: rgba(255,255,255,0.45);}.tl-desc.tl-completed[b-gejajw1jo4]{color: #4ade80;font-weight: 600;}.fp-tabs[b-gejajw1jo4]{display: flex;gap: 0.4rem;margin-bottom: 1rem;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;}.fp-tabs[b-gejajw1jo4]::-webkit-scrollbar{display: none;}.fp-tab[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.4rem;padding: 0.65rem 1.15rem;background: rgba(30,41,59,0.4);border: 1px solid rgba(100,116,139,0.2);border-radius: 11px;color: rgba(255,255,255,0.5);font-size: 0.82rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.fp-tab:hover:not(.active)[b-gejajw1jo4]{background: rgba(255,255,255,0.05);color: rgba(255,255,255,0.8);}}.fp-tab.active[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(139,92,246,0.18),rgba(88,28,135,0.15));border-color: rgba(167,139,250,0.35);color: var(--mxp-purple-100);}.fp-tab-count[b-gejajw1jo4]{background: rgba(255,255,255,0.08);padding: 0.12rem 0.45rem;border-radius: 6px;font-size: 0.7rem;}.fp-tab.active .fp-tab-count[b-gejajw1jo4]{background: rgba(167,139,250,0.2);}.fp-content[b-gejajw1jo4]{animation: fadeSlideUp-b-gejajw1jo4 0.25s ease;}.fp-toolbar[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 1rem;flex-wrap: wrap;}.fp-toolbar-right[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.5rem;flex-shrink: 0;margin-left: auto;}.fp-chips[b-gejajw1jo4]{display: flex;gap: 0.3rem;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;flex: 1;min-width: 0;}.fp-chips[b-gejajw1jo4]::-webkit-scrollbar{display: none;}.fp-chip[b-gejajw1jo4]{padding: 0.4rem 0.75rem;border-radius: 9px;font-size: 0.74rem;font-weight: 600;cursor: pointer;transition: all 0.15s ease;border: 1px solid rgba(255,255,255,0.08);background: rgba(30,41,59,0.35);color: rgba(255,255,255,0.55);white-space: nowrap;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.fp-chip:hover[b-gejajw1jo4]{border-color: rgba(255,255,255,0.18);color: white;background: rgba(255,255,255,0.06);}}.fp-chip.active[b-gejajw1jo4]{background: rgba(139,92,246,0.15);border-color: rgba(167,139,250,0.35);color: var(--mxp-purple-100);}.fp-search[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.7rem;background: rgba(30,41,59,0.4);border: 1px solid rgba(100,116,139,0.2);border-radius: 9px;min-width: 150px;max-width: 200px;transition: border-color 0.2s ease;}.fp-search:focus-within[b-gejajw1jo4]{border-color: rgba(167,139,250,0.35);}.fp-search input[b-gejajw1jo4]{background: none;border: none;outline: none;color: white;font-size: 0.78rem;width: 100%;}.fp-search input[b-gejajw1jo4]::placeholder{color: rgba(255,255,255,0.3);}[b-gejajw1jo4] .fp-search .mud-icon-root{color: rgba(255,255,255,0.3);font-size: 1rem;}.view-mode-toggle[b-gejajw1jo4]{display: flex;background: rgba(139,92,246,0.06);border-radius: 10px;padding: 0.25rem;gap: 0.25rem;border: 1px solid rgba(139,92,246,0.12);flex-shrink: 0;}[b-gejajw1jo4] .view-mode-toggle .mud-icon-root{font-size: 1.1rem;}.mode-btn[b-gejajw1jo4]{display: flex;align-items: center;justify-content: center;padding: 0.45rem;border-radius: 7px;cursor: pointer;transition: all 0.2s ease;color: rgba(255,255,255,0.5);}@media (hover: hover) and (pointer: fine){.mode-btn:hover[b-gejajw1jo4]{background: rgba(167,139,250,0.1);color: white;}}.mode-btn.active[b-gejajw1jo4]{background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));color: white;}.mode-btn.mode-2x2[b-gejajw1jo4]{display: none;}.fp-empty[b-gejajw1jo4]{display: flex;flex-direction: column;align-items: center;gap: 0.5rem;padding: 4rem 1rem;color: rgba(255,255,255,0.35);text-align: center;}.fp-empty span[b-gejajw1jo4]{font-size: 2.5rem;opacity: 0.4;}.fp-empty p[b-gejajw1jo4]{margin: 0;font-size: 0.88rem;}.fp-list[b-gejajw1jo4]{display: flex;flex-direction: column;gap: 0;background: rgba(30,41,59,0.3);border: 1px solid rgba(255,255,255,0.06);border-radius: 14px;overflow: hidden;}.fp-list-row[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.85rem;padding: 0.7rem 1rem;cursor: pointer;transition: background 0.15s ease;}@media (hover: hover) and (pointer: fine){.fp-list-row:hover[b-gejajw1jo4]{background: rgba(255,255,255,0.04);}}.fp-list-row:not(:last-child)[b-gejajw1jo4]{border-bottom: 1px solid rgba(255,255,255,0.04);}.fp-list-row.owned[b-gejajw1jo4]{border-left: 3px solid rgba(74,222,128,0.3);}.fp-list-poster[b-gejajw1jo4]{width: 44px;height: 66px;object-fit: cover;border-radius: 6px;flex-shrink: 0;}.fp-list-info[b-gejajw1jo4]{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0;flex: 1;}.fp-list-title[b-gejajw1jo4]{font-size: 0.88rem;font-weight: 600;color: white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.fp-list-meta[b-gejajw1jo4]{font-size: 0.74rem;color: rgba(255,255,255,0.4);font-weight: 500;}.fp-list-fav[b-gejajw1jo4]{font-size: 0.8rem;flex-shrink: 0;}.fp-list-owned[b-gejajw1jo4]{font-size: 0.78rem;font-weight: 800;color: #4ade80;flex-shrink: 0;}.fp-add-btn[b-gejajw1jo4]{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;background: rgba(139,92,246,0.12);border: 1px solid rgba(139,92,246,0.25);color: var(--mxp-purple-100);cursor: pointer;transition: all 0.2s ease;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.fp-add-btn:hover[b-gejajw1jo4]{background: rgba(139,92,246,0.25);border-color: rgba(167,139,250,0.45);transform: scale(1.1);}}[b-gejajw1jo4] .fp-add-btn .mud-icon-root{font-size: 1rem;color: var(--mxp-purple-100);}.fp-add-btn.poster-add[b-gejajw1jo4]{position: absolute;bottom: 6px;left: 6px;z-index: 3;opacity: 0;background: rgba(15,23,42,0.85);border: 1px solid rgba(139,92,246,0.3);backdrop-filter: blur(8px);transition: all 0.25s ease;}@media (hover: none),(pointer: coarse){.fp-add-btn.poster-add[b-gejajw1jo4]{opacity: 1;}}.fp-add-overlay[b-gejajw1jo4]{position: fixed;inset: 0;background: rgba(0,0,0,0.6);backdrop-filter: blur(6px);z-index: 1000;display: flex;align-items: center;justify-content: center;animation: fadeSlideUp-b-gejajw1jo4 0.2s ease;}.fp-add-dialog[b-gejajw1jo4]{background: linear-gradient(145deg,rgba(30,41,59,0.98),rgba(15,23,42,0.98));border: 1px solid rgba(139,92,246,0.25);border-radius: 18px;padding: 2rem 1.75rem;max-width: 360px;width: 90%;text-align: center;box-shadow: 0 20px 60px rgba(0,0,0,0.5),0 0 30px rgba(139,92,246,0.1);animation: fadeSlideUp-b-gejajw1jo4 0.3s ease;}.fp-add-dialog-icon[b-gejajw1jo4]{font-size: 2.5rem;margin-bottom: 0.75rem;}.fp-add-dialog-title[b-gejajw1jo4]{margin: 0 0 0.5rem 0;font-size: 1.15rem;font-weight: 800;color: white;}.fp-add-dialog-text[b-gejajw1jo4]{margin: 0 0 1.25rem 0;font-size: 0.85rem;color: rgba(255,255,255,0.55);line-height: 1.5;}.fp-add-dialog-text strong[b-gejajw1jo4]{color: var(--mxp-purple-100);font-weight: 700;}.fp-add-dialog-actions[b-gejajw1jo4]{display: flex;gap: 0.6rem;justify-content: center;}.fp-add-dialog-cancel[b-gejajw1jo4]{padding: 0.6rem 1.2rem;border-radius: 10px;font-size: 0.82rem;font-weight: 600;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);color: rgba(255,255,255,0.6);cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.fp-add-dialog-cancel:hover[b-gejajw1jo4]{background: rgba(255,255,255,0.1);color: white;}}.fp-add-dialog-confirm[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.35rem;padding: 0.6rem 1.4rem;border-radius: 10px;font-size: 0.82rem;font-weight: 700;background: linear-gradient(135deg,var(--mxp-purple-500),var(--mxp-purple-600));border: 1px solid rgba(139,92,246,0.4);color: white;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 4px 15px rgba(139,92,246,0.3);}@media (hover: hover) and (pointer: fine){.fp-add-dialog-confirm:hover[b-gejajw1jo4]{background: linear-gradient(135deg,#9b73fa,var(--mxp-purple-500));transform: translateY(-1px);box-shadow: 0 6px 20px rgba(139,92,246,0.4);}}[b-gejajw1jo4] .fp-add-dialog-confirm .mud-icon-root{font-size: 1rem;}[b-gejajw1jo4] .media-card{border-radius: 12px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.15);transition: transform 0.3s ease,box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;position: relative;background: rgba(30,41,59,0.4);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.05);animation: cardFadeIn-b-gejajw1jo4 0.5s ease-out both;contain: layout style paint;}[b-gejajw1jo4] .media-card.compact{border-radius: 8px;}@media (hover: hover) and (pointer: fine){[b-gejajw1jo4] .media-card:hover{transform: translateY(-6px) scale(1.02);box-shadow: 0 12px 32px rgba(0,0,0,0.25),0 0 15px rgba(139,92,246,0.15);}}@media (hover: hover) and (pointer: fine){[b-gejajw1jo4] .media-card:hover .fp-add-btn.poster-add{opacity: 1;}}@media (hover: hover) and (pointer: fine){[b-gejajw1jo4] .media-card:hover .media-poster::before{opacity: 1;}}@media (hover: hover) and (pointer: fine){[b-gejajw1jo4] .media-card:hover .media-poster img{transform: scale(1.05);}}.media-poster[b-gejajw1jo4]{position: relative;width: 100%;padding-top: 150%;overflow: hidden;background: linear-gradient(135deg,#1e293b 0%,#334155 100%);cursor: pointer;}.media-poster[b-gejajw1jo4]::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.7) 100%);z-index: 1;opacity: 0;transition: opacity 0.3s ease;}.media-poster img[b-gejajw1jo4]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}.media-status-badge[b-gejajw1jo4]{position: absolute;top: 8px;left: 8px;padding: 5px 9px;border-radius: 12px;font-size: 0.7rem;font-weight: 800;backdrop-filter: blur(10px);color: #ffffff;z-index: 2;border: 1px solid rgba(255,255,255,0.15);display: inline-flex;align-items: center;gap: 0.3rem;text-shadow: 0 1px 2px rgba(0,0,0,0.45);}.media-status-badge.status-planned[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(30,58,138,0.95),rgba(59,130,246,0.95));box-shadow: 0 3px 12px rgba(59,130,246,0.4);}.media-status-badge.status-watching[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(88,28,135,0.95),rgba(147,51,234,0.95));box-shadow: 0 3px 12px rgba(147,51,234,0.45);}.media-status-badge.status-completed[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(161,98,7,0.95),rgba(251,191,36,0.95));box-shadow: 0 3px 12px rgba(251,191,36,0.45);}.media-status-badge.status-onhold[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(146,64,14,0.95),rgba(245,158,11,0.95));box-shadow: 0 3px 12px rgba(245,158,11,0.4);}.media-status-badge.status-dropped[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(127,29,29,0.95),rgba(239,68,68,0.95));box-shadow: 0 3px 12px rgba(239,68,68,0.4);}.fp-poster-fav[b-gejajw1jo4]{position: absolute;top: 8px;right: 8px;font-size: 0.75rem;filter: drop-shadow(0 1px 3px rgba(0,0,0,0.5));z-index: 2;}.fp-owned-check[b-gejajw1jo4]{position: absolute;bottom: 8px;right: 8px;width: 22px;height: 22px;border-radius: 50%;background: rgba(34,197,94,0.85);display: flex;align-items: center;justify-content: center;backdrop-filter: blur(4px);z-index: 2;}[b-gejajw1jo4] .fp-owned-check .mud-icon-root{color: white;font-size: 0.8rem;}.media-info[b-gejajw1jo4]{padding: 0.75rem;flex-grow: 1;display: flex;flex-direction: column;cursor: pointer;}.media-title[b-gejajw1jo4]{font-size: 0.8rem;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-height: 1.2rem;margin-bottom: 0.35rem;}.media-meta[b-gejajw1jo4]{display: flex;flex-direction: column;gap: 0.25rem;margin-bottom: 0.5rem;font-size: 0.7rem;}.meta-row[b-gejajw1jo4]{display: flex;flex-direction: row;align-items: center;gap: 0.35rem;padding: 0.15rem 0;line-height: 1;}.meta-label[b-gejajw1jo4]{font-weight: 600;opacity: 0.6;font-size: 0.65rem;line-height: 1;flex-shrink: 0;}.meta-separator[b-gejajw1jo4]{opacity: 0.4;font-size: 0.5rem;line-height: 1;flex-shrink: 0;}.meta-value[b-gejajw1jo4]{font-weight: 700;background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-size: 0.7rem;line-height: 1;}.genre-value[b-gejajw1jo4],.platform-value[b-gejajw1jo4]{flex: 1;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: default;}.rating-container[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.6rem;background: linear-gradient(135deg,rgba(251,191,36,0.1) 0%,rgba(245,158,11,0.1) 100%);border-radius: 6px;margin-bottom: 0.5rem;border: 1px solid rgba(251,191,36,0.2);}.rating-user[b-gejajw1jo4],.rating-tmdb[b-gejajw1jo4],.rating-igdb[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.2rem;font-size: 0.7rem;font-weight: 600;}.rating-none[b-gejajw1jo4]{display: flex;align-items: center;gap: 0.2rem;font-size: 0.7rem;font-weight: 600;opacity: 0.5;}.rating-icon[b-gejajw1jo4]{font-size: 0.8rem;}.rating-value[b-gejajw1jo4]{font-weight: 700;color: var(--mud-palette-text-primary);font-size: 0.75rem;}.progress-section[b-gejajw1jo4]{margin-top: auto;padding-top: 0.2rem;}.progress-label[b-gejajw1jo4]{display: flex;justify-content: space-between;font-size: 0.68rem;opacity: 0.7;margin-bottom: 0.35rem;font-weight: 600;}.progress-bar-container[b-gejajw1jo4]{height: 5px;background: rgba(128,128,128,0.1);border-radius: 8px;overflow: hidden;box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);}.progress-bar[b-gejajw1jo4]{height: 5px;background: rgba(128,128,128,0.1);border-radius: 8px;overflow: hidden;background-image: linear-gradient(90deg,var(--mxp-purple-200),var(--mxp-purple-500));background-size: var(--p,0%) 100%;background-repeat: no-repeat;transition: background-size .6s cubic-bezier(0.4,0,0.2,1);box-shadow: inset 0 2px 4px rgba(0,0,0,.1);}[b-gejajw1jo4] .game-card{border-radius: 12px;overflow: hidden;box-shadow: 0 2px 10px rgba(0,0,0,0.15);transition: transform 0.3s ease,box-shadow 0.3s ease;height: 100%;display: flex;flex-direction: column;position: relative;background: rgba(30,41,59,0.4);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.05);animation: cardFadeIn-b-gejajw1jo4 0.5s ease-out both;contain: layout style paint;}[b-gejajw1jo4] .game-card.compact{border-radius: 8px;}@media (hover: hover) and (pointer: fine){[b-gejajw1jo4] .game-card:hover{transform: translateY(-6px) scale(1.02);box-shadow: 0 12px 32px rgba(0,0,0,0.25),0 0 15px rgba(16,185,129,0.15);}}@media (hover: hover) and (pointer: fine){[b-gejajw1jo4] .game-card:hover .fp-add-btn.poster-add{opacity: 1;}}@media (hover: hover) and (pointer: fine){[b-gejajw1jo4] .game-card:hover .game-poster::before{opacity: 1;}}@media (hover: hover) and (pointer: fine){[b-gejajw1jo4] .game-card:hover .game-poster img{transform: scale(1.05);}}.game-poster[b-gejajw1jo4]{position: relative;width: 100%;padding-top: 141.67%;overflow: hidden;background: linear-gradient(135deg,#1e293b 0%,#334155 100%);cursor: pointer;}.game-poster[b-gejajw1jo4]::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.7) 100%);z-index: 1;opacity: 0;transition: opacity 0.3s ease;}.game-poster img[b-gejajw1jo4]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;}.game-status-badge[b-gejajw1jo4]{position: absolute;top: 6px;left: 6px;padding: 5px 9px;border-radius: 12px;font-size: 0.7rem;font-weight: 800;color: #ffffff;z-index: 2;backdrop-filter: blur(10px);text-shadow: 0 1px 2px rgba(0,0,0,0.45);display: inline-flex;}.game-status-badge.status-playing[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(6,95,70,0.95),rgba(16,185,129,0.95));box-shadow: 0 3px 12px rgba(16,185,129,0.45);}.game-status-badge.status-completed[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(146,64,14,0.95),rgba(251,191,36,0.95));box-shadow: 0 3px 12px rgba(251,191,36,0.45);}.game-status-badge.status-onhold[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(120,53,15,0.95),rgba(245,158,11,0.95));box-shadow: 0 3px 12px rgba(245,158,11,0.4);}.game-status-badge.status-dropped[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(127,29,29,0.95),rgba(239,68,68,0.95));box-shadow: 0 3px 12px rgba(239,68,68,0.4);}.game-status-badge.status-planned[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(30,58,138,0.95),rgba(96,165,250,0.95));box-shadow: 0 3px 12px rgba(96,165,250,0.4);}.game-status-badge.status-wishlist[b-gejajw1jo4]{background: linear-gradient(135deg,rgba(220,38,38,0.95),rgba(239,68,68,0.95));box-shadow: 0 3px 12px rgba(220,38,38,0.45);}.hours-badge[b-gejajw1jo4]{position: absolute;bottom: 6px;left: 6px;display: inline-flex;align-items: center;gap: 0.35rem;padding: 5px 8px;border-radius: 10px;font-size: 0.7rem;font-weight: 900;background: linear-gradient(135deg,var(--mxp-green-500),var(--mxp-green-300));color: #ffffff;backdrop-filter: blur(10px);box-shadow: 0 3px 12px rgba(16,185,129,0.5);text-shadow: 0 1px 2px rgba(0,0,0,0.4);z-index: 2;}.hours-icon[b-gejajw1jo4]{font-size: 0.7rem;}.game-info[b-gejajw1jo4]{padding: 0.75rem;padding-top: 0.5rem;flex-grow: 1;display: flex;flex-direction: column;cursor: pointer;}.game-title[b-gejajw1jo4]{font-size: 0.8rem;font-weight: 700;margin-bottom: 0.35rem;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-height: 1rem;}.game-meta[b-gejajw1jo4]{display: flex;flex-direction: column;gap: 0.2rem;margin-bottom: 0.4rem;font-size: 0.7rem;}.game-year[b-gejajw1jo4]{font-size: 0.68rem;color: rgba(255,255,255,0.4);margin-top: 0.15rem;}.fp-compare[b-gejajw1jo4]{background: linear-gradient(145deg,rgba(30,41,59,0.6),rgba(15,23,42,0.7));border: 1px solid rgba(139,92,246,0.15);border-radius: 16px;padding: 1.5rem;animation: fadeSlideUp-b-gejajw1jo4 0.3s ease;}.fp-compare-header[b-gejajw1jo4]{display: flex;align-items: center;justify-content: center;gap: 1.5rem;margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 1px solid rgba(255,255,255,0.06);}.fp-compare-side[b-gejajw1jo4]{display: flex;flex-direction: column;align-items: center;gap: 0.15rem;flex: 1;}.fp-compare-name[b-gejajw1jo4]{font-size: 1rem;font-weight: 800;color: white;}.fp-compare-level[b-gejajw1jo4]{font-size: 0.72rem;color: rgba(255,255,255,0.4);font-weight: 600;}.fp-compare-side.me .fp-compare-name[b-gejajw1jo4]{color: var(--mxp-blue-300);}.fp-compare-side.friend .fp-compare-name[b-gejajw1jo4]{color: #c084fc;}.fp-compare-vs[b-gejajw1jo4]{font-size: 1.4rem;font-weight: 900;background: linear-gradient(135deg,var(--mxp-amber-500),var(--mxp-red-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;letter-spacing: 0.05em;flex-shrink: 0;}.fp-compare-rows[b-gejajw1jo4]{display: flex;flex-direction: column;gap: 0;}.fp-compare-row[b-gejajw1jo4]{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 1rem;padding: 0.75rem 1rem;border-radius: 10px;transition: background 0.15s ease;}@media (hover: hover) and (pointer: fine){.fp-compare-row:hover[b-gejajw1jo4]{background: rgba(255,255,255,0.03);}}.fp-compare-row:nth-child(even)[b-gejajw1jo4]{background: rgba(255,255,255,0.015);}.fp-cr-val[b-gejajw1jo4]{font-size: 1.2rem;font-weight: 700;color: rgba(255,255,255,0.55);text-align: center;}.fp-cr-val:first-child[b-gejajw1jo4]{text-align: right;}.fp-cr-val:last-child[b-gejajw1jo4]{text-align: left;}.fp-cr-val.winner[b-gejajw1jo4]{color: #4ade80;font-weight: 800;text-shadow: 0 0 12px rgba(74,222,128,0.3);}.fp-cr-label[b-gejajw1jo4]{font-size: 0.88rem;color: rgba(255,255,255,0.5);font-weight: 600;text-align: center;white-space: nowrap;}.fp-compare-summary[b-gejajw1jo4]{margin-top: 1.25rem;padding-top: 1rem;border-top: 1px solid rgba(255,255,255,0.06);}.fp-summary-result[b-gejajw1jo4]{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 0.75rem;}.fp-summary-item[b-gejajw1jo4]{display: flex;flex-direction: column;align-items: center;gap: 0.25rem;padding: 0.8rem;border-radius: 12px;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.06);transition: all 0.2s ease;}.fp-summary-item.winner[b-gejajw1jo4]{background: rgba(74,222,128,0.08);border-color: rgba(74,222,128,0.2);}.fp-summary-item.tie.winner[b-gejajw1jo4]{background: rgba(251,191,36,0.08);border-color: rgba(251,191,36,0.2);}.fp-summary-num[b-gejajw1jo4]{font-size: 1.5rem;font-weight: 800;color: rgba(255,255,255,0.6);}.fp-summary-item.winner .fp-summary-num[b-gejajw1jo4]{color: #4ade80;text-shadow: 0 0 15px rgba(74,222,128,0.3);}.fp-summary-item.tie.winner .fp-summary-num[b-gejajw1jo4]{color: var(--mxp-amber-300);text-shadow: 0 0 15px rgba(251,191,36,0.3);}.fp-summary-lbl[b-gejajw1jo4]{font-size: 0.7rem;color: rgba(255,255,255,0.45);font-weight: 600;text-align: center;}@media (max-width: 1024px){.fp-page[b-gejajw1jo4]{padding: 24px 32px;}}@media (max-width: 768px){.fp-page[b-gejajw1jo4]{padding: 16px;}.fp-header[b-gejajw1jo4]{border-radius: 14px;}.fp-header-inner[b-gejajw1jo4]{padding: 1.15rem;}.fp-hero[b-gejajw1jo4]{gap: 0.75rem;}.fp-back-arrow[b-gejajw1jo4]{width: 30px;height: 30px;}.fp-avatar[b-gejajw1jo4]{width: 56px;height: 56px;}.fp-avatar-emoji[b-gejajw1jo4]{font-size: 1.8rem;}.fp-avatar-initial[b-gejajw1jo4]{font-size: 1.4rem;}.fp-username[b-gejajw1jo4]{font-size: 1.25rem;}.fp-add-friend-btn[b-gejajw1jo4]{padding: 0.4rem 0.8rem;font-size: 0.75rem;}.fp-stats-row[b-gejajw1jo4]{grid-template-columns: repeat(3,1fr);gap: 0.45rem;}.fp-stat[b-gejajw1jo4]{padding: 0.55rem 0.3rem;}.fp-stat-num[b-gejajw1jo4]{font-size: 1rem;}.fp-favorites-grid[b-gejajw1jo4]{grid-template-columns: 1fr;gap: 0.6rem;}.fp-fav-group[b-gejajw1jo4]{padding: 0.7rem;}.fp-fav-items[b-gejajw1jo4]{flex-direction: row;overflow-x: auto;gap: 0.6rem;-webkit-overflow-scrolling: touch;scrollbar-width: none;}.fp-fav-items[b-gejajw1jo4]::-webkit-scrollbar{display: none;}.fp-fav-item[b-gejajw1jo4]{flex-direction: column;min-width: 80px;text-align: center;}.fp-fav-item img[b-gejajw1jo4]{width: 60px;height: 90px;}.fp-compare-header[b-gejajw1jo4]{gap: 0.85rem;}.fp-compare-row[b-gejajw1jo4]{gap: 0.5rem;padding: 0.5rem 0.45rem;}.fp-cr-val[b-gejajw1jo4]{font-size: 0.85rem;}.fp-cr-label[b-gejajw1jo4]{font-size: 0.68rem;}.fp-toolbar[b-gejajw1jo4]{flex-wrap: nowrap;flex-direction: column;gap: 0.5rem;align-items: stretch;}.fp-chips[b-gejajw1jo4]{width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: 2px;}.fp-toolbar-right[b-gejajw1jo4]{width: 100%;justify-content: space-between;}.fp-search[b-gejajw1jo4]{flex: 1;max-width: none;min-width: 0;}.fp-summary-result[b-gejajw1jo4]{gap: 0.5rem;}.fp-summary-num[b-gejajw1jo4]{font-size: 1.2rem;}.fp-summary-lbl[b-gejajw1jo4]{font-size: 0.62rem;}.rating-container[b-gejajw1jo4]{padding: 0.35rem 0.5rem;gap: 0.3rem;flex-wrap: nowrap;}.rating-icon[b-gejajw1jo4]{font-size: 0.7rem;}.rating-value[b-gejajw1jo4]{font-size: 0.7rem;}}@media (max-width: 600px){.fp-page[b-gejajw1jo4]{padding: 12px;}.fp-header[b-gejajw1jo4]{border-radius: 12px;}.fp-header-inner[b-gejajw1jo4]{padding: 0.9rem;}.fp-hero[b-gejajw1jo4]{gap: 0.85rem;}.fp-avatar[b-gejajw1jo4]{width: 52px;height: 52px;}.fp-avatar-emoji[b-gejajw1jo4]{font-size: 1.5rem;}.fp-avatar-initial[b-gejajw1jo4]{font-size: 1.2rem;}.fp-avatar-level[b-gejajw1jo4]{width: 22px;height: 22px;font-size: 0.62rem;}.fp-username[b-gejajw1jo4]{font-size: 1.1rem;}.fp-badges[b-gejajw1jo4]{gap: 0.3rem;}.fp-badge[b-gejajw1jo4]{font-size: 0.66rem;padding: 0.15rem 0.4rem;}.fp-add-friend-btn[b-gejajw1jo4]{padding: 0.35rem 0.65rem;font-size: 0.72rem;}.fp-add-friend-btn span:last-child[b-gejajw1jo4]{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;}.fp-stats-row[b-gejajw1jo4]{grid-template-columns: repeat(3,1fr);}.fp-stat[b-gejajw1jo4]{padding: 0.5rem 0.2rem;border-radius: 9px;}.fp-stat-num[b-gejajw1jo4]{font-size: 0.92rem;}.fp-stat-lbl[b-gejajw1jo4]{font-size: 0.68rem;}.fp-tabs[b-gejajw1jo4]{gap: 0.3rem;}.fp-tab[b-gejajw1jo4]{padding: 0.55rem 0.6rem;font-size: 0.74rem;}.fp-chip[b-gejajw1jo4]{font-size: 0.72rem;padding: 0.45rem 0.6rem;min-height: 32px;}.fp-back-arrow[b-gejajw1jo4]{width: 28px;height: 28px;}.fp-compare[b-gejajw1jo4]{padding: 1rem;border-radius: 12px;}.fp-compare-header[b-gejajw1jo4]{gap: 0.65rem;margin-bottom: 1rem;}.fp-compare-name[b-gejajw1jo4]{font-size: 0.82rem;}.fp-compare-vs[b-gejajw1jo4]{font-size: 1.05rem;}.fp-compare-row[b-gejajw1jo4]{gap: 0.3rem;padding: 0.45rem 0.25rem;}.fp-cr-val[b-gejajw1jo4]{font-size: 0.78rem;}.fp-cr-label[b-gejajw1jo4]{font-size: 0.6rem;}.tl-rail[b-gejajw1jo4]{width: 30px;}.tl-dot[b-gejajw1jo4]{width: 26px;height: 26px;font-size: 0.72rem;}.tl-content[b-gejajw1jo4]{padding: 0.45rem 0.6rem;gap: 0.5rem;}.tl-poster[b-gejajw1jo4]{width: 28px;height: 40px;border-radius: 5px;}.tl-title[b-gejajw1jo4]{font-size: 0.8rem;}.tl-desc[b-gejajw1jo4]{font-size: 0.68rem;}.tl-time[b-gejajw1jo4]{font-size: 0.62rem;}.fp-list-poster[b-gejajw1jo4]{width: 38px;height: 57px;}.fp-list-title[b-gejajw1jo4]{font-size: 0.78rem;}.fp-list-meta[b-gejajw1jo4]{font-size: 0.66rem;}.mode-btn[b-gejajw1jo4]{padding: 0.38rem;}.fp-summary-result[b-gejajw1jo4]{gap: 0.35rem;}.fp-summary-item[b-gejajw1jo4]{padding: 0.55rem 0.3rem;}.fp-summary-num[b-gejajw1jo4]{font-size: 1rem;}.fp-summary-lbl[b-gejajw1jo4]{font-size: 0.55rem;}.fp-add-dialog[b-gejajw1jo4]{padding: 1.5rem 1.25rem;}.fp-add-dialog-icon[b-gejajw1jo4]{font-size: 2rem;}.fp-add-dialog-title[b-gejajw1jo4]{font-size: 1rem;}.fp-badge.streak[b-gejajw1jo4]{display: none;}.media-status-badge[b-gejajw1jo4]{top: 4px;left: 4px;padding: 3px 6px;font-size: 0.64rem;border-radius: 6px;}.game-status-badge[b-gejajw1jo4]{top: 4px;left: 4px;padding: 3px 6px;font-size: 0.64rem;border-radius: 6px;}.media-info[b-gejajw1jo4]{padding: 0.625rem;}.media-title[b-gejajw1jo4]{font-size: 0.7rem;margin-bottom: 0.25rem;}.media-meta[b-gejajw1jo4]{gap: 0.2rem;margin-bottom: 0.35rem;}.meta-row[b-gejajw1jo4]{display: none;}.rating-container[b-gejajw1jo4]{padding: 0.3rem 0.4rem;gap: 0.25rem;flex-wrap: nowrap;margin-bottom: 0.35rem;}.rating-none[b-gejajw1jo4],.rating-user[b-gejajw1jo4],.rating-tmdb[b-gejajw1jo4],.rating-igdb[b-gejajw1jo4]{font-size: 0.6rem;white-space: nowrap;}.rating-icon[b-gejajw1jo4]{font-size: 0.65rem;}.rating-value[b-gejajw1jo4]{font-size: 0.65rem;}.game-info[b-gejajw1jo4]{padding: 0.625rem;padding-top: 0.4rem;}.game-title[b-gejajw1jo4]{font-size: 0.7rem;margin-bottom: 0.25rem;}.game-meta[b-gejajw1jo4]{gap: 0.15rem;margin-bottom: 0.3rem;}.progress-label[b-gejajw1jo4]{font-size: 0.66rem;margin-bottom: 0.25rem;}.hours-badge[b-gejajw1jo4]{bottom: 4px;left: 4px;padding: 3px 6px;font-size: 0.64rem;border-radius: 6px;gap: 0.2rem;}}@media (max-width: 380px){.fp-stats-row[b-gejajw1jo4]{grid-template-columns: repeat(3,1fr);}.fp-compare-row[b-gejajw1jo4]{grid-template-columns: 55px 1fr 55px;}.fp-tab[b-gejajw1jo4]{font-size: 0.68rem;padding: 0.5rem 0.4rem;}} .friends-page[b-pxybfq8mjb]{width: 100%;max-width: 2400px;margin-inline: auto;padding: clamp(1rem,0.6rem + 1vw,1.75rem) clamp(1rem,2vw,2.5rem);min-height: calc(100vh - 64px);display: flex;flex-direction: column;}.page-header[b-pxybfq8mjb]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 32px;gap: 20px;}.header-left h1[b-pxybfq8mjb]{margin: 0;font-size: 2rem;font-weight: 700;letter-spacing: -0.02em;}.header-left p[b-pxybfq8mjb]{margin: 4px 0 0;color: rgba(255,255,255,0.45);font-size: 0.95rem;}.header-tabs[b-pxybfq8mjb]{display: flex;gap: 6px;background: rgba(255,255,255,0.04);padding: 6px;border-radius: 14px;border: 1px solid rgba(255,255,255,0.06);}.tab-btn[b-pxybfq8mjb]{display: flex;align-items: center;gap: 8px;padding: 10px 20px;background: transparent;border: none;border-radius: 10px;color: rgba(255,255,255,0.5);font-size: 0.9rem;font-weight: 500;cursor: pointer;transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.tab-btn:hover[b-pxybfq8mjb]{background: rgba(255,255,255,0.06);color: rgba(255,255,255,0.7);}}.tab-btn.active[b-pxybfq8mjb]{background: rgba(100,181,246,0.12);color: #64b5f6;}.tab-count[b-pxybfq8mjb]{background: rgba(255,255,255,0.08);padding: 3px 10px;border-radius: 8px;font-size: 0.8rem;}.tab-badge[b-pxybfq8mjb]{background: var(--mxp-red-500);color: white;padding: 3px 8px;border-radius: 8px;font-size: 0.75rem;font-weight: 600;}.tab-content[b-pxybfq8mjb]{animation: fadeSlide-b-pxybfq8mjb 0.2s ease;flex: 1;display: flex;flex-direction: column;}.history-split-layout[b-pxybfq8mjb]{display: grid;grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);align-items: start;gap: 1.25rem;flex: 1;}.history-split-layout .notifications-panel[b-pxybfq8mjb]{min-height: 0;}@media (max-width: 1024px){.history-split-layout[b-pxybfq8mjb]{grid-template-columns: 1fr;}}.history-panel[b-pxybfq8mjb]{background: rgba(255,255,255,0.02);border: 1px solid rgba(255,255,255,0.08);border-radius: 16px;padding: 1.25rem;display: flex;flex-direction: column;min-height: 0;overflow: hidden;}.notifications-panel[b-pxybfq8mjb]{flex: 1;}.panel-title[b-pxybfq8mjb]{display: flex;align-items: center;gap: 8px;font-size: 1.1rem;font-weight: 600;color: var(--mxp-slate-200);margin: 0 0 1rem;padding-bottom: 0.75rem;border-bottom: 1px solid rgba(255,255,255,0.08);}.panel-count[b-pxybfq8mjb]{margin-left: auto;padding: 2px 9px;border-radius: 999px;font-size: 0.72rem;font-weight: 700;line-height: 1.4;background: rgba(100,181,246,0.15);color: #64b5f6;}.greetings-panel .panel-count[b-pxybfq8mjb]{background: rgba(139,92,246,0.15);color: var(--mxp-purple-200);}.history-panel .notifications-container[b-pxybfq8mjb]{flex: 1;overflow-y: auto;}.history-panel .greetings-history[b-pxybfq8mjb]{flex: 1;overflow-y: auto;}@keyframes fadeSlide-b-pxybfq8mjb{from{opacity: 0;transform: translateY(8px);}to{opacity: 1;transform: translateY(0);}}.add-friend-section[b-pxybfq8mjb]{margin-bottom: 28px;}.add-friend-trigger[b-pxybfq8mjb]{display: flex;align-items: center;gap: 14px;padding: 16px 20px;background: rgba(100,181,246,0.06);border: 1px solid rgba(100,181,246,0.15);border-radius: 14px;cursor: pointer;transition: all 0.15s ease;width: 100%;}@media (hover: hover) and (pointer: fine){.add-friend-trigger:hover[b-pxybfq8mjb]{background: rgba(100,181,246,0.1);border-color: rgba(100,181,246,0.25);}}.add-friend-trigger.expanded[b-pxybfq8mjb]{border-radius: 14px 14px 0 0;border-bottom-color: transparent;}.trigger-icon[b-pxybfq8mjb]{width: 44px;height: 44px;border-radius: 12px;background: linear-gradient(135deg,#64b5f6,#42a5f5);display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: transform 0.2s ease;}@media (hover: hover) and (pointer: fine){.add-friend-trigger:hover .trigger-icon[b-pxybfq8mjb]{transform: scale(1.05);}}.trigger-icon[b-pxybfq8mjb] .mud-icon-root{font-size: 1.4rem !important;color: white;}.trigger-content[b-pxybfq8mjb]{flex: 1;}.trigger-content h3[b-pxybfq8mjb]{margin: 0;font-size: 1rem;font-weight: 600;}.trigger-content p[b-pxybfq8mjb]{margin: 2px 0 0;color: rgba(255,255,255,0.4);font-size: 0.85rem;}.trigger-arrow[b-pxybfq8mjb]{color: rgba(255,255,255,0.3);transition: transform 0.2s ease;}.trigger-arrow.rotated[b-pxybfq8mjb]{transform: rotate(180deg);}.add-friend-form-wrapper[b-pxybfq8mjb]{overflow: hidden;max-height: 0;opacity: 0;transition: max-height 0.25s ease,opacity 0.2s ease;}.add-friend-form-wrapper.expanded[b-pxybfq8mjb]{max-height: 140px;opacity: 1;}.add-friend-form[b-pxybfq8mjb]{display: flex;gap: 10px;padding: 16px 20px;background: rgba(100,181,246,0.04);border: 1px solid rgba(100,181,246,0.15);border-top: none;border-radius: 0 0 14px 14px;}.search-input-wrapper[b-pxybfq8mjb]{flex: 1;position: relative;display: flex;align-items: center;}[b-pxybfq8mjb] .input-icon{position: absolute;left: 14px;color: rgba(255,255,255,0.35);pointer-events: none;font-size: 1.1rem !important;}.search-input-wrapper input[b-pxybfq8mjb]{width: 100%;padding: 12px 40px 12px 44px;background: rgba(0,0,0,0.25);border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;color: white;font-size: 0.95rem;outline: none;transition: all 0.15s ease;}.search-input-wrapper input[b-pxybfq8mjb]::placeholder{color: rgba(255,255,255,0.35);}.search-input-wrapper input:focus[b-pxybfq8mjb]{border-color: rgba(100,181,246,0.5);background: rgba(0,0,0,0.35);}.clear-btn[b-pxybfq8mjb]{position: absolute;right: 10px;background: rgba(255,255,255,0.08);border: none;border-radius: 6px;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: rgba(255,255,255,0.5);transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.clear-btn:hover[b-pxybfq8mjb]{background: rgba(255,255,255,0.15);}}[b-pxybfq8mjb] .send-btn{height: 46px;padding: 0 20px !important;border-radius: 10px !important;text-transform: none !important;font-weight: 600 !important;gap: 6px;min-width: 100px;}.section[b-pxybfq8mjb]{margin-bottom: 32px;}.section:last-child[b-pxybfq8mjb]{flex: 1;display: flex;flex-direction: column;margin-bottom: 0;}.section-header[b-pxybfq8mjb]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;gap: 14px;}.section-title[b-pxybfq8mjb]{display: flex;align-items: center;gap: 8px;font-size: 1.1rem;font-weight: 600;margin: 0 0 14px 0;color: rgba(255,255,255,0.85);}.section-title .count[b-pxybfq8mjb]{background: rgba(100,181,246,0.15);color: #64b5f6;padding: 3px 10px;border-radius: 8px;font-size: 0.8rem;}.friend-search-wrapper[b-pxybfq8mjb]{position: relative;display: flex;align-items: center;}.friend-search-wrapper input[b-pxybfq8mjb]{width: 220px;padding: 8px 12px 8px 36px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 8px;color: white;font-size: 0.85rem;outline: none;transition: all 0.15s ease;}.friend-search-wrapper input:focus[b-pxybfq8mjb]{border-color: rgba(100,181,246,0.4);background: rgba(255,255,255,0.06);}.friend-search-wrapper input[b-pxybfq8mjb]::placeholder{color: rgba(255,255,255,0.35);}[b-pxybfq8mjb] .search-icon{position: absolute;left: 10px;color: rgba(255,255,255,0.35);pointer-events: none;font-size: 1rem !important;}.requests-grid[b-pxybfq8mjb]{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 12px;}.request-card[b-pxybfq8mjb]{display: flex;align-items: center;gap: 12px;padding: 14px 16px;background: rgba(255,255,255,0.03);border-radius: 12px;border: 1px solid rgba(255,255,255,0.06);transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.request-card:hover[b-pxybfq8mjb]{background: rgba(255,255,255,0.05);}}.request-card.received[b-pxybfq8mjb]{border-left: 3px solid #22c55e;}.request-card.sent[b-pxybfq8mjb]{border-left: 3px solid var(--mxp-amber-500);}.request-clickable[b-pxybfq8mjb]{display: flex;align-items: center;gap: 12px;flex: 1;min-width: 0;cursor: pointer;border-radius: 8px;padding: 2px 4px;margin: -2px -4px;transition: background 0.15s ease;}@media (hover: hover) and (pointer: fine){.request-clickable:hover[b-pxybfq8mjb]{background: rgba(255,255,255,0.04);}}@media (hover: hover) and (pointer: fine){.request-clickable:hover .request-name[b-pxybfq8mjb]{color: var(--mxp-purple-100);}}.request-avatar[b-pxybfq8mjb]{width: 40px;height: 40px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;flex-shrink: 0;background: var(--bg,rgba(255,255,255,0.08));}.request-info[b-pxybfq8mjb]{flex: 1;min-width: 0;}.request-name[b-pxybfq8mjb]{display: block;font-weight: 600;font-size: 0.95rem;transition: color 0.15s ease;}.request-meta[b-pxybfq8mjb]{display: block;font-size: 0.8rem;color: rgba(255,255,255,0.4);margin-top: 2px;}.request-actions[b-pxybfq8mjb]{display: flex;gap: 4px;}.friends-grid[b-pxybfq8mjb]{display: grid;grid-template-columns: repeat(auto-fill,minmax(340px,1fr));gap: 12px;flex: 1;align-content: start;}.friend-card[b-pxybfq8mjb]{--tier: var(--fc,#64b5f6);position: relative;display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 14px 16px;background: linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0.02));border-radius: 14px;border: 1px solid rgba(255,255,255,0.06);overflow: hidden;transition: transform 0.18s ease,background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease;}.friend-card[b-pxybfq8mjb]::before{content: "";position: absolute;inset: 0;border-radius: inherit;background: linear-gradient(90deg,color-mix(in srgb,var(--tier) 16%,transparent) 0%,transparent 34%);opacity: 0.5;pointer-events: none;transition: opacity 0.18s ease;}@media (hover: hover) and (pointer: fine){.friend-card:hover[b-pxybfq8mjb]{transform: translateY(-2px);background: linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.03));border-color: color-mix(in srgb,var(--tier) 30%,rgba(255,255,255,0.12));box-shadow: 0 8px 22px rgba(0,0,0,0.28),0 0 0 1px color-mix(in srgb,var(--tier) 16%,transparent);}}@media (hover: hover) and (pointer: fine){.friend-card:hover[b-pxybfq8mjb]::before{opacity: 0.9;}}.friend-main[b-pxybfq8mjb]{position: relative;z-index: 1;display: flex;align-items: center;gap: 12px;flex: 1 1 auto;min-width: 0;cursor: pointer;}.friend-avatar[b-pxybfq8mjb]{position: relative;width: 44px;height: 44px;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;line-height: 1;flex-shrink: 0;background: var(--bg,rgba(255,255,255,0.08));box-shadow: 0 0 0 1.5px color-mix(in srgb,var(--tier) 45%,transparent),inset 0 1px 2px rgba(255,255,255,0.16),0 2px 6px rgba(0,0,0,0.25);overflow: hidden;transition: box-shadow 0.18s ease,transform 0.18s ease;}.friend-avatar[b-pxybfq8mjb]::after{content: "";position: absolute;inset: 0;border-radius: inherit;background: linear-gradient(160deg,rgba(255,255,255,0.16),rgba(255,255,255,0) 55%);pointer-events: none;}@media (hover: hover) and (pointer: fine){.friend-card:hover .friend-avatar[b-pxybfq8mjb]{transform: scale(1.04);box-shadow: 0 0 0 2px color-mix(in srgb,var(--tier) 65%,transparent),0 0 14px color-mix(in srgb,var(--tier) 32%,transparent),inset 0 1px 2px rgba(255,255,255,0.2);}}.friend-info[b-pxybfq8mjb]{flex: 1 1 auto;min-width: 0;}.friend-name-row[b-pxybfq8mjb]{display: flex;align-items: center;gap: 8px;min-width: 0;}.friend-name[b-pxybfq8mjb]{font-weight: 600;font-size: 0.95rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;}.friend-position[b-pxybfq8mjb]{flex-shrink: 0;font-size: 0.72rem;font-weight: 800;line-height: 1;letter-spacing: 0.01em;padding: 3px 7px;border-radius: 999px;color: oklch(from var(--fc,inherit) max(l,0.72) c h);background: color-mix(in srgb,var(--fc,#94a3b8) 14%,transparent);border: 1px solid color-mix(in srgb,var(--fc,#94a3b8) 28%,transparent);}.friend-stats-row[b-pxybfq8mjb]{display: flex;align-items: center;flex-wrap: wrap;gap: 6px;margin-top: 6px;min-width: 0;}.xp-value[b-pxybfq8mjb],.stat-emoji[b-pxybfq8mjb]{display: inline-flex;align-items: center;gap: 4px;flex: 0 0 auto;white-space: nowrap;line-height: 1;padding: 3px 8px;border-radius: 999px;font-weight: 600;font-variant-numeric: tabular-nums;border: 1px solid transparent;}.xp-value[b-pxybfq8mjb]{font-size: 0.78rem;color: #8ec8fb;background: rgba(100,181,246,0.12);border-color: rgba(100,181,246,0.22);}.stat-emoji[b-pxybfq8mjb]{font-size: 0.72rem;color: rgba(255,255,255,0.7);background: rgba(255,255,255,0.05);border-color: rgba(255,255,255,0.08);}.friend-stats-row .stat-emoji:nth-child(2)[b-pxybfq8mjb]{color: #f6c177;background: rgba(245,158,11,0.12);border-color: rgba(245,158,11,0.24);}.friend-stats-row .stat-emoji:nth-child(3)[b-pxybfq8mjb]{color: #c4b5fd;background: rgba(139,92,246,0.12);border-color: rgba(139,92,246,0.24);}.friend-actions[b-pxybfq8mjb]{position: relative;z-index: 1;display: flex;align-items: center;gap: 8px;flex: 0 1 auto;min-width: 0;max-width: 44%;justify-content: flex-end;}.friend-card:has(.greeting-pending.incoming) .friend-actions[b-pxybfq8mjb]{max-width: 66%;flex-shrink: 0;}.greeting-btn[b-pxybfq8mjb]{width: 38px;height: 38px;border-radius: 10px;flex-shrink: 0;background: rgba(100,181,246,0.12);border: 1px solid rgba(100,181,246,0.22);font-size: 1.1rem;line-height: 1;cursor: pointer;transition: background 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease;display: flex;align-items: center;justify-content: center;}@media (hover: hover) and (pointer: fine){.greeting-btn:hover:not(:disabled)[b-pxybfq8mjb]{background: rgba(100,181,246,0.22);border-color: rgba(100,181,246,0.4);transform: translateY(-1px) scale(1.06);box-shadow: 0 4px 12px rgba(100,181,246,0.24);}}.greeting-btn:active:not(:disabled)[b-pxybfq8mjb]{transform: scale(0.96);}.greeting-btn:disabled[b-pxybfq8mjb]{opacity: 0.4;cursor: not-allowed;}.greeting-pending[b-pxybfq8mjb]{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-width: 0;padding: 10px 14px;border-radius: 12px;background: rgba(255,255,255,0.04);font-size: 0.875rem;min-height: 48px;backdrop-filter: blur(4px);transition: transform 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;}@media (hover: hover) and (pointer: fine){.greeting-pending:hover[b-pxybfq8mjb]{transform: translateY(-1px);}}.greeting-pending.incoming[b-pxybfq8mjb]{border: 1px solid var(--rarity-color);background: color-mix(in srgb,var(--rarity-color) 10%,transparent);box-shadow: 0 0 12px color-mix(in srgb,var(--rarity-color) 20%,transparent);}.greeting-pending.incoming.surprise[b-pxybfq8mjb]{border: 1px solid var(--mxp-purple-200);background: linear-gradient(135deg,rgba(139,92,246,0.15),rgba(236,72,153,0.10));box-shadow: 0 0 14px rgba(139,92,246,0.25);}.greeting-pending.outgoing[b-pxybfq8mjb]{gap: 6px;padding: 5px 10px;min-height: 0;border-radius: 999px;white-space: nowrap;font-size: 0.75rem;font-weight: 600;color: rgba(255,255,255,0.52);background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.07);}@media (hover: hover) and (pointer: fine){.greeting-pending.outgoing:hover[b-pxybfq8mjb]{transform: none;color: rgba(255,255,255,0.7);}}.greeting-pending.outgoing span[b-pxybfq8mjb]{white-space: nowrap;}.greeting-pending.outgoing[b-pxybfq8mjb] .mud-icon-root{font-size: 0.95rem !important;animation: waitPulse-b-pxybfq8mjb 2.4s ease-in-out infinite;}@keyframes waitPulse-b-pxybfq8mjb{0%,100%{opacity: 0.45;}50%{opacity: 0.95;}}.greeting-info[b-pxybfq8mjb]{font-weight: 700;letter-spacing: 0.01em;display: inline-flex;align-items: center;gap: 8px;flex: 1 1 auto;min-width: 0;overflow: hidden;}.greeting-emoji[b-pxybfq8mjb]{flex: none;line-height: 1;}.greeting-label[b-pxybfq8mjb]{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.greeting-buttons[b-pxybfq8mjb]{display: flex;gap: 4px;flex-shrink: 0;}@media (max-width: 480px){.greeting-wait-label[b-pxybfq8mjb]{display: none;}}.greeting-buttons[b-pxybfq8mjb] .mud-icon-button{width: 36px;height: 36px;border-radius: 10px;transition: background 150ms ease,transform 150ms ease;}@media (hover: hover) and (pointer: fine){.greeting-buttons[b-pxybfq8mjb] .mud-icon-button:hover{transform: scale(1.1);}}.greeting-cooldown[b-pxybfq8mjb]{display: flex;align-items: center;gap: 6px;flex-shrink: 0;white-space: nowrap;padding: 6px 10px;border-radius: 999px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.07);color: rgba(255,255,255,0.45);font-size: 0.8rem;}.greeting-cooldown[b-pxybfq8mjb] .mud-icon-root{font-size: 1rem !important;}.delete-friend-btn[b-pxybfq8mjb]{width: 32px;height: 32px;border-radius: 8px;flex-shrink: 0;background: transparent;border: 1px solid rgba(239,68,68,0.15);color: rgba(239,68,68,0.5);cursor: pointer;transition: all 0.15s ease;display: flex;align-items: center;justify-content: center;}@media (hover: hover) and (pointer: fine){.delete-friend-btn:hover[b-pxybfq8mjb]{background: rgba(239,68,68,0.1);border-color: rgba(239,68,68,0.3);color: var(--mxp-red-500);transform: scale(1.05);}}@media (prefers-reduced-motion: reduce){.friend-card[b-pxybfq8mjb],.friend-card[b-pxybfq8mjb]::before,.friend-avatar[b-pxybfq8mjb],.greeting-btn[b-pxybfq8mjb],.delete-friend-btn[b-pxybfq8mjb],.greeting-pending[b-pxybfq8mjb]{transition: none !important;}@media (hover: hover) and (pointer: fine){.friend-card:hover[b-pxybfq8mjb],.friend-card:hover .friend-avatar[b-pxybfq8mjb],.greeting-btn:hover:not(:disabled)[b-pxybfq8mjb],.greeting-pending:hover[b-pxybfq8mjb]{transform: none !important;}}.greeting-pending.outgoing[b-pxybfq8mjb] .mud-icon-root{animation: none !important;}}.notifications-header[b-pxybfq8mjb]{display: flex;justify-content: flex-end;gap: 10px;margin-bottom: 16px;}.notifications-container[b-pxybfq8mjb]{max-height: calc(100vh - 320px);overflow-y: auto;padding-right: 4px;}.notifications-container[b-pxybfq8mjb]::-webkit-scrollbar{width: 6px;}.notifications-container[b-pxybfq8mjb]::-webkit-scrollbar-track{background: rgba(255,255,255,0.02);border-radius: 3px;}.notifications-container[b-pxybfq8mjb]::-webkit-scrollbar-thumb{background: rgba(255,255,255,0.1);border-radius: 3px;}@media (hover: hover) and (pointer: fine){.notifications-container[b-pxybfq8mjb]::-webkit-scrollbar-thumb:hover{background: rgba(255,255,255,0.15);}}.notifications-list[b-pxybfq8mjb]{display: flex;flex-direction: column;gap: 10px;}.notification-item[b-pxybfq8mjb]{display: flex;align-items: center;gap: 14px;padding: 16px 18px;background: rgba(255,255,255,0.025);border-radius: 12px;border: 1px solid rgba(255,255,255,0.06);cursor: pointer;transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.notification-item:hover[b-pxybfq8mjb]{background: rgba(255,255,255,0.045);}}.notification-item.unread[b-pxybfq8mjb]{background: rgba(100,181,246,0.06);border-color: rgba(100,181,246,0.15);}.notification-item.type-request[b-pxybfq8mjb]{border-left: 3px solid #22c55e;}.notification-item.type-accepted[b-pxybfq8mjb]{border-left: 3px solid #64b5f6;}.notification-item.type-rejected[b-pxybfq8mjb]{border-left: 3px solid var(--mxp-red-500);}.notification-item.type-removed[b-pxybfq8mjb]{border-left: 3px solid var(--mxp-amber-500);}.notification-item.type-greeting[b-pxybfq8mjb]{border-left: 3px solid var(--mxp-purple-200);}.notification-item.type-greeting-accepted[b-pxybfq8mjb]{border-left: 3px solid #22c55e;}.notification-item.type-greeting-rejected[b-pxybfq8mjb]{border-left: 3px solid var(--mxp-red-500);}.notification-icon[b-pxybfq8mjb]{position: relative;width: 42px;height: 42px;border-radius: 10px;background: rgba(255,255,255,0.04);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.type-request .notification-icon[b-pxybfq8mjb]{background: rgba(34,197,94,0.1);color: #22c55e;}.type-accepted .notification-icon[b-pxybfq8mjb]{background: rgba(100,181,246,0.1);color: #64b5f6;}.type-rejected .notification-icon[b-pxybfq8mjb]{background: rgba(239,68,68,0.1);color: var(--mxp-red-500);}.type-removed .notification-icon[b-pxybfq8mjb]{background: rgba(245,158,11,0.1);color: var(--mxp-amber-500);}.type-greeting .notification-icon[b-pxybfq8mjb]{background: rgba(139,92,246,0.1);color: var(--mxp-purple-200);}.type-greeting-accepted .notification-icon[b-pxybfq8mjb]{background: rgba(34,197,94,0.1);color: #22c55e;}.type-greeting-rejected .notification-icon[b-pxybfq8mjb]{background: rgba(239,68,68,0.1);color: var(--mxp-red-500);}.unread-dot[b-pxybfq8mjb]{position: absolute;top: -2px;right: -2px;width: 10px;height: 10px;background: #64b5f6;border-radius: 50%;border: 2px solid var(--mud-palette-background);}.notification-content[b-pxybfq8mjb]{flex: 1;min-width: 0;}.notification-title[b-pxybfq8mjb]{display: block;font-weight: 600;font-size: 0.95rem;}.notification-message[b-pxybfq8mjb]{display: block;color: rgba(255,255,255,0.5);font-size: 0.85rem;margin-top: 1px;}.notification-xp[b-pxybfq8mjb]{display: inline-block;font-weight: 700;font-size: 0.8rem;margin-top: 4px;color: oklch(from var(--fc,inherit) max(l,0.72) c h);}.notification-time[b-pxybfq8mjb]{display: block;color: rgba(255,255,255,0.35);font-size: 0.75rem;margin-top: 4px;}.notification-actions[b-pxybfq8mjb]{display: flex;gap: 4px;}[b-pxybfq8mjb] .delete-btn{opacity: 0;transition: opacity 0.15s ease;}@media (hover: hover) and (pointer: fine){.notification-item:hover[b-pxybfq8mjb] .delete-btn{opacity: 1;}}@media (hover: none),(pointer: coarse){[b-pxybfq8mjb] .delete-btn{opacity: 1;}}.pagination-container[b-pxybfq8mjb]{display: flex;justify-content: center;align-items: center;gap: 6px;margin-top: 20px;padding-top: 16px;border-top: 1px solid rgba(255,255,255,0.06);}.pagination-btn[b-pxybfq8mjb]{min-width: 36px;height: 36px;padding: 0 12px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 8px;color: rgba(255,255,255,0.6);font-size: 0.85rem;font-weight: 500;cursor: pointer;transition: all 0.15s ease;display: flex;align-items: center;justify-content: center;}@media (hover: hover) and (pointer: fine){.pagination-btn:hover:not(:disabled)[b-pxybfq8mjb]{background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.9);}}.pagination-btn:disabled[b-pxybfq8mjb]{opacity: 0.3;cursor: not-allowed;}.pagination-btn.active[b-pxybfq8mjb]{background: rgba(100,181,246,0.15);border-color: rgba(100,181,246,0.3);color: #64b5f6;}.pagination-ellipsis[b-pxybfq8mjb]{color: rgba(255,255,255,0.3);padding: 0 4px;}.greetings-history[b-pxybfq8mjb]{display: flex;flex-direction: column;gap: 14px;}.history-hero[b-pxybfq8mjb]{display: flex;gap: 12px;}.hero-card[b-pxybfq8mjb]{flex: 1;display: flex;align-items: center;gap: 12px;padding: 16px 18px;background: rgba(255,255,255,0.025);border-radius: 12px;border: 1px solid rgba(255,255,255,0.06);}.hero-card.total-sent[b-pxybfq8mjb]{background: linear-gradient(135deg,rgba(100,181,246,0.08),rgba(100,181,246,0.02));border-color: rgba(100,181,246,0.15);}.hero-card.total-received[b-pxybfq8mjb]{background: linear-gradient(135deg,rgba(34,197,94,0.08),rgba(34,197,94,0.02));border-color: rgba(34,197,94,0.15);}.hero-icon[b-pxybfq8mjb]{font-size: 1.3rem;}.hero-content[b-pxybfq8mjb]{display: flex;align-items: baseline;gap: 8px;}.hero-value[b-pxybfq8mjb]{font-size: 1.6rem;font-weight: 700;color: rgba(255,255,255,0.95);}.hero-card.total-sent .hero-value[b-pxybfq8mjb]{color: #64b5f6;}.hero-card.total-received .hero-value[b-pxybfq8mjb]{color: #22c55e;}.hero-label[b-pxybfq8mjb]{font-size: 0.8rem;color: rgba(255,255,255,0.45);}.best-friend-card[b-pxybfq8mjb]{padding: 14px 18px;background: linear-gradient(135deg,rgba(139,92,246,0.08),rgba(139,92,246,0.02));border: 1px solid rgba(139,92,246,0.2);border-radius: 12px;display: flex;align-items: center;gap: 12px;}.best-friend-badge[b-pxybfq8mjb]{display: flex;align-items: center;gap: 4px;}.best-friend-badge .badge-icon[b-pxybfq8mjb]{font-size: 1.1rem;}.best-friend-badge .badge-label[b-pxybfq8mjb]{font-size: 0.65rem;color: rgba(255,255,255,0.4);text-transform: uppercase;letter-spacing: 0.05em;}.best-friend-avatar[b-pxybfq8mjb]{width: 40px;height: 40px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;flex-shrink: 0;background: var(--bg,#a855f7);}.best-friend-info[b-pxybfq8mjb]{flex: 1;display: flex;align-items: center;gap: 14px;}.best-friend-name[b-pxybfq8mjb]{font-size: 0.95rem;font-weight: 700;}.best-friend-stats[b-pxybfq8mjb]{display: flex;gap: 12px;font-size: 0.75rem;color: rgba(255,255,255,0.5);}.best-friend-stats span[b-pxybfq8mjb]{display: flex;align-items: center;gap: 3px;}.rarity-section[b-pxybfq8mjb]{background: rgba(255,255,255,0.02);border-radius: 12px;padding: 14px 16px;border: 1px solid rgba(255,255,255,0.05);}.rarity-section-title[b-pxybfq8mjb]{font-size: 0.85rem;font-weight: 600;color: rgba(255,255,255,0.55);margin-bottom: 10px;display: flex;align-items: center;gap: 6px;}.rarity-grid[b-pxybfq8mjb]{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));gap: 8px;}.rarity-item[b-pxybfq8mjb]{min-width: 0;display: flex;align-items: center;gap: 10px;padding: 12px 13px;background: rgba(255,255,255,0.02);border-radius: 10px;border-left: 3px solid var(--rarity-color);transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.rarity-item:hover[b-pxybfq8mjb]{background: rgba(255,255,255,0.04);}}.rarity-emoji[b-pxybfq8mjb]{font-size: 1.2rem;filter: drop-shadow(0 0 5px var(--rarity-color));}.rarity-data[b-pxybfq8mjb]{display: flex;flex-direction: column;gap: 1px;min-width: 0;}.rarity-count[b-pxybfq8mjb]{font-size: 1.2rem;font-weight: 700;color: var(--rarity-color);line-height: 1.1;}.rarity-name[b-pxybfq8mjb]{font-size: 0.65rem;color: rgba(255,255,255,0.4);text-transform: uppercase;letter-spacing: 0.02em;}.empty-state[b-pxybfq8mjb]{text-align: center;padding: 60px 32px;background: linear-gradient(135deg,rgba(100,181,246,0.04),rgba(156,39,176,0.02));border-radius: 20px;border: 1px dashed rgba(100,181,246,0.2);flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;}.empty-visual[b-pxybfq8mjb]{position: relative;display: flex;flex-direction: column;align-items: center;gap: 20px;margin-bottom: 24px;}.empty-avatars[b-pxybfq8mjb]{display: flex;justify-content: center;gap: 16px;}.empty-avatars .avatar[b-pxybfq8mjb]{width: 48px;height: 48px;border-radius: 12px;background: rgba(255,255,255,0.04);border: 1px dashed rgba(255,255,255,0.12);display: flex;align-items: center;justify-content: center;font-size: 1.3rem;opacity: 0.4;}.empty-trophy[b-pxybfq8mjb]{font-size: 2.5rem;animation: float-b-pxybfq8mjb 3s ease-in-out infinite;}@keyframes float-b-pxybfq8mjb{0%,100%{transform: translateY(0);}50%{transform: translateY(-8px);}}.empty-state h3[b-pxybfq8mjb]{margin: 0 0 8px;font-size: 1.3rem;font-weight: 600;}.empty-state p[b-pxybfq8mjb]{margin: 0;color: rgba(255,255,255,0.45);font-size: 0.95rem;}.empty-icon[b-pxybfq8mjb]{font-size: 3rem;margin-bottom: 12px;opacity: 0.35;}.no-results[b-pxybfq8mjb]{display: flex;align-items: center;justify-content: center;gap: 10px;padding: 40px;color: rgba(255,255,255,0.35);font-size: 0.95rem;flex: 1;}.modal-overlay[b-pxybfq8mjb]{position: fixed;inset: 0;background: rgba(0,0,0,0.6);backdrop-filter: blur(8px);display: flex;align-items: center;justify-content: center;z-index: 1000;animation: fadeSlide-b-pxybfq8mjb 0.2s ease;}.modal-content[b-pxybfq8mjb]{background: linear-gradient(145deg,rgba(30,41,59,0.97),rgba(15,23,42,0.99));border: 1px solid rgba(255,255,255,0.06);border-radius: 24px;width: 90%;max-width: 340px;padding: 2rem 1.75rem 1.5rem;text-align: center;box-shadow: 0 25px 60px rgba(0,0,0,0.5);}.modal-icon-ring[b-pxybfq8mjb]{width: 56px;height: 56px;margin: 0 auto 1rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(239,68,68,0.12);border: 1px solid rgba(239,68,68,0.25);color: var(--mxp-red-400);}.modal-title[b-pxybfq8mjb]{margin: 0 0 0.5rem;font-size: 1.15rem;font-weight: 700;color: var(--mxp-slate-100);}.modal-desc[b-pxybfq8mjb]{margin: 0 0 1.5rem;font-size: 0.88rem;color: var(--mxp-slate-400);line-height: 1.5;}.modal-desc strong[b-pxybfq8mjb]{color: var(--mxp-purple-200);}.modal-content.green .modal-desc strong[b-pxybfq8mjb]{color: var(--mxp-green-300);}.modal-content.amber .modal-desc strong[b-pxybfq8mjb]{color: var(--mxp-amber-300);}.modal-actions[b-pxybfq8mjb]{display: flex;gap: 0.6rem;}.modal-btn[b-pxybfq8mjb]{flex: 1;padding: 0.65rem 1rem;border-radius: 12px;font-size: 0.85rem;font-weight: 600;border: none;cursor: pointer;transition: all 0.15s ease;}.modal-btn-cancel[b-pxybfq8mjb]{background: rgba(148,163,184,0.1);color: var(--mxp-slate-400);border: 1px solid rgba(148,163,184,0.15);}@media (hover: hover) and (pointer: fine){.modal-btn-cancel:hover[b-pxybfq8mjb]{background: rgba(148,163,184,0.18);color: #cbd5e1;}}.modal-btn-danger[b-pxybfq8mjb]{background: linear-gradient(135deg,var(--mxp-red-500),#dc2626);color: white;box-shadow: 0 4px 14px rgba(239,68,68,0.3);}@media (hover: hover) and (pointer: fine){.modal-btn-danger:hover[b-pxybfq8mjb]{background: linear-gradient(135deg,var(--mxp-red-400),var(--mxp-red-500));box-shadow: 0 6px 18px rgba(239,68,68,0.4);}}@media (max-width: 960px){.friends-page[b-pxybfq8mjb]{padding: 1.25rem 1.25rem;}.page-header[b-pxybfq8mjb]{flex-direction: column;align-items: stretch;}.header-tabs[b-pxybfq8mjb]{width: 100%;}.tab-btn[b-pxybfq8mjb]{flex: 1;justify-content: center;padding: 10px 14px;}.friends-grid[b-pxybfq8mjb]{grid-template-columns: 1fr;}.requests-grid[b-pxybfq8mjb]{grid-template-columns: 1fr;}.rarity-grid[b-pxybfq8mjb]{display: grid;grid-template-columns: repeat(3,1fr);}.rarity-item:last-child:nth-child(odd)[b-pxybfq8mjb]{grid-column: 1 / -1;max-width: 50%;justify-self: center;}}@media (max-width: 600px){.friends-page[b-pxybfq8mjb]{padding: 0.75rem;}.header-left h1[b-pxybfq8mjb]{font-size: 1.6rem;}.add-friend-form[b-pxybfq8mjb]{flex-direction: column;}[b-pxybfq8mjb] .send-btn{width: 100%;}.friend-card[b-pxybfq8mjb]{padding: 12px 14px;gap: 10px;flex-wrap: wrap;}.friend-avatar[b-pxybfq8mjb]{width: 36px;height: 36px;font-size: 1.1rem;}.friend-main[b-pxybfq8mjb]{flex: 1 1 0;min-width: 0;}.friend-info[b-pxybfq8mjb]{min-width: 0;}.friend-name[b-pxybfq8mjb]{font-size: 0.85rem;}.friend-position[b-pxybfq8mjb]{font-size: 0.68rem;padding: 2px 6px;}.friend-stats-row[b-pxybfq8mjb]{gap: 5px;margin-top: 5px;}.xp-value[b-pxybfq8mjb]{font-size: 0.7rem;padding: 3px 7px;}.stat-emoji[b-pxybfq8mjb]{font-size: 0.7rem;padding: 3px 7px;}.friend-actions[b-pxybfq8mjb]{flex: 0 0 auto;max-width: 52%;gap: 6px;justify-content: flex-end;}.greeting-btn[b-pxybfq8mjb]{width: 32px;height: 32px;font-size: 0.95rem;}.delete-friend-btn[b-pxybfq8mjb]{width: 30px;height: 30px;}.greeting-pending[b-pxybfq8mjb]{padding: 8px 12px;font-size: 0.8125rem;gap: 10px;min-height: 44px;width: 100%;}.greeting-pending.outgoing[b-pxybfq8mjb]{width: auto;min-height: 0;padding: 5px 10px;font-size: 0.72rem;}.friend-card:has(.greeting-pending.incoming) .friend-main[b-pxybfq8mjb]{flex: 1 1 100%;}.friend-card:has(.greeting-pending.incoming) .friend-actions[b-pxybfq8mjb]{flex: 1 1 100%;max-width: 100%;width: 100%;justify-content: flex-end;}.greeting-pending.incoming[b-pxybfq8mjb]{flex: 1;min-width: 0;}.greeting-cooldown[b-pxybfq8mjb]{padding: 5px 9px;font-size: 0.72rem;gap: 4px;}.request-actions[b-pxybfq8mjb] .mud-icon-button{width: 44px !important;height: 44px !important;}.request-actions[b-pxybfq8mjb] .mud-icon-root{font-size: 1.4rem !important;}.notification-actions[b-pxybfq8mjb] .mud-icon-button{width: 44px !important;height: 44px !important;}.notification-actions[b-pxybfq8mjb] .mud-icon-root{font-size: 1.5rem !important;}.greeting-buttons[b-pxybfq8mjb] .mud-icon-button{width: 38px !important;height: 38px !important;}.greeting-buttons[b-pxybfq8mjb] .mud-icon-root{font-size: 1.2rem !important;}.history-hero[b-pxybfq8mjb]{flex-direction: row;gap: 8px;}.hero-card[b-pxybfq8mjb]{padding: 12px 14px;gap: 8px;}.hero-icon[b-pxybfq8mjb]{font-size: 1.1rem;}.hero-value[b-pxybfq8mjb]{font-size: 1.3rem;}.hero-label[b-pxybfq8mjb]{font-size: 0.7rem;}.best-friend-card[b-pxybfq8mjb]{padding: 12px 14px;gap: 10px;}.best-friend-badge .badge-icon[b-pxybfq8mjb]{font-size: 1rem;}.best-friend-badge .badge-label[b-pxybfq8mjb]{display: none;}.best-friend-avatar[b-pxybfq8mjb]{width: 34px;height: 34px;font-size: 1.1rem;}.best-friend-info[b-pxybfq8mjb]{flex-direction: row;align-items: center;gap: 10px;}.best-friend-name[b-pxybfq8mjb]{font-size: 0.85rem;}.best-friend-stats[b-pxybfq8mjb]{font-size: 0.7rem;gap: 8px;}.rarity-section[b-pxybfq8mjb]{padding: 12px 14px;}.rarity-section-title[b-pxybfq8mjb]{font-size: 0.75rem;margin-bottom: 8px;}.rarity-grid[b-pxybfq8mjb]{display: grid;grid-template-columns: repeat(2,1fr);gap: 6px;}.rarity-item[b-pxybfq8mjb]{padding: 8px 10px;gap: 6px;}.rarity-item:last-child:nth-child(odd)[b-pxybfq8mjb]{grid-column: 1 / -1;max-width: calc(50% - 3px);justify-self: center;}.rarity-emoji[b-pxybfq8mjb]{font-size: 0.9rem;}.rarity-count[b-pxybfq8mjb]{font-size: 0.9rem;}.rarity-name[b-pxybfq8mjb]{font-size: 0.55rem;}.notification-item[b-pxybfq8mjb]{padding: 14px;}[b-pxybfq8mjb] .delete-btn{opacity: 1;}.section-header[b-pxybfq8mjb]{flex-direction: column;align-items: stretch;}.friend-search-wrapper[b-pxybfq8mjb]{width: 100%;}.friend-search-wrapper input[b-pxybfq8mjb]{width: 100%;}.notifications-container[b-pxybfq8mjb]{max-height: calc(100vh - 280px);}.pagination-btn[b-pxybfq8mjb]{min-width: 32px;height: 32px;font-size: 0.8rem;}}.modal-desc-warning[b-pxybfq8mjb]{display: block;margin-top: 0.6rem;font-size: 0.85rem;font-weight: 600;color: var(--mud-palette-warning,#ffb020);} .dna-page[b-1eky2f5wzu]{width: 100%;max-width: 1600px;margin: 0 auto;padding: 0.5rem 2rem;padding-bottom: 4rem;animation: fadeIn-b-1eky2f5wzu 0.4s ease-out;}@keyframes fadeIn-b-1eky2f5wzu{from{opacity: 0;}to{opacity: 1;}}.dna-layout[b-1eky2f5wzu]{display: grid;grid-template-columns: 1fr 1fr;gap: 1.25rem;align-items: stretch;margin-bottom: 1rem;}.dna-right-col[b-1eky2f5wzu]{display: flex;flex-direction: column;gap: 1rem;min-height: 0;}.dna-bottom[b-1eky2f5wzu]{}.dna-genres[b-1eky2f5wzu]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.6rem;}.dna-media-summary[b-1eky2f5wzu]{display: flex;flex-direction: row;gap: 0.5rem;animation: slideUp-b-1eky2f5wzu 0.5s ease 0.3s both;}.dna-media-stat[b-1eky2f5wzu]{flex: 1;min-width: 0;}.dna-media-stat[b-1eky2f5wzu]{display: flex;align-items: center;flex-wrap: wrap;gap: 0.25rem 0.75rem;padding: 0.65rem 0.85rem;background: rgba(30,41,59,0.45);border: 1px solid rgba(255,255,255,0.05);border-radius: 0.65rem;transition: background 0.15s;}@media (hover: hover) and (pointer: fine){.dna-media-stat:hover[b-1eky2f5wzu]{background: rgba(30,41,59,0.65);}}.dna-media-stat-icon[b-1eky2f5wzu]{font-size: 1.3rem;line-height: 1;}.dna-media-stat-info[b-1eky2f5wzu]{display: flex;flex-direction: column;min-width: 3.5rem;}.dna-media-stat-val[b-1eky2f5wzu]{color: white;font-size: 1.1rem;font-weight: 800;line-height: 1.1;}.dna-media-stat-label[b-1eky2f5wzu]{color: rgba(255,255,255,0.4);font-size: 0.7rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;}.dna-media-stat-top[b-1eky2f5wzu]{margin-left: auto;color: rgba(255,255,255,0.5);font-size: 0.75rem;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}@keyframes slideUp-b-1eky2f5wzu{from{opacity: 0;transform: translateY(18px);}to{opacity: 1;transform: translateY(0);}}@keyframes radarGrow-b-1eky2f5wzu{from{transform: scale(0);opacity: 0;}to{transform: scale(1);opacity: 1;}}@keyframes pointPop-b-1eky2f5wzu{from{r: 0;opacity: 0;}to{r: 4;opacity: 1;}}@keyframes cardSlide-b-1eky2f5wzu{from{opacity: 0;transform: translateY(10px);}to{opacity: 1;transform: translateY(0);}}.dna-personality[b-1eky2f5wzu]{display: flex;flex-direction: column;gap: 1rem;background: linear-gradient(135deg,rgba(99,102,241,0.12),rgba(139,92,246,0.08));border: 1px solid rgba(99,102,241,0.2);border-radius: 1.25rem;padding: 1.5rem;backdrop-filter: blur(12px);animation: slideUp-b-1eky2f5wzu 0.6s ease both;}.dna-personality-top[b-1eky2f5wzu]{display: flex;align-items: flex-start;justify-content: space-between;gap: 0.5rem;}.dna-refreshed[b-1eky2f5wzu]{display: flex;align-items: center;gap: 0.5rem;padding: 0.6rem 1rem;background: rgba(34,197,94,0.1);border: 1px solid rgba(34,197,94,0.25);border-radius: 0.75rem;color: rgba(34,197,94,0.9);font-size: 0.82rem;font-weight: 600;margin-bottom: 1.25rem;animation: slideUp-b-1eky2f5wzu 0.5s ease both;}.dna-personality-header[b-1eky2f5wzu]{display: flex;align-items: center;gap: 1rem;flex: 1;}.dna-archetype-emoji[b-1eky2f5wzu]{font-size: 3.25rem;line-height: 1;filter: drop-shadow(0 0 12px rgba(99,102,241,0.4));}.dna-archetype-info[b-1eky2f5wzu]{flex: 1;min-width: 0;}.dna-archetype-name-row[b-1eky2f5wzu]{display: flex;align-items: baseline;gap: 0.75rem;flex-wrap: wrap;}.dna-archetype-name[b-1eky2f5wzu]{color: white;font-size: 1.6rem;font-weight: 800;margin: 0;letter-spacing: -0.02em;}.dna-confidence[b-1eky2f5wzu]{font-size: 0.68rem;font-weight: 600;padding: 0.2rem 0.55rem;border-radius: 1rem;white-space: nowrap;}.dna-confidence-3[b-1eky2f5wzu]{background: rgba(34,197,94,0.12);color: rgba(34,197,94,0.85);}.dna-confidence-2[b-1eky2f5wzu]{background: rgba(234,179,8,0.12);color: rgba(234,179,8,0.85);}.dna-confidence-1[b-1eky2f5wzu]{background: rgba(249,115,22,0.12);color: rgba(249,115,22,0.85);}.dna-confidence-0[b-1eky2f5wzu]{background: rgba(239,68,68,0.12);color: rgba(239,68,68,0.85);}.dna-archetype-desc[b-1eky2f5wzu]{color: rgba(255,255,255,0.6);font-size: 0.9rem;margin: 0.3rem 0 0;line-height: 1.4;}.dna-archetype-reason[b-1eky2f5wzu]{color: rgba(255,255,255,0.38);font-size: 0.78rem;margin: 0.35rem 0 0;line-height: 1.4;font-style: italic;}.dna-share-btn[b-1eky2f5wzu]{display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.15);background: rgba(255,255,255,0.06);color: rgba(255,255,255,0.6);cursor: pointer;transition: all 0.2s;flex-shrink: 0;margin-top: 0.25rem;}@media (hover: hover) and (pointer: fine){.dna-share-btn:hover[b-1eky2f5wzu]{background: rgba(99,102,241,0.2);border-color: rgba(99,102,241,0.4);color: white;}}.dna-share-btn:active[b-1eky2f5wzu]{transform: scale(0.92);}.dna-diversity[b-1eky2f5wzu]{display: flex;align-items: center;gap: 0.75rem;}.dna-diversity-label[b-1eky2f5wzu]{color: rgba(255,255,255,0.45);font-size: 0.78rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;white-space: nowrap;}.dna-diversity-track[b-1eky2f5wzu]{flex: 1;height: 6px;background: rgba(255,255,255,0.08);border-radius: 3px;overflow: hidden;}.dna-diversity-fill[b-1eky2f5wzu]{height: 100%;width: var(--w,0%);background: linear-gradient(90deg,#6366f1,var(--mxp-purple-200),#c084fc);border-radius: 3px;transition: width 1.2s cubic-bezier(0.22,1,0.36,1);}.dna-diversity-val[b-1eky2f5wzu]{color: rgba(255,255,255,0.7);font-size: 0.82rem;font-weight: 700;min-width: 2.5rem;text-align: right;}.dna-insights-carousel[b-1eky2f5wzu]{display: flex;flex-direction: column;gap: 0.4rem;animation: insightFade-b-1eky2f5wzu 0.4s ease;}.dna-insight-item[b-1eky2f5wzu]{color: rgba(255,255,255,0.72);font-size: 0.8rem;line-height: 1.4;padding: 0.45rem 0.75rem;background: rgba(255,255,255,0.035);border-radius: 0.5rem;border-left: 3px solid rgba(99,102,241,0.4);transition: opacity 0.3s ease;}.dna-insight-new[b-1eky2f5wzu]{animation: insightSlideIn-b-1eky2f5wzu 0.5s ease both;}@keyframes insightSlideIn-b-1eky2f5wzu{from{opacity: 0;transform: translateY(8px);}to{opacity: 1;transform: translateY(0);}}@keyframes insightFade-b-1eky2f5wzu{from{opacity: 0;transform: translateY(5px);}to{opacity: 1;transform: translateY(0);}}.dna-radar-section[b-1eky2f5wzu]{flex: 1;display: flex;flex-direction: column;animation: slideUp-b-1eky2f5wzu 0.6s ease 0.2s both;}.dna-radar-wrap[b-1eky2f5wzu]{flex: 1;display: flex;align-items: center;justify-content: center;padding: 1.5rem 0;}.dna-radar[b-1eky2f5wzu]{width: 100%;max-width: 400px;overflow: visible;}[b-1eky2f5wzu] .dna-grid{fill: none;stroke: rgba(255,255,255,0.07);stroke-width: 1;}[b-1eky2f5wzu] .dna-axis-line{stroke: rgba(255,255,255,0.1);stroke-width: 0.8;stroke-dasharray: 3 3;}[b-1eky2f5wzu] .dna-data{fill: rgba(99,102,241,0.18);stroke: rgba(129,140,248,0.75);stroke-width: 2;stroke-linejoin: round;filter: drop-shadow(0 0 8px rgba(99,102,241,0.3));transform-origin: 150px 150px;animation: radarGrow-b-1eky2f5wzu 1s cubic-bezier(0.22,1,0.36,1) 0.3s both;}[b-1eky2f5wzu] .dna-point{fill: #818cf8;stroke: rgba(255,255,255,0.9);stroke-width: 1.5;opacity: 0;animation: pointPop-b-1eky2f5wzu 0.4s ease forwards;animation-delay: var(--delay,0s);transition: r 0.2s,fill 0.2s;}[b-1eky2f5wzu] .dna-point.selected{fill: #c084fc;r: 6;stroke: white;stroke-width: 2;}[b-1eky2f5wzu] .dna-hit-area{fill: transparent;cursor: pointer;stroke: none;}[b-1eky2f5wzu] .dna-label{fill: rgba(255,255,255,0.8);font-size: 10px;font-weight: 700;font-family: inherit;}[b-1eky2f5wzu] .dna-label-pct{fill: rgba(255,255,255,0.4);font-size: 8.5px;font-weight: 600;font-family: inherit;}.dna-tooltip[b-1eky2f5wzu]{display: flex;align-items: center;gap: 0.7rem;padding: 0.6rem 0.85rem;background: rgba(15,23,42,0.92);border: 1px solid rgba(99,102,241,0.25);border-radius: 0.65rem;backdrop-filter: blur(12px);z-index: 2;animation: slideUp-b-1eky2f5wzu 0.25s ease both;}.dna-tooltip-emoji[b-1eky2f5wzu]{font-size: 1.4rem;line-height: 1;}.dna-tooltip-body[b-1eky2f5wzu]{flex: 1;min-width: 0;}.dna-tooltip-name[b-1eky2f5wzu]{color: white;font-weight: 700;font-size: 0.88rem;display: block;margin-bottom: 0.15rem;}.dna-tooltip-stats[b-1eky2f5wzu]{display: flex;gap: 0.6rem;flex-wrap: wrap;}.dna-tooltip-stats span[b-1eky2f5wzu]{color: rgba(255,255,255,0.5);font-size: 0.73rem;white-space: nowrap;}.dna-tooltip-close[b-1eky2f5wzu]{background: none;border: none;color: rgba(255,255,255,0.3);cursor: pointer;font-size: 0.9rem;padding: 0.2rem;min-width: 28px;min-height: 28px;line-height: 1;transition: color 0.15s;}@media (hover: hover) and (pointer: fine){.dna-tooltip-close:hover[b-1eky2f5wzu]{color: white;}}.dna-tooltip.pinned[b-1eky2f5wzu]{border-color: rgba(99,102,241,0.5);box-shadow: 0 0 12px rgba(99,102,241,0.2);}.dna-tooltip.pinned .dna-tooltip-close[b-1eky2f5wzu]{color: rgba(99,102,241,0.6);}@media (hover: hover) and (pointer: fine){.dna-tooltip.pinned .dna-tooltip-close:hover[b-1eky2f5wzu]{color: #818cf8;}}.dna-tabs[b-1eky2f5wzu]{display: flex;gap: 0.5rem;margin-bottom: 0.75rem;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;animation: slideUp-b-1eky2f5wzu 0.5s ease 0.3s both;}.dna-tabs[b-1eky2f5wzu]::-webkit-scrollbar{display: none;}.dna-tab[b-1eky2f5wzu]{padding: 0.5rem 1rem;border: 1px solid rgba(255,255,255,0.1);border-radius: 2rem;background: transparent;color: rgba(255,255,255,0.45);font-size: 0.85rem;font-weight: 600;cursor: pointer;white-space: nowrap;transition: all 0.2s ease;font-family: inherit;}@media (hover: hover) and (pointer: fine){.dna-tab:hover[b-1eky2f5wzu]{border-color: rgba(255,255,255,0.2);color: rgba(255,255,255,0.7);}}.dna-tab.active[b-1eky2f5wzu]{color: white;}.dna-tab.active.overall[b-1eky2f5wzu]{background: rgba(99,102,241,0.18);border-color: rgba(99,102,241,0.45);}.dna-tab.active.games[b-1eky2f5wzu]{background: rgba(34,197,94,0.15);border-color: rgba(34,197,94,0.45);}.dna-tab.active.series[b-1eky2f5wzu]{background: rgba(167,139,250,0.18);border-color: rgba(167,139,250,0.45);}.dna-tab.active.movies[b-1eky2f5wzu]{background: rgba(249,115,22,0.15);border-color: rgba(249,115,22,0.45);}.dna-cat-summary[b-1eky2f5wzu]{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1rem;}.dna-cat-dot[b-1eky2f5wzu]{width: 8px;height: 8px;border-radius: 50%;background: var(--bg,#6366f1);}.dna-cat-label[b-1eky2f5wzu]{color: rgba(255,255,255,0.45);font-size: 0.8rem;font-weight: 600;}.dna-orden-nota[b-1eky2f5wzu]{margin: -0.5rem 0 1rem;color: rgba(255,255,255,0.45);font-size: 0.75rem;line-height: 1.4;}.dna-genre-card[b-1eky2f5wzu]{display: flex;align-items: center;gap: 0.85rem;padding: 0.9rem 1rem;background: rgba(30,41,59,0.45);border: 1px solid rgba(255,255,255,0.05);border-radius: 0.75rem;transition: background 0.15s ease;animation: cardSlide-b-1eky2f5wzu 0.4s ease both;animation-delay: var(--delay,0s);}@media (hover: hover) and (pointer: fine){.dna-genre-card:hover[b-1eky2f5wzu]{background: rgba(30,41,59,0.65);}}.dna-genre-emoji[b-1eky2f5wzu]{font-size: 1.6rem;line-height: 1;min-width: 2.2rem;text-align: center;}.dna-genre-body[b-1eky2f5wzu]{flex: 1;min-width: 0;}.dna-genre-top[b-1eky2f5wzu]{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 0.35rem;}.dna-genre-name[b-1eky2f5wzu]{color: white;font-weight: 700;font-size: 0.92rem;}.dna-genre-pct[b-1eky2f5wzu]{color: rgba(255,255,255,0.45);font-size: 0.78rem;font-weight: 600;}.dna-genre-bar[b-1eky2f5wzu]{height: 5px;background: rgba(255,255,255,0.06);border-radius: 3px;overflow: hidden;margin-bottom: 0.35rem;}.dna-genre-fill[b-1eky2f5wzu]{height: 100%;width: var(--w,0%);background: var(--bg,#6366f1);border-radius: 3px;transition: width 0.7s cubic-bezier(0.22,1,0.36,1);}.dna-genre-stats[b-1eky2f5wzu]{display: flex;gap: 0.7rem;flex-wrap: wrap;}.dna-genre-stats span[b-1eky2f5wzu]{color: rgba(255,255,255,0.38);font-size: 0.73rem;white-space: nowrap;}.dna-empty[b-1eky2f5wzu]{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 5rem 2rem;text-align: center;}.dna-empty-icon[b-1eky2f5wzu]{font-size: 4rem;opacity: 0.35;}.dna-no-data[b-1eky2f5wzu]{padding: 4rem 2rem;text-align: center;grid-column: 1 / -1;}.dna-suggestions[b-1eky2f5wzu]{display: flex;flex-direction: column;gap: 0.5rem;}.dna-suggestion[b-1eky2f5wzu]{padding: 0.5rem 0.85rem;background: rgba(234,179,8,0.08);border: 1px solid rgba(234,179,8,0.18);border-radius: 0.6rem;color: rgba(234,179,8,0.85);font-size: 0.8rem;font-weight: 500;line-height: 1.4;animation: insightSlideIn-b-1eky2f5wzu 0.4s ease both;}.dna-radar-placeholder[b-1eky2f5wzu]{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.5rem;background: rgba(255,255,255,0.02);border: 1px dashed rgba(255,255,255,0.08);border-radius: 1rem;padding: 3rem 1.5rem;animation: fadeIn-b-1eky2f5wzu 0.6s ease both;}.dna-placeholder-icon[b-1eky2f5wzu]{font-size: 3rem;opacity: 0.2;animation: placeholderPulse-b-1eky2f5wzu 3s ease-in-out infinite;}.dna-placeholder-text[b-1eky2f5wzu]{color: rgba(255,255,255,0.3);font-size: 0.9rem;font-weight: 600;}.dna-placeholder-sub[b-1eky2f5wzu]{color: rgba(255,255,255,0.15);font-size: 0.75rem;}@keyframes placeholderPulse-b-1eky2f5wzu{0%,100%{opacity: 0.15;transform: scale(1);}50%{opacity: 0.3;transform: scale(1.05);}}.dna-compat-section[b-1eky2f5wzu]{margin: 1.25rem 0;animation: slideUp-b-1eky2f5wzu 0.5s ease 0.35s both;}.dna-compat-header[b-1eky2f5wzu]{margin-bottom: 0.75rem;}.dna-compat-title[b-1eky2f5wzu]{color: white;font-size: 1.05rem;font-weight: 700;}.dna-compat-loading[b-1eky2f5wzu]{display: flex;align-items: center;gap: 0.65rem;padding: 1rem;color: rgba(255,255,255,0.4);font-size: 0.82rem;}.dna-compat-list[b-1eky2f5wzu]{display: flex;flex-direction: column;gap: 0.5rem;}.dna-compat-card[b-1eky2f5wzu]{background: rgba(30,41,59,0.45);border: 1px solid rgba(255,255,255,0.05);border-radius: 0.75rem;cursor: pointer;transition: all 0.2s ease;animation: cardSlide-b-1eky2f5wzu 0.4s ease both;animation-delay: var(--delay,0s);overflow: hidden;}@media (hover: hover) and (pointer: fine){.dna-compat-card:hover[b-1eky2f5wzu]{background: rgba(30,41,59,0.65);border-color: rgba(167,139,250,0.15);}}.dna-compat-card.expanded[b-1eky2f5wzu]{background: rgba(99,102,241,0.08);border-color: rgba(99,102,241,0.2);}.dna-compat-card-main[b-1eky2f5wzu]{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 1rem;}.dna-compat-avatar-wrap[b-1eky2f5wzu]{position: relative;flex-shrink: 0;}.dna-compat-avatar[b-1eky2f5wzu]{width: 2.8rem;height: 2.8rem;border-radius: 50%;border: 2px solid rgba(255,255,255,0.15);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: white;font-weight: 700;background: linear-gradient(135deg,color-mix(in srgb,var(--avatar-color,var(--mxp-purple-600)) 87%,transparent),color-mix(in srgb,var(--avatar-color,var(--mxp-purple-600)) 53%,transparent));}.dna-compat-level[b-1eky2f5wzu]{position: absolute;bottom: -3px;right: -3px;width: 1.15rem;height: 1.15rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.62rem;font-weight: 800;color: white;border: 2px solid rgba(15,23,42,0.95);background: var(--bg,var(--mxp-purple-600));}.dna-compat-info[b-1eky2f5wzu]{flex: 1;min-width: 0;display: flex;flex-direction: column;}.dna-compat-name[b-1eky2f5wzu]{color: white;font-weight: 700;font-size: 0.88rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.dna-compat-label-text[b-1eky2f5wzu]{color: rgba(255,255,255,0.4);font-size: 0.72rem;font-weight: 500;}.dna-compat-score[b-1eky2f5wzu]{flex-shrink: 0;text-align: right;}.dna-compat-pct[b-1eky2f5wzu]{color: rgba(167,139,250,0.9);font-size: 1.25rem;font-weight: 800;letter-spacing: -0.02em;display: block;}.dna-compat-score-label[b-1eky2f5wzu]{color: rgba(255,255,255,0.35);font-size: 0.65rem;font-weight: 500;}.dna-compat-stats-row[b-1eky2f5wzu]{display: flex;gap: 0.5rem;margin-bottom: 0.25rem;}.dna-compat-stat[b-1eky2f5wzu]{flex: 1;display: flex;flex-direction: column;align-items: center;padding: 0.45rem;background: rgba(255,255,255,0.03);border-radius: 0.5rem;}.dna-compat-stat-val[b-1eky2f5wzu]{color: white;font-size: 1rem;font-weight: 800;}.dna-compat-stat-label[b-1eky2f5wzu]{color: rgba(255,255,255,0.35);font-size: 0.62rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.03em;}.dna-compat-detail[b-1eky2f5wzu]{padding: 0 1rem 0.85rem;display: flex;flex-direction: column;gap: 0.55rem;animation: slideUp-b-1eky2f5wzu 0.25s ease both;}.dna-compat-bar-row[b-1eky2f5wzu]{display: flex;flex-direction: column;gap: 0.2rem;}.dna-compat-bar-label[b-1eky2f5wzu]{color: rgba(255,255,255,0.6);font-size: 0.75rem;font-weight: 600;}.dna-compat-bars[b-1eky2f5wzu]{display: flex;gap: 0.35rem;}.dna-compat-bar-track[b-1eky2f5wzu]{flex: 1;height: 5px;background: rgba(255,255,255,0.06);border-radius: 3px;overflow: hidden;}.dna-compat-bar-fill[b-1eky2f5wzu]{height: 100%;width: var(--w,0%);border-radius: 3px;transition: width 0.6s cubic-bezier(0.22,1,0.36,1);}.dna-compat-bar-fill.mine[b-1eky2f5wzu]{background: linear-gradient(90deg,#818cf8,var(--mxp-purple-200));}.dna-compat-bar-fill.friend[b-1eky2f5wzu]{background: linear-gradient(90deg,#f472b6,#ec4899);}.dna-compat-bar-legend[b-1eky2f5wzu]{display: flex;justify-content: space-between;font-size: 0.62rem;font-weight: 600;}.dna-compat-bar-legend .mine[b-1eky2f5wzu]{color: rgba(129,140,248,0.6);}.dna-compat-bar-legend .friend[b-1eky2f5wzu]{color: rgba(244,114,182,0.6);}.dna-compat-diff[b-1eky2f5wzu]{color: rgba(255,255,255,0.4);font-size: 0.73rem;padding: 0.4rem 0.65rem;background: rgba(255,255,255,0.03);border-radius: 0.4rem;margin-top: 0.15rem;}@media (min-width: 1440px) and (max-width: 1920px){.dna-page[b-1eky2f5wzu]{max-width: 100%;padding-top: 0.75rem;}.dna-layout[b-1eky2f5wzu]{gap: 1.75rem;}}@media (max-width: 1024px){.dna-page[b-1eky2f5wzu]{padding: 0.75rem 2rem;max-width: 100%;}.dna-layout[b-1eky2f5wzu]{grid-template-columns: 1fr;gap: 1.25rem;}.dna-radar[b-1eky2f5wzu]{max-width: 380px;}.dna-media-summary[b-1eky2f5wzu]{flex-direction: row;}.dna-media-stat[b-1eky2f5wzu]{flex: 1;}.dna-genres[b-1eky2f5wzu]{grid-template-columns: repeat(2,1fr);}}@media (max-width: 768px){.dna-page[b-1eky2f5wzu]{padding: 0.75rem 1.25rem;padding-bottom: 6rem;}.dna-layout[b-1eky2f5wzu]{grid-template-columns: 1fr;gap: 1rem;}.dna-personality[b-1eky2f5wzu]{padding: 1.15rem;}.dna-archetype-emoji[b-1eky2f5wzu]{font-size: 2.5rem;}.dna-archetype-name[b-1eky2f5wzu]{font-size: 1.3rem;}.dna-archetype-desc[b-1eky2f5wzu]{font-size: 0.82rem;}.dna-radar[b-1eky2f5wzu]{max-width: 340px;}[b-1eky2f5wzu] .dna-label{font-size: 10px;}[b-1eky2f5wzu] .dna-label-pct{font-size: 9px;}.dna-genres[b-1eky2f5wzu]{grid-template-columns: 1fr;}.dna-genre-emoji[b-1eky2f5wzu]{font-size: 1.35rem;min-width: 1.8rem;}.dna-tab[b-1eky2f5wzu]{padding: 0.4rem 0.8rem;font-size: 0.8rem;}.dna-media-summary[b-1eky2f5wzu]{flex-direction: row;}.dna-media-stat[b-1eky2f5wzu]{flex: 1;flex-direction: column;text-align: center;padding: 0.5rem;gap: 0.75rem;}.dna-media-stat-top[b-1eky2f5wzu]{display: none;}.dna-compat-card-main[b-1eky2f5wzu]{padding: 0.6rem 0.75rem;gap: 0.6rem;}.dna-compat-avatar[b-1eky2f5wzu]{width: 2.2rem;height: 2.2rem;font-size: 0.95rem;}.dna-compat-level[b-1eky2f5wzu]{width: 1.1rem;height: 1.1rem;font-size: 0.58rem;}.dna-compat-pct[b-1eky2f5wzu]{font-size: 1.1rem;}.dna-compat-name[b-1eky2f5wzu]{font-size: 0.82rem;}}@media (max-width: 480px){.dna-page[b-1eky2f5wzu]{padding: 0.75rem;padding-bottom: 5.5rem;}.dna-personality-header[b-1eky2f5wzu]{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 0.4rem 0.75rem;}.dna-archetype-info[b-1eky2f5wzu]{display: contents;}.dna-archetype-desc[b-1eky2f5wzu],.dna-archetype-reason[b-1eky2f5wzu]{grid-column: 1 / -1;}.dna-radar[b-1eky2f5wzu]{max-width: 280px;}.dna-genre-card[b-1eky2f5wzu]{padding: 0.75rem;gap: 0.65rem;}.dna-insight-item[b-1eky2f5wzu]{font-size: 0.75rem;padding: 0.4rem 0.6rem;}.dna-compat-detail[b-1eky2f5wzu]{padding: 0 0.65rem 0.65rem;}.dna-tabs[b-1eky2f5wzu]{gap: 5px;}.dna-tab[b-1eky2f5wzu]{padding: 0.4rem 0.45rem;}}.dna-friend-banner[b-1eky2f5wzu]{display:flex;align-items:center;gap:14px;padding:12px 16px;margin:0 0 20px;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(124,58,237,.08));border:1px solid rgba(139,92,246,.28);backdrop-filter:blur(6px);animation:sIn-b-1eky2f5wzu .4s cubic-bezier(.22,1,.36,1) both;}.dna-friend-back[b-1eky2f5wzu]{width:36px;height:36px;border-radius:10px;border:1px solid rgba(167,139,250,.22);background:rgba(15,8,35,.4);color:rgba(255,255,255,.75);cursor:pointer;display:grid;place-items:center;transition:all .15s;flex-shrink:0;}@media (hover: hover) and (pointer: fine){.dna-friend-back:hover[b-1eky2f5wzu]{background:rgba(139,92,246,.2);color:white;border-color:rgba(139,92,246,.42);}}.dna-friend-av[b-1eky2f5wzu]{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:white;font-weight:700;font-size:1.05rem;background:var(--bg,#6366f1);box-shadow:0 2px 8px rgba(0,0,0,.25);flex-shrink:0;}.dna-friend-info[b-1eky2f5wzu]{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0;}.dna-friend-lbl[b-1eky2f5wzu]{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);}.dna-friend-name[b-1eky2f5wzu]{font-size:1.02rem;font-weight:800;color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.dna-friend-profile[b-1eky2f5wzu]{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:10px;border:1px solid rgba(167,139,250,.28);background:rgba(139,92,246,.12);color:var(--mxp-purple-100);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s;flex-shrink:0;}@media (hover: hover) and (pointer: fine){.dna-friend-profile:hover[b-1eky2f5wzu]{background:rgba(139,92,246,.22);border-color:rgba(139,92,246,.48);color:white;}}@keyframes sIn-b-1eky2f5wzu{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}@media (max-width:600px){.dna-friend-banner[b-1eky2f5wzu]{gap:10px;padding:10px 12px;}.dna-friend-av[b-1eky2f5wzu]{width:36px;height:36px;font-size:.92rem;}.dna-friend-name[b-1eky2f5wzu]{font-size:.92rem;}.dna-friend-profile[b-1eky2f5wzu]{padding:6px 10px;font-size:.7rem;}} .wr-error-icon[b-rhz8nlz1re]{font-size: 3rem;opacity: 0.4;}.wr-error-text[b-rhz8nlz1re]{color: #ffffff !important;font-weight: 700;margin-top: 1rem;}.wr-hl-spaced[b-rhz8nlz1re]{margin-top: 0.75rem;}.wr-page[b-rhz8nlz1re]{width: 100%;margin: 0 auto;padding: 32px 48px;box-sizing: border-box;overflow-x: hidden;}.wr-loading[b-rhz8nlz1re]{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 60vh;gap: 0.75rem;}.wr-header[b-rhz8nlz1re]{margin-bottom: 1.25rem;}.wr-header-row[b-rhz8nlz1re]{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.75rem;margin-bottom: 0.75rem;}.wr-title[b-rhz8nlz1re]{font-size: 1.75rem;font-weight: 800;color: var(--mxp-slate-100);margin: 0;}.wr-title span[b-rhz8nlz1re]{font-weight: 400;color: var(--mxp-slate-400);}.wr-filter-bar[b-rhz8nlz1re]{display: flex;align-items: center;gap: 1rem;flex-wrap: wrap;}.wr-year-pills[b-rhz8nlz1re]{display: flex;gap: 0.4rem;flex-wrap: wrap;}.wr-year-pill[b-rhz8nlz1re]{padding: 0.35rem 0.85rem;background: rgba(30,41,59,0.6);border: 1px solid rgba(148,163,184,0.12);border-radius: 20px;color: var(--mxp-slate-400);font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.wr-year-pill:hover[b-rhz8nlz1re]{background: rgba(30,41,59,0.9);color: var(--mxp-slate-200);}}.wr-year-pill.active[b-rhz8nlz1re]{background: rgba(167,139,250,0.2);border-color: rgba(167,139,250,0.4);color: var(--mxp-purple-200);}.wr-month-pills[b-rhz8nlz1re]{display: flex;gap: 0.25rem;flex-wrap: wrap;align-items: center;}.wr-month-pill[b-rhz8nlz1re]{padding: 0.25rem 0.6rem;background: rgba(30,41,59,0.4);border: 1px solid rgba(148,163,184,0.08);border-radius: 14px;color: var(--mxp-slate-500);font-size: 0.72rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.wr-month-pill:hover[b-rhz8nlz1re]{background: rgba(30,41,59,0.8);color: var(--mxp-slate-400);}}.wr-month-pill.active[b-rhz8nlz1re]{background: rgba(96,165,250,0.15);border-color: rgba(96,165,250,0.3);color: var(--mxp-blue-300);}.wr-custom-range[b-rhz8nlz1re]{position: relative;display: flex;align-items: center;}.wr-range-btn[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.3rem;padding: 0.3rem 0.75rem;background: rgba(30,41,59,0.5);border: 1px solid rgba(148,163,184,0.1);border-radius: 8px;color: var(--mxp-slate-500);font-size: 0.78rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.wr-range-btn:hover[b-rhz8nlz1re]{background: rgba(30,41,59,0.8);color: var(--mxp-slate-400);}}.wr-range-btn.active[b-rhz8nlz1re]{background: rgba(96,165,250,0.12);border-color: rgba(96,165,250,0.3);color: var(--mxp-blue-300);}.wr-range-picker[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.5rem;margin-left: 0.5rem;padding: 0.35rem 0.65rem;background: rgba(15,23,42,0.6);border: 1px solid rgba(148,163,184,0.1);border-radius: 8px;z-index: 10;}.wr-date-input[b-rhz8nlz1re]{color-scheme: dark;background: rgba(30,41,59,0.8);border: 1px solid rgba(148,163,184,0.15);border-radius: 6px;color: var(--mxp-slate-200);font-size: 0.75rem;padding: 0.3rem 0.5rem;font-family: inherit;}.wr-date-input:focus[b-rhz8nlz1re]{outline: none;border-color: rgba(96,165,250,0.4);}.wr-range-sep[b-rhz8nlz1re]{color: #475569;font-size: 0.85rem;}.wr-range-apply[b-rhz8nlz1re]{padding: 0.3rem 0.7rem;background: rgba(96,165,250,0.15);border: 1px solid rgba(96,165,250,0.3);border-radius: 6px;color: var(--mxp-blue-300);font-size: 0.75rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.wr-range-apply:hover[b-rhz8nlz1re]{background: rgba(96,165,250,0.25);}}.wr-tabs[b-rhz8nlz1re]{display: flex;gap: 0.25rem;margin-bottom: 1rem;border-bottom: 1px solid rgba(148,163,184,0.1);padding-bottom: 0;}.wr-tab[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.4rem;padding: 0.65rem 1.25rem;background: transparent;border: none;border-bottom: 2px solid transparent;color: var(--mxp-slate-500);font-size: 0.88rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;margin-bottom: -1px;}@media (hover: hover) and (pointer: fine){.wr-tab:hover[b-rhz8nlz1re]{color: var(--mxp-slate-400);background: rgba(148,163,184,0.05);}}.wr-tab.active[b-rhz8nlz1re]{color: var(--mxp-slate-200);}.wr-tab.active.movies[b-rhz8nlz1re]{border-bottom-color: var(--mxp-orange-300);}.wr-tab.active.series[b-rhz8nlz1re]{border-bottom-color: var(--mxp-purple-200);}.wr-tab.active.games[b-rhz8nlz1re]{border-bottom-color: var(--mxp-green-300);}.wr-tab.active.general[b-rhz8nlz1re]{border-bottom-color: var(--mxp-blue-300);}.wr-tab-emoji[b-rhz8nlz1re]{font-size: 1.1rem;}.wr-tab-content[b-rhz8nlz1re]{margin-bottom: 1rem;min-height: 600px;overflow: visible;}.wr-section[b-rhz8nlz1re]{background: linear-gradient(145deg,rgba(30,41,59,0.7),rgba(15,23,42,0.85));border: 1px solid rgba(148,163,184,0.08);border-radius: 16px;padding: 1.25rem;margin-bottom: 1rem;overflow: visible;position: relative;display: flex;min-width: 0;flex-direction: column;}.wr-section-head[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1rem;}.wr-section-emoji[b-rhz8nlz1re]{font-size: 1.4rem;}.wr-section-head h2[b-rhz8nlz1re]{font-size: 1.1rem;font-weight: 700;color: var(--mxp-slate-200);margin: 0;}.wr-chart-tabs[b-rhz8nlz1re]{display: flex;gap: 0.25rem;margin-left: auto;}.wr-chart-tab[b-rhz8nlz1re]{padding: 0.2rem 0.6rem;background: rgba(30,41,59,0.5);border: 1px solid rgba(148,163,184,0.08);border-radius: 12px;color: var(--mxp-slate-500);font-size: 0.68rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.wr-chart-tab:hover[b-rhz8nlz1re]{background: rgba(30,41,59,0.8);color: var(--mxp-slate-400);}}.wr-chart-tab.active[b-rhz8nlz1re]{background: rgba(167,139,250,0.15);border-color: rgba(167,139,250,0.3);color: var(--mxp-purple-200);}.wr-chart-tab.movies.active[b-rhz8nlz1re]{background: rgba(251,146,60,0.15);border-color: rgba(251,146,60,0.3);color: var(--mxp-orange-300);}.wr-chart-tab.games.active[b-rhz8nlz1re]{background: rgba(52,211,153,0.15);border-color: rgba(52,211,153,0.3);color: var(--mxp-green-300);}.wr-stats-row[b-rhz8nlz1re]{display: grid;grid-template-columns: repeat(auto-fit,minmax(clamp((100% - 3rem) / 6 - 1px,(720px - 100%) * 999,(100% - 1.2rem) / 3 - 1px),1fr));gap: 0.6rem;margin-bottom: 1rem;}.wr-stat[b-rhz8nlz1re]{background: rgba(15,23,42,0.5);border: 1px solid rgba(148,163,184,0.06);border-radius: 10px;padding: 0.7rem 0.6rem;text-align: center;transition: transform 0.2s ease;}@media (hover: hover) and (pointer: fine){.wr-stat:hover[b-rhz8nlz1re]{transform: translateY(-2px);}}.wr-stat.wr-stat-link[b-rhz8nlz1re]{cursor: pointer;}@media (hover: hover) and (pointer: fine){.wr-stat.wr-stat-link:hover[b-rhz8nlz1re]{border-color: rgba(148,163,184,0.2);background: rgba(30,41,59,0.6);}}.wr-stat-val[b-rhz8nlz1re]{display: block;font-size: 1.35rem;font-weight: 800;line-height: 1.2;margin-bottom: 0.15rem;}.wr-stat-val.movies[b-rhz8nlz1re]{color: var(--mxp-orange-300);}.wr-stat-val.series[b-rhz8nlz1re]{color: var(--mxp-purple-200);}.wr-stat-val.games[b-rhz8nlz1re]{color: var(--mxp-green-300);}.wr-stat-val.xp[b-rhz8nlz1re]{color: var(--mxp-blue-300);}.wr-stat-val.streak[b-rhz8nlz1re]{color: var(--mxp-amber-300);}.wr-stat-val.social[b-rhz8nlz1re]{color: #f472b6;}.wr-stat-lbl[b-rhz8nlz1re]{display: block;font-size: 0.65rem;font-weight: 600;color: var(--mxp-slate-500);text-transform: uppercase;letter-spacing: 0.3px;}.wr-months-chart[b-rhz8nlz1re]{display: flex;align-items: flex-end;gap: 0.3rem;height: 70px;margin-bottom: 1rem;padding: 40px 0.25rem 0;overflow: visible;position: relative;isolation: isolate;}.wr-bar-col[b-rhz8nlz1re]{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;height: 100%;gap: 0.2rem;cursor: default;position: relative;z-index: 1;}.wr-bar-col.tip-active[b-rhz8nlz1re]{z-index: 999999;}@media (hover: hover) and (pointer: fine){.wr-bar-col:hover[b-rhz8nlz1re]{z-index: 999999;}}.wr-bar-col.tip-active .wr-bar[b-rhz8nlz1re]{filter: brightness(1.3);}@media (hover: hover) and (pointer: fine){.wr-bar-col:hover .wr-bar[b-rhz8nlz1re]{filter: brightness(1.3);}}.wr-bar-col.tip-active .wr-chart-tip[b-rhz8nlz1re]{opacity: 1;visibility: visible;transform: translate(-50%,-2px);}@media (hover: hover) and (pointer: fine){.wr-bar-col:hover .wr-chart-tip[b-rhz8nlz1re],.wr-bar:hover > .wr-chart-tip[b-rhz8nlz1re]{opacity: 1;visibility: visible;transform: translate(-50%,-2px);}}.wr-bar[b-rhz8nlz1re]{width: 100%;min-height: 3px;height: var(--h,0%);border-radius: 4px 4px 0 0;display: flex;align-items: flex-start;justify-content: center;transition: height 0.5s ease;position: relative;}.wr-bar.movies[b-rhz8nlz1re]{background: rgba(251,146,60,0.7);}.wr-bar.series[b-rhz8nlz1re]{background: rgba(167,139,250,0.7);}.wr-bar.games[b-rhz8nlz1re]{background: rgba(52,211,153,0.7);}.wr-bar.has-value[b-rhz8nlz1re]{min-height: 8px;}.wr-bar-lbl[b-rhz8nlz1re]{font-size: 0.6rem;font-weight: 600;color: #475569;}.wr-chart-tip[b-rhz8nlz1re]{position: absolute;bottom: calc(100% + 6px);left: 50%;transform: translate(-50%,5px);background: linear-gradient(135deg,rgba(124,58,237,0.95) 0%,rgba(109,40,217,0.95) 100%);backdrop-filter: blur(16px);padding: 0.4rem 0.65rem;border-radius: 8px;border: 1px solid rgba(168,85,247,0.4);box-shadow: 0 8px 24px rgba(124,58,237,0.4);opacity: 0;visibility: hidden;transition: all 0.2s ease;pointer-events: none;z-index: 99999;white-space: nowrap;font-size: 0.72rem;font-weight: 600;color: white;text-shadow: 0 1px 3px rgba(0,0,0,0.3);}.wr-chart-tip[b-rhz8nlz1re]::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top-color: rgba(124,58,237,0.95);}.wr-chart-tip.tip-movies[b-rhz8nlz1re]{background: linear-gradient(135deg,rgba(234,115,23,0.95) 0%,rgba(194,85,12,0.95) 100%);border-color: rgba(251,146,60,0.5);box-shadow: 0 8px 24px rgba(234,115,23,0.4);}.wr-chart-tip.tip-movies[b-rhz8nlz1re]::after{border-top-color: rgba(234,115,23,0.95);}.wr-chart-tip.tip-series[b-rhz8nlz1re]{background: linear-gradient(135deg,rgba(124,58,237,0.95) 0%,rgba(109,40,217,0.95) 100%);border-color: rgba(168,85,247,0.5);box-shadow: 0 8px 24px rgba(124,58,237,0.4);}.wr-chart-tip.tip-series[b-rhz8nlz1re]::after{border-top-color: rgba(124,58,237,0.95);}.wr-chart-tip.tip-games[b-rhz8nlz1re]{background: linear-gradient(135deg,rgba(16,163,104,0.95) 0%,rgba(5,122,75,0.95) 100%);border-color: rgba(52,211,153,0.5);box-shadow: 0 8px 24px rgba(16,163,104,0.4);}.wr-chart-tip.tip-games[b-rhz8nlz1re]::after{border-top-color: rgba(16,163,104,0.95);}.wr-months-chart.wr-chart-tall[b-rhz8nlz1re]{height: 120px;}.wr-months-chart.general[b-rhz8nlz1re]{height: 100px;gap: 0.35rem;}.wr-bar-col-general[b-rhz8nlz1re]{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;height: 100%;gap: 0.2rem;cursor: default;position: relative;z-index: 1;}.wr-bar-col-general:has(.tip-active)[b-rhz8nlz1re]{z-index: 999999;}@media (hover: hover) and (pointer: fine){.wr-bar-col-general:hover[b-rhz8nlz1re]{z-index: 999999;}}@media (hover: hover) and (pointer: fine){.wr-bar-col-general:hover .wr-bar[b-rhz8nlz1re]{filter: brightness(1.3);}}.wr-bar-group[b-rhz8nlz1re]{display: flex;align-items: flex-end;gap: 2px;width: 100%;height: 100%;}.wr-bar-group .wr-bar[b-rhz8nlz1re]{flex: 1;border-radius: 3px 3px 0 0;position: relative;cursor: default;z-index: 1;}.wr-bar-group .wr-bar.tip-active > .wr-chart-tip[b-rhz8nlz1re]{opacity: 1;visibility: visible;transform: translate(-50%,-2px);}@media (hover: hover) and (pointer: fine){.wr-bar-group .wr-bar:hover .wr-chart-tip[b-rhz8nlz1re]{opacity: 1;visibility: visible;transform: translate(-50%,-2px);}}.wr-bar-group .wr-bar.tip-active[b-rhz8nlz1re]{filter: brightness(1.5);z-index: 999999;}@media (hover: hover) and (pointer: fine){.wr-bar-group .wr-bar:hover[b-rhz8nlz1re]{filter: brightness(1.5);z-index: 999999;}}.wr-chart-legend[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.75rem;margin-left: auto;}.wr-legend-item[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.35rem;font-size: 0.72rem;font-weight: 600;color: var(--mxp-slate-400);}.wr-legend-dot[b-rhz8nlz1re]{width: 8px;height: 8px;border-radius: 50%;}.wr-legend-dot.movies[b-rhz8nlz1re]{background: var(--mxp-orange-300);}.wr-legend-dot.series[b-rhz8nlz1re]{background: var(--mxp-purple-200);}.wr-legend-dot.games[b-rhz8nlz1re]{background: var(--mxp-green-300);}.wr-social-stats[b-rhz8nlz1re]{display: grid;grid-template-columns: repeat(auto-fit,minmax(68px,1fr));gap: 0.5rem;}.wr-social-stats .wr-stat[b-rhz8nlz1re]{padding-left: 0.3rem;padding-right: 0.3rem;}.wr-highlight[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.85rem;background: rgba(15,23,42,0.5);border: 1px solid rgba(148,163,184,0.06);border-radius: 12px;padding: 0.85rem;margin-bottom: 0;}.wr-highlight.clickable[b-rhz8nlz1re]{cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.wr-highlight.clickable:hover[b-rhz8nlz1re]{background: rgba(15,23,42,0.7);border-color: rgba(148,163,184,0.12);transform: translateY(-1px);}}.wr-hl-poster[b-rhz8nlz1re]{width: 55px;height: 82px;border-radius: 8px;object-fit: cover;flex-shrink: 0;box-shadow: 0 4px 12px rgba(0,0,0,0.3);}.wr-hl-poster.game[b-rhz8nlz1re]{width: 64px;height: 64px;border-radius: 10px;}.wr-hl-body[b-rhz8nlz1re]{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 0.1rem;}.wr-hl-label[b-rhz8nlz1re]{font-size: 0.66rem;font-weight: 700;color: var(--mxp-slate-500);text-transform: uppercase;letter-spacing: 0.3px;}.wr-hl-title[b-rhz8nlz1re]{font-size: 0.95rem;font-weight: 700;color: var(--mxp-slate-200);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.wr-hl-detail[b-rhz8nlz1re]{font-size: 0.8rem;font-weight: 600;}.wr-hl-detail.movies[b-rhz8nlz1re]{color: var(--mxp-orange-300);}.wr-hl-detail.series[b-rhz8nlz1re]{color: var(--mxp-purple-200);}.wr-hl-detail.games[b-rhz8nlz1re]{color: var(--mxp-green-300);}.wr-hl-detail.social[b-rhz8nlz1re]{color: #f472b6;}.wr-highlight.friend[b-rhz8nlz1re]{border: 1px solid rgba(244,114,182,0.12);background: rgba(244,114,182,0.04);}.wr-friend-avatar[b-rhz8nlz1re]{width: 48px;height: 48px;border-radius: 50%;background: var(--fc,var(--mxp-purple-500));display: flex;align-items: center;justify-content: center;font-size: 1.4rem;flex-shrink: 0;box-shadow: 0 4px 16px rgba(0,0,0,0.25);}.wr-top-list[b-rhz8nlz1re]{display: flex;flex-direction: column;gap: 0.35rem;flex: 1;}.wr-top-list > .wr-top-item[b-rhz8nlz1re]{flex: 1;}.wr-top-summary[b-rhz8nlz1re]{padding-top: 0.75rem;margin-top: auto;border-top: 1px solid rgba(148,163,184,0.06);text-align: center;font-size: 0.72rem;font-weight: 500;color: #475569;font-style: italic;}.wr-top-item[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.5rem;padding: 0.45rem 0.55rem;background: rgba(15,23,42,0.4);border-radius: 8px;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.wr-top-item:hover[b-rhz8nlz1re]{background: rgba(15,23,42,0.7);transform: translateX(3px);}}.wr-top-item.clickable[b-rhz8nlz1re]{cursor: pointer;}.wr-top-item.placeholder[b-rhz8nlz1re]{cursor: pointer;opacity: 0.4;border: 1px dashed rgba(148,163,184,0.15);background: rgba(15,23,42,0.15);}@media (hover: hover) and (pointer: fine){.wr-top-item.placeholder:hover[b-rhz8nlz1re]{opacity: 0.6;border-color: rgba(167,139,250,0.3);background: rgba(124,58,237,0.08);}}.wr-top-item.placeholder .wr-top-rank[b-rhz8nlz1re]{background: rgba(148,163,184,0.08);color: #475569;}.wr-top-poster-ph[b-rhz8nlz1re]{width: 28px;height: 42px;border-radius: 4px;background: rgba(148,163,184,0.06);flex-shrink: 0;}.wr-top-name.ph[b-rhz8nlz1re]{flex: 1;min-width: 0;font-size: 0.72rem;color: #475569;}.wr-top-name .ph-cta[b-rhz8nlz1re]{color: var(--mxp-purple-600);font-weight: 600;}.wr-top-rank[b-rhz8nlz1re]{width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;border-radius: 6px;font-size: 0.7rem;font-weight: 700;color: var(--mxp-slate-500);background: rgba(30,41,59,0.8);flex-shrink: 0;}.wr-top-rank.gold[b-rhz8nlz1re]{background: linear-gradient(135deg,var(--mxp-amber-300),var(--mxp-amber-500));color: #000;}.wr-top-rank.silver[b-rhz8nlz1re]{background: linear-gradient(135deg,#9ca3af,#6b7280);color: #000;}.wr-top-rank.bronze[b-rhz8nlz1re]{background: linear-gradient(135deg,#d97706,#b45309);color: #fff;}.wr-top-poster[b-rhz8nlz1re]{width: 28px;height: 42px;border-radius: 4px;object-fit: cover;flex-shrink: 0;}.wr-top-poster.game[b-rhz8nlz1re]{width: 34px;height: 34px;border-radius: 6px;}.wr-top-info[b-rhz8nlz1re]{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 0.1rem;}.wr-top-name[b-rhz8nlz1re]{font-size: 0.8rem;font-weight: 600;color: #cbd5e1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.wr-top-tagline[b-rhz8nlz1re]{font-size: 0.68rem;color: var(--mxp-slate-500);font-style: italic;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.wr-top-val[b-rhz8nlz1re]{font-size: 0.75rem;font-weight: 700;flex-shrink: 0;}.wr-top-val.movies[b-rhz8nlz1re]{color: var(--mxp-orange-300);}.wr-top-val.series[b-rhz8nlz1re]{color: var(--mxp-purple-200);}.wr-top-val.games[b-rhz8nlz1re]{color: var(--mxp-green-300);}.wr-empty-state[b-rhz8nlz1re]{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 3rem 2rem;text-align: center;background: linear-gradient(145deg,rgba(30,41,59,0.4),rgba(15,23,42,0.5));border: 1px dashed rgba(148,163,184,0.12);border-radius: 16px;min-height: 560px;}.wr-empty-icon[b-rhz8nlz1re]{font-size: 3rem;opacity: 0.4;margin-bottom: 0.75rem;}.wr-empty-text[b-rhz8nlz1re]{font-size: 1rem;font-weight: 700;color: var(--mxp-slate-400);margin: 0 0 0.35rem 0;}.wr-empty-sub[b-rhz8nlz1re]{font-size: 0.8rem;font-weight: 500;color: #475569;max-width: 400px;line-height: 1.4;}.wr-level-bar[b-rhz8nlz1re]{display: flex;align-items: center;justify-content: center;gap: 0;margin-top: 0.25rem;}.wr-lvl-badge[b-rhz8nlz1re]{padding: 0.4rem 0.85rem;border-radius: 20px;font-size: 0.8rem;font-weight: 700;color: white;white-space: nowrap;}.wr-lvl-badge.start[b-rhz8nlz1re]{background: rgba(100,116,139,0.3);border: 1px solid rgba(100,116,139,0.3);}.wr-lvl-badge.end[b-rhz8nlz1re]{background: linear-gradient(135deg,rgba(96,165,250,0.3),rgba(167,139,250,0.3));border: 1px solid rgba(167,139,250,0.3);}.wr-lvl-line[b-rhz8nlz1re]{flex: 0 0 80px;height: 2px;background: linear-gradient(90deg,var(--mxp-slate-500),var(--mxp-purple-200));position: relative;margin: 0 8px;}.wr-lvl-arrow[b-rhz8nlz1re]{position: absolute;right: -3px;top: -4px;width: 0;height: 0;border-left: 6px solid var(--mxp-purple-200);border-top: 5px solid transparent;border-bottom: 5px solid transparent;}.wr-sections-row[b-rhz8nlz1re]{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;margin-bottom: 1rem;align-items: stretch;}.wr-sections-row.wr-sections-row-3[b-rhz8nlz1re]{grid-template-columns: repeat(3,1fr);}.wr-sections-row > .wr-section[b-rhz8nlz1re]{margin-bottom: 0;}.wr-genres-grid[b-rhz8nlz1re]{display: flex;flex-direction: column;gap: 0.75rem;}.wr-genre-item[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.6rem;padding: 0.75rem;background: rgba(15,23,42,0.5);border-radius: 10px;border-left: 3px solid transparent;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.wr-genre-item:hover[b-rhz8nlz1re]{background: rgba(15,23,42,0.7);transform: translateX(3px);}}.wr-genre-item.empty[b-rhz8nlz1re]{opacity: 0.35;border-left-color: rgba(148,163,184,0.2);}@media (hover: hover) and (pointer: fine){.wr-genre-item.empty:hover[b-rhz8nlz1re]{transform: none;}}.wr-genre-item.movies[b-rhz8nlz1re]{border-left-color: var(--mxp-orange-300);}.wr-genre-item.series[b-rhz8nlz1re]{border-left-color: var(--mxp-purple-200);}.wr-genre-item.games[b-rhz8nlz1re]{border-left-color: var(--mxp-green-300);}.genre-icon[b-rhz8nlz1re]{font-size: 1.5rem;flex-shrink: 0;}.genre-name[b-rhz8nlz1re]{flex: 1;font-size: 0.9rem;font-weight: 700;color: var(--mxp-slate-200);}.genre-type[b-rhz8nlz1re]{font-size: 0.7rem;font-weight: 600;color: var(--mxp-slate-500);text-transform: uppercase;letter-spacing: 0.3px;}.wr-genre-ratings[b-rhz8nlz1re]{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.5rem;flex: 1;margin-top: 0.75rem;}.wr-genre-rating[b-rhz8nlz1re]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.25rem;padding: 0.6rem;background: rgba(15,23,42,0.5);border: 1px solid rgba(148,163,184,0.08);border-radius: 12px;}.wr-genre-rating-val[b-rhz8nlz1re]{font-size: 1.2rem;font-weight: 800;}.wr-genre-rating-val.series[b-rhz8nlz1re]{color: var(--mxp-purple-200);}.wr-genre-rating-val.movies[b-rhz8nlz1re]{color: var(--mxp-orange-300);}.wr-genre-rating-lbl[b-rhz8nlz1re]{font-size: 0.65rem;color: var(--mxp-slate-500);text-transform: uppercase;font-weight: 600;letter-spacing: 0.3px;}.wr-social-links[b-rhz8nlz1re]{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.5rem;flex: 1;margin-top: 0.75rem;}.wr-social-link[b-rhz8nlz1re]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.3rem;padding: 0.5rem;background: rgba(15,23,42,0.5);border: 1px solid rgba(148,163,184,0.08);border-radius: 12px;color: var(--mxp-slate-400);font-size: 1.05rem;font-weight: 700;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.wr-social-link:hover[b-rhz8nlz1re]{background: rgba(124,58,237,0.15);border-color: rgba(167,139,250,0.3);color: var(--mxp-purple-100);}}.wr-time-dist[b-rhz8nlz1re]{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 1.5rem;padding: 1rem 0.5rem;}.wr-donut[b-rhz8nlz1re]{width: 130px;height: 130px;border-radius: 50%;position: relative;flex-shrink: 0;}.wr-donut-hole[b-rhz8nlz1re]{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 72px;height: 72px;border-radius: 50%;background: rgba(15,23,42,0.95);display: flex;align-items: center;justify-content: center;flex-direction: column;}.wr-donut-total[b-rhz8nlz1re]{font-size: 1rem;font-weight: 800;color: var(--mxp-slate-200);line-height: 1.1;}.wr-donut-total-lbl[b-rhz8nlz1re]{font-size: 0.62rem;font-weight: 600;color: var(--mxp-slate-500);text-transform: uppercase;}.wr-dist-legend[b-rhz8nlz1re]{display: flex;flex-direction: column;gap: 0.6rem;}.wr-dist-item[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.35rem;}.wr-dist-dot[b-rhz8nlz1re]{width: 10px;height: 10px;border-radius: 50%;flex-shrink: 0;}.wr-dist-dot.series[b-rhz8nlz1re]{background: var(--mxp-purple-200);}.wr-dist-dot.movies[b-rhz8nlz1re]{background: var(--mxp-orange-300);}.wr-dist-dot.games[b-rhz8nlz1re]{background: var(--mxp-green-300);}.wr-dist-info[b-rhz8nlz1re]{display: flex;align-items: baseline;gap: 0.3rem;}.wr-dist-name[b-rhz8nlz1re]{font-size: 0.82rem;font-weight: 600;color: #cbd5e1;white-space: nowrap;}.wr-dist-val[b-rhz8nlz1re]{font-size: 0.72rem;font-weight: 600;color: var(--mxp-slate-500);white-space: nowrap;}.wr-empty-hint[b-rhz8nlz1re]{padding: 1.5rem 1rem;text-align: center;color: #475569;font-size: 0.8rem;font-weight: 500;font-style: italic;}.wr-section-placeholder[b-rhz8nlz1re]{border: 1px dashed rgba(100,116,139,0.2);background: rgba(30,41,59,0.15);}.wr-section-placeholder .wr-section-head h2[b-rhz8nlz1re]{color: #475569;}.wr-section-placeholder .wr-section-emoji[b-rhz8nlz1re]{opacity: 0.4;}.wr-rating-dist[b-rhz8nlz1re]{flex: 1;display: flex;flex-direction: column;justify-content: space-between;padding-top: 0.5rem;}.wr-rating-row[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.5rem;flex: 1;position: relative;cursor: pointer;border-radius: 6px;transition: background 0.15s;}@media (hover: hover) and (pointer: fine){.wr-rating-row:hover[b-rhz8nlz1re]{background: rgba(148,163,184,0.06);}}.wr-rating-label[b-rhz8nlz1re]{font-size: 0.7rem;font-weight: 700;color: var(--mxp-orange-300);width: 28px;text-align: right;flex-shrink: 0;}.wr-rating-bar-bg[b-rhz8nlz1re]{flex: 1;height: 12px;background: rgba(15,23,42,0.5);border-radius: 6px;overflow: hidden;}.wr-rating-bar-fill[b-rhz8nlz1re]{height: 100%;width: var(--w,0%);background: linear-gradient(90deg,rgba(251,146,60,0.6),rgba(251,146,60,0.9));border-radius: 5px;min-width: 2px;transition: width 0.5s ease;}.wr-rating-bar-fill.series[b-rhz8nlz1re]{background: linear-gradient(90deg,rgba(167,139,250,0.6),rgba(167,139,250,0.9));}.wr-rating-label.games[b-rhz8nlz1re]{color: var(--mxp-green-300);}.wr-rating-bar-fill.games[b-rhz8nlz1re]{background: linear-gradient(90deg,rgba(52,211,153,0.6),rgba(52,211,153,0.9));}.wr-rating-count[b-rhz8nlz1re]{font-size: 0.65rem;font-weight: 600;color: var(--mxp-slate-400);width: 20px;text-align: left;flex-shrink: 0;}.wr-rating-tip[b-rhz8nlz1re]{position: absolute;left: 50%;bottom: calc(100% + 8px);transform: translate(-50%,4px);padding: 0.45rem 0.7rem;border-radius: 10px;display: flex;flex-direction: column;align-items: center;gap: 0.15rem;white-space: nowrap;opacity: 0;visibility: hidden;transition: opacity 0.2s,transform 0.2s,visibility 0.2s;z-index: 20;pointer-events: none;border: 1px solid;}.wr-rating-tip[b-rhz8nlz1re]::after{content: '';position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;}.wr-rating-row:hover .wr-rating-tip[b-rhz8nlz1re]{opacity: 1;visibility: visible;transform: translate(-50%,0);}.wr-rating-tip.movies[b-rhz8nlz1re]{background: linear-gradient(135deg,rgba(234,115,23,0.95) 0%,rgba(194,85,12,0.95) 100%);border-color: rgba(251,146,60,0.5);box-shadow: 0 8px 24px rgba(234,115,23,0.4);}.wr-rating-tip.movies[b-rhz8nlz1re]::after{border-top-color: rgba(234,115,23,0.95);}.wr-rating-tip.series[b-rhz8nlz1re]{background: linear-gradient(135deg,rgba(124,58,237,0.95) 0%,rgba(109,40,217,0.95) 100%);border-color: rgba(168,85,247,0.5);box-shadow: 0 8px 24px rgba(124,58,237,0.4);}.wr-rating-tip.series[b-rhz8nlz1re]::after{border-top-color: rgba(124,58,237,0.95);}.wr-rating-tip.games[b-rhz8nlz1re]{background: linear-gradient(135deg,rgba(16,163,104,0.95) 0%,rgba(5,122,75,0.95) 100%);border-color: rgba(52,211,153,0.5);box-shadow: 0 8px 24px rgba(16,163,104,0.4);}.wr-rating-tip.games[b-rhz8nlz1re]::after{border-top-color: rgba(16,163,104,0.95);}.wr-rating-tip-star[b-rhz8nlz1re]{font-weight: 700;font-size: 0.85rem;color: #fff;}.wr-rating-tip-val[b-rhz8nlz1re]{font-size: 0.72rem;color: rgba(255,255,255,0.85);}.wr-rating-summary[b-rhz8nlz1re]{display: flex;justify-content: center;gap: 1.5rem;margin-top: 1rem;padding-top: 0.75rem;border-top: 1px solid rgba(148,163,184,0.08);}.wr-rs-item[b-rhz8nlz1re]{font-size: 0.85rem;color: var(--mxp-slate-400);}.wr-rs-item strong[b-rhz8nlz1re]{color: var(--mxp-slate-200);}.wr-detail-list[b-rhz8nlz1re]{display: flex;flex-direction: column;gap: 0;flex: 1;}.wr-detail-item[b-rhz8nlz1re]{display: flex;align-items: center;justify-content: space-between;padding: 0.65rem 0.75rem;border-bottom: 1px solid rgba(148,163,184,0.06);}.wr-detail-item:last-child[b-rhz8nlz1re]{border-bottom: none;}.wr-detail-label[b-rhz8nlz1re]{font-size: 0.82rem;font-weight: 600;color: var(--mxp-slate-400);}.wr-detail-value[b-rhz8nlz1re]{font-size: 0.95rem;font-weight: 700;}.wr-detail-value.movies[b-rhz8nlz1re]{color: var(--mxp-orange-300);}.wr-detail-value.series[b-rhz8nlz1re]{color: var(--mxp-purple-200);}.wr-detail-value.games[b-rhz8nlz1re]{color: var(--mxp-green-300);}@media (max-width: 1024px){.wr-page[b-rhz8nlz1re]{padding: 24px 24px;}.wr-sections-row[b-rhz8nlz1re]{grid-template-columns: 1fr;}.wr-sections-row.wr-sections-row-3[b-rhz8nlz1re]{grid-template-columns: 1fr;}.wr-filter-bar[b-rhz8nlz1re]{flex-wrap: wrap;align-items: center;}.wr-range-picker[b-rhz8nlz1re]{flex-wrap: wrap;}}@media (max-width: 600px){.wr-page[b-rhz8nlz1re]{padding: 1rem 0.75rem 2rem;}.wr-header-row[b-rhz8nlz1re]{flex-direction: column;align-items: flex-start;}.wr-title[b-rhz8nlz1re]{font-size: 1.4rem;}.wr-month-pills[b-rhz8nlz1re]{overflow-x: auto;flex-wrap: nowrap;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-bottom: 0.25rem;}.wr-month-pills[b-rhz8nlz1re]::-webkit-scrollbar{display: none;}.wr-tabs[b-rhz8nlz1re]{gap: 0;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;flex-wrap: nowrap;}.wr-tabs[b-rhz8nlz1re]::-webkit-scrollbar{display: none;}.wr-tab[b-rhz8nlz1re]{flex: 1 0 auto;justify-content: center;padding: 0.55rem 0.45rem;font-size: 0.78rem;white-space: nowrap;gap: 0.25rem;}.wr-tab-emoji[b-rhz8nlz1re]{font-size: 1rem;}.wr-section[b-rhz8nlz1re]{padding: 0.85rem;border-radius: 12px;}.wr-section-head[b-rhz8nlz1re]{flex-wrap: wrap;gap: 0.35rem;}.wr-section-head h2[b-rhz8nlz1re]{font-size: 0.95rem;}.wr-chart-tabs[b-rhz8nlz1re]{width: 100%;justify-content: flex-end;}.wr-stats-row[b-rhz8nlz1re]{grid-template-columns: repeat(3,1fr);gap: 0.4rem;}.wr-general-summary[b-rhz8nlz1re]{grid-template-columns: repeat(3,1fr);}.wr-stat[b-rhz8nlz1re]{padding: 0.55rem 0.4rem;}.wr-stat-val[b-rhz8nlz1re]{font-size: 1.05rem;}.wr-stat-lbl[b-rhz8nlz1re]{font-size: 0.64rem;}.wr-hl-poster[b-rhz8nlz1re]{width: 46px;height: 69px;}.wr-hl-poster.game[b-rhz8nlz1re]{width: 52px;height: 52px;}.wr-hl-title[b-rhz8nlz1re]{font-size: 0.88rem;}.wr-months-chart[b-rhz8nlz1re]{overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: rgba(148,163,184,0.2) transparent;padding-top: 50px;}.wr-months-chart .wr-bar-col[b-rhz8nlz1re]{min-width: 22px;flex: 1 0 22px;}.wr-months-chart .wr-bar-col-general[b-rhz8nlz1re]{min-width: 32px;flex: 1 0 32px;}.wr-months-chart.wr-chart-tall[b-rhz8nlz1re]{height: 100px;}.wr-months-chart.general[b-rhz8nlz1re]{height: 150px;padding-top: 52px;}.wr-tab-content[b-rhz8nlz1re]{min-height: 400px;}.wr-empty-state[b-rhz8nlz1re]{min-height: 370px;padding: 2rem 1.5rem;}.wr-lvl-line[b-rhz8nlz1re]{flex: 0 0 50px;}.wr-empty-icon[b-rhz8nlz1re]{font-size: 2.5rem;}.wr-empty-text[b-rhz8nlz1re]{font-size: 0.9rem;}.wr-custom-range[b-rhz8nlz1re]{position: static;}.wr-range-picker[b-rhz8nlz1re]{position: fixed;bottom: 0;left: 0;right: 0;margin-left: 0;flex-direction: column;gap: 0.5rem;padding: 1.25rem 1rem;background: rgba(15,23,42,0.97);border: 1px solid rgba(148,163,184,0.15);border-radius: 16px 16px 0 0;box-shadow: 0 -8px 32px rgba(0,0,0,0.5);z-index: 100;}.wr-range-picker .wr-date-input[b-rhz8nlz1re]{width: 100%;padding: 0.55rem 0.65rem;font-size: 0.88rem;border-radius: 8px;}.wr-range-picker .wr-range-apply[b-rhz8nlz1re]{width: 100%;padding: 0.55rem;font-size: 0.85rem;border-radius: 8px;}.wr-range-sep[b-rhz8nlz1re]{display: none;}.wr-chart-legend[b-rhz8nlz1re]{gap: 0.5rem;margin-left: 0;width: 100%;order: 10;}.wr-legend-item[b-rhz8nlz1re]{font-size: 0.65rem;}.wr-time-dist[b-rhz8nlz1re]{flex-direction: column;gap: 0.75rem;padding: 0.5rem 0;}.wr-donut[b-rhz8nlz1re]{width: 100px;height: 100px;}.wr-donut-hole[b-rhz8nlz1re]{width: 56px;height: 56px;}.wr-donut-total[b-rhz8nlz1re]{font-size: 0.85rem;}.wr-donut-total-lbl[b-rhz8nlz1re]{font-size: 0.6rem;}.wr-dist-legend[b-rhz8nlz1re]{flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 0.4rem 0.8rem;}.wr-dist-dot[b-rhz8nlz1re]{width: 8px;height: 8px;}.wr-dist-name[b-rhz8nlz1re]{font-size: 0.72rem;}.wr-dist-val[b-rhz8nlz1re]{font-size: 0.66rem;}.wr-chart-tab[b-rhz8nlz1re]{min-height: 30px;padding: 0.3rem 0.7rem;}.wr-month-pill[b-rhz8nlz1re]{min-height: 30px;}.wr-hl-label[b-rhz8nlz1re]{font-size: 0.66rem;}.wr-social-link[b-rhz8nlz1re]{font-size: 0.92rem;white-space: nowrap;}}.an-speed-row[b-rhz8nlz1re]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.75rem;margin-bottom: 1rem;}.an-speed-inline[b-rhz8nlz1re]{margin-top: 1rem;margin-bottom: 0;}.an-speed-card[b-rhz8nlz1re]{background: rgba(15,23,42,0.6);border: 1px solid rgba(148,163,184,0.08);border-radius: 14px;padding: 0.875rem 1rem;display: flex;flex-direction: column;align-items: center;gap: 0.2rem;text-align: center;}.an-speed-icon[b-rhz8nlz1re]{font-size: 1.3rem;}.an-speed-val[b-rhz8nlz1re]{font-size: 1.6rem;font-weight: 800;line-height: 1;color: #22d3ee;}.an-speed-val.series[b-rhz8nlz1re]{color: var(--mxp-purple-200);}.an-speed-val.movies[b-rhz8nlz1re]{color: var(--mxp-orange-300);}.an-speed-val.games[b-rhz8nlz1re]{color: var(--mxp-green-300);}.an-speed-lbl[b-rhz8nlz1re]{font-size: 0.65rem;color: var(--mxp-slate-500);text-transform: uppercase;letter-spacing: 0.3px;}.an-hm-wrap[b-rhz8nlz1re]{overflow: visible;padding-top: 3.5rem;margin-top: -2.5rem;}.an-hm-body[b-rhz8nlz1re]{display: flex;gap: 4px;}.an-hm-days[b-rhz8nlz1re]{display: flex;flex-direction: column;gap: 3px;width: 32px;flex-shrink: 0;}.an-hm-day[b-rhz8nlz1re]{font-size: 0.65rem;color: var(--mxp-slate-500);height: 18px;line-height: 18px;}.an-hm-grid[b-rhz8nlz1re]{display: grid;grid-template-columns: repeat(24,1fr);grid-template-rows: repeat(7,18px);gap: 3px;grid-auto-flow: row;flex: 1;}.an-hm-cell-wrap[b-rhz8nlz1re]{position: relative;min-width: 0;cursor: pointer;}.an-hm-cell[b-rhz8nlz1re]{border-radius: 3px;background: var(--cell-bg,rgba(30,41,59,0.4));transition: background 0.2s ease;min-width: 0;width: 100%;height: 100%;}@media (hover: hover) and (pointer: fine){.an-hm-cell-wrap:hover .an-hm-cell[b-rhz8nlz1re]{outline: 1px solid rgba(148,163,184,0.4);z-index: 1;}}.heatmap-section[b-rhz8nlz1re]{overflow: visible;}.an-hm-tip[b-rhz8nlz1re]{position: absolute;bottom: calc(100% + 10px);left: 50%;transform: translateX(-50%);background: linear-gradient(135deg,rgba(34,211,238,0.95) 0%,rgba(6,182,212,0.95) 100%);backdrop-filter: blur(16px);padding: 0.5rem 0.7rem;border-radius: 10px;border: 1px solid rgba(34,211,238,0.3);box-shadow: 0 8px 24px rgba(6,182,212,0.4);white-space: nowrap;z-index: 50;pointer-events: none;}.an-hm-tip[b-rhz8nlz1re]::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top-color: rgba(34,211,238,0.95);}.an-hm-tip-day[b-rhz8nlz1re]{font-weight: 700;font-size: 0.8rem;color: #0f172a;}.an-hm-tip-hour[b-rhz8nlz1re]{font-size: 0.75rem;color: #164e63;font-weight: 600;}.an-hm-tip-val[b-rhz8nlz1re]{font-size: 0.7rem;color: #0e7490;}.an-hm-hours[b-rhz8nlz1re]{display: flex;margin-left: 36px;margin-top: 4px;font-size: 0.6rem;color: #475569;}.an-hm-hours span[b-rhz8nlz1re]{flex: 3;text-align: left;}.an-hm-text-highlights[b-rhz8nlz1re]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.5rem;margin-bottom: 1rem;}.an-hm-text-stat[b-rhz8nlz1re]{display: flex;flex-direction: column;align-items: center;padding: 0.6rem;background: rgba(15,23,42,0.5);border-radius: 10px;text-align: center;}.an-hm-ts-val[b-rhz8nlz1re]{font-size: 1.2rem;font-weight: 800;color: #22d3ee;}.an-hm-ts-lbl[b-rhz8nlz1re]{font-size: 0.65rem;color: var(--mxp-slate-500);text-transform: uppercase;}.an-hm-text-title[b-rhz8nlz1re]{font-size: 0.75rem;font-weight: 700;color: var(--mxp-slate-400);margin: 0.75rem 0 0.4rem 0;text-transform: uppercase;letter-spacing: 0.3px;}.an-hm-text-bars[b-rhz8nlz1re]{display: flex;flex-direction: column;gap: 0.35rem;}.an-hm-tb-row[b-rhz8nlz1re]{display: flex;align-items: center;gap: 0.4rem;}.an-hm-tb-lbl[b-rhz8nlz1re]{width: 30px;font-size: 0.72rem;color: var(--mxp-slate-400);font-weight: 600;}.an-hm-tb-track[b-rhz8nlz1re]{flex: 1;height: 8px;background: rgba(30,41,59,0.5);border-radius: 4px;overflow: hidden;}.an-hm-tb-fill[b-rhz8nlz1re]{height: 100%;width: var(--w,0%);background: linear-gradient(90deg,rgba(34,211,238,0.4),rgba(34,211,238,0.8));border-radius: 4px;transition: width 0.4s ease;}.an-hm-tb-val[b-rhz8nlz1re]{width: 30px;font-size: 0.7rem;color: #22d3ee;font-weight: 600;text-align: right;}.an-hm-top-hours[b-rhz8nlz1re]{display: flex;flex-wrap: wrap;gap: 0.35rem;margin-top: 0.5rem;}.an-hm-top-hour[b-rhz8nlz1re]{position: relative;display: flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.6rem;background: rgba(15,23,42,0.5);border: 1px solid rgba(34,211,238,0.1);border-radius: 6px;font-size: 0.72rem;color: var(--mxp-slate-400);overflow: hidden;}.an-hm-top-bar[b-rhz8nlz1re]{display: none;width: var(--w,0%);}.an-hm-top-first[b-rhz8nlz1re]{border-color: rgba(34,211,238,0.25);background: rgba(34,211,238,0.08);}.an-hm-top-first .an-hm-top-time[b-rhz8nlz1re]{color: var(--mxp-slate-200);}.an-hm-top-time[b-rhz8nlz1re]{font-variant-numeric: tabular-nums;}.an-hm-top-count[b-rhz8nlz1re]{color: #22d3ee;}@media (max-width: 768px){.an-speed-row[b-rhz8nlz1re]{grid-template-columns: 1fr;gap: 0.5rem;}.an-speed-card[b-rhz8nlz1re]{flex-direction: row;gap: 0.5rem;padding: 0.6rem 1rem;}.an-speed-val[b-rhz8nlz1re]{font-size: 1.2rem;}.an-hm-grid[b-rhz8nlz1re]{grid-template-rows: repeat(7,14px);gap: 2px;}.an-hm-day[b-rhz8nlz1re]{height: 14px;line-height: 14px;font-size: 0.6rem;}.an-hm-days[b-rhz8nlz1re]{gap: 2px;}.an-hm-top-hours[b-rhz8nlz1re]{flex-direction: column;max-width: 340px;}.an-hm-top-hour[b-rhz8nlz1re]{justify-content: space-between;padding: 0.4rem 0.65rem;border-radius: 8px;}.an-hm-top-bar[b-rhz8nlz1re]{display: block;position: absolute;left: 0;top: 0;height: 100%;background: rgba(34,211,238,0.1);border-radius: 8px;pointer-events: none;}.an-hm-top-first .an-hm-top-bar[b-rhz8nlz1re]{background: rgba(34,211,238,0.18);}.an-hm-top-time[b-rhz8nlz1re]{position: relative;z-index: 1;}.an-hm-top-count[b-rhz8nlz1re]{position: relative;z-index: 1;}}.wr-header-row[b-rhz8nlz1re]{justify-content: flex-start;}.wr-error-home[b-rhz8nlz1re]{margin-top: 0.75rem;padding: 0.55rem 1.4rem;border: 1px solid rgba(255,255,255,0.18);border-radius: 999px;background: rgba(255,255,255,0.06);color: var(--mxp-slate-100);font-weight: 600;cursor: pointer;}@media (hover: hover) and (pointer: fine){.wr-error-home:hover[b-rhz8nlz1re]{background: rgba(255,255,255,0.14);}} .auth-wrapper[b-zhsm88hurq]{display: flex;align-items: center;justify-content: center;min-height: calc(100vh - 64px);padding: 24px;}.auth-card[b-zhsm88hurq]{display: flex;flex-direction: column;width: 100%;max-width: 460px;padding: 36px 40px 28px;background: rgba(26,31,58,0.75);backdrop-filter: blur(24px) saturate(180%);-webkit-backdrop-filter: blur(24px) saturate(180%);border-radius: 24px;border: 1px solid rgba(139,92,246,0.2);box-shadow: 0 24px 48px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05) inset,0 0 80px rgba(139,92,246,0.08);}.auth-card:has(input:focus)[b-zhsm88hurq]{backdrop-filter: blur(12px) !important;box-shadow: 0 12px 24px rgba(0,0,0,0.4) !important;}.auth-header[b-zhsm88hurq]{display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: 24px;}.app-logo[b-zhsm88hurq]{width: 56px;height: 56px;object-fit: cover;border-radius: 50%;display: block;margin-bottom: 14px;box-shadow: 0 8px 24px rgba(139,92,246,0.3),0 0 40px rgba(139,92,246,0.1);}.auth-title[b-zhsm88hurq]{font-size: 26px;font-weight: 700;color: #f8fafc;margin: 0;letter-spacing: -0.3px;line-height: 1.25;}.auth-subtitle[b-zhsm88hurq]{margin: 8px 0 0;font-size: 15px;line-height: 1.4;color: var(--mxp-slate-400);}.auth-body[b-zhsm88hurq]{display: flex;flex-direction: column;}.auth-form[b-zhsm88hurq]{display: flex;flex-direction: column;}.form-row[b-zhsm88hurq]{width: 100%;margin-bottom: 16px;}.form-group[b-zhsm88hurq]{display: flex;flex-direction: column;gap: 8px;position: relative;}.form-label[b-zhsm88hurq]{font-size: 13px;font-weight: 600;color: #cbd5e1;letter-spacing: 0.2px;}.input-wrapper[b-zhsm88hurq]{position: relative;display: flex;align-items: center;}.input-icon[b-zhsm88hurq]{position: absolute;left: 14px;color: var(--mxp-slate-500);display: flex;align-items: center;justify-content: center;transition: color 0.2s ease;pointer-events: none;z-index: 2;}.input-wrapper:focus-within .input-icon[b-zhsm88hurq]{color: var(--mxp-purple-500);}.input-wrapper input[b-zhsm88hurq],.form-input[b-zhsm88hurq]{width: 100% !important;height: 48px !important;padding: 0 45px 0 44px !important;font-size: 15px !important;font-family: inherit !important;color: #f8fafc !important;background: rgba(15,23,42,0.6) !important;border: 1.5px solid rgba(139,92,246,0.25) !important;border-radius: 12px !important;outline: none !important;transition: all 0.2s ease !important;box-sizing: border-box !important;}.input-wrapper input[b-zhsm88hurq]::placeholder{color: var(--mxp-slate-500) !important;opacity: 1 !important;}@media (hover: hover) and (pointer: fine){.input-wrapper input:hover:not(:disabled)[b-zhsm88hurq]{background: rgba(15,23,42,0.8) !important;border-color: rgba(139,92,246,0.4) !important;}}.input-wrapper input:focus[b-zhsm88hurq]{background: rgba(15,23,42,0.9) !important;border-color: var(--mxp-purple-500) !important;box-shadow: 0 0 0 2px rgba(139,92,246,0.25) !important;transition: none !important;will-change: auto !important;}.input-wrapper input:disabled[b-zhsm88hurq]{opacity: 0.6 !important;cursor: not-allowed !important;}.input-wrapper.has-error:not(:focus-within) input[b-zhsm88hurq]{border-color: rgba(248,113,113,0.75) !important;box-shadow: 0 0 0 3px rgba(248,113,113,0.12) !important;background: rgba(127,29,29,0.18) !important;}.input-wrapper.has-error:not(:focus-within) .input-icon[b-zhsm88hurq]{color: rgba(248,113,113,0.95) !important;}.toggle-password[b-zhsm88hurq]{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);background: none;border: none;cursor: pointer;padding: 4px;display: flex;align-items: center;justify-content: center;color: var(--mxp-slate-500);transition: color 0.2s;z-index: 3;}@media (hover: hover) and (pointer: fine){.toggle-password:hover[b-zhsm88hurq]{color: var(--mxp-slate-400);}}.toggle-password:focus[b-zhsm88hurq]{outline: none;}.error-icon[b-zhsm88hurq]{position: absolute;right: 45px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;color: var(--mxp-red-400);cursor: pointer;z-index: 3;transition: all 0.2s;}@media (hover: hover) and (pointer: fine){.error-icon:hover[b-zhsm88hurq]{color: var(--mxp-red-500);transform: translateY(-50%) scale(1.1);}}.error-message[b-zhsm88hurq]{display: block;font-size: 12px;color: var(--mxp-red-400);background: rgba(127,29,29,0.2);padding: 6px 10px;border-radius: 8px;border: 1px solid rgba(248,113,113,0.3);animation: slideDown-b-zhsm88hurq 0.2s ease;}@keyframes slideDown-b-zhsm88hurq{from{opacity: 0;transform: translateY(-4px);}to{opacity: 1;transform: translateY(0);}}.form-actions[b-zhsm88hurq]{display: flex;flex-wrap: wrap;gap: 8px 16px;align-items: center;justify-content: space-between;margin-top: -4px;margin-bottom: 24px;}.checkbox-wrapper[b-zhsm88hurq]{display: flex;align-items: center;gap: 10px;cursor: pointer;user-select: none;}.checkbox-wrapper input[type="checkbox"][b-zhsm88hurq]{position: absolute !important;opacity: 0 !important;width: 0 !important;height: 0 !important;pointer-events: none !important;}.checkbox-custom[b-zhsm88hurq]{width: 20px;height: 20px;border: 1.5px solid rgba(139,92,246,0.4);border-radius: 6px;background: rgba(15,23,42,0.5);transition: all 0.2s ease;position: relative;flex-shrink: 0;}.checkbox-custom[b-zhsm88hurq]::after{content: '';position: absolute;left: 6px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg) scale(0);transition: transform 0.2s ease;}.checkbox-wrapper input:checked + .checkbox-custom[b-zhsm88hurq]{background: linear-gradient(135deg,var(--mxp-purple-500),var(--mxp-purple-200)) !important;border-color: transparent !important;}.checkbox-wrapper input:checked + .checkbox-custom[b-zhsm88hurq]::after{transform: rotate(45deg) scale(1) !important;}.checkbox-wrapper input:focus-visible + .checkbox-custom[b-zhsm88hurq]{outline: var(--mxp-focus-width) solid var(--mxp-focus-ring);outline-offset: var(--mxp-focus-offset);}.checkbox-label[b-zhsm88hurq]{font-size: 13px;color: var(--mxp-slate-400);}.olvide-link[b-zhsm88hurq]{margin-left: auto;font-size: 13px;text-align: right;}.submit-btn[b-zhsm88hurq]{display: flex !important;align-items: center !important;justify-content: center !important;gap: 10px !important;width: 100% !important;height: 50px !important;font-size: 16px !important;font-weight: 600 !important;color: white !important;background: linear-gradient(135deg,var(--mxp-purple-500) 0%,var(--mxp-purple-600) 100%) !important;border: none !important;border-radius: 12px !important;cursor: pointer !important;transition: all 0.25s ease !important;box-shadow: 0 4px 20px rgba(139,92,246,0.35) !important;margin-top: 0 !important;}@media (hover: hover) and (pointer: fine){.submit-btn:hover:not(:disabled)[b-zhsm88hurq]{background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%) !important;box-shadow: 0 8px 28px rgba(139,92,246,0.5) !important;transform: translateY(-2px) !important;}}.submit-btn:disabled[b-zhsm88hurq]{opacity: 0.7 !important;cursor: not-allowed !important;}.auth-divider[b-zhsm88hurq]{display: flex;align-items: center;gap: 16px;margin: 4px 0 16px;font-size: 13px;color: var(--mxp-slate-500);text-align: center;}.auth-divider[b-zhsm88hurq]::before,.auth-divider[b-zhsm88hurq]::after{content: '';flex: 1;height: 1px;background: linear-gradient(to right,transparent,rgba(139,92,246,0.2),transparent);}.auth-divider span[b-zhsm88hurq]{white-space: nowrap;padding: 0 8px;}.google-btn[b-zhsm88hurq]{display: flex !important;align-items: center !important;justify-content: center !important;gap: 12px !important;width: 100% !important;height: 48px !important;font-size: 15px !important;font-weight: 500 !important;color: #1f2937 !important;background: white !important;border: 1.5px solid #e5e7eb !important;border-radius: 12px !important;cursor: pointer !important;transition: all 0.2s ease !important;box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;}@media (hover: hover) and (pointer: fine){.google-btn:hover:not(:disabled)[b-zhsm88hurq]{background: #f9fafb !important;border-color: #d1d5db !important;box-shadow: 0 4px 8px rgba(0,0,0,0.12) !important;transform: translateY(-1px) !important;}}.google-btn:active:not(:disabled)[b-zhsm88hurq]{transform: translateY(0) !important;box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;}.google-btn:disabled[b-zhsm88hurq]{opacity: 0.6 !important;cursor: not-allowed !important;}.google-btn svg[b-zhsm88hurq]{flex-shrink: 0 !important;}.auth-legal[b-zhsm88hurq]{margin: 0;font-size: 12px;line-height: 1.5;text-align: center;color: var(--mxp-slate-400);}.auth-legal a[b-zhsm88hurq]{color: var(--mxp-purple-200);text-decoration: underline;}.auth-help[b-zhsm88hurq]{margin: 0 0 20px;font-size: 14px;line-height: 1.55;color: var(--mxp-slate-200);text-align: center;}.auth-footer[b-zhsm88hurq]{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 4px 8px;margin-top: 20px;padding-top: 16px;border-top: 1px solid rgba(139,92,246,0.15);font-size: 14px;color: var(--mxp-slate-400);}.register-link[b-zhsm88hurq]{color: var(--mxp-purple-200);text-decoration: none;font-weight: 600;transition: color 0.2s ease;}@media (hover: hover) and (pointer: fine){.register-link:hover[b-zhsm88hurq]{color: var(--mxp-purple-100);}}@media (max-width: 480px){.auth-wrapper[b-zhsm88hurq]{align-items: flex-start;padding: 24px 16px;}.auth-card[b-zhsm88hurq]{padding: 8px 4px;background: none;backdrop-filter: none;-webkit-backdrop-filter: none;border: none;border-radius: 0;box-shadow: none;}.auth-card:has(input:focus)[b-zhsm88hurq]{backdrop-filter: none !important;box-shadow: none !important;}.auth-title[b-zhsm88hurq]{font-size: 24px;}.input-wrapper input[b-zhsm88hurq]{font-size: 16px !important;}}@media (min-width: 481px) and (max-height: 800px){.auth-wrapper[b-zhsm88hurq]{padding: 16px 24px;}.auth-card[b-zhsm88hurq]{padding: 24px 36px 20px;}.app-logo[b-zhsm88hurq]{display: none;}.auth-header[b-zhsm88hurq]{margin-bottom: 18px;}.form-row[b-zhsm88hurq]{margin-bottom: 12px;}.input-wrapper input[b-zhsm88hurq],.form-input[b-zhsm88hurq]{height: 44px !important;}.submit-btn[b-zhsm88hurq]{height: 46px !important;}.google-btn[b-zhsm88hurq]{height: 44px !important;}.auth-footer[b-zhsm88hurq]{margin-top: 14px;padding-top: 12px;}} @keyframes fadeIn-b-tke9sdrazd{from{opacity: 0;}to{opacity: 1;}}@keyframes slideUp-b-tke9sdrazd{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@keyframes scaleIn-b-tke9sdrazd{from{opacity: 0;transform: scale(0.95);}to{opacity: 1;transform: scale(1);}}@keyframes pulse-b-tke9sdrazd{0%,100%{transform: scale(1);}50%{transform: scale(1.05);}}@keyframes hexGlow-b-tke9sdrazd{0%,100%{filter: drop-shadow(0 0 6px var(--level-color,var(--mxp-amber-300)));}50%{filter: drop-shadow(0 0 14px var(--level-color,var(--mxp-amber-300)));}}.profile-page[b-tke9sdrazd]{max-width: 1600px;margin: 0 auto;padding: 1.5rem 2rem;animation: fadeIn-b-tke9sdrazd 0.4s ease-out;}.profile-hero[b-tke9sdrazd]{position: relative;background: linear-gradient(165deg,rgba(30,41,59,0.95),rgba(15,23,42,0.98));border: 1px solid rgba(148,163,184,0.1);border-radius: 24px;padding: 1.75rem 2.25rem;margin-bottom: 1.25rem;overflow: hidden;animation: scaleIn-b-tke9sdrazd 0.5s ease-out;}.hero-background[b-tke9sdrazd]{position: absolute;inset: 0;overflow: hidden;pointer-events: none;}.hero-glow[b-tke9sdrazd]{position: absolute;top: -100%;left: -50%;width: 150%;height: 350%;background: radial-gradient(ellipse at center,color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 20%,transparent) 0%,color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 8%,transparent) 30%,color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 3%,transparent) 50%,transparent 70%);}.hero-glow[b-tke9sdrazd]::after{content: '';position: absolute;top: 60%;right: -20%;width: 80%;height: 80%;background: radial-gradient(ellipse at center,color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 12%,transparent) 0%,color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 4%,transparent) 40%,transparent 70%);}.avatar-section[b-tke9sdrazd]{position: relative;flex-shrink: 0;}.avatar-ring[b-tke9sdrazd]{position: relative;width: 120px;height: 120px;border-radius: 50%;overflow: hidden;clip-path: circle(50% at 50% 50%);}.avatar-inner[b-tke9sdrazd]{position: absolute;inset: 10px;background: linear-gradient(145deg,var(--level-color,var(--mxp-slate-400)),color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 85%,#000));border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: inset 0 2px 10px rgba(0,0,0,0.3);overflow: hidden;clip-path: circle(50% at 50% 50%);}.avatar-emoji[b-tke9sdrazd]{font-size: 3.25rem;filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));animation: pulse-b-tke9sdrazd 3s ease-in-out infinite;line-height: 1;z-index: 2;}.avatar-letter[b-tke9sdrazd]{font-size: 2.75rem;font-weight: 800;color: oklch(from var(--level-color,var(--mxp-slate-400)) max(l,0.72) c h);font-family: 'Orbitron',sans-serif;text-shadow: 0 4px 12px rgba(0,0,0,0.3);line-height: 1;z-index: 2;}.progress-ring[b-tke9sdrazd]{position: absolute;inset: -2px;width: calc(100% + 4px);height: calc(100% + 4px);transform: rotate(-90deg);overflow: visible;border-radius: 50%;}.progress-bg[b-tke9sdrazd]{fill: none;stroke: rgba(148,163,184,0.15);stroke-width: 7;}.progress-fill[b-tke9sdrazd]{fill: none;stroke: var(--level-color,var(--mxp-amber-300));stroke-width: 7;stroke-linecap: round;stroke-dasharray: 339.292;stroke-dashoffset: var(--offset,339.292);transition: stroke-dashoffset 1s cubic-bezier(0.34,1.56,0.64,1);filter: drop-shadow(0 0 6px var(--level-color,var(--mxp-amber-300)));}.level-badge-hex[b-tke9sdrazd]{position: absolute;bottom: -4px;right: -4px;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 60%,#000));clip-path: polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);animation: hexGlow-b-tke9sdrazd 3s ease-in-out infinite;z-index: 5;}.level-badge-hex[b-tke9sdrazd]::before{content: '';position: absolute;inset: 3px;background: linear-gradient(145deg,rgba(15,23,42,0.9),rgba(30,41,59,0.95));clip-path: polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);}.level-number[b-tke9sdrazd]{position: relative;font-size: 1rem;font-weight: 900;color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);font-family: 'Orbitron',sans-serif;text-shadow: 0 0 8px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 60%,transparent);z-index: 1;}.user-info[b-tke9sdrazd]{flex: 1;min-width: 0;}.user-name-row[b-tke9sdrazd]{display: flex;align-items: center;flex-wrap: wrap;gap: 0.35rem 1.375rem;}.username[b-tke9sdrazd]{font-size: 2.1rem;font-weight: 800;color: var(--mxp-slate-100);margin: 0;line-height: 1.1;min-width: 0;overflow-wrap: anywhere;}.xp-progress-section[b-tke9sdrazd]{position: relative;padding-top: 1.25rem;border-top: 1px solid rgba(148,163,184,0.1);}.progress-header[b-tke9sdrazd]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.6rem;}.progress-label[b-tke9sdrazd]{font-size: 0.95rem;font-weight: 600;color: var(--mxp-slate-200);}.progress-values[b-tke9sdrazd]{font-size: 0.95rem;color: var(--mxp-slate-400);font-family: 'JetBrains Mono',monospace;}.progress-bar-container[b-tke9sdrazd]{height: 11px;background: rgba(30,41,59,0.8);border-radius: 6px;overflow: hidden;box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);}.progress-bar-fill[b-tke9sdrazd]{height: 100%;width: var(--w,0%);background: linear-gradient(90deg,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 70%,#fff));border-radius: 6px;transition: width 0.8s cubic-bezier(0.34,1.56,0.64,1);box-shadow: 0 0 16px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 50%,transparent);}.progress-footer[b-tke9sdrazd]{display: flex;justify-content: space-between;align-items: center;margin-top: 0.5rem;}.next-rank[b-tke9sdrazd]{font-size: 0.85rem;color: var(--mxp-slate-500);}.xp-remaining[b-tke9sdrazd]{font-size: 0.85rem;color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);font-weight: 600;}.title-icon[b-tke9sdrazd]{font-size: 1.5rem;}.customization-section[b-tke9sdrazd]{animation: slideUp-b-tke9sdrazd 0.5s ease-out 0.1s both;}.customization-grid[b-tke9sdrazd]{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}.customization-grid.three-cols[b-tke9sdrazd]{grid-template-columns: repeat(3,1fr);}.customization-card[b-tke9sdrazd]{background: linear-gradient(145deg,color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 8%,rgba(30,41,59,0.8)),color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 4%,rgba(15,23,42,0.9)));border: 1px solid color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 12%,rgba(148,163,184,0.08));border-radius: 16px;padding: 1.1rem;transition: all 0.3s ease;min-height: 160px;display: flex;flex-direction: column;}@media (hover: hover) and (pointer: fine){.customization-card:hover[b-tke9sdrazd]{border-color: color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 25%,rgba(148,163,184,0.15));box-shadow: 0 4px 16px color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 15%,transparent);}}.customization-card.disabled-card[b-tke9sdrazd]{opacity: 0.6;min-height: auto;}.card-header[b-tke9sdrazd]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.9rem;}.card-header h3[b-tke9sdrazd]{font-size: 1rem;font-weight: 700;color: var(--mxp-slate-200);margin: 0;}.header-right[b-tke9sdrazd]{display: flex;align-items: center;gap: 0.5rem;}.title-level-badge[b-tke9sdrazd]{font-size: 0.65rem;color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);background: rgba(251,191,36,0.1);padding: 0.2rem 0.5rem;border-radius: 100px;font-weight: 600;}.unlock-count[b-tke9sdrazd]{font-size: 0.7rem;color: var(--mxp-slate-500);background: rgba(148,163,184,0.1);padding: 0.25rem 0.5rem;border-radius: 100px;}.disabled-notice[b-tke9sdrazd]{display: flex;align-items: center;justify-content: center;gap: 0.75rem;padding: 0.75rem;flex: 1;}.disabled-notice span[b-tke9sdrazd]{font-size: 1.25rem;opacity: 0.5;}.disabled-notice button[b-tke9sdrazd]{padding: 0.4rem 0.85rem;background: rgba(59,130,246,0.15);border: 1px solid rgba(59,130,246,0.3);border-radius: 100px;color: var(--mxp-blue-300);font-size: 0.75rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.disabled-notice button:hover[b-tke9sdrazd]{background: rgba(59,130,246,0.25);}}.color-palette[b-tke9sdrazd]{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px;flex: 1;padding: 0 4px;}.color-item[b-tke9sdrazd]{width: 36px;height: 36px;border-radius: 50%;border: 2px solid transparent;cursor: pointer;transition: all 0.2s ease;position: relative;background: var(--bg,var(--mxp-slate-400));}@media (hover: hover) and (pointer: fine){.color-item:hover[b-tke9sdrazd]{transform: scale(1.15);box-shadow: 0 0 16px currentColor;}}.color-item.selected[b-tke9sdrazd]{border-color: white;box-shadow: 0 0 20px currentColor;transform: scale(1.1);}.color-item.selected[b-tke9sdrazd]::after{content: '\2713';position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;color: white;font-weight: bold;font-size: 0.85rem;text-shadow: 0 2px 4px rgba(0,0,0,0.5);}.emoji-palette[b-tke9sdrazd]{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 10px;flex: 1;padding: 0 4px;}.emoji-item[b-tke9sdrazd]{width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;background: rgba(30,41,59,0.6);border: 2px solid transparent;border-radius: 10px;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.emoji-item:hover[b-tke9sdrazd]{transform: scale(1.1);background: rgba(30,41,59,0.9);box-shadow: 0 4px 12px rgba(0,0,0,0.3);}}.emoji-item.selected[b-tke9sdrazd]{border-color: var(--mxp-blue-300);background: rgba(59,130,246,0.15);box-shadow: 0 0 16px rgba(59,130,246,0.4);}.title-selector[b-tke9sdrazd]{display: flex;align-items: center;gap: 0.5rem;margin-bottom: 0.75rem;flex: 1;min-height: 0;}.title-nav[b-tke9sdrazd]{width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: rgba(30,41,59,0.6);border: 1px solid rgba(148,163,184,0.15);border-radius: 8px;color: var(--mxp-slate-400);cursor: pointer;transition: all 0.2s ease;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.title-nav:hover:not(:disabled)[b-tke9sdrazd]{background: rgba(30,41,59,0.9);color: var(--mxp-slate-200);border-color: rgba(148,163,184,0.25);}}.title-nav:disabled[b-tke9sdrazd]{opacity: 0.3;cursor: not-allowed;}.title-display[b-tke9sdrazd]{flex: 1;display: flex;align-items: center;justify-content: center;}.current-title[b-tke9sdrazd]{padding: 0.5rem 1rem;background: rgba(30,41,59,0.6);border: 2px solid transparent;border-radius: 10px;color: var(--mxp-slate-400);font-size: 0.8rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;cursor: pointer;transition: all 0.2s ease;text-align: center;width: 100%;}@media (hover: hover) and (pointer: fine){.current-title:hover[b-tke9sdrazd]{background: rgba(30,41,59,0.9);color: var(--mxp-slate-200);}}.current-title.selected[b-tke9sdrazd]{border-color: var(--level-color,var(--mxp-amber-300));background: rgba(251,191,36,0.1);color: oklch(from var(--level-color,var(--mxp-amber-300)) max(l,0.72) c h);}.title-search-inline[b-tke9sdrazd]{display: flex;align-items: center;gap: 0.4rem;background: rgba(30,41,59,0.5);border: 1px solid rgba(148,163,184,0.1);border-radius: 8px;padding: 0 0.5rem;min-height: 34px;}.title-search-inline input[b-tke9sdrazd]{flex: 1;align-self: stretch;background: transparent;border: none;outline: none;color: var(--mxp-slate-200);font-size: 0.75rem;min-width: 0;}.title-search-inline input[b-tke9sdrazd]::placeholder{color: var(--mxp-slate-500);}.title-search-inline .clear-search[b-tke9sdrazd]{background: transparent;border: none;color: var(--mxp-slate-500);cursor: pointer;padding: 0.15rem;display: flex;border-radius: 4px;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.title-search-inline .clear-search:hover[b-tke9sdrazd]{color: var(--mxp-slate-400);background: rgba(148,163,184,0.1);}}.pagination-dots[b-tke9sdrazd]{display: flex;gap: 0.4rem;justify-content: center;margin-top: 0.75rem;}.pagination-dots .dot[b-tke9sdrazd]{width: 8px;height: 8px;border-radius: 50%;background: rgba(148,163,184,0.3);border: none;cursor: pointer;padding: 0;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.pagination-dots .dot:hover[b-tke9sdrazd]{background: rgba(148,163,184,0.5);transform: scale(1.3);}}.pagination-dots .dot.active[b-tke9sdrazd]{background: var(--mxp-blue-300);box-shadow: 0 0 8px rgba(96,165,250,0.5);}.stats-grid[b-tke9sdrazd]{display: grid;grid-template-columns: repeat(8,1fr);gap: 0.65rem;}.stat-card[b-tke9sdrazd]{position: relative;display: flex;flex-direction: column;align-items: center;gap: 0.45rem;padding: 0.85rem 0.45rem;background: linear-gradient(145deg,color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 6%,rgba(30,41,59,0.6)),color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 3%,rgba(15,23,42,0.8)));border: 1px solid color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 10%,rgba(148,163,184,0.08));border-radius: 14px;transition: all 0.3s ease;overflow: hidden;}.stat-card.clickable[b-tke9sdrazd]{cursor: pointer;}@media (hover: hover) and (pointer: fine){.stat-card:hover[b-tke9sdrazd]{transform: translateY(-3px);box-shadow: 0 8px 24px color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 20%,rgba(0,0,0,0.3));border-color: color-mix(in srgb,var(--level-color,var(--mxp-slate-400)) 20%,rgba(148,163,184,0.15));}}.stat-accent[b-tke9sdrazd]{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 60%;height: 3px;border-radius: 0 0 4px 4px;transition: width 0.3s ease;}@media (hover: hover) and (pointer: fine){.stat-card:hover .stat-accent[b-tke9sdrazd]{width: 80%;}}.stat-card.series .stat-accent[b-tke9sdrazd]{background: linear-gradient(90deg,transparent,var(--mxp-purple-200),transparent);}.stat-card.episodes .stat-accent[b-tke9sdrazd]{background: linear-gradient(90deg,transparent,#818cf8,transparent);}.stat-card.movies .stat-accent[b-tke9sdrazd]{background: linear-gradient(90deg,transparent,#f472b6,transparent);}.stat-card.games .stat-accent[b-tke9sdrazd]{background: linear-gradient(90deg,transparent,var(--mxp-green-300),transparent);}.stat-card.hours .stat-accent[b-tke9sdrazd]{background: linear-gradient(90deg,transparent,var(--mxp-blue-300),transparent);}.stat-card.greetings .stat-accent[b-tke9sdrazd]{background: linear-gradient(90deg,transparent,#ec4899,transparent);}.stat-card.rank .stat-accent[b-tke9sdrazd]{background: linear-gradient(90deg,transparent,var(--mxp-amber-300),transparent);}.stat-card.streak .stat-accent[b-tke9sdrazd]{background: linear-gradient(90deg,transparent,var(--mxp-orange-300),transparent);}.stat-icon-wrapper[b-tke9sdrazd]{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: rgba(30,41,59,0.6);border-radius: 11px;border: 1px solid rgba(148,163,184,0.1);}.stat-icon[b-tke9sdrazd]{font-size: 1.25rem;}.stat-content[b-tke9sdrazd]{display: flex;flex-direction: column;align-items: center;gap: 0.2rem;text-align: center;}.stat-value[b-tke9sdrazd]{font-size: 1.25rem;font-weight: 800;color: var(--mxp-slate-100);font-family: 'Orbitron',sans-serif;line-height: 1;}.stat-label[b-tke9sdrazd]{font-size: 0.66rem;color: var(--mxp-slate-500);text-transform: uppercase;letter-spacing: 0.3px;text-align: center;}@media (max-width: 1440px){.stats-grid[b-tke9sdrazd]{grid-template-columns: repeat(4,1fr);}}@media (max-width: 1024px){.stats-grid[b-tke9sdrazd]{grid-template-columns: repeat(4,1fr);}.customization-grid.three-cols[b-tke9sdrazd]{grid-template-columns: repeat(2,1fr);}.customization-grid.three-cols > :nth-child(3)[b-tke9sdrazd]{grid-column: 1 / -1;}.customization-card[b-tke9sdrazd]{min-height: auto;}}@media (max-width: 768px){.customization-grid.three-cols[b-tke9sdrazd]{grid-template-columns: 1fr;}.customization-grid.three-cols > :nth-child(3)[b-tke9sdrazd]{grid-column: auto;}}@media (max-width: 768px){.profile-page[b-tke9sdrazd]{padding: 1rem;}.profile-hero[b-tke9sdrazd]{padding: 1.25rem;border-radius: 18px;}.user-name-row[b-tke9sdrazd]{justify-content: center;}.avatar-ring[b-tke9sdrazd]{width: 100px;height: 100px;}.avatar-emoji[b-tke9sdrazd]{font-size: 2.75rem;}.avatar-letter[b-tke9sdrazd]{font-size: 2.5rem;}.level-badge-hex[b-tke9sdrazd]{width: 38px;height: 38px;}.level-number[b-tke9sdrazd]{font-size: 0.9rem;}.username[b-tke9sdrazd]{font-size: 1.5rem;}.xp-progress-section[b-tke9sdrazd]{padding-top: 1rem;}.progress-header[b-tke9sdrazd]{margin-bottom: 0.5rem;}.progress-label[b-tke9sdrazd],.progress-values[b-tke9sdrazd]{font-size: 0.8rem;}.progress-bar-container[b-tke9sdrazd]{height: 10px;}.progress-footer[b-tke9sdrazd]{margin-top: 0.4rem;}.next-rank[b-tke9sdrazd],.xp-remaining[b-tke9sdrazd]{font-size: 0.75rem;}.title-icon[b-tke9sdrazd]{font-size: 1.2rem;}.customization-grid.three-cols[b-tke9sdrazd]{grid-template-columns: 1fr;gap: 0.75rem;}.customization-card[b-tke9sdrazd]{padding: 1rem;border-radius: 14px;min-height: auto;}.card-header[b-tke9sdrazd]{margin-bottom: 0.75rem;}.card-header h3[b-tke9sdrazd]{font-size: 0.9rem;}.color-item[b-tke9sdrazd]{width: 32px;height: 32px;}.emoji-item[b-tke9sdrazd]{width: 38px;height: 38px;font-size: 1.2rem;}.stats-grid[b-tke9sdrazd]{grid-template-columns: repeat(4,1fr);gap: 0.5rem;}.stat-card[b-tke9sdrazd]{padding: 0.7rem 0.35rem;border-radius: 12px;gap: 0.35rem;}.stat-icon-wrapper[b-tke9sdrazd]{width: 34px;height: 34px;border-radius: 10px;}.stat-icon[b-tke9sdrazd]{font-size: 1.05rem;}.stat-value[b-tke9sdrazd]{font-size: 0.95rem;}.stat-label[b-tke9sdrazd]{font-size: 0.62rem;}}@media (max-width: 480px){.profile-page[b-tke9sdrazd]{padding: 0.75rem;}.profile-hero[b-tke9sdrazd]{padding: 1rem;border-radius: 16px;}.avatar-ring[b-tke9sdrazd]{width: 85px;height: 85px;}.avatar-emoji[b-tke9sdrazd]{font-size: 2.25rem;}.avatar-letter[b-tke9sdrazd]{font-size: 2rem;}.level-badge-hex[b-tke9sdrazd]{width: 34px;height: 34px;}.level-number[b-tke9sdrazd]{font-size: 0.8rem;}.username[b-tke9sdrazd]{font-size: 1.3rem;}.progress-label[b-tke9sdrazd],.progress-values[b-tke9sdrazd]{font-size: 0.7rem;}.progress-bar-container[b-tke9sdrazd]{height: 8px;}.next-rank[b-tke9sdrazd],.xp-remaining[b-tke9sdrazd]{font-size: 0.65rem;}.title-icon[b-tke9sdrazd]{font-size: 1.1rem;}.stats-grid[b-tke9sdrazd]{grid-template-columns: repeat(4,1fr);gap: 0.4rem;}.stat-card[b-tke9sdrazd]{padding: 0.55rem 0.25rem;border-radius: 10px;}.stat-icon-wrapper[b-tke9sdrazd]{width: 30px;height: 30px;border-radius: 8px;}.stat-icon[b-tke9sdrazd]{font-size: 0.9rem;}.stat-value[b-tke9sdrazd]{font-size: 0.8rem;}.stat-label[b-tke9sdrazd]{font-size: 0.6rem;}.customization-card[b-tke9sdrazd]{padding: 0.85rem;border-radius: 12px;}.card-header[b-tke9sdrazd]{margin-bottom: 0.6rem;}.card-header h3[b-tke9sdrazd]{font-size: 0.85rem;}.color-item[b-tke9sdrazd]{width: 28px;height: 28px;}.emoji-item[b-tke9sdrazd]{width: 34px;height: 34px;font-size: 1.1rem;}.title-search-inline input[b-tke9sdrazd]{font-size: 0.75rem;}.pagination-dots[b-tke9sdrazd]{margin-top: 0.5rem;}.pagination-dots .dot[b-tke9sdrazd]{width: 6px;height: 6px;}}.profile-hero .hero-grid[b-tke9sdrazd]{display: grid;grid-template-columns: auto 1fr auto;gap: 28px;align-items: flex-start;position: relative;z-index: 1;padding: 4px 8px 16px;}.hero-meta-top[b-tke9sdrazd]{display: flex;align-items: center;gap: 6px;font-size: 0.75rem;color: var(--mxp-slate-400);margin-bottom: 4px;}.hero-handle[b-tke9sdrazd]{font-family: 'JetBrains Mono',ui-monospace,monospace;color: oklch(from var(--level-color,var(--mxp-purple-200)) max(l,0.72) c h);opacity: 0.9;font-weight: 600;}.hero-handle-sep[b-tke9sdrazd]{color: #475569;}.hero-handle-join[b-tke9sdrazd]{background: transparent;border: 0;color: var(--mxp-slate-400);font-size: 0.75rem;cursor: pointer;padding: 0;min-height: 24px;font-family: inherit;}@media (hover: hover) and (pointer: fine){.hero-handle-join:hover[b-tke9sdrazd]{color: var(--mxp-purple-100);}}.hero-title-tag[b-tke9sdrazd]{display: inline-flex;align-items: center;padding: 3px 10px;border-radius: 999px;background: rgba(var(--level-color-rgb,167,139,250),0.15);border: 1px solid rgba(var(--level-color-rgb,167,139,250),0.35);color: oklch(from var(--level-color,var(--mxp-purple-200)) max(l,0.72) c h);font-size: 0.75rem;font-weight: 700;font-family: 'Orbitron','Segoe UI',sans-serif;letter-spacing: 0.04em;text-transform: uppercase;align-self: center;white-space: nowrap;}.hero-status-chips[b-tke9sdrazd]{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 10px;}.hero-status-chip[b-tke9sdrazd]{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;background: rgba(139,92,246,0.12);border: 1px solid rgba(139,92,246,0.28);border-radius: 999px;font-size: 0.75rem;color: var(--mxp-purple-100);max-width: 220px;}.hero-status-chip .hsc-emoji[b-tke9sdrazd]{font-size: 0.875rem;line-height: 1;}.hero-status-chip .hsc-text[b-tke9sdrazd]{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 600;}.hero-actions[b-tke9sdrazd]{display: flex;flex-direction: column;gap: 8px;align-items: stretch;min-width: 180px;}.hero-btn[b-tke9sdrazd]{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 8px 14px;border-radius: 10px;border: 1px solid transparent;font: 600 0.8125rem 'Helvetica Neue',Helvetica,Arial,sans-serif;cursor: pointer;transition: all 150ms ease;white-space: nowrap;}.hero-btn.primary[b-tke9sdrazd]{background: linear-gradient(135deg,var(--level-color,var(--mxp-purple-200)),color-mix(in srgb,var(--level-color,var(--mxp-purple-200)) 75%,#000));color: #fff;box-shadow: 0 6px 18px rgba(var(--level-color-rgb,167,139,250),0.3);}@media (hover: hover) and (pointer: fine){.hero-btn.primary:hover[b-tke9sdrazd]{filter: brightness(1.1);transform: translateY(-1px);}}.hero-btn.ghost[b-tke9sdrazd]{background: rgba(139,92,246,0.08);color: var(--mxp-purple-100);border-color: rgba(139,92,246,0.3);}@media (hover: hover) and (pointer: fine){.hero-btn.ghost:hover[b-tke9sdrazd]{background: rgba(139,92,246,0.18);border-color: rgba(139,92,246,0.5);}}.hero-btn.hero-rank-btn[b-tke9sdrazd]{font-family: 'JetBrains Mono',ui-monospace,monospace;}.profile-stat-chips[b-tke9sdrazd]{display: grid;grid-template-columns: repeat(5,1fr);gap: 12px;margin: 24px 0;}.profile-grid-2col[b-tke9sdrazd]{display: grid;grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);gap: 24px;}.profile-page .card-surface[b-tke9sdrazd]{background: linear-gradient(135deg,rgba(var(--level-color-rgb,167,139,250),0.14),rgba(15,23,42,0.55));border-color: rgba(var(--level-color-rgb,167,139,250),0.28);}.profile-page .section-head .link[b-tke9sdrazd],.profile-page .section-head .link *[b-tke9sdrazd]{color: oklch(from var(--level-color,var(--mxp-purple-200)) max(l,0.72) c h);}.pg-col-main[b-tke9sdrazd],.pg-col-side[b-tke9sdrazd]{display: flex;flex-direction: column;gap: 8px;min-width: 0;}.profile-grid-2col .pg-col-main > .card-surface[b-tke9sdrazd],.profile-grid-2col .pg-col-side > .card-surface[b-tke9sdrazd]{flex: 1 1 auto;min-height: 0;}.profile-grid-2col > .profile-full-section[b-tke9sdrazd]{grid-column: 1 / -1;margin: 0;}.profile-full-head[b-tke9sdrazd]{display: flex;align-items: center;justify-content: space-between;margin: 0 0 12px;padding: 0 4px;gap: 12px;flex-wrap: wrap;}.profile-grid-2col .pg-col-main[b-tke9sdrazd] .section-head,.profile-grid-2col .pg-col-side[b-tke9sdrazd] .section-head{margin: 14px 0 18px !important;padding: 0 4px;}.profile-full-head h2[b-tke9sdrazd]{font-weight: 700;font-size: 1.125rem;margin: 0;color: #e0e7ff;}.profile-full-link[b-tke9sdrazd]{font-size: 0.8125rem;font-weight: 600;color: oklch(from var(--level-color,var(--mxp-purple-200)) max(l,0.72) c h);cursor: pointer;display: inline-flex;align-items: center;gap: 4px;text-decoration: none;}@media (hover: hover) and (pointer: fine){.profile-full-link:hover[b-tke9sdrazd]{filter: brightness(1.2);}}.taste-dna-card.taste-dna-horizontal[b-tke9sdrazd]{display: grid;grid-template-columns: minmax(280px,1fr) minmax(0,1.6fr);gap: 24px;align-items: stretch;}.taste-dna-horizontal .tdna-archetype[b-tke9sdrazd]{align-items: center;}.taste-dna-horizontal .tdna-bars-2col[b-tke9sdrazd]{align-content: center;}.tdna-bars-2col[b-tke9sdrazd]{display: grid;grid-template-columns: 1fr 1fr;gap: 12px 24px;}@media (max-width: 960px){.taste-dna-card.taste-dna-horizontal[b-tke9sdrazd]{grid-template-columns: 1fr;}.tdna-bars-2col[b-tke9sdrazd]{grid-template-columns: 1fr;}}.stats-grid.stats-grid-horizontal[b-tke9sdrazd]{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 12px;}@media (max-width: 768px){.stats-grid.stats-grid-horizontal[b-tke9sdrazd]{grid-template-columns: repeat(2,minmax(0,1fr));}}.customization-head[b-tke9sdrazd]{display: flex;align-items: baseline;justify-content: space-between;margin: 8px 0 14px;padding: 0 4px;}.customization-head h2[b-tke9sdrazd]{font-weight: 700;font-size: 1.125rem;margin: 0;color: #e0e7ff;display: inline-flex;align-items: center;gap: 8px;}.customization-head h2 .title-icon[b-tke9sdrazd]{font-size: 1.25rem;}.customization-count[b-tke9sdrazd]{font-family: 'JetBrains Mono',ui-monospace,monospace;color: var(--mxp-slate-400);font-size: 0.8125rem;font-weight: 500;}.progress-by-type[b-tke9sdrazd]{display: flex;flex-direction: column;gap: 14px;justify-content: space-evenly;margin-bottom: 0;padding: 18px 20px 22px;}.pbt-head[b-tke9sdrazd]{display: flex;align-items: baseline;justify-content: space-between;gap: 10px;padding: 0 4px 6px;border-bottom: 1px dashed rgba(167,139,250,0.18);margin-bottom: 4px;}.pbt-head-lbl[b-tke9sdrazd]{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: rgba(255,255,255,0.45);}.pbt-head-val[b-tke9sdrazd]{font-family: 'JetBrains Mono',ui-monospace,monospace;font-size: 0.78rem;font-weight: 700;color: oklch(from var(--level-color,var(--mxp-purple-200)) max(l,0.72) c h);font-variant-numeric: tabular-nums;letter-spacing: -0.01em;}.pbt-row[b-tke9sdrazd]{padding: 4px 0;}.pbt-label[b-tke9sdrazd]{font-size: 0.9375rem;}.pbt-track[b-tke9sdrazd]{height: 10px;}.pbt-value[b-tke9sdrazd]{font-size: 0.875rem;}.pbt-row[b-tke9sdrazd]{display: grid;grid-template-columns: 140px 1fr 150px;align-items: center;gap: 14px;}.pbt-label[b-tke9sdrazd]{font-size: 0.875rem;font-weight: 600;color: var(--mxp-slate-200);white-space: nowrap;}.pbt-track[b-tke9sdrazd]{height: 8px;border-radius: 999px;background: rgba(30,41,59,0.7);overflow: hidden;}.pbt-fill[b-tke9sdrazd]{height: 100%;border-radius: 999px;transition: width 500ms ease;}.pbt-fill.pbt-games[b-tke9sdrazd]{background: linear-gradient(90deg,var(--mxp-green-500),var(--mxp-green-300));box-shadow: 0 0 10px rgba(52,211,153,0.4);}.pbt-fill.pbt-movies[b-tke9sdrazd]{background: linear-gradient(90deg,#c2410c,var(--mxp-orange-300));box-shadow: 0 0 10px rgba(251,146,60,0.4);}.pbt-fill.pbt-series[b-tke9sdrazd]{background: linear-gradient(90deg,var(--mxp-purple-600),var(--mxp-purple-200));box-shadow: 0 0 10px rgba(167,139,250,0.4);}.pbt-value[b-tke9sdrazd]{font-family: 'JetBrains Mono',ui-monospace,monospace;font-size: 0.8125rem;color: #cbd5e1;font-variant-numeric: tabular-nums;white-space: nowrap;text-align: right;}.taste-dna-card[b-tke9sdrazd]{display: flex;flex-direction: column;gap: 16px;margin-bottom: 24px;}.tdna-archetype[b-tke9sdrazd]{display: grid;grid-template-columns: auto 1fr auto;gap: 14px;align-items: center;padding: 12px 14px;border-radius: 12px;background: linear-gradient(135deg,rgba(var(--level-color-rgb,139,92,246),0.18),rgba(15,23,42,0.5));border: 1px solid rgba(var(--level-color-rgb,139,92,246),0.35);}.tdna-archetype-emoji[b-tke9sdrazd]{font-size: 2rem;line-height: 1;}.tdna-archetype-name[b-tke9sdrazd]{font-family: 'Orbitron','Segoe UI',sans-serif;font-weight: 800;font-size: 1rem;color: #f8fafc;letter-spacing: 0.03em;text-transform: uppercase;}.tdna-archetype-desc[b-tke9sdrazd]{font-size: 0.75rem;color: var(--mxp-slate-400);margin-top: 2px;line-height: 1.3;}.tdna-diversity[b-tke9sdrazd]{text-align: right;display: flex;flex-direction: column;align-items: flex-end;}.tdna-div-label[b-tke9sdrazd]{font-size: 0.625rem;color: var(--mxp-slate-500);text-transform: uppercase;letter-spacing: 0.08em;font-weight: 700;}.tdna-div-value[b-tke9sdrazd]{font-family: 'Orbitron','Segoe UI',sans-serif;font-weight: 800;font-size: 1.125rem;color: oklch(from var(--level-color,var(--mxp-purple-200)) max(l,0.72) c h);line-height: 1.1;}.tdna-bars[b-tke9sdrazd]{display: flex;flex-direction: column;gap: 10px;}.tdna-bar[b-tke9sdrazd]{display: flex;flex-direction: column;gap: 4px;}.tdna-bar-top[b-tke9sdrazd]{display: flex;justify-content: space-between;align-items: baseline;}.tdna-bar-label[b-tke9sdrazd]{font-size: 0.8125rem;font-weight: 600;color: var(--mxp-slate-200);}.tdna-bar-pct[b-tke9sdrazd]{font-family: 'JetBrains Mono',ui-monospace,monospace;font-size: 0.75rem;color: oklch(from var(--level-color,#818cf8) max(l,0.72) c h);font-weight: 700;font-variant-numeric: tabular-nums;opacity: 0.9;}.tdna-bar-track[b-tke9sdrazd]{height: 6px;border-radius: 999px;background: rgba(30,41,59,0.7);overflow: hidden;}.tdna-bar-fill[b-tke9sdrazd]{height: 100%;border-radius: 999px;background: linear-gradient(90deg,color-mix(in srgb,var(--level-color,#6366f1) 80%,#000),var(--level-color,#818cf8));transition: width 500ms ease;box-shadow: 0 0 8px rgba(var(--level-color-rgb,129,140,248),0.4);}.fav-card[b-tke9sdrazd]{display: flex;flex-direction: column;gap: 6px;padding: 14px 14px;justify-content: space-evenly;margin-bottom: 0;}.fav-row[b-tke9sdrazd]{display: grid;grid-template-columns: 40px 1fr auto;gap: 12px;align-items: center;padding: 8px 10px;border-radius: 10px;transition: background 150ms;}@media (hover: hover) and (pointer: fine){.fav-row:hover[b-tke9sdrazd]{background: rgba(139,92,246,0.08);}}.fav-ic[b-tke9sdrazd]{width: 40px;height: 40px;border-radius: 8px;overflow: hidden;background: rgba(15,23,42,0.7);border: 1px solid rgba(71,85,105,0.3);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;flex-shrink: 0;}.fav-ic img[b-tke9sdrazd]{width: 100%;height: 100%;object-fit: cover;}.fav-body[b-tke9sdrazd]{min-width: 0;}.fav-title[b-tke9sdrazd]{font-size: 0.875rem;font-weight: 700;color: #f8fafc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.fav-meta[b-tke9sdrazd]{font-family: 'JetBrains Mono',ui-monospace,monospace;font-size: 0.6875rem;color: var(--mxp-slate-400);margin-top: 2px;}.fav-type[b-tke9sdrazd]{font-size: 1rem;opacity: 0.7;}.fav-row.fav-row-empty[b-tke9sdrazd]{text-decoration: none;opacity: 0.55;border: 1px dashed rgba(148,163,184,0.25);transition: opacity 150ms,background 150ms,border-color 150ms;}@media (hover: hover) and (pointer: fine){.fav-row.fav-row-empty:hover[b-tke9sdrazd]{opacity: 0.85;background: rgba(var(--level-color-rgb,167,139,250),0.08);border-color: rgba(var(--level-color-rgb,167,139,250),0.35);}}.fav-ic.fav-ic-empty[b-tke9sdrazd]{background: rgba(30,41,59,0.4);border: 1px dashed rgba(148,163,184,0.3);filter: grayscale(1);opacity: 0.7;}.fav-title.fav-title-empty[b-tke9sdrazd]{color: var(--mxp-slate-400);font-weight: 600;}.fav-meta.fav-meta-empty[b-tke9sdrazd]{color: var(--mxp-slate-500);font-style: italic;}.fav-add-icon[b-tke9sdrazd]{color: var(--mxp-slate-400);opacity: 0.6;}@media (hover: hover) and (pointer: fine){.fav-row.fav-row-empty:hover .fav-add-icon[b-tke9sdrazd]{color: oklch(from var(--level-color,var(--mxp-purple-200)) max(l,0.72) c h);opacity: 1;}}@media (max-width: 960px){.profile-grid-2col[b-tke9sdrazd]{grid-template-columns: 1fr;}.profile-hero .hero-grid[b-tke9sdrazd]{grid-template-columns: auto 1fr;}.hero-actions[b-tke9sdrazd]{grid-column: 1 / -1;flex-direction: row;flex-wrap: wrap;min-width: 0;}.profile-stat-chips[b-tke9sdrazd]{grid-template-columns: repeat(5,1fr);}}@media (max-width: 768px){.profile-stat-chips[b-tke9sdrazd]{grid-template-columns: repeat(2,1fr);}.profile-stat-chips[b-tke9sdrazd] :nth-child(5){grid-column: 1 / -1 !important;}.profile-hero .hero-grid[b-tke9sdrazd]{grid-template-columns: 1fr;text-align: center;}.profile-hero .hero-grid .avatar-section[b-tke9sdrazd]{margin: 0 auto;}.hero-meta-top[b-tke9sdrazd],.user-name-row[b-tke9sdrazd],.hero-status-chips[b-tke9sdrazd]{justify-content: center;}.hero-actions[b-tke9sdrazd]{flex-direction: column;}.pbt-row[b-tke9sdrazd]{grid-template-columns: 1fr;}.pbt-value[b-tke9sdrazd]{justify-self: flex-end;}} .auth-wrapper[b-ltbida6g72]{display: flex;align-items: center;justify-content: center;min-height: calc(100vh - 64px);padding: 24px;}.auth-card[b-ltbida6g72]{display: flex;flex-direction: column;width: 100%;max-width: 460px;padding: 36px 40px 28px;background: rgba(26,31,58,0.75);backdrop-filter: blur(24px) saturate(180%);-webkit-backdrop-filter: blur(24px) saturate(180%);border-radius: 24px;border: 1px solid rgba(139,92,246,0.2);box-shadow: 0 24px 48px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05) inset,0 0 80px rgba(139,92,246,0.08);}.auth-header[b-ltbida6g72]{display: flex;flex-direction: column;align-items: center;text-align: center;margin-bottom: 24px;}.app-logo[b-ltbida6g72]{width: 56px;height: 56px;object-fit: cover;border-radius: 50%;display: block;margin-bottom: 14px;box-shadow: 0 8px 24px rgba(139,92,246,0.3),0 0 40px rgba(139,92,246,0.1);}.auth-title[b-ltbida6g72]{font-size: 26px;font-weight: 700;color: #f8fafc;margin: 0;letter-spacing: -0.3px;line-height: 1.25;}.auth-subtitle[b-ltbida6g72]{margin: 8px 0 0;font-size: 15px;line-height: 1.4;color: var(--mxp-slate-400);}.auth-body[b-ltbida6g72]{display: flex;flex-direction: column;}.auth-form[b-ltbida6g72]{display: flex;flex-direction: column;}.form-row[b-ltbida6g72]{width: 100%;margin-bottom: 16px;}.form-row:has(.password-hint)[b-ltbida6g72]{margin-top: -8px;margin-bottom: 20px;}.form-row-double[b-ltbida6g72]{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}.form-group[b-ltbida6g72]{display: flex;flex-direction: column;gap: 8px;position: relative;min-width: 0;}.form-label[b-ltbida6g72]{font-size: 13px;font-weight: 600;color: #cbd5e1;letter-spacing: 0.2px;}.input-wrapper[b-ltbida6g72]{position: relative;display: flex;align-items: center;}.input-icon[b-ltbida6g72]{position: absolute;left: 14px;color: var(--mxp-slate-500);display: flex;align-items: center;justify-content: center;transition: color 0.2s ease;pointer-events: none;z-index: 2;}.input-wrapper:focus-within .input-icon[b-ltbida6g72]{color: var(--mxp-purple-500);}.input-wrapper input[b-ltbida6g72],.form-input[b-ltbida6g72]{width: 100% !important;height: 48px !important;padding: 0 45px 0 44px !important;font-size: 15px !important;font-family: inherit !important;color: #f8fafc !important;background: rgba(15,23,42,0.6) !important;border: 1.5px solid rgba(139,92,246,0.25) !important;border-radius: 12px !important;outline: none !important;transition: all 0.2s ease !important;box-sizing: border-box !important;}.input-wrapper input[b-ltbida6g72]::placeholder{color: var(--mxp-slate-500) !important;opacity: 1 !important;}@media (hover: hover) and (pointer: fine){.input-wrapper input:hover:not(:disabled)[b-ltbida6g72]{background: rgba(15,23,42,0.8) !important;border-color: rgba(139,92,246,0.4) !important;}}.input-wrapper input:focus[b-ltbida6g72]{background: rgba(15,23,42,0.9) !important;border-color: var(--mxp-purple-500) !important;box-shadow: 0 0 0 2px rgba(139,92,246,0.25) !important;transition: none !important;will-change: auto !important;}.input-wrapper input:disabled[b-ltbida6g72]{opacity: 0.6 !important;cursor: not-allowed !important;}.input-wrapper.has-error:not(:focus-within) input[b-ltbida6g72]{border-color: rgba(248,113,113,0.75) !important;box-shadow: 0 0 0 3px rgba(248,113,113,0.12) !important;background: rgba(127,29,29,0.18) !important;}.input-wrapper.has-error:not(:focus-within) .input-icon[b-ltbida6g72]{color: rgba(248,113,113,0.95) !important;}.toggle-password[b-ltbida6g72]{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);background: none;border: none;cursor: pointer;padding: 4px;display: flex;align-items: center;justify-content: center;color: var(--mxp-slate-500);transition: color 0.2s;z-index: 3;}@media (hover: hover) and (pointer: fine){.toggle-password:hover[b-ltbida6g72]{color: var(--mxp-slate-400);}}.toggle-password:focus[b-ltbida6g72]{outline: none;}.error-icon[b-ltbida6g72]{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;color: var(--mxp-red-400);cursor: pointer;z-index: 3;transition: all 0.2s;}@media (hover: hover) and (pointer: fine){.error-icon:hover[b-ltbida6g72]{color: var(--mxp-red-500);transform: translateY(-50%) scale(1.1);}}.input-wrapper.has-error .error-icon[b-ltbida6g72]{right: 45px;}.error-message[b-ltbida6g72]{display: block;font-size: 12px;color: var(--mxp-red-400);background: rgba(127,29,29,0.2);padding: 6px 10px;border-radius: 8px;border: 1px solid rgba(248,113,113,0.3);animation: slideDown-b-ltbida6g72 0.2s ease;}@keyframes slideDown-b-ltbida6g72{from{opacity: 0;transform: translateY(-4px);}to{opacity: 1;transform: translateY(0);}}.password-hint[b-ltbida6g72]{display: flex;align-items: center;gap: 6px;font-size: 12px;color: var(--mxp-slate-400);margin: 0;padding: 0;}.password-hint svg[b-ltbida6g72]{flex-shrink: 0;color: var(--mxp-purple-500);opacity: 0.7;}.submit-btn[b-ltbida6g72]{display: flex !important;align-items: center !important;justify-content: center !important;gap: 10px !important;width: 100% !important;height: 50px !important;font-size: 16px !important;font-weight: 600 !important;color: white !important;background: linear-gradient(135deg,var(--mxp-purple-500) 0%,var(--mxp-purple-600) 100%) !important;border: none !important;border-radius: 12px !important;cursor: pointer !important;transition: all 0.25s ease !important;box-shadow: 0 4px 20px rgba(139,92,246,0.35) !important;margin-top: 0 !important;}@media (hover: hover) and (pointer: fine){.submit-btn:hover:not(:disabled)[b-ltbida6g72]{background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%) !important;box-shadow: 0 8px 28px rgba(139,92,246,0.5) !important;transform: translateY(-2px) !important;}}.submit-btn:disabled[b-ltbida6g72]{opacity: 0.7 !important;cursor: not-allowed !important;}.auth-divider[b-ltbida6g72]{display: flex;align-items: center;gap: 16px;margin: 4px 0 16px;font-size: 13px;color: var(--mxp-slate-500);text-align: center;}.auth-divider[b-ltbida6g72]::before,.auth-divider[b-ltbida6g72]::after{content: '';flex: 1;height: 1px;background: linear-gradient(to right,transparent,rgba(139,92,246,0.2),transparent);}.auth-divider span[b-ltbida6g72]{white-space: nowrap;padding: 0 8px;}.google-btn[b-ltbida6g72],.google-btn-register[b-ltbida6g72]{display: flex !important;align-items: center !important;justify-content: center !important;gap: 12px !important;width: 100% !important;height: 48px !important;font-size: 15px !important;font-weight: 500 !important;color: #1f2937 !important;background: white !important;border: 1.5px solid #e5e7eb !important;border-radius: 12px !important;cursor: pointer !important;transition: all 0.2s ease !important;box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;margin-bottom: 16px !important;}@media (hover: hover) and (pointer: fine){.google-btn:hover:not(:disabled)[b-ltbida6g72],.google-btn-register:hover:not(:disabled)[b-ltbida6g72]{background: #f9fafb !important;border-color: #d1d5db !important;box-shadow: 0 4px 8px rgba(0,0,0,0.12) !important;transform: translateY(-1px) !important;}}.google-btn:active:not(:disabled)[b-ltbida6g72],.google-btn-register:active:not(:disabled)[b-ltbida6g72]{transform: translateY(0) !important;box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;}.google-btn:disabled[b-ltbida6g72],.google-btn-register:disabled[b-ltbida6g72]{opacity: 0.6 !important;cursor: not-allowed !important;}.google-btn svg[b-ltbida6g72],.google-btn-register svg[b-ltbida6g72]{flex-shrink: 0 !important;}.auth-legal[b-ltbida6g72]{margin: 0;font-size: 12px;line-height: 1.5;text-align: center;color: var(--mxp-slate-400);}.auth-legal a[b-ltbida6g72]{color: var(--mxp-purple-200);text-decoration: underline;}.auth-footer[b-ltbida6g72]{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 4px 8px;margin-top: 20px;padding-top: 16px;border-top: 1px solid rgba(139,92,246,0.15);font-size: 14px;color: var(--mxp-slate-400);}.login-link[b-ltbida6g72]{color: var(--mxp-purple-200);text-decoration: none;font-weight: 600;transition: color 0.2s ease;}@media (hover: hover) and (pointer: fine){.login-link:hover[b-ltbida6g72]{color: var(--mxp-purple-100);}}@media (max-width: 480px){.auth-wrapper[b-ltbida6g72]{align-items: flex-start;padding: 24px 16px;}.auth-card[b-ltbida6g72]{padding: 8px 4px;background: none;backdrop-filter: none;-webkit-backdrop-filter: none;border: none;border-radius: 0;box-shadow: none;}.auth-title[b-ltbida6g72]{font-size: 24px;}.form-row-double[b-ltbida6g72]{grid-template-columns: 1fr;gap: 16px;}.input-wrapper input[b-ltbida6g72]{font-size: 16px !important;}}@media (min-width: 481px) and (max-height: 800px){.auth-wrapper[b-ltbida6g72]{padding: 16px 24px;}.auth-card[b-ltbida6g72]{padding: 24px 36px 20px;}.app-logo[b-ltbida6g72]{display: none;}.auth-header[b-ltbida6g72]{margin-bottom: 18px;}.form-row[b-ltbida6g72]{margin-bottom: 12px;}.input-wrapper input[b-ltbida6g72],.form-input[b-ltbida6g72]{height: 44px !important;}.submit-btn[b-ltbida6g72]{height: 46px !important;}.google-btn[b-ltbida6g72]{height: 44px !important;}.auth-footer[b-ltbida6g72]{margin-top: 14px;padding-top: 12px;}} @keyframes fadeIn-b-9wagm5ikdb{from{opacity: 0;}to{opacity: 1;}}@keyframes slideUp-b-9wagm5ikdb{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@keyframes modalIn-b-9wagm5ikdb{from{opacity: 0;transform: scale(0.95) translateY(10px);}to{opacity: 1;transform: scale(1) translateY(0);}}@keyframes shake-b-9wagm5ikdb{0%,100%{transform: translateX(0);}25%{transform: translateX(-5px);}75%{transform: translateX(5px);}}.settings-page[b-9wagm5ikdb]{max-width: 1600px;margin: 0 auto;padding: 1.5rem 1rem;animation: fadeIn-b-9wagm5ikdb 0.4s ease-out;}.settings-header[b-9wagm5ikdb]{display: flex;align-items: center;gap: 1.25rem;margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid rgba(148,163,184,0.1);animation: slideUp-b-9wagm5ikdb 0.5s ease-out;}.header-icon[b-9wagm5ikdb]{font-size: 2.5rem;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;background: linear-gradient(145deg,rgba(59,130,246,0.15),rgba(139,92,246,0.1));border-radius: 18px;border: 1px solid rgba(59,130,246,0.2);flex-shrink: 0;}.header-text h1[b-9wagm5ikdb]{font-size: 1.5rem;font-weight: 800;color: var(--mxp-slate-100);margin: 0 0 0.35rem 0;}.header-text p[b-9wagm5ikdb]{font-size: 0.9rem;color: var(--mxp-slate-500);margin: 0;}.mobile-tabs[b-9wagm5ikdb]{display: none;}.settings-grid[b-9wagm5ikdb]{display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;align-items: stretch;}.column-left[b-9wagm5ikdb],.column-right[b-9wagm5ikdb]{display: flex;flex-direction: column;gap: 1.5rem;}.account-card[b-9wagm5ikdb]{background: rgba(26,11,46,0.5);border: 1px solid rgba(88,28,135,0.25);border-radius: 20px;padding: 0.5rem;animation: slideUp-b-9wagm5ikdb 0.5s ease-out 0.1s both;transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.account-card:hover[b-9wagm5ikdb]{border-color: rgba(88,28,135,0.45);}}.card-section[b-9wagm5ikdb]{display: flex;align-items: center;justify-content: space-between;padding: 1rem 1.25rem;border-radius: 14px;transition: background 0.2s ease;}@media (hover: hover) and (pointer: fine){.card-section:hover[b-9wagm5ikdb]{background: rgba(59,130,246,0.05);}}.section-header[b-9wagm5ikdb]{display: flex;align-items: center;gap: 1rem;}.section-info h3[b-9wagm5ikdb]{font-size: 0.95rem;font-weight: 600;color: var(--mxp-slate-200);margin: 0 0 0.2rem 0;}.section-info p[b-9wagm5ikdb]{font-size: 0.85rem;color: var(--mxp-slate-500);margin: 0;font-family: 'JetBrains Mono',monospace;}.email-display[b-9wagm5ikdb]{display: flex;align-items: center;gap: 0.5rem;}.section-info .correo-sin-confirmar[b-9wagm5ikdb]{display: flex;flex-wrap: wrap;align-items: center;gap: 0 0.6rem;margin-top: 0.25rem;font-family: inherit;font-size: 0.8rem;font-weight: 500;color: var(--mxp-amber-300);}.reenviar-btn[b-9wagm5ikdb]{min-height: 32px;padding: 0;background: none;border: none;color: var(--mxp-blue-300);font: inherit;font-weight: 600;text-decoration: underline;text-underline-offset: 2px;cursor: pointer;}.reenviar-btn:disabled[b-9wagm5ikdb]{opacity: 0.6;cursor: default;}.visibility-toggle[b-9wagm5ikdb]{background: transparent;border: none;color: var(--mxp-slate-500);cursor: pointer;padding: 0.25rem;display: flex;align-items: center;justify-content: center;border-radius: 6px;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.visibility-toggle:hover[b-9wagm5ikdb]{color: var(--mxp-slate-400);background: rgba(148,163,184,0.1);}}.section-icon-mud[b-9wagm5ikdb]{font-size: 1.25rem;color: var(--primary);opacity: 0.9;}.dialog-icon-mud[b-9wagm5ikdb]{font-size: 1.5rem;color: var(--primary);}.action-container[b-9wagm5ikdb]{display: flex;flex-direction: column;align-items: flex-end;gap: 0.25rem;}.cooldown-text[b-9wagm5ikdb]{font-size: 0.7rem;color: var(--mxp-amber-500);font-weight: 500;}.action-btn[b-9wagm5ikdb]{display: flex;align-items: center;gap: 0.4rem;padding: 0.6rem 1rem;background: rgba(59,130,246,0.1);border: 1px solid rgba(59,130,246,0.25);border-radius: 10px;color: var(--mxp-blue-300);font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.action-btn:hover:not(:disabled)[b-9wagm5ikdb]{background: rgba(59,130,246,0.2);border-color: rgba(59,130,246,0.4);transform: translateY(-1px);}}.action-btn:disabled[b-9wagm5ikdb]{opacity: 0.5;cursor: not-allowed;transform: none;}.card-divider[b-9wagm5ikdb]{height: 1px;background: rgba(148,163,184,0.08);margin: 0 1.25rem;}.preferences-card[b-9wagm5ikdb]{background: rgba(26,11,46,0.5);border: 1px solid rgba(88,28,135,0.25);border-radius: 20px;padding: 1.25rem;animation: slideUp-b-9wagm5ikdb 0.5s ease-out 0.15s both;transition: border-color 0.2s ease;}@media (hover: hover) and (pointer: fine){.preferences-card:hover[b-9wagm5ikdb]{border-color: rgba(88,28,135,0.45);}}.preferences-header[b-9wagm5ikdb]{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 1rem;padding-bottom: 0.75rem;border-bottom: 1px solid rgba(148,163,184,0.08);}.preferences-header.sub[b-9wagm5ikdb]{margin-top: 0.5rem;}.preferences-icon[b-9wagm5ikdb]{font-size: 1.35rem;}.preferences-header h3[b-9wagm5ikdb]{font-size: 1rem;font-weight: 700;color: var(--mxp-slate-100);margin: 0;}.preferences-divider[b-9wagm5ikdb]{height: 1px;background: rgba(148,163,184,0.1);margin: 1rem 0;}.preferences-list[b-9wagm5ikdb]{display: flex;flex-direction: column;gap: 0.5rem;}.preference-item[b-9wagm5ikdb]{display: flex;align-items: center;justify-content: space-between;padding: 0.65rem 0.85rem;background: rgba(15,23,42,0.4);border: 1px solid rgba(148,163,184,0.08);border-radius: 12px;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.preference-item:hover[b-9wagm5ikdb]{border-color: rgba(148,163,184,0.15);background: rgba(15,23,42,0.6);}}.preference-info[b-9wagm5ikdb]{display: flex;align-items: center;gap: 0.75rem;}.preference-icon[b-9wagm5ikdb]{font-size: 1.2rem;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;background: rgba(30,41,59,0.8);border-radius: 10px;flex-shrink: 0;}.preference-text[b-9wagm5ikdb]{display: flex;flex-direction: column;gap: 0.1rem;}.preference-title[b-9wagm5ikdb]{font-size: 0.85rem;font-weight: 600;color: var(--mxp-slate-200);}.preference-desc[b-9wagm5ikdb]{font-size: 0.7rem;color: var(--mxp-slate-500);}.pref-subtabs[b-9wagm5ikdb]{display: flex;gap: 0.3rem;margin-bottom: 0.9rem;padding: 0.3rem;background: rgba(15,23,42,0.5);border-radius: 10px;border: 1px solid rgba(148,163,184,0.08);}.pref-subtab-btn[b-9wagm5ikdb]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.4rem;padding: 0.5rem 0.6rem;background: transparent;border: none;border-radius: 8px;color: var(--mxp-slate-500);font-size: 0.82rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.pref-subtab-btn:hover:not(.active)[b-9wagm5ikdb]{color: var(--mxp-slate-400);background: rgba(148,163,184,0.07);}}.pref-subtab-btn.active[b-9wagm5ikdb]{background: rgba(59,130,246,0.15);color: var(--mxp-blue-300);}.pref-desktop-hidden[b-9wagm5ikdb]{display: none;}.pref-section-hidden[b-9wagm5ikdb]{display: none;}.danger-zone[b-9wagm5ikdb]{margin-top: 1.5rem;padding: 1.25rem 1.5rem;border-radius: 20px;background: linear-gradient(145deg,rgba(127,29,29,0.18) 0%,rgba(15,8,35,0.85) 70%);border: 1px solid rgba(239,68,68,0.28);box-shadow: 0 0 0 1px rgba(239,68,68,0.06),0 18px 40px rgba(0,0,0,0.35);animation: slideUp-b-9wagm5ikdb 0.5s ease-out 0.3s both;position: relative;overflow: hidden;}.danger-zone[b-9wagm5ikdb]::before{content: '';position: absolute;inset: 0;background: radial-gradient(600px 200px at 100% 0%,rgba(239,68,68,0.08),transparent 60%);pointer-events: none;}.dz-head[b-9wagm5ikdb]{display: flex;align-items: flex-start;gap: 0.85rem;padding-bottom: 1rem;border-bottom: 1px dashed rgba(239,68,68,0.22);margin-bottom: 1rem;position: relative;z-index: 1;}.dz-head-icon[b-9wagm5ikdb]{width: 38px;height: 38px;border-radius: 10px;background: rgba(239,68,68,0.12);border: 1px solid rgba(239,68,68,0.28);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.dz-head-icon .mud-icon-root[b-9wagm5ikdb]{color: var(--mxp-amber-300) !important;font-size: 1.25rem !important;}.dz-head-text h3[b-9wagm5ikdb]{margin: 0 0 0.2rem 0;font-size: 1rem;font-weight: 800;color: #fca5a5;letter-spacing: 0.01em;}.dz-head-text p[b-9wagm5ikdb]{margin: 0;font-size: 0.8rem;color: rgba(255,255,255,0.55);line-height: 1.45;}.dz-row[b-9wagm5ikdb]{display: flex;align-items: center;gap: 1rem;padding: 0.85rem 1rem;border-radius: 12px;background: rgba(15,8,35,0.45);border: 1px solid rgba(239,68,68,0.14);position: relative;z-index: 1;}.dz-row-info[b-9wagm5ikdb]{display: flex;align-items: flex-start;gap: 0.7rem;flex: 1;min-width: 0;}.dz-row-icon[b-9wagm5ikdb]{color: var(--mxp-red-400) !important;font-size: 1.4rem !important;flex-shrink: 0;margin-top: 2px;}.dz-row-info > div[b-9wagm5ikdb]{display: flex;flex-direction: column;gap: 2px;min-width: 0;}.dz-row-title[b-9wagm5ikdb]{font-size: 0.92rem;font-weight: 700;color: #f8fafc;letter-spacing: -0.01em;}.dz-row-desc[b-9wagm5ikdb]{font-size: 0.78rem;color: rgba(255,255,255,0.5);line-height: 1.45;}.dz-btn[b-9wagm5ikdb]{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.65rem 1.15rem;background: linear-gradient(135deg,rgba(239,68,68,0.18),rgba(220,38,38,0.12));border: 1px solid rgba(239,68,68,0.42);border-radius: 10px;color: #fca5a5;font-size: 0.85rem;font-weight: 700;cursor: pointer;transition: all 0.18s ease;flex-shrink: 0;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.dz-btn:hover[b-9wagm5ikdb]{background: linear-gradient(135deg,rgba(239,68,68,0.32),rgba(220,38,38,0.22));border-color: rgba(239,68,68,0.7);color: #fff;box-shadow: 0 6px 18px rgba(239,68,68,0.25);transform: translateY(-1px);}}.dz-btn:active[b-9wagm5ikdb]{transform: translateY(0);}.connections-card[b-9wagm5ikdb]{background: rgba(26,11,46,0.5);border: 1px solid rgba(88,28,135,0.25);border-radius: 20px;padding: 1.25rem;animation: slideUp-b-9wagm5ikdb 0.5s ease-out 0.2s both;transition: border-color 0.2s ease;flex: 1;display: flex;flex-direction: column;}@media (hover: hover) and (pointer: fine){.connections-card:hover[b-9wagm5ikdb]{border-color: rgba(88,28,135,0.45);}}.connections-header[b-9wagm5ikdb]{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.5rem;}.connections-icon[b-9wagm5ikdb]{font-size: 1.35rem;}.connections-header h3[b-9wagm5ikdb]{font-size: 1rem;font-weight: 700;color: var(--mxp-slate-100);margin: 0;}.connections-desc[b-9wagm5ikdb]{font-size: 0.85rem;color: var(--mxp-slate-400);line-height: 1.5;margin: 0 0 1rem 0;}.dialog-overlay[b-9wagm5ikdb]{position: fixed;inset: 0;background: rgba(0,0,0,0.85);backdrop-filter: blur(8px);display: flex;align-items: center;justify-content: center;z-index: 9999;padding: 1rem;animation: fadeIn-b-9wagm5ikdb 0.2s ease-out;}.dialog-modal[b-9wagm5ikdb]{background: linear-gradient(165deg,rgba(30,41,59,0.98),rgba(15,23,42,0.99));border: 1px solid rgba(148,163,184,0.15);border-radius: 20px;width: 100%;max-width: 400px;overflow: hidden;animation: modalIn-b-9wagm5ikdb 0.3s cubic-bezier(0.34,1.56,0.64,1);box-shadow: 0 25px 50px rgba(0,0,0,0.5);}.dialog-modal.danger[b-9wagm5ikdb]{border-color: rgba(239,68,68,0.25);}.dialog-header[b-9wagm5ikdb]{display: flex;align-items: center;gap: 0.85rem;padding: 1.25rem 1.25rem 0.85rem;border-bottom: 1px solid rgba(148,163,184,0.08);}.dialog-header.danger[b-9wagm5ikdb]{border-bottom-color: rgba(239,68,68,0.15);}.dialog-icon[b-9wagm5ikdb]{font-size: 1.75rem;}.dialog-header h2[b-9wagm5ikdb]{font-size: 1.05rem;font-weight: 700;color: var(--mxp-slate-100);margin: 0;}.dialog-body[b-9wagm5ikdb]{padding: 1.25rem;display: flex;flex-direction: column;gap: 0.85rem;}.xp-cost-notice[b-9wagm5ikdb]{display: flex;align-items: center;gap: 0.5rem;padding: 0.6rem 0.85rem;background: rgba(251,191,36,0.1);border: 1px solid rgba(251,191,36,0.25);border-radius: 8px;color: var(--mxp-amber-300);font-size: 0.8rem;}.cooldown-notice[b-9wagm5ikdb]{display: flex;align-items: center;gap: 0.5rem;padding: 0.6rem 0.85rem;background: rgba(59,130,246,0.1);border: 1px solid rgba(59,130,246,0.25);border-radius: 8px;color: var(--mxp-blue-300);font-size: 0.8rem;}.input-disabled[b-9wagm5ikdb]{opacity: 0.6;cursor: not-allowed;background: rgba(15,23,42,0.4) !important;}.input-group[b-9wagm5ikdb]{display: flex;flex-direction: column;gap: 0.4rem;}.input-group label[b-9wagm5ikdb]{font-size: 0.75rem;font-weight: 600;color: var(--mxp-slate-400);text-transform: uppercase;letter-spacing: 0.5px;}.input-group input[b-9wagm5ikdb]{width: 100%;padding: 0.75rem 0.85rem;background: rgba(15,23,42,0.6);border: 1px solid rgba(148,163,184,0.15);border-radius: 10px;color: var(--mxp-slate-100);font-size: 0.9rem;transition: all 0.2s ease;outline: none;}.input-group input:focus[b-9wagm5ikdb]{border-color: rgba(59,130,246,0.5);box-shadow: 0 0 0 3px rgba(59,130,246,0.1);}.input-group input[b-9wagm5ikdb]::placeholder{color: #475569;}.password-input-wrapper[b-9wagm5ikdb]{position: relative;display: flex;align-items: center;}.password-input-wrapper input[b-9wagm5ikdb]{padding-right: 2.75rem;}.password-toggle[b-9wagm5ikdb]{position: absolute;right: 0.65rem;background: transparent;border: none;color: var(--mxp-slate-500);cursor: pointer;padding: 0.3rem;display: flex;align-items: center;justify-content: center;border-radius: 6px;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.password-toggle:hover[b-9wagm5ikdb]{color: var(--mxp-slate-400);background: rgba(148,163,184,0.1);}}.delete-warning[b-9wagm5ikdb]{display: flex;gap: 0.85rem;padding: 0.85rem;background: rgba(239,68,68,0.08);border: 1px solid rgba(239,68,68,0.15);border-radius: 10px;color: #fca5a5;}.delete-warning p[b-9wagm5ikdb]{font-size: 0.8rem;line-height: 1.5;margin: 0;}.dialog-actions[b-9wagm5ikdb]{display: flex;gap: 0.6rem;padding: 0.85rem 1.25rem 1.25rem;justify-content: flex-end;}.btn-cancel[b-9wagm5ikdb]{padding: 0.65rem 1.25rem;background: transparent;border: 1px solid rgba(148,163,184,0.2);border-radius: 8px;color: var(--mxp-slate-400);font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.btn-cancel:hover:not(:disabled)[b-9wagm5ikdb]{background: rgba(148,163,184,0.1);border-color: rgba(148,163,184,0.3);}}.btn-cancel:disabled[b-9wagm5ikdb]{opacity: 0.5;cursor: not-allowed;}.btn-confirm[b-9wagm5ikdb]{padding: 0.65rem 1.25rem;background: linear-gradient(135deg,#3b82f6,#2563eb);border: none;border-radius: 8px;color: white;font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;gap: 0.5rem;min-width: 120px;}@media (hover: hover) and (pointer: fine){.btn-confirm:hover:not(:disabled)[b-9wagm5ikdb]{transform: translateY(-1px);box-shadow: 0 4px 15px rgba(59,130,246,0.4);}}.btn-confirm:disabled[b-9wagm5ikdb]{opacity: 0.7;cursor: not-allowed;transform: none;}.btn-danger[b-9wagm5ikdb]{padding: 0.65rem 1.25rem;background: linear-gradient(135deg,#dc2626,#b91c1c);border: none;border-radius: 8px;color: white;font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;gap: 0.5rem;min-width: 120px;}@media (hover: hover) and (pointer: fine){.btn-danger:hover:not(:disabled)[b-9wagm5ikdb]{transform: translateY(-1px);box-shadow: 0 4px 15px rgba(239,68,68,0.4);}}.btn-danger:disabled[b-9wagm5ikdb]{opacity: 0.7;cursor: not-allowed;transform: none;}@media (min-width: 1920px){.settings-page[b-9wagm5ikdb]{max-width: 1800px;padding: 2rem 1.5rem;}.settings-header[b-9wagm5ikdb]{gap: 1.5rem;margin-bottom: 1.75rem;padding-bottom: 1.75rem;}.header-icon[b-9wagm5ikdb]{width: 80px;height: 80px;font-size: 2.8rem;border-radius: 20px;}.header-text h1[b-9wagm5ikdb]{font-size: 1.7rem;}.header-text p[b-9wagm5ikdb]{font-size: 1rem;}.settings-grid[b-9wagm5ikdb]{gap: 1.75rem;}.card-section[b-9wagm5ikdb]{padding: 1.15rem 1.5rem;}.section-info h3[b-9wagm5ikdb]{font-size: 1.05rem;}.section-info p[b-9wagm5ikdb]{font-size: 0.92rem;}.action-btn[b-9wagm5ikdb]{padding: 0.7rem 1.15rem;font-size: 0.92rem;}.preferences-card[b-9wagm5ikdb]{padding: 1.5rem;}.preferences-header h3[b-9wagm5ikdb]{font-size: 1.1rem;}.preference-item[b-9wagm5ikdb]{padding: 0.8rem 1rem;}.preference-icon[b-9wagm5ikdb]{width: 42px;height: 42px;font-size: 1.3rem;}.preference-title[b-9wagm5ikdb]{font-size: 0.92rem;}.preference-desc[b-9wagm5ikdb]{font-size: 0.78rem;}.connections-card[b-9wagm5ikdb]{padding: 1.35rem;}.connections-header h3[b-9wagm5ikdb]{font-size: 1.05rem;}.connections-desc[b-9wagm5ikdb]{font-size: 0.88rem;}}@media (max-width: 1024px){.settings-grid[b-9wagm5ikdb]{grid-template-columns: 1fr;}}@media (max-width: 600px){.danger-zone[b-9wagm5ikdb]{padding: 1.1rem 1.15rem;}.dz-row[b-9wagm5ikdb]{flex-direction: column;align-items: stretch;gap: 0.75rem;}.dz-btn[b-9wagm5ikdb]{width: 100%;justify-content: center;}.settings-page[b-9wagm5ikdb]{padding: 1rem 0.75rem;}.settings-header[b-9wagm5ikdb]{flex-direction: column;text-align: center;gap: 0.85rem;margin-bottom: 1.25rem;padding-bottom: 1.25rem;}.header-icon[b-9wagm5ikdb]{width: 60px;height: 60px;font-size: 2rem;}.header-text h1[b-9wagm5ikdb]{font-size: 1.35rem;}.mobile-tabs[b-9wagm5ikdb]{display: flex;gap: 0.4rem;margin-bottom: 1.25rem;padding: 0.4rem;background: rgba(15,23,42,0.6);border-radius: 14px;border: 1px solid rgba(148,163,184,0.1);}.tab-btn[b-9wagm5ikdb]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.4rem;padding: 0.65rem 0.4rem;background: transparent;border: none;border-radius: 10px;color: var(--mxp-slate-500);font-size: 0.75rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}.tab-btn.active[b-9wagm5ikdb]{background: rgba(59,130,246,0.15);color: var(--mxp-blue-300);}.tab-hidden[b-9wagm5ikdb]{display: none !important;}.tab-visible[b-9wagm5ikdb]{display: block !important;}.settings-grid[b-9wagm5ikdb]{display: flex;flex-direction: column;gap: 1.25rem;}.column-left[b-9wagm5ikdb],.column-right[b-9wagm5ikdb]{width: 100%;}.account-card[b-9wagm5ikdb],.preferences-card[b-9wagm5ikdb],.connections-card[b-9wagm5ikdb]{width: 100%;box-sizing: border-box;}.account-card[b-9wagm5ikdb],.connections-card[b-9wagm5ikdb]{padding: 0.5rem;border-radius: 16px;}.card-section[b-9wagm5ikdb]{flex-direction: column;align-items: stretch;gap: 1rem;padding: 1rem;width: 100%;box-sizing: border-box;}.section-header[b-9wagm5ikdb]{width: 100%;}.section-info[b-9wagm5ikdb]{flex: 1;min-width: 0;word-break: break-word;}.section-info h3[b-9wagm5ikdb]{font-size: 0.95rem;}.section-info p[b-9wagm5ikdb]{font-size: 0.85rem;}.email-display[b-9wagm5ikdb]{flex-wrap: wrap;}.action-container[b-9wagm5ikdb]{flex-direction: row;align-items: center;justify-content: space-between;gap: 0.65rem;width: 100%;}.cooldown-text[b-9wagm5ikdb]{font-size: 0.7rem;flex-shrink: 0;}.action-btn[b-9wagm5ikdb]{flex: 1;justify-content: center;padding: 0.75rem 0.85rem;font-size: 0.8rem;}.card-divider[b-9wagm5ikdb]{margin: 0 1rem;}.preferences-card[b-9wagm5ikdb]{padding: 1rem;border-radius: 16px;}.preferences-header[b-9wagm5ikdb]{margin-bottom: 0.85rem;padding-bottom: 0.65rem;}.preferences-header h3[b-9wagm5ikdb]{font-size: 0.95rem;}.preferences-divider[b-9wagm5ikdb]{margin: 0.85rem 0;}.preference-item[b-9wagm5ikdb]{padding: 0.65rem 0.75rem;}.preference-icon[b-9wagm5ikdb]{width: 36px;height: 36px;font-size: 1.1rem;}.preference-title[b-9wagm5ikdb]{font-size: 0.8rem;}.preference-desc[b-9wagm5ikdb]{font-size: 0.65rem;}.connections-card[b-9wagm5ikdb]{padding: 0.85rem;border-radius: 16px;}.connections-header h3[b-9wagm5ikdb]{font-size: 0.9rem;}.connections-desc[b-9wagm5ikdb]{font-size: 0.75rem;margin-bottom: 0.65rem;}.dialog-modal[b-9wagm5ikdb]{margin: 0.5rem;border-radius: 16px;max-width: calc(100vw - 1rem);}.dialog-body[b-9wagm5ikdb]{padding: 1rem;}.dialog-actions[b-9wagm5ikdb]{flex-direction: column;padding: 0.85rem 1rem 1rem;}.btn-cancel[b-9wagm5ikdb],.btn-confirm[b-9wagm5ikdb],.btn-danger[b-9wagm5ikdb]{width: 100%;justify-content: center;}.input-group input[b-9wagm5ikdb]{font-size: 16px;}.pref-subtabs[b-9wagm5ikdb]{display: none;}.pref-section-hidden[b-9wagm5ikdb]{display: block !important;}.pref-desktop-hidden[b-9wagm5ikdb]{display: flex !important;}.pref-desktop-hidden.preferences-divider[b-9wagm5ikdb]{display: block !important;}}.theme-selector-item[b-9wagm5ikdb]{flex-wrap: wrap;gap: 0.75rem !important;}.theme-options-inline[b-9wagm5ikdb]{display: flex;gap: 0.5rem;margin-left: auto;flex-wrap: wrap;}.theme-chip[b-9wagm5ikdb]{display: flex;align-items: center;gap: 0.45rem;padding: 0.4rem 0.85rem;background: rgba(30,41,59,0.35);border: 1.5px solid rgba(148,163,184,0.1);border-radius: 20px;cursor: pointer;transition: all 0.2s ease;color: var(--mxp-slate-500);}@media (hover: hover) and (pointer: fine){.theme-chip:hover[b-9wagm5ikdb]{background: rgba(30,41,59,0.55);border-color: rgba(148,163,184,0.2);}}.theme-chip.active.purple[b-9wagm5ikdb]{border-color: rgba(139,92,246,0.5);background: rgba(139,92,246,0.1);}.theme-chip.active.green[b-9wagm5ikdb]{border-color: rgba(16,185,129,0.5);background: rgba(16,185,129,0.1);}.theme-chip.active.amber[b-9wagm5ikdb]{border-color: rgba(245,158,11,0.5);background: rgba(245,158,11,0.1);}.theme-chip.active .theme-label[b-9wagm5ikdb]{color: var(--mxp-slate-200);font-weight: 600;}.theme-dot[b-9wagm5ikdb]{width: 18px;height: 18px;border-radius: 50%;flex-shrink: 0;transition: all 0.2s ease;}.theme-dot.purple[b-9wagm5ikdb]{background: linear-gradient(135deg,var(--mxp-purple-500),var(--mxp-purple-200));}.theme-dot.green[b-9wagm5ikdb]{background: linear-gradient(135deg,var(--mxp-green-500),var(--mxp-green-300));}.theme-dot.amber[b-9wagm5ikdb]{background: linear-gradient(135deg,#d97706,var(--mxp-amber-500));}.theme-chip.active .theme-dot[b-9wagm5ikdb]{box-shadow: 0 0 10px currentColor;}.theme-chip.active.purple .theme-dot[b-9wagm5ikdb]{box-shadow: 0 0 10px rgba(139,92,246,0.5);}.theme-chip.active.green .theme-dot[b-9wagm5ikdb]{box-shadow: 0 0 10px rgba(16,185,129,0.5);}.theme-chip.active.amber .theme-dot[b-9wagm5ikdb]{box-shadow: 0 0 10px rgba(245,158,11,0.5);}.theme-label[b-9wagm5ikdb]{font-size: 0.78rem;font-weight: 500;letter-spacing: 0.02em;} @keyframes fadeInUp-b-xxtobif8bf{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@keyframes fadeIn-b-xxtobif8bf{from{opacity: 0;}to{opacity: 1;}}@keyframes scaleIn-b-xxtobif8bf{from{opacity: 0;transform: scale(0.95);}to{opacity: 1;transform: scale(1);}}@keyframes shimmer-b-xxtobif8bf{0%{background-position: -200% 0;}100%{background-position: 200% 0;}}.xp-history-page[b-xxtobif8bf]{display: grid;grid-template-columns: 320px 1fr;grid-template-rows: minmax(0,1fr);gap: 1.25rem;padding: 0.5rem 1.5rem;max-width: 1900px;margin: 0 auto;animation: fadeIn-b-xxtobif8bf 0.4s ease-out;overflow-x: hidden;height: 90dvh;}.mobile-profile-header[b-xxtobif8bf]{display: none;}.badge-progress[b-xxtobif8bf]{margin-top: 0.625rem;padding-top: 0.625rem;border-top: 1px solid rgba(148,163,184,0.1);}.badge-progress .progress-bar[b-xxtobif8bf]{height: 6px;background: rgba(30,41,59,0.9);border-radius: 3px;box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);position: relative;}.badge-progress .progress-fill[b-xxtobif8bf]{height: 100%;width: var(--w,0%);background: linear-gradient(90deg,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 80%,#fff));border-radius: 3px;transition: width 0.6s cubic-bezier(0.34,1.56,0.64,1);box-shadow: 0 0 12px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 40%,transparent);position: absolute;top: 0;left: 0;}.badge-progress .progress-numbers[b-xxtobif8bf]{display: flex;justify-content: space-between;font-size: 0.65rem;font-family: 'JetBrains Mono',monospace;color: var(--mxp-slate-400);margin-top: 0.3rem;}.badge-progress .progress-hint[b-xxtobif8bf]{font-size: 0.68rem;color: var(--mxp-slate-500);text-align: center;margin: 0.2rem 0 0 0;}.xp-sidebar[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.75rem;position: sticky;top: 0.5rem;height: fit-content;max-height: calc(100vh - 1rem);overflow-y: auto;overflow-x: hidden;animation: scaleIn-b-xxtobif8bf 0.4s ease-out;padding-bottom: 0.5rem;align-self: start;min-width: 0;}.xp-sidebar[b-xxtobif8bf]::-webkit-scrollbar{width: 6px;}.xp-sidebar[b-xxtobif8bf]::-webkit-scrollbar-track{background: rgba(15,23,42,0.3);border-radius: 3px;}.xp-sidebar[b-xxtobif8bf]::-webkit-scrollbar-thumb{background: rgba(148,163,184,0.3);border-radius: 3px;}@media (hover: hover) and (pointer: fine){.xp-sidebar[b-xxtobif8bf]::-webkit-scrollbar-thumb:hover{background: rgba(148,163,184,0.5);}}.sidebar-badge[b-xxtobif8bf]{background: linear-gradient(145deg,rgba(30,41,59,0.8),rgba(15,23,42,0.9));border: 1px solid rgba(148,163,184,0.1);border-radius: 14px;padding: 0.75rem;text-align: center;position: relative;animation: scaleIn-b-xxtobif8bf 0.5s ease-out 0.1s both;backdrop-filter: blur(12px);}.sidebar-badge[b-xxtobif8bf]::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 60%,#fff),var(--level-color,var(--mxp-amber-300)));background-size: 200% 100%;animation: shimmer-b-xxtobif8bf 3s ease-in-out infinite;opacity: 0.8;border-radius: 14px 14px 0 0;}.sidebar-badge .badge-content[b-xxtobif8bf]{width: 56px;height: 56px;background: linear-gradient(145deg,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 55%,#000));border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 0 16px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 40%,transparent),inset 0 2px 4px rgba(255,255,255,0.2);margin: 0 auto 0.4rem;position: relative;transition: transform 0.3s ease,box-shadow 0.3s ease;}@media (hover: hover) and (pointer: fine){.sidebar-badge:hover .badge-content[b-xxtobif8bf]{transform: scale(1.05);box-shadow: 0 0 28px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 50%,transparent),inset 0 2px 4px rgba(255,255,255,0.25);}}.sidebar-badge .badge-content .badge-emoji[b-xxtobif8bf]{font-size: 1.5rem;line-height: 1;display: flex;align-items: center;justify-content: center;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));}.sidebar-badge .badge-content .badge-level[b-xxtobif8bf]{font-size: 1.125rem;font-weight: 900;color: white;text-shadow: 0 2px 8px rgba(0,0,0,0.3);font-family: 'Orbitron',sans-serif;line-height: 1;margin-top: 0.1rem;}.sidebar-title[b-xxtobif8bf]{font-size: 0.95rem;font-weight: 700;color: var(--mxp-slate-100);margin: 0 0 0.15rem 0;}.sidebar-xp[b-xxtobif8bf]{font-size: 0.8rem;color: var(--mxp-slate-400);font-family: 'JetBrains Mono',monospace;margin: 0;}.sidebar-section[b-xxtobif8bf]{background: linear-gradient(145deg,rgba(30,41,59,0.6),rgba(15,23,42,0.7));border: 1px solid rgba(148,163,184,0.1);border-radius: 12px;padding: 0.875rem;animation: fadeIn-b-xxtobif8bf 0.4s ease-out both;backdrop-filter: blur(8px);overflow: hidden;}.sidebar-section:nth-child(2)[b-xxtobif8bf]{animation-delay: 0.15s;}.sidebar-section:nth-child(3)[b-xxtobif8bf]{animation-delay: 0.25s;}.section-label[b-xxtobif8bf]{font-size: 0.66rem;font-weight: 700;color: var(--mxp-slate-500);text-transform: uppercase;letter-spacing: 0.5px;margin: 0 0 0.5rem 0;}.level-progress[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.3rem;}.level-progress .progress-bar[b-xxtobif8bf]{height: 6px;background: rgba(30,41,59,0.9);border-radius: 3px;box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);position: relative;}.level-progress .progress-fill[b-xxtobif8bf]{height: 100%;width: var(--w,0%);background: linear-gradient(90deg,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 80%,#fff));border-radius: 3px;transition: width 0.6s cubic-bezier(0.34,1.56,0.64,1);box-shadow: 0 0 12px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 40%,transparent);position: absolute;top: 0;left: 0;}.level-progress .progress-numbers[b-xxtobif8bf]{display: flex;justify-content: space-between;font-size: 0.7rem;font-family: 'JetBrains Mono',monospace;color: var(--mxp-slate-400);}.level-progress .progress-hint[b-xxtobif8bf]{font-size: 0.65rem;color: var(--mxp-slate-500);text-align: center;margin: 0;}.sidebar-tabs[b-xxtobif8bf]{display: grid;grid-template-columns: 1fr 1fr;gap: 0.3rem;padding: 0.25rem;background: rgba(30,41,59,0.4);border-radius: 8px;margin-bottom: 0.625rem;}.sidebar-tab[b-xxtobif8bf]{padding: 0.4rem;background: transparent;border: none;border-radius: 6px;color: var(--mxp-slate-400);font-size: 0.7rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.sidebar-tab:hover[b-xxtobif8bf]{background: rgba(30,41,59,0.6);color: var(--mxp-slate-200);}}.sidebar-tab.active[b-xxtobif8bf]{background: rgba(59,130,246,0.2);color: var(--mxp-blue-300);box-shadow: 0 0 12px rgba(59,130,246,0.15);}.filters-content[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.375rem;animation: fadeIn-b-xxtobif8bf 0.3s ease-out;}.quick-stats[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.375rem;animation: fadeIn-b-xxtobif8bf 0.3s ease-out;}.quick-stats.stats-grid-2x2[b-xxtobif8bf]{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.5rem;}.quick-stat[b-xxtobif8bf]{display: flex;align-items: center;gap: 0.875rem;padding: 0.625rem 0.875rem;background: linear-gradient(135deg,rgba(30,41,59,0.6),rgba(15,23,42,0.5));border: 1px solid rgba(148,163,184,0.08);border-radius: 10px;transition: all 0.25s ease;min-width: 0;overflow: hidden;}@media (hover: hover) and (pointer: fine){.quick-stat:hover[b-xxtobif8bf]{background: linear-gradient(135deg,rgba(30,41,59,0.8),rgba(15,23,42,0.7));border-color: rgba(148,163,184,0.15);transform: translateY(-1px);box-shadow: 0 3px 10px rgba(0,0,0,0.15);}}.quick-stat .stat-icon[b-xxtobif8bf]{font-size: 1.125rem;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(30,41,59,0.9),rgba(15,23,42,0.8));border-radius: 8px;flex-shrink: 0;box-shadow: 0 2px 6px rgba(0,0,0,0.2);}.quick-stat .stat-number[b-xxtobif8bf]{font-size: 1.1rem;font-weight: 800;color: var(--mxp-slate-200);font-family: 'Orbitron',sans-serif;line-height: 1;}.quick-stat .stat-text[b-xxtobif8bf]{font-size: 0.75rem;color: var(--mxp-slate-500);line-height: 1;}.quick-stat .stat-subtext[b-xxtobif8bf]{font-size: 0.65rem;color: #475569;line-height: 1.2;margin-top: 2px;}.quick-stat.streak[b-xxtobif8bf]{border: 1px solid rgba(251,146,60,0.25);background: linear-gradient(135deg,rgba(251,146,60,0.1),rgba(30,41,59,0.5));}@media (hover: hover) and (pointer: fine){.quick-stat.streak:hover[b-xxtobif8bf]{border-color: rgba(251,146,60,0.4);background: linear-gradient(135deg,rgba(251,146,60,0.15),rgba(30,41,59,0.6));}}.quick-stat.streak .stat-number[b-xxtobif8bf]{color: var(--mxp-orange-300);text-shadow: 0 0 15px rgba(251,146,60,0.4);}.sidebar-analytics[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 1rem;}.mini-weekly[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.5rem;}.mini-weekly-header[b-xxtobif8bf]{display: flex;justify-content: space-between;align-items: center;}.mini-weekly-header .section-label[b-xxtobif8bf]{margin: 0;}.mini-weekly-total[b-xxtobif8bf]{font-size: 0.85rem;font-weight: 700;font-family: 'Orbitron',sans-serif;color: oklch(from var(--fc,var(--mxp-amber-300)) max(l,0.72) c h);}.mini-chart[b-xxtobif8bf]{display: flex;gap: 0.375rem;height: 60px;align-items: flex-end;padding: 0.25rem 0;}.mini-bar[b-xxtobif8bf]{flex: 1;display: flex;flex-direction: column;align-items: center;height: 100%;gap: 0.25rem;}.mini-bar-fill[b-xxtobif8bf]{width: 100%;height: var(--h,0%);min-height: 4px;background: linear-gradient(to top,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 70%,#fff));border-radius: 3px 3px 0 0;margin-top: auto;transition: height 0.3s ease;box-shadow: 0 0 8px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 30%,transparent);position: relative;cursor: pointer;}@media (hover: hover) and (pointer: fine){.mini-bar-fill:hover[b-xxtobif8bf]{filter: brightness(1.2);}}.mini-bar-tooltip[b-xxtobif8bf]{position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);background: rgba(15,23,42,0.95);color: var(--mxp-slate-200);padding: 0.25rem 0.5rem;border-radius: 4px;font-size: 0.6rem;font-weight: 600;white-space: nowrap;opacity: 0;visibility: hidden;transition: all 0.2s ease;pointer-events: none;z-index: 10;}.mini-bar-fill:hover .mini-bar-tooltip[b-xxtobif8bf]{opacity: 1;visibility: visible;}.mini-bar-fill.selected[b-xxtobif8bf]{box-shadow: 0 0 12px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 60%,transparent),inset 0 0 0 2px rgba(255,255,255,0.4);filter: brightness(1.15);}.mini-bar-label[b-xxtobif8bf]{font-size: 0.6rem;color: var(--mxp-slate-500);font-weight: 600;}.mini-activities[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.5rem;}.mini-activities .section-label[b-xxtobif8bf]{margin: 0;}.mini-activity-list[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.375rem;}.mini-activity-row[b-xxtobif8bf]{display: flex;align-items: center;gap: 0.5rem;padding: 0.4rem 0.5rem;background: rgba(30,41,59,0.4);border-radius: 6px;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.mini-activity-row:hover[b-xxtobif8bf]{background: rgba(30,41,59,0.6);}}.mini-activity-icon[b-xxtobif8bf]{font-size: 0.9rem;}.mini-activity-name[b-xxtobif8bf]{flex: 1;font-size: 0.7rem;color: var(--mxp-slate-200);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.mini-activity-xp[b-xxtobif8bf]{font-size: 0.7rem;font-weight: 700;font-family: 'Orbitron',sans-serif;color: oklch(from var(--fc,var(--mxp-amber-300)) max(l,0.72) c h);}.tab-analytics-mobile[b-xxtobif8bf]{display: none !important;}.analytics-mobile-view[b-xxtobif8bf]{display: none;}.filter-group[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.3rem;margin-bottom: 0.3rem;}.filter-group:last-child[b-xxtobif8bf]{margin-bottom: 0;}.filter-label[b-xxtobif8bf]{font-size: 0.7rem;font-weight: 600;color: var(--mxp-slate-400);}.filter-chips[b-xxtobif8bf]{display: grid;grid-template-columns: 1fr 1fr;gap: 0.25rem;}.filter-chip[b-xxtobif8bf]{padding: 0.35rem 0.5rem;background: rgba(30,41,59,0.5);border: 1px solid rgba(148,163,184,0.1);border-radius: 6px;color: var(--mxp-slate-400);font-size: 0.7rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;}.period-chips[b-xxtobif8bf]{grid-template-columns: 1fr 1fr;}.period-chips .filter-chip[b-xxtobif8bf]{font-size: 0.75rem;padding: 0.4rem 0.6rem;}@media (hover: hover) and (pointer: fine){.filter-chip:hover[b-xxtobif8bf]{background: rgba(30,41,59,0.8);border-color: rgba(148,163,184,0.2);color: var(--mxp-slate-200);}}.filter-chip.active[b-xxtobif8bf]{background: rgba(59,130,246,0.2);border-color: rgba(59,130,246,0.4);color: var(--mxp-blue-300);}.clear-filters-btn[b-xxtobif8bf]{width: 100%;padding: 0.35rem;background: rgba(239,68,68,0.1);border: 1px solid rgba(239,68,68,0.2);border-radius: 6px;color: var(--mxp-red-500);font-size: 0.65rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;gap: 0.25rem;}.empty-timeline[b-xxtobif8bf]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.75rem;padding: 3rem 2rem;background: linear-gradient(135deg,rgba(30,41,59,0.4),rgba(15,23,42,0.3));border-radius: 16px;border: 1px dashed rgba(148,163,184,0.15);flex: 1;color: var(--mxp-slate-500);animation: fadeIn-b-xxtobif8bf 0.4s ease-out;}.empty-timeline p[b-xxtobif8bf]{margin: 0;font-size: 0.9rem;text-align: center;}.empty-timeline .clear-filters-btn[b-xxtobif8bf]{width: auto;padding: 0.5rem 1rem;font-size: 0.75rem;margin-top: 0.5rem;}@media (hover: hover) and (pointer: fine){.clear-filters-btn:hover[b-xxtobif8bf]{background: rgba(239,68,68,0.2);border-color: rgba(239,68,68,0.3);}}.xp-content[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.625rem;animation: fadeIn-b-xxtobif8bf 0.5s ease-out 0.1s both;min-width: 0;min-height: 0;overflow: hidden;}.content-header[b-xxtobif8bf]{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 0.625rem;flex-shrink: 0;}.page-title[b-xxtobif8bf]{font-size: 1.5rem;font-weight: 800;color: var(--mxp-slate-100);margin: 0;}.page-subtitle[b-xxtobif8bf]{font-size: 0.85rem;color: rgba(255,255,255,0.45);font-weight: 500;margin: 0.15rem 0 0 0;}.header-tabs-wrapper[b-xxtobif8bf]{flex-shrink: 0;}.header-tabs[b-xxtobif8bf]{display: flex;gap: 0.35rem;background: linear-gradient(145deg,rgba(30,41,59,0.6),rgba(15,23,42,0.7));border: 1px solid rgba(148,163,184,0.1);border-radius: 12px;padding: 0.25rem;width: fit-content;backdrop-filter: blur(8px);}.tab-btn[b-xxtobif8bf]{padding: 0.5rem 0.875rem;background: transparent;border: none;border-radius: 8px;color: var(--mxp-slate-400);font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;gap: 0.35rem;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.tab-btn:hover[b-xxtobif8bf]{background: rgba(30,41,59,0.6);color: var(--mxp-slate-200);}}.tab-btn.active[b-xxtobif8bf]{background: rgba(59,130,246,0.2);color: var(--mxp-blue-300);box-shadow: 0 0 20px rgba(59,130,246,0.1);}.tab-text[b-xxtobif8bf]{display: inline;}.tab-text-short[b-xxtobif8bf]{display: none;}.tab-content-wrapper[b-xxtobif8bf]{flex: 1;display: flex;flex-direction: column;min-height: 0;overflow: hidden;}.timeline-view[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.625rem;animation: fadeIn-b-xxtobif8bf 0.4s ease-out;flex: 1;min-height: 0;overflow: hidden;}.period-summary[b-xxtobif8bf]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.625rem;flex-shrink: 0;}.summary-card[b-xxtobif8bf]{background: linear-gradient(135deg,rgba(30,41,59,0.7),rgba(15,23,42,0.5));border: 1px solid rgba(148,163,184,0.1);border-radius: 12px;padding: 0.625rem 0.875rem;display: flex;flex-direction: column;gap: 0.2rem;animation: fadeIn-b-xxtobif8bf 0.4s ease-out both;backdrop-filter: blur(8px);transition: all 0.25s ease;}@media (hover: hover) and (pointer: fine){.summary-card:hover[b-xxtobif8bf]{border-color: rgba(148,163,184,0.18);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0,0,0,0.2);}}.summary-card:nth-child(1)[b-xxtobif8bf]{animation-delay: 0.05s;}.summary-card:nth-child(2)[b-xxtobif8bf]{animation-delay: 0.1s;}.summary-card:nth-child(3)[b-xxtobif8bf]{animation-delay: 0.15s;}.summary-label[b-xxtobif8bf]{font-size: 0.65rem;color: var(--mxp-slate-500);text-transform: uppercase;letter-spacing: 0.5px;}.summary-value[b-xxtobif8bf]{font-size: 1.25rem;font-weight: 800;font-family: 'Orbitron',sans-serif;color: oklch(from var(--fc,var(--mxp-amber-300)) max(l,0.72) c h);text-shadow: 0 0 20px currentColor;}.transactions-list[b-xxtobif8bf]{flex: 1;min-height: 0;overflow-y: auto;display: flex;flex-direction: column;gap: 0.5rem;padding-right: 0.5rem;}.transactions-list[b-xxtobif8bf]::-webkit-scrollbar{width: 6px;}.transactions-list[b-xxtobif8bf]::-webkit-scrollbar-track{background: rgba(15,23,42,0.3);border-radius: 3px;}.transactions-list[b-xxtobif8bf]::-webkit-scrollbar-thumb{background: rgba(148,163,184,0.3);border-radius: 3px;}@media (hover: hover) and (pointer: fine){.transactions-list[b-xxtobif8bf]::-webkit-scrollbar-thumb:hover{background: rgba(148,163,184,0.5);}}.transactions-pagination[b-xxtobif8bf]{display: flex;justify-content: center;align-items: center;gap: 0.75rem;margin-top: 0.5rem;padding-top: 0.5rem;border-top: 1px solid rgba(148,163,184,0.1);flex-shrink: 0;}.transaction-group[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.4rem;animation: fadeIn-b-xxtobif8bf 0.4s ease-out both;}.group-date[b-xxtobif8bf]{font-size: 0.7rem;font-weight: 700;color: var(--mxp-slate-500);text-transform: uppercase;letter-spacing: 0.5px;margin: 0;padding-left: 0.375rem;}.group-items[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.35rem;}.transaction-item[b-xxtobif8bf]{display: flex;align-items: center;gap: 0.75rem;padding: 0.625rem 0.875rem;background: linear-gradient(135deg,rgba(30,41,59,0.6),rgba(15,23,42,0.4));border: 1px solid rgba(148,163,184,0.08);border-radius: 10px;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);position: relative;backdrop-filter: blur(8px);flex-wrap: wrap;}@media (hover: hover) and (pointer: fine){.transaction-item:hover[b-xxtobif8bf]{background: linear-gradient(135deg,rgba(30,41,59,0.8),rgba(15,23,42,0.6));border-color: rgba(148,163,184,0.15);transform: translateY(-2px) scale(1.005);box-shadow: 0 8px 32px rgba(0,0,0,0.25),0 0 0 1px rgba(148,163,184,0.05);}}.transaction-item.grouped[b-xxtobif8bf]{background: linear-gradient(135deg,rgba(139,92,246,0.08),rgba(30,41,59,0.6));border-color: rgba(139,92,246,0.2);}.transaction-item.grouped .tx-episodes-range[b-xxtobif8bf]{font-size: 0.65rem;padding: 0.15rem 0.5rem;background: rgba(139,92,246,0.15);border-radius: 6px;color: var(--mxp-purple-200);font-weight: 500;}.transaction-item.level-up[b-xxtobif8bf]{background: linear-gradient(135deg,rgba(251,191,36,0.12),rgba(251,146,60,0.06));border-color: rgba(251,191,36,0.25);box-shadow: 0 0 40px rgba(251,191,36,0.08);}.transaction-item.level-up[b-xxtobif8bf]::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: linear-gradient(to bottom,var(--mxp-amber-300),var(--mxp-amber-500));border-radius: 16px 0 0 16px;}.transaction-item.category-game[b-xxtobif8bf]{border-left: 4px solid var(--mxp-green-300);}.transaction-item.category-series[b-xxtobif8bf]{border-left: 4px solid var(--mxp-purple-200);}.transaction-item.category-movie[b-xxtobif8bf]{border-left: 4px solid #f472b6;}.tx-icon[b-xxtobif8bf]{font-size: 1rem;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(30,41,59,0.9),rgba(15,23,42,0.8));border-radius: 8px;flex-shrink: 0;box-shadow: 0 2px 8px rgba(0,0,0,0.15);}.tx-content[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0;flex: 1;}.tx-description[b-xxtobif8bf]{font-size: 0.8rem;color: var(--mxp-slate-100);font-weight: 600;letter-spacing: -0.01em;}.tx-meta[b-xxtobif8bf]{display: flex;gap: 0.75rem;align-items: center;flex-wrap: wrap;}.tx-time[b-xxtobif8bf]{font-size: 0.65rem;color: var(--mxp-slate-500);}.tx-category[b-xxtobif8bf]{font-size: 0.62rem;padding: 0.15rem 0.4rem;background: rgba(148,163,184,0.12);border-radius: 5px;color: var(--mxp-slate-400);text-transform: uppercase;letter-spacing: 0.5px;font-weight: 600;}.tx-xp[b-xxtobif8bf]{font-size: 0.85rem;font-weight: 800;font-family: 'Orbitron',monospace;flex-shrink: 0;padding: 0.25rem 0.625rem;background: rgba(34,211,238,0.1);border-radius: 14px;letter-spacing: 0.02em;color: oklch(from var(--fc,var(--mxp-amber-300)) max(l,0.72) c h);}.tx-xp.negative[b-xxtobif8bf]{color: var(--mxp-red-400);background: rgba(248,113,113,0.1);}.tx-level-badge[b-xxtobif8bf]{font-size: 0.7rem;padding: 0.25rem 0.625rem;background: rgba(251,191,36,0.2);border: 1px solid rgba(251,191,36,0.3);border-radius: 14px;color: var(--mxp-amber-300);font-weight: 700;flex-shrink: 0;white-space: nowrap;}.achievements-view[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 1rem;animation: fadeIn-b-xxtobif8bf 0.4s ease-out;width: 100%;flex: 1;min-height: 0;overflow: hidden;}.achievements-header[b-xxtobif8bf]{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1rem;flex-shrink: 0;}.achievements-progress[b-xxtobif8bf]{display: flex;align-items: center;gap: 0.75rem;}.achievements-count[b-xxtobif8bf]{font-size: 0.9rem;color: var(--mxp-slate-400);}.achievements-count strong[b-xxtobif8bf]{font-family: 'Orbitron',monospace;color: oklch(from var(--fc,var(--mxp-amber-300)) max(l,0.72) c h);}.achievements-controls[b-xxtobif8bf]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;}.toggle-btn[b-xxtobif8bf],.sort-btn[b-xxtobif8bf]{display: flex;align-items: center;gap: 0.5rem;padding: 0.55rem 1rem;background: rgba(30,41,59,0.5);border: 1px solid rgba(148,163,184,0.2);border-radius: 8px;color: var(--mxp-slate-400);font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.toggle-btn:hover[b-xxtobif8bf],.sort-btn:hover[b-xxtobif8bf]{background: rgba(30,41,59,0.8);color: var(--mxp-slate-200);}}.toggle-btn.active[b-xxtobif8bf]{background: rgba(59,130,246,0.2);border-color: rgba(59,130,246,0.4);color: var(--mxp-blue-300);}.sort-btn.active[b-xxtobif8bf]{background: rgba(34,197,94,0.2);border-color: rgba(34,197,94,0.4);color: #22c55e;}.achievement-category-tabs[b-xxtobif8bf]{display: flex;gap: 0.4rem;background: linear-gradient(145deg,rgba(30,41,59,0.6),rgba(15,23,42,0.7));border: 1px solid rgba(148,163,184,0.1);border-radius: 12px;padding: 0.25rem;flex-shrink: 0;width: fit-content;backdrop-filter: blur(8px);}.achievement-tab[b-xxtobif8bf]{padding: 0.55rem 1rem;background: transparent;border: none;border-radius: 8px;color: var(--mxp-slate-400);font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;gap: 0.4rem;}@media (hover: hover) and (pointer: fine){.achievement-tab:hover[b-xxtobif8bf]{background: rgba(30,41,59,0.5);color: var(--mxp-slate-200);}}.achievement-tab.active[b-xxtobif8bf]{background: rgba(59,130,246,0.2);color: var(--mxp-blue-300);}.achievements-grid[b-xxtobif8bf]{display: grid;grid-template-columns: repeat(3,1fr);gap: 1rem;width: 100%;overflow-y: auto;align-content: start;padding-right: 0.5rem;}.achievements-grid[b-xxtobif8bf]::-webkit-scrollbar{width: 6px;}.achievements-grid[b-xxtobif8bf]::-webkit-scrollbar-track{background: rgba(15,23,42,0.3);border-radius: 3px;}.achievements-grid[b-xxtobif8bf]::-webkit-scrollbar-thumb{background: rgba(148,163,184,0.3);border-radius: 3px;}@media (hover: hover) and (pointer: fine){.achievements-grid[b-xxtobif8bf]::-webkit-scrollbar-thumb:hover{background: rgba(148,163,184,0.5);}}.achievement-card[b-xxtobif8bf]{display: flex;align-items: center;gap: 0.875rem;padding: 1rem 1.25rem;background: linear-gradient(135deg,rgba(30,41,59,0.6),rgba(15,23,42,0.4));border: 1px solid rgba(148,163,184,0.08);border-radius: 14px;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);animation: fadeIn-b-xxtobif8bf 0.4s ease-out both;min-width: 0;overflow: hidden;backdrop-filter: blur(8px);}@media (hover: hover) and (pointer: fine){.achievement-card:hover[b-xxtobif8bf]{transform: translateY(-3px) scale(1.01);box-shadow: 0 8px 32px rgba(0,0,0,0.25);border-color: rgba(148,163,184,0.15);}}.achievement-card.earned[b-xxtobif8bf]{border-color: rgba(251,191,36,0.35);background: linear-gradient(135deg,rgba(251,191,36,0.12),rgba(251,146,60,0.06));box-shadow: 0 0 20px rgba(251,191,36,0.08);}.achievement-card.locked[b-xxtobif8bf]{opacity: 0.55;}.achievement-card.locked .achievement-icon[b-xxtobif8bf]{filter: grayscale(1);}.achievement-icon[b-xxtobif8bf]{font-size: 1.5rem;width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(30,41,59,0.9),rgba(15,23,42,0.8));border-radius: 50%;flex-shrink: 0;box-shadow: 0 2px 8px rgba(0,0,0,0.15);}.achievement-info[b-xxtobif8bf]{flex: 1;min-width: 0;overflow: hidden;}.achievement-info h4[b-xxtobif8bf]{font-size: 0.85rem;font-weight: 700;color: var(--mxp-slate-100);margin: 0 0 0.25rem 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.achievement-info p[b-xxtobif8bf]{font-size: 0.7rem;color: var(--mxp-slate-400);margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.achievement-xp[b-xxtobif8bf]{font-size: 0.75rem;font-weight: 800;font-family: 'Orbitron',monospace;flex-shrink: 0;padding: 0.25rem 0.625rem;background: rgba(34,211,238,0.1);border-radius: 12px;color: oklch(from var(--fc,var(--mxp-amber-300)) max(l,0.72) c h);}.achievements-pagination[b-xxtobif8bf]{display: flex;justify-content: center;align-items: center;gap: 1rem;padding-top: 1rem;flex-shrink: 0;}.page-btn[b-xxtobif8bf]{width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;background: rgba(30,41,59,0.5);border: 1px solid rgba(148,163,184,0.2);border-radius: 8px;color: var(--mxp-slate-400);cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.page-btn:hover:not(:disabled)[b-xxtobif8bf]{background: rgba(30,41,59,0.8);border-color: rgba(148,163,184,0.3);color: var(--mxp-slate-200);}}.page-btn:disabled[b-xxtobif8bf]{opacity: 0.3;cursor: not-allowed;}.page-info[b-xxtobif8bf]{font-size: 0.85rem;color: var(--mxp-slate-400);font-weight: 600;}.no-achievements[b-xxtobif8bf]{text-align: center;padding: 3rem 2rem;color: var(--mxp-slate-500);background: linear-gradient(135deg,rgba(30,41,59,0.4),rgba(15,23,42,0.3));border-radius: 16px;border: 1px dashed rgba(148,163,184,0.15);flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;}.no-achievements p[b-xxtobif8bf]{margin: 0.75rem 0 0;font-size: 0.9rem;}.analytics-mobile-view[b-xxtobif8bf]{display: none;flex-direction: column;gap: 1rem;animation: fadeIn-b-xxtobif8bf 0.4s ease-out;}.analytics-mobile-card[b-xxtobif8bf]{background: linear-gradient(145deg,rgba(30,41,59,0.7),rgba(15,23,42,0.8));border: 1px solid rgba(148,163,184,0.1);border-radius: 14px;padding: 1rem;backdrop-filter: blur(8px);}.analytics-mobile-header[b-xxtobif8bf]{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.75rem;}.analytics-mobile-title[b-xxtobif8bf]{font-size: 0.9rem;font-weight: 700;color: var(--mxp-slate-200);margin: 0;}.analytics-mobile-total[b-xxtobif8bf]{font-size: 0.9rem;font-weight: 700;font-family: 'Orbitron',sans-serif;color: oklch(from var(--fc,var(--mxp-amber-300)) max(l,0.72) c h);}.analytics-mobile-chart[b-xxtobif8bf]{display: flex;gap: 0.5rem;height: 140px;align-items: flex-end;padding: 0.5rem 0;}.mobile-chart-bar[b-xxtobif8bf]{flex: 1;display: flex;flex-direction: column;align-items: center;height: 100%;gap: 0.35rem;}.mobile-bar-fill[b-xxtobif8bf]{width: 100%;height: var(--h,0%);min-height: 6px;background: linear-gradient(to top,var(--level-color,var(--mxp-amber-300)),color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 70%,#fff));border-radius: 4px 4px 0 0;margin-top: auto;transition: height 0.3s ease;box-shadow: 0 0 12px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 30%,transparent);position: relative;cursor: pointer;}@media (hover: hover) and (pointer: fine){.mobile-bar-fill:hover[b-xxtobif8bf]{filter: brightness(1.2);}}.mobile-bar-tooltip[b-xxtobif8bf]{position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);background: rgba(15,23,42,0.95);color: var(--mxp-slate-200);padding: 0.3rem 0.6rem;border-radius: 6px;font-size: 0.7rem;font-weight: 600;white-space: nowrap;opacity: 0;visibility: hidden;transition: all 0.2s ease;pointer-events: none;z-index: 10;margin-bottom: 4px;}.mobile-bar-fill:hover .mobile-bar-tooltip[b-xxtobif8bf]{opacity: 1;visibility: visible;}.mobile-bar-fill.selected[b-xxtobif8bf]{box-shadow: 0 0 16px color-mix(in srgb,var(--level-color,var(--mxp-amber-300)) 60%,transparent),inset 0 0 0 2px rgba(255,255,255,0.4);filter: brightness(1.15);}.mobile-bar-label[b-xxtobif8bf]{font-size: 0.7rem;color: var(--mxp-slate-500);font-weight: 600;}.analytics-mobile-activities[b-xxtobif8bf]{display: flex;flex-direction: column;gap: 0.5rem;}.mobile-activity-row[b-xxtobif8bf]{display: grid;grid-template-columns: auto 1fr auto auto;align-items: center;gap: 0.625rem;padding: 0.625rem 0.75rem;background: rgba(30,41,59,0.5);border-radius: 10px;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.mobile-activity-row:hover[b-xxtobif8bf]{background: rgba(30,41,59,0.7);}}.mobile-activity-icon[b-xxtobif8bf]{font-size: 1.1rem;}.mobile-activity-name[b-xxtobif8bf]{font-size: 0.8rem;color: var(--mxp-slate-200);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.mobile-activity-count[b-xxtobif8bf]{font-size: 0.7rem;color: var(--mxp-slate-500);font-family: 'JetBrains Mono',monospace;}.mobile-activity-xp[b-xxtobif8bf]{font-size: 0.8rem;font-weight: 700;font-family: 'Orbitron',monospace;color: oklch(from var(--fc,var(--mxp-amber-300)) max(l,0.72) c h);}@media (max-width: 1440px){.achievements-grid[b-xxtobif8bf]{grid-template-columns: repeat(2,1fr);}}@media (max-width: 1024px){.xp-history-page[b-xxtobif8bf]{grid-template-columns: 280px 1fr;gap: 1rem;padding: 0.5rem 1.25rem;}.achievements-grid[b-xxtobif8bf]{grid-template-columns: repeat(2,1fr);}.mini-chart[b-xxtobif8bf]{height: 50px;}}@media (max-width: 960px){.xp-history-page[b-xxtobif8bf]{grid-template-columns: 1fr;padding: 1rem;height: auto;}.xp-sidebar[b-xxtobif8bf]{display: none;}.mobile-profile-header[b-xxtobif8bf]{display: block;}.mobile-profile-header .sidebar-badge[b-xxtobif8bf]{animation: none;}.xp-content[b-xxtobif8bf]{animation-delay: 0s;}.content-header[b-xxtobif8bf]{flex-direction: column;align-items: flex-start;}.header-tabs-wrapper[b-xxtobif8bf]{width: 100%;}.header-tabs[b-xxtobif8bf]{width: 100%;display: grid;grid-template-columns: repeat(3,1fr);}.tab-analytics-mobile[b-xxtobif8bf]{display: flex !important;}.analytics-mobile-view[b-xxtobif8bf]{display: flex !important;}.tab-btn[b-xxtobif8bf]{justify-content: center;padding: 0.6rem 0.75rem;font-size: 0.8rem;}.tab-text[b-xxtobif8bf]{display: none;}.tab-text-short[b-xxtobif8bf]{display: inline;}.tab-content-wrapper[b-xxtobif8bf]{min-height: 0;overflow: hidden;}.timeline-view[b-xxtobif8bf]{gap: 0.5rem;}.transactions-list[b-xxtobif8bf]{flex: 1;min-height: 0;gap: 0.4rem;}.period-summary[b-xxtobif8bf]{grid-template-columns: repeat(3,1fr);gap: 0.75rem;}.summary-card[b-xxtobif8bf]{padding: 1rem;}.summary-label[b-xxtobif8bf]{font-size: 0.65rem;}.summary-value[b-xxtobif8bf]{font-size: 1.375rem;}.achievements-grid[b-xxtobif8bf]{grid-template-columns: 1fr;gap: 0.75rem;}.achievement-card[b-xxtobif8bf]{padding: 1rem 1.125rem;gap: 1rem;}.achievement-icon[b-xxtobif8bf]{width: 50px;height: 50px;font-size: 1.5rem;}.achievement-info h4[b-xxtobif8bf]{font-size: 0.95rem;white-space: normal;overflow: visible;text-overflow: unset;}.achievement-info p[b-xxtobif8bf]{font-size: 0.8rem;white-space: normal;overflow: visible;text-overflow: unset;line-height: 1.4;}.achievement-xp[b-xxtobif8bf]{font-size: 0.85rem;padding: 0.35rem 0.875rem;}.achievement-category-tabs[b-xxtobif8bf]{width: 100%;display: grid;grid-template-columns: repeat(4,1fr);}.achievement-tab[b-xxtobif8bf]{justify-content: center;padding: 0.5rem 0.375rem;flex-direction: column;gap: 0.25rem;}.achievement-tab .tab-icon[b-xxtobif8bf]{font-size: 1.2rem;}.achievement-tab .tab-label[b-xxtobif8bf]{font-size: 0.7rem;}.achievements-controls[b-xxtobif8bf]{width: 100%;justify-content: space-between;}.sort-btn .btn-text[b-xxtobif8bf],.toggle-btn .btn-text[b-xxtobif8bf]{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;}.sort-btn[b-xxtobif8bf],.toggle-btn[b-xxtobif8bf]{padding: 0.55rem 0.75rem;}}@media (max-width: 600px){.xp-history-page[b-xxtobif8bf]{padding: 0.875rem;}.page-title[b-xxtobif8bf]{font-size: 1.5rem;}.mobile-profile-header .sidebar-badge[b-xxtobif8bf]{padding: 1.125rem;}.mobile-profile-header .badge-content[b-xxtobif8bf]{width: 70px;height: 70px;margin-bottom: 0.625rem;}.mobile-profile-header .badge-emoji[b-xxtobif8bf]{font-size: 1.625rem !important;}.mobile-profile-header .badge-level[b-xxtobif8bf]{font-size: 1.25rem !important;}.mobile-profile-header .sidebar-title[b-xxtobif8bf]{font-size: 1rem;}.mobile-profile-header .sidebar-xp[b-xxtobif8bf]{font-size: 0.85rem;}.mobile-profile-header .badge-progress[b-xxtobif8bf]{margin-top: 0.875rem;padding-top: 0.875rem;}.tab-content-wrapper[b-xxtobif8bf]{min-height: 0;overflow: hidden;}.transactions-list[b-xxtobif8bf]{flex: 1;min-height: 0;}.period-summary[b-xxtobif8bf]{gap: 0.4rem;}.summary-card[b-xxtobif8bf]{padding: 0.625rem 0.75rem;}.summary-label[b-xxtobif8bf]{font-size: 0.64rem;}.summary-value[b-xxtobif8bf]{font-size: 1.05rem;}.transaction-item[b-xxtobif8bf]{gap: 0.625rem;padding: 0.625rem 0.75rem;border-radius: 10px;}.tx-icon[b-xxtobif8bf]{width: 34px;height: 34px;font-size: 0.95rem;border-radius: 8px;}.tx-description[b-xxtobif8bf]{font-size: 0.775rem;}.tx-meta[b-xxtobif8bf]{gap: 0.4rem;}.tx-time[b-xxtobif8bf]{font-size: 0.66rem;}.tx-category[b-xxtobif8bf]{font-size: 0.62rem;padding: 0.15rem 0.4rem;}.tx-xp[b-xxtobif8bf]{font-size: 0.8rem;padding: 0.25rem 0.55rem;}.tx-level-badge[b-xxtobif8bf]{font-size: 0.65rem;padding: 0.2rem 0.5rem;}.group-date[b-xxtobif8bf]{font-size: 0.75rem;padding-left: 0.375rem;}.group-items[b-xxtobif8bf]{gap: 0.35rem;}.achievement-card[b-xxtobif8bf]{padding: 0.875rem 1rem;gap: 0.875rem;}.achievement-icon[b-xxtobif8bf]{width: 44px;height: 44px;font-size: 1.375rem;}.achievement-info h4[b-xxtobif8bf]{font-size: 0.875rem;}.achievement-info p[b-xxtobif8bf]{font-size: 0.75rem;}.achievement-xp[b-xxtobif8bf]{font-size: 0.75rem;padding: 0.275rem 0.6rem;}.no-achievements[b-xxtobif8bf]{padding: 2rem 1.25rem;}} @keyframes fadeIn-b-60h2mfuiai{from{opacity: 0;}to{opacity: 1;}}@keyframes modalSlideIn-b-60h2mfuiai{from{opacity: 0;transform: translateY(-20px) scale(0.97);}to{opacity: 1;transform: translateY(0) scale(1);}}@keyframes diceRoll-b-60h2mfuiai{0%{transform: rotate(0deg) scale(1);}25%{transform: rotate(90deg) scale(1.08);}50%{transform: rotate(180deg) scale(1);}75%{transform: rotate(270deg) scale(1.08);}100%{transform: rotate(360deg) scale(1);}}@keyframes pulse-b-60h2mfuiai{0%,100%{transform: scale(1);}50%{transform: scale(1.05);}}@keyframes resultReveal-b-60h2mfuiai{from{opacity: 0;transform: scale(0.92);}to{opacity: 1;transform: scale(1);}}.randomizer-overlay[b-60h2mfuiai]{position: fixed;inset: 0;background: rgba(0,0,0,0.9);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);display: flex;align-items: center;justify-content: center;z-index: 10000;padding: 16px;animation: fadeIn-b-60h2mfuiai 0.2s ease;}.randomizer-modal[b-60h2mfuiai]{position: relative;width: 100%;max-width: 520px;max-height: 80vh;background: linear-gradient(145deg,rgba(30,41,59,0.98),rgba(15,23,42,0.99));border-radius: 20px;overflow: hidden;box-shadow: 0 24px 64px rgba(0,0,0,0.55);animation: modalSlideIn-b-60h2mfuiai 0.3s cubic-bezier(0.34,1.56,0.64,1);display: flex;flex-direction: column;}.randomizer-header[b-60h2mfuiai]{display: flex;align-items: center;justify-content: space-between;padding: 0.7rem 1rem;background: rgba(15,23,42,0.8);flex-shrink: 0;}.randomizer-header.media[b-60h2mfuiai]{border-bottom: 1px solid rgba(167,139,250,0.2);}.randomizer-header.games[b-60h2mfuiai]{border-bottom: 1px solid rgba(16,185,129,0.2);}.randomizer-nav[b-60h2mfuiai]{display: flex;gap: 0.5rem;}.nav-btn[b-60h2mfuiai]{display: flex;align-items: center;gap: 0.4rem;padding: 0.45rem 0.85rem;background: rgba(30,41,59,0.5);border: 1px solid rgba(100,116,139,0.3);border-radius: 8px;color: rgba(255,255,255,0.5);font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.nav-btn:hover:not(:disabled):not(.active)[b-60h2mfuiai]{background: rgba(255,255,255,0.05);color: rgba(255,255,255,0.8);}}.nav-btn.active.media[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));border-color: transparent;color: white;box-shadow: 0 3px 12px rgba(167,139,250,0.3);}.nav-btn.active.games[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-green-500),var(--mxp-green-300));border-color: transparent;color: white;box-shadow: 0 3px 12px rgba(16,185,129,0.3);}.nav-btn:disabled[b-60h2mfuiai]{opacity: 0.35;cursor: not-allowed;}.randomizer-close-btn[b-60h2mfuiai]{width: 34px;height: 34px;border-radius: 8px;background: rgba(239,68,68,0.15);border: none;color: var(--mxp-red-400);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.randomizer-close-btn:hover[b-60h2mfuiai]{background: rgba(239,68,68,0.3);}}.randomizer-body[b-60h2mfuiai]{flex: 1;overflow-y: auto;padding: 1.15rem;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: rgba(100,116,139,0.3) transparent;}.randomizer-body[b-60h2mfuiai]::-webkit-scrollbar{width: 5px;}.randomizer-body[b-60h2mfuiai]::-webkit-scrollbar-track{background: transparent;}.randomizer-body[b-60h2mfuiai]::-webkit-scrollbar-thumb{background: rgba(100,116,139,0.3);border-radius: 3px;}.randomizer-searching[b-60h2mfuiai]{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.85rem;padding: 2rem 1.5rem;text-align: center;}.dice-face[b-60h2mfuiai]{font-size: 2.75rem;animation: diceRoll-b-60h2mfuiai 1s ease-in-out infinite;}.searching-text[b-60h2mfuiai]{font-size: 1.05rem;font-weight: 700;color: white;margin: 0;}.searching-hint[b-60h2mfuiai]{font-size: 0.8rem;color: rgba(255,255,255,0.5);}.loading-spinner-ring[b-60h2mfuiai]{position: relative;width: 56px;height: 56px;}.loading-spinner-ring .ring-outer[b-60h2mfuiai]{position: absolute;inset: 0;border-radius: 50%;border: 3px solid rgba(167,139,250,0.1);border-top-color: var(--mxp-purple-200);animation: spinRing-b-60h2mfuiai 1s cubic-bezier(0.4,0,0.2,1) infinite;}.loading-spinner-ring .ring-inner[b-60h2mfuiai]{position: absolute;inset: 8px;border-radius: 50%;border: 2px solid rgba(139,92,246,0.08);border-bottom-color: rgba(139,92,246,0.5);animation: spinRing-b-60h2mfuiai 1.5s cubic-bezier(0.4,0,0.2,1) infinite reverse;}.loading-spinner-ring .ring-dot[b-60h2mfuiai]{position: absolute;top: 50%;left: 50%;width: 6px;height: 6px;margin: -3px 0 0 -3px;border-radius: 50%;background: var(--mxp-purple-200);animation: pulseDot-b-60h2mfuiai 1.2s ease-in-out infinite;box-shadow: 0 0 10px rgba(167,139,250,0.5);}.randomizer-searching.games .loading-spinner-ring .ring-outer[b-60h2mfuiai]{border-color: rgba(16,185,129,0.1);border-top-color: var(--mxp-green-500);}.randomizer-searching.games .loading-spinner-ring .ring-inner[b-60h2mfuiai]{border-color: rgba(5,150,105,0.08);border-bottom-color: rgba(5,150,105,0.5);}.randomizer-searching.games .loading-spinner-ring .ring-dot[b-60h2mfuiai]{background: var(--mxp-green-500);box-shadow: 0 0 10px rgba(16,185,129,0.5);}@keyframes spinRing-b-60h2mfuiai{to{transform: rotate(360deg);}}@keyframes pulseDot-b-60h2mfuiai{0%,100%{transform: scale(1);opacity: 0.8;}50%{transform: scale(1.4);opacity: 1;}}.randomizer-generator[b-60h2mfuiai]{display: flex;flex-direction: column;}.randomizer-modal-header[b-60h2mfuiai]{text-align: center;margin-bottom: 1rem;}.randomizer-modal-header.compact[b-60h2mfuiai]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-bottom: 0.85rem;}.header-icon-inline[b-60h2mfuiai]{font-size: 1.6rem;animation: pulse-b-60h2mfuiai 2s ease-in-out infinite;}.randomizer-modal-header h2.media[b-60h2mfuiai]{font-size: 1.25rem;font-weight: 800;background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin: 0;}.randomizer-modal-header h2.games[b-60h2mfuiai]{font-size: 1.25rem;font-weight: 800;background: linear-gradient(135deg,var(--mxp-green-500),var(--mxp-green-300));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin: 0;}.collection-mode[b-60h2mfuiai]{display: flex;flex-direction: column;gap: 1rem;padding: 0.25rem 0;}.collection-mode .spin-btn[b-60h2mfuiai]{margin-top: 0;}.collection-stat-card[b-60h2mfuiai]{position: relative;display: flex;align-items: center;gap: 1.1rem;padding: 1.1rem 1.4rem;border-radius: 14px;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);overflow: hidden;}.collection-stat-card.media[b-60h2mfuiai]{border-color: rgba(167,139,250,0.2);background: rgba(167,139,250,0.06);}.collection-stat-card.games[b-60h2mfuiai]{border-color: rgba(16,185,129,0.2);background: rgba(16,185,129,0.06);}.stat-card-icon[b-60h2mfuiai]{font-size: 2.2rem;flex-shrink: 0;filter: drop-shadow(0 2px 8px rgba(0,0,0,0.4));}.stat-card-body[b-60h2mfuiai]{display: flex;flex-direction: column;gap: 0.1rem;flex: 1;}.stat-card-number[b-60h2mfuiai]{font-size: 2rem;font-weight: 800;line-height: 1;}.stat-card-number.media[b-60h2mfuiai]{color: var(--mxp-purple-100);}.stat-card-number.games[b-60h2mfuiai]{color: var(--mxp-green-200);}.stat-card-label[b-60h2mfuiai]{font-size: 0.78rem;color: rgba(255,255,255,0.55);font-weight: 500;}.spin-btn.collection-spin[b-60h2mfuiai]{padding: 1rem 1.5rem;font-size: 1rem;border-radius: 14px;letter-spacing: 0.01em;}.randomizer-filters[b-60h2mfuiai]{display: flex;flex-direction: column;gap: 0.85rem;}.filter-group[b-60h2mfuiai]{display: flex;flex-direction: column;gap: 0.45rem;}.filter-group > label[b-60h2mfuiai]{font-weight: 600;color: rgba(255,255,255,0.75);font-size: 0.8rem;}.filter-options[b-60h2mfuiai]{display: flex;gap: 0.45rem;}.filter-option[b-60h2mfuiai]{padding: 0.55rem 0.6rem;border-radius: 10px;font-size: 0.82rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;border: 1.5px solid rgba(255,255,255,0.15);background: rgba(30,41,59,0.5);color: rgba(255,255,255,0.8);flex: 1;text-align: center;}@media (hover: hover) and (pointer: fine){.filter-option:hover[b-60h2mfuiai]{border-color: rgba(255,255,255,0.3);}}.filter-option.active.media[b-60h2mfuiai]{border-color: transparent;background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));color: white;}.filter-option.active.games[b-60h2mfuiai]{border-color: transparent;background: linear-gradient(135deg,var(--mxp-green-500),var(--mxp-green-300));color: white;}.advanced-filters-row[b-60h2mfuiai]{display: flex;gap: 0.4rem;align-items: center;flex-wrap: wrap;}.compact-select[b-60h2mfuiai]{flex: 1;min-width: 0;padding: 0.45rem 1.6rem 0.45rem 0.55rem;background: rgba(30,41,59,0.6);border: 1px solid rgba(100,116,139,0.3);border-radius: 8px;color: rgba(255,255,255,0.8);font-size: 0.75rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;appearance: none;-webkit-appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.45rem center;}.compact-select:focus[b-60h2mfuiai]{outline: none;}.compact-select.media:focus[b-60h2mfuiai]{border-color: rgba(167,139,250,0.5);box-shadow: 0 0 0 1.5px rgba(167,139,250,0.15);}.compact-select.games:focus[b-60h2mfuiai]{border-color: rgba(16,185,129,0.5);box-shadow: 0 0 0 1.5px rgba(16,185,129,0.15);}.compact-select option[b-60h2mfuiai]{background: #1e293b;color: white;}.clear-adv-btn[b-60h2mfuiai]{width: 32px;height: 32px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;background: rgba(239,68,68,0.12);border: 1px solid rgba(239,68,68,0.25);border-radius: 8px;color: var(--mxp-red-400);cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.clear-adv-btn:hover[b-60h2mfuiai]{background: rgba(239,68,68,0.25);}}.genre-container[b-60h2mfuiai]{display: flex;align-items: center;gap: 0.6rem;}.genre-grid-wrapper[b-60h2mfuiai]{flex: 1;overflow: hidden;}.genre-nav-btn[b-60h2mfuiai]{flex-shrink: 0;width: 34px;height: 34px;border-radius: 8px;background: rgba(30,41,59,0.5);border: 1px solid rgba(100,116,139,0.3);color: rgba(255,255,255,0.6);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;}@media (hover: hover) and (pointer: fine){.genre-nav-btn:hover:not(:disabled)[b-60h2mfuiai]{background: rgba(255,255,255,0.08);color: white;}}@media (hover: hover) and (pointer: fine){.genre-nav-btn.media:hover:not(:disabled)[b-60h2mfuiai]{background: rgba(167,139,250,0.15);color: var(--mxp-purple-200);}}@media (hover: hover) and (pointer: fine){.genre-nav-btn.games:hover:not(:disabled)[b-60h2mfuiai]{background: rgba(16,185,129,0.15);color: var(--mxp-green-500);}}.genre-nav-btn:disabled[b-60h2mfuiai]{opacity: 0.25;cursor: not-allowed;}.genre-grid[b-60h2mfuiai]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.35rem;grid-auto-rows: 34px;align-content: start;}.genre-option[b-60h2mfuiai]{padding: 0.35rem 0.4rem;border-radius: 8px;font-size: 0.75rem;font-weight: 600;cursor: pointer;transition: background 0.15s ease,border-color 0.15s ease;border: 1px solid rgba(255,255,255,0.1);background: rgba(30,41,59,0.4);color: rgba(255,255,255,0.7);text-align: center;height: 34px;display: flex;align-items: center;justify-content: center;}@media (hover: hover) and (pointer: fine){.genre-option:hover[b-60h2mfuiai]{border-color: rgba(255,255,255,0.25);color: white;}}.genre-option.active.media[b-60h2mfuiai]{background: rgba(167,139,250,0.25);border-color: var(--mxp-purple-200);color: white;}.genre-option.active.games[b-60h2mfuiai]{background: rgba(16,185,129,0.25);border-color: var(--mxp-green-300);color: white;}.genre-pagination[b-60h2mfuiai]{display: flex;justify-content: center;margin-top: 0.5rem;}.provider-filter-group[b-60h2mfuiai]{gap: 0.3rem;}.provider-filter-toggle[b-60h2mfuiai]{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0.45rem 0.65rem;border-radius: 9px;border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.7);font-size: 0.78rem;font-weight: 600;cursor: pointer;transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.provider-filter-toggle:hover[b-60h2mfuiai]{background: rgba(255,255,255,0.08);color: white;border-color: rgba(255,255,255,0.15);}}.provider-filter-toggle.open.media[b-60h2mfuiai]{background: rgba(167,139,250,0.1);border-color: rgba(167,139,250,0.3);color: var(--mxp-purple-100);}.provider-filter-toggle.open.games[b-60h2mfuiai]{background: rgba(16,185,129,0.1);border-color: rgba(16,185,129,0.3);color: var(--mxp-green-200);}.provider-toggle-left[b-60h2mfuiai]{display: flex;align-items: center;gap: 0.45rem;}.provider-active-badge[b-60h2mfuiai]{display: inline-flex;align-items: center;justify-content: center;min-width: 18px;height: 18px;padding: 0 0.3rem;border-radius: 9px;font-size: 0.65rem;font-weight: 800;}.provider-active-badge.media[b-60h2mfuiai]{background: rgba(167,139,250,0.3);color: var(--mxp-purple-100);}.provider-active-badge.games[b-60h2mfuiai]{background: rgba(16,185,129,0.3);color: var(--mxp-green-200);}.provider-toggle-arrow[b-60h2mfuiai]{font-size: 1rem;line-height: 1;transition: transform 0.2s ease;display: inline-block;transform: rotate(90deg);}.provider-toggle-arrow.open[b-60h2mfuiai]{transform: rotate(270deg);}.provider-grid[b-60h2mfuiai]{display: grid;grid-template-columns: repeat(3,1fr);gap: 0.35rem;}.provider-option[b-60h2mfuiai]{padding: 0.35rem 0.4rem;border-radius: 8px;font-size: 0.73rem;font-weight: 600;cursor: pointer;border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.6);transition: all 0.15s ease;display: flex;align-items: center;justify-content: center;gap: 0.3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-height: 32px;}@media (hover: hover) and (pointer: fine){.provider-option:hover[b-60h2mfuiai]{border-color: rgba(255,255,255,0.25);color: white;}}.provider-option.active.media[b-60h2mfuiai]{background: rgba(167,139,250,0.25);border-color: var(--mxp-purple-200);color: white;}.provider-option.active.games[b-60h2mfuiai]{background: rgba(16,185,129,0.25);border-color: var(--mxp-green-300);color: white;}.page-indicator[b-60h2mfuiai]{font-size: 0.72rem;font-weight: 600;color: rgba(255,255,255,0.45);padding: 0.3rem 0.75rem;background: rgba(30,41,59,0.5);border-radius: 6px;border: 1px solid rgba(100,116,139,0.15);}.no-results-result-view[b-60h2mfuiai]{display: flex;flex-direction: column;gap: 1.25rem;}.no-results-full[b-60h2mfuiai]{display: flex;flex-direction: column;align-items: center;gap: 0.5rem;padding: 1.5rem 1rem;text-align: center;}.no-results-big-icon[b-60h2mfuiai]{font-size: 3rem;filter: drop-shadow(0 4px 12px rgba(0,0,0,0.3));animation: pulse-b-60h2mfuiai 2s ease-in-out infinite;}.no-results-title[b-60h2mfuiai]{margin: 0;font-size: 1.15rem;font-weight: 800;color: white;}.no-results-sub[b-60h2mfuiai]{font-size: 0.8rem;color: rgba(255,255,255,0.5);max-width: 220px;line-height: 1.5;}.no-results-actions-row[b-60h2mfuiai]{display: flex;flex-direction: column;gap: 0.6rem;}.no-results-nav-btn[b-60h2mfuiai]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;width: 100%;padding: 0.9rem 1rem;border: none;border-radius: 12px;color: white;font-size: 0.92rem;font-weight: 700;cursor: pointer;transition: all 0.25s ease;}.no-results-nav-btn.media[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));box-shadow: 0 4px 16px rgba(167,139,250,0.35);}@media (hover: hover) and (pointer: fine){.no-results-nav-btn.media:hover[b-60h2mfuiai]{transform: translateY(-2px);box-shadow: 0 6px 22px rgba(167,139,250,0.45);}}.no-results-nav-btn.games[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-green-500),var(--mxp-green-300));box-shadow: 0 4px 16px rgba(16,185,129,0.35);}@media (hover: hover) and (pointer: fine){.no-results-nav-btn.games:hover[b-60h2mfuiai]{transform: translateY(-2px);box-shadow: 0 6px 22px rgba(16,185,129,0.45);}}.no-results-btn-icon[b-60h2mfuiai]{font-size: 1rem;}.no-results-retry-btn[b-60h2mfuiai]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;width: 100%;padding: 0.75rem 1rem;background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.15);border-radius: 12px;color: rgba(255,255,255,0.75);font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.no-results-retry-btn:hover[b-60h2mfuiai]{background: rgba(255,255,255,0.12);color: white;border-color: rgba(255,255,255,0.25);}}.spin-btn[b-60h2mfuiai]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;width: 100%;padding: 0.85rem;border: none;border-radius: 12px;color: white;font-size: 0.95rem;font-weight: 700;cursor: pointer;transition: all 0.25s ease;margin-top: 0.85rem;}.spin-btn.media[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));box-shadow: 0 4px 18px rgba(167,139,250,0.35);}@media (hover: hover) and (pointer: fine){.spin-btn.media:hover:not(:disabled)[b-60h2mfuiai]{transform: translateY(-2px);box-shadow: 0 6px 24px rgba(167,139,250,0.45);}}.spin-btn.games[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-green-500),var(--mxp-green-300));box-shadow: 0 4px 18px rgba(16,185,129,0.35);}@media (hover: hover) and (pointer: fine){.spin-btn.games:hover:not(:disabled)[b-60h2mfuiai]{transform: translateY(-2px);box-shadow: 0 6px 24px rgba(16,185,129,0.45);}}.spin-btn:disabled[b-60h2mfuiai]{opacity: 0.6;cursor: not-allowed;transform: none !important;}.spin-btn.large[b-60h2mfuiai]{padding: 1rem 2rem;font-size: 1rem;margin-top: 1.25rem;}.randomizer-result[b-60h2mfuiai]{animation: resultReveal-b-60h2mfuiai 0.35s ease-out;}.result-actions[b-60h2mfuiai]{display: flex;gap: 0.6rem;margin-top: 1.15rem;}.result-add-btn[b-60h2mfuiai]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.4rem;padding: 0.85rem;border: none;border-radius: 12px;color: white;font-size: 0.92rem;font-weight: 700;cursor: pointer;transition: all 0.25s ease;}.result-add-btn.media[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-purple-200),var(--mxp-purple-500));box-shadow: 0 4px 16px rgba(167,139,250,0.35);}@media (hover: hover) and (pointer: fine){.result-add-btn.media:hover[b-60h2mfuiai]{transform: translateY(-2px);box-shadow: 0 5px 20px rgba(167,139,250,0.45);}}.result-add-btn.games[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-green-500),var(--mxp-green-300));box-shadow: 0 4px 16px rgba(16,185,129,0.35);}@media (hover: hover) and (pointer: fine){.result-add-btn.games:hover[b-60h2mfuiai]{transform: translateY(-2px);box-shadow: 0 5px 20px rgba(16,185,129,0.45);}}.result-detail-btn[b-60h2mfuiai]{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.4rem;padding: 0.85rem;border: 1px solid rgba(255,255,255,0.2);border-radius: 12px;background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.9);font-size: 0.92rem;font-weight: 600;cursor: pointer;transition: all 0.25s ease;}@media (hover: hover) and (pointer: fine){.result-detail-btn:hover[b-60h2mfuiai]{background: rgba(255,255,255,0.14);border-color: rgba(255,255,255,0.35);transform: translateY(-2px);}}.result-retry-btn[b-60h2mfuiai]{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.2);border-radius: 12px;color: rgba(255,255,255,0.8);cursor: pointer;transition: all 0.2s ease;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.result-retry-btn:hover[b-60h2mfuiai]{background: rgba(255,255,255,0.12);}}@media (hover: hover) and (pointer: fine){.result-retry-btn.rotate-on-hover:hover[b-60h2mfuiai]{transform: rotate(180deg);}}.exclude-filter-toggle[b-60h2mfuiai]{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0.5rem 0.75rem;border-radius: 10px;border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.04);color: rgba(255,255,255,0.7);font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.exclude-filter-toggle:hover[b-60h2mfuiai]{background: rgba(255,255,255,0.08);color: white;border-color: rgba(255,255,255,0.15);}}.exclude-filter-toggle.open.media[b-60h2mfuiai]{background: rgba(167,139,250,0.1);border-color: rgba(167,139,250,0.3);color: var(--mxp-purple-100);}.exclude-filter-toggle.open.games[b-60h2mfuiai]{background: rgba(16,185,129,0.1);border-color: rgba(16,185,129,0.3);color: var(--mxp-green-200);}.exclude-toggle-left[b-60h2mfuiai]{display: flex;align-items: center;gap: 0.4rem;}.exclude-active-badge[b-60h2mfuiai]{display: inline-flex;align-items: center;padding: 0.1rem 0.4rem;border-radius: 6px;font-size: 0.62rem;font-weight: 700;}.exclude-active-badge.media[b-60h2mfuiai]{background: rgba(167,139,250,0.25);color: var(--mxp-purple-100);}.exclude-active-badge.games[b-60h2mfuiai]{background: rgba(16,185,129,0.25);color: var(--mxp-green-200);}.exclude-filter-panel[b-60h2mfuiai]{display: flex;flex-direction: column;gap: 0.5rem;}.exclude-actions-row[b-60h2mfuiai]{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;}.exclude-toggle-all-btn[b-60h2mfuiai]{display: flex;align-items: center;gap: 0.3rem;padding: 0.3rem 0.6rem;border-radius: 7px;border: 1px solid rgba(255,255,255,0.12);background: rgba(255,255,255,0.05);color: rgba(255,255,255,0.7);font-size: 0.7rem;font-weight: 600;cursor: pointer;transition: all 0.15s ease;}@media (hover: hover) and (pointer: fine){.exclude-toggle-all-btn:hover[b-60h2mfuiai]{background: rgba(255,255,255,0.1);color: white;}}@media (hover: hover) and (pointer: fine){.exclude-toggle-all-btn.media:hover[b-60h2mfuiai]{border-color: rgba(167,139,250,0.4);color: var(--mxp-purple-100);}}@media (hover: hover) and (pointer: fine){.exclude-toggle-all-btn.games:hover[b-60h2mfuiai]{border-color: rgba(16,185,129,0.4);color: var(--mxp-green-200);}}.exclude-counter[b-60h2mfuiai]{font-size: 0.7rem;font-weight: 700;}.exclude-counter.media[b-60h2mfuiai]{color: var(--mxp-purple-100);}.exclude-counter.games[b-60h2mfuiai]{color: var(--mxp-green-200);}.exclude-poster-grid[b-60h2mfuiai]{display: grid;grid-template-columns: repeat(auto-fill,minmax(48px,1fr));gap: 6px;max-height: 200px;overflow-y: auto;padding: 4px;scrollbar-width: thin;scrollbar-color: rgba(100,116,139,0.3) transparent;}.exclude-poster-grid[b-60h2mfuiai]::-webkit-scrollbar{width: 4px;}.exclude-poster-grid[b-60h2mfuiai]::-webkit-scrollbar-thumb{background: rgba(100,116,139,0.3);border-radius: 2px;}.exclude-poster-item[b-60h2mfuiai]{position: relative;aspect-ratio: 2/3;border-radius: 6px;overflow: hidden;cursor: pointer;transition: all 0.15s ease;border: 2px solid transparent;}.exclude-poster-item img[b-60h2mfuiai]{width: 100%;height: 100%;object-fit: cover;display: block;}.exclude-poster-item.selected.media[b-60h2mfuiai]{border-color: var(--mxp-purple-200);box-shadow: 0 0 8px rgba(167,139,250,0.3);}.exclude-poster-item.selected.games[b-60h2mfuiai]{border-color: var(--mxp-green-300);box-shadow: 0 0 8px rgba(16,185,129,0.3);}.exclude-poster-item.excluded[b-60h2mfuiai]{opacity: 0.35;filter: grayscale(0.8);border-color: rgba(255,255,255,0.08);}@media (hover: hover) and (pointer: fine){.exclude-poster-item.excluded:hover[b-60h2mfuiai]{opacity: 0.55;}}@media (hover: hover) and (pointer: fine){.exclude-poster-item.selected:hover[b-60h2mfuiai]{transform: scale(1.05);}}.exclude-poster-overlay[b-60h2mfuiai]{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.5);color: rgba(255,255,255,0.7);}@media (min-width: 1920px){.randomizer-modal[b-60h2mfuiai]{max-width: 580px;}.stat-card-number[b-60h2mfuiai]{font-size: 2.25rem;}.stat-card-icon[b-60h2mfuiai]{font-size: 2.5rem;}}@media (max-width: 768px){.randomizer-modal[b-60h2mfuiai]{max-width: 480px;border-radius: 18px;}}@media (max-width: 600px){.randomizer-overlay[b-60h2mfuiai]{padding: 8px;align-items: flex-start;padding-top: 12px;}.randomizer-modal[b-60h2mfuiai]{max-height: 94vh;border-radius: 14px;}.randomizer-header[b-60h2mfuiai]{padding: 0.55rem 0.75rem;}.nav-btn span[b-60h2mfuiai]{display: none;}.nav-btn[b-60h2mfuiai]{padding: 0.4rem 0.55rem;}.randomizer-close-btn[b-60h2mfuiai]{width: 30px;height: 30px;}.randomizer-body[b-60h2mfuiai]{padding: 0.85rem;}.header-icon-inline[b-60h2mfuiai]{font-size: 1.3rem;}.randomizer-modal-header[b-60h2mfuiai]{margin-bottom: 0.7rem;}.randomizer-modal-header h2[b-60h2mfuiai]{font-size: 1.05rem;}.randomizer-filters[b-60h2mfuiai]{gap: 0.65rem;}.filter-group > label[b-60h2mfuiai]{font-size: 0.72rem;}.filter-options[b-60h2mfuiai]{gap: 0.35rem;}.filter-option[b-60h2mfuiai]{padding: 0.5rem 0.4rem;font-size: 0.75rem;border-radius: 8px;}.advanced-filters-row[b-60h2mfuiai]{display: flex;gap: 0.35rem;}.clear-adv-btn[b-60h2mfuiai]{width: 30px;height: 30px;}.compact-select[b-60h2mfuiai]{padding: 0.45rem 1.2rem 0.45rem 0.45rem;font-size: 0.75rem;border-radius: 6px;background-position: right 0.25rem center;background-size: 8px;}.genre-container[b-60h2mfuiai]{gap: 0;}.genre-nav-btn.desktop-only[b-60h2mfuiai]{display: none;}.genre-grid-wrapper[b-60h2mfuiai]{width: 100%;max-height: min(38vh,300px);overflow-y: auto;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: rgba(100,116,139,0.25) transparent;}.genre-grid-wrapper[b-60h2mfuiai]::-webkit-scrollbar{width: 3px;}.genre-grid-wrapper[b-60h2mfuiai]::-webkit-scrollbar-thumb{background: rgba(100,116,139,0.25);border-radius: 2px;}.genre-grid[b-60h2mfuiai]{grid-template-columns: repeat(3,1fr);gap: 0.3rem;grid-auto-rows: 34px;}.provider-grid[b-60h2mfuiai]{grid-template-columns: repeat(3,1fr);gap: 0.3rem;}.provider-option[b-60h2mfuiai]{font-size: 0.72rem;min-height: 34px;}.genre-option[b-60h2mfuiai]{font-size: 0.75rem;padding: 0.25rem;height: 34px;min-height: 34px;border-radius: 6px;}.genre-pagination[b-60h2mfuiai]{display: none;}.spin-btn[b-60h2mfuiai]{font-size: 0.88rem;padding: 0.75rem;margin-top: 0.6rem;border-radius: 10px;}.spin-btn.large[b-60h2mfuiai]{padding: 0.85rem 1.5rem;font-size: 0.92rem;margin-top: 0.85rem;}.result-actions[b-60h2mfuiai]{display: grid;grid-template-columns: 1fr 1fr 42px;gap: 0.4rem;margin-top: 0.85rem;}.result-add-btn[b-60h2mfuiai]{padding: 0.65rem 0.5rem;font-size: 0.78rem;border-radius: 10px;}.result-detail-btn[b-60h2mfuiai]{padding: 0.65rem 0.5rem;font-size: 0.78rem;border-radius: 10px;}.result-retry-btn[b-60h2mfuiai]{width: 42px;height: 100%;border-radius: 10px;}.collection-mode[b-60h2mfuiai]{gap: 0.75rem;}.collection-stat-card[b-60h2mfuiai]{padding: 0.85rem 1.1rem;gap: 0.85rem;}.stat-card-icon[b-60h2mfuiai]{font-size: 1.75rem;}.stat-card-number[b-60h2mfuiai]{font-size: 1.6rem;}.stat-card-label[b-60h2mfuiai]{font-size: 0.72rem;}.spin-btn.collection-spin[b-60h2mfuiai]{padding: 0.85rem 1.25rem;font-size: 0.92rem;border-radius: 12px;}.exclude-poster-grid[b-60h2mfuiai]{grid-template-columns: repeat(auto-fill,minmax(42px,1fr));gap: 4px;max-height: 160px;}.exclude-filter-toggle[b-60h2mfuiai]{padding: 0.4rem 0.6rem;font-size: 0.73rem;}.exclude-toggle-all-btn[b-60h2mfuiai]{font-size: 0.65rem;padding: 0.25rem 0.5rem;}.exclude-counter[b-60h2mfuiai]{font-size: 0.65rem;}.dice-face[b-60h2mfuiai]{font-size: 2rem;}.searching-text[b-60h2mfuiai]{font-size: 0.9rem;}.searching-hint[b-60h2mfuiai]{font-size: 0.7rem;}.randomizer-searching[b-60h2mfuiai]{padding: 1.5rem 1rem;gap: 0.7rem;}.no-results-full[b-60h2mfuiai]{padding: 1rem 0.5rem;gap: 0.4rem;}.no-results-big-icon[b-60h2mfuiai]{font-size: 2.5rem;}.no-results-title[b-60h2mfuiai]{font-size: 1rem;}.no-results-sub[b-60h2mfuiai]{font-size: 0.75rem;}.no-results-nav-btn[b-60h2mfuiai]{padding: 0.8rem 0.9rem;font-size: 0.85rem;border-radius: 10px;}.no-results-retry-btn[b-60h2mfuiai]{padding: 0.65rem 0.9rem;font-size: 0.78rem;border-radius: 10px;}}@media (max-width: 380px){.randomizer-overlay[b-60h2mfuiai]{padding: 4px;padding-top: 6px;}.randomizer-modal[b-60h2mfuiai]{max-height: 96vh;border-radius: 12px;}.randomizer-body[b-60h2mfuiai]{padding: 0.65rem;}.filter-option[b-60h2mfuiai]{padding: 0.4rem 0.3rem;font-size: 0.7rem;}.genre-grid[b-60h2mfuiai]{grid-template-columns: repeat(2,1fr);gap: 0.25rem;grid-auto-rows: 32px;}.provider-grid[b-60h2mfuiai]{grid-template-columns: repeat(2,1fr);gap: 0.25rem;}.provider-option[b-60h2mfuiai]{font-size: 0.72rem;min-height: 32px;}.genre-option[b-60h2mfuiai]{font-size: 0.72rem;height: 32px;min-height: 32px;}.genre-grid-wrapper[b-60h2mfuiai]{max-height: min(34vh,260px);}.advanced-filters-row[b-60h2mfuiai]{gap: 0.25rem;}.compact-select[b-60h2mfuiai]{font-size: 0.72rem;padding: 0.45rem 1rem 0.45rem 0.35rem;background-size: 7px;background-position: right 0.2rem center;}.clear-adv-btn[b-60h2mfuiai]{width: 26px;height: 26px;}.spin-btn[b-60h2mfuiai]{font-size: 0.82rem;padding: 0.65rem;}.result-actions[b-60h2mfuiai]{grid-template-columns: 1fr 1fr 36px;gap: 0.3rem;}.result-add-btn[b-60h2mfuiai]{padding: 0.55rem 0.4rem;font-size: 0.72rem;}.result-detail-btn[b-60h2mfuiai]{padding: 0.55rem 0.4rem;font-size: 0.72rem;}.result-retry-btn[b-60h2mfuiai]{width: 36px;}.exclude-poster-grid[b-60h2mfuiai]{grid-template-columns: repeat(auto-fill,minmax(38px,1fr));gap: 3px;max-height: 130px;}}@media (max-height: 500px) and (orientation: landscape){.randomizer-overlay[b-60h2mfuiai]{padding: 6px;align-items: center;}.randomizer-modal[b-60h2mfuiai]{max-height: 94vh;max-width: 480px;}.randomizer-body[b-60h2mfuiai]{padding: 0.6rem 0.85rem;}.header-icon-inline[b-60h2mfuiai]{font-size: 1.1rem;}.randomizer-modal-header[b-60h2mfuiai]{margin-bottom: 0.4rem;}.randomizer-modal-header h2[b-60h2mfuiai]{font-size: 1rem;}.randomizer-filters[b-60h2mfuiai]{gap: 0.5rem;}.genre-grid-wrapper[b-60h2mfuiai]{max-height: 100px;}.genre-grid[b-60h2mfuiai]{grid-auto-rows: 28px;}.genre-option[b-60h2mfuiai]{font-size: 0.62rem;min-height: 28px;height: 28px;}.spin-btn[b-60h2mfuiai]{padding: 0.6rem;font-size: 0.82rem;margin-top: 0.4rem;}.spin-btn.large[b-60h2mfuiai]{padding: 0.7rem 1.25rem;margin-top: 0.5rem;}.collection-mode[b-60h2mfuiai]{gap: 0.5rem;}.collection-stat-card[b-60h2mfuiai]{padding: 0.65rem 1rem;gap: 0.7rem;}.stat-card-icon[b-60h2mfuiai]{font-size: 1.5rem;}.stat-card-number[b-60h2mfuiai]{font-size: 1.4rem;}.randomizer-searching[b-60h2mfuiai]{padding: 1rem 0.75rem;gap: 0.5rem;}.dice-face[b-60h2mfuiai]{font-size: 1.75rem;}.result-actions[b-60h2mfuiai]{margin-top: 0.6rem;}}.media-movie .randomizer-header.media[b-60h2mfuiai]{border-bottom-color: rgba(217,119,6,0.2);}.media-movie .nav-btn.active.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(217,119,6,0.85),rgba(180,83,9,0.85));box-shadow: 0 3px 12px rgba(217,119,6,0.25);}.media-movie .randomizer-modal-header h2.media[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-amber-300),#d97706);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.media-movie .collection-stat-card.media[b-60h2mfuiai]{border-color: rgba(217,119,6,0.18);background: rgba(217,119,6,0.06);}.media-movie .stat-card-number.media[b-60h2mfuiai]{color: var(--mxp-amber-300);}.media-movie .filter-option.active.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(217,119,6,0.85),rgba(180,83,9,0.85));}.media-all .filter-option.active.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(139,92,246,0.8),rgba(217,119,6,0.8));}.media-movie .compact-select.media:focus[b-60h2mfuiai]{border-color: rgba(217,119,6,0.4);box-shadow: 0 0 0 1.5px rgba(217,119,6,0.12);}@media (hover: hover) and (pointer: fine){.media-movie .genre-nav-btn.media:hover:not(:disabled)[b-60h2mfuiai]{background: rgba(217,119,6,0.12);color: var(--mxp-amber-300);}}.media-movie .genre-option.active.media[b-60h2mfuiai]{background: rgba(217,119,6,0.2);border-color: rgba(217,119,6,0.6);}.media-movie .provider-filter-toggle.open.media[b-60h2mfuiai]{background: rgba(217,119,6,0.08);border-color: rgba(217,119,6,0.25);color: var(--mxp-amber-300);}.media-movie .provider-active-badge.media[b-60h2mfuiai]{background: rgba(217,119,6,0.25);color: var(--mxp-amber-300);}.media-movie .provider-option.active.media[b-60h2mfuiai]{background: rgba(217,119,6,0.2);border-color: rgba(217,119,6,0.6);}.media-movie .no-results-nav-btn.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(217,119,6,0.85),rgba(180,83,9,0.85));box-shadow: 0 4px 16px rgba(217,119,6,0.25);}@media (hover: hover) and (pointer: fine){.media-movie .no-results-nav-btn.media:hover[b-60h2mfuiai]{box-shadow: 0 6px 22px rgba(217,119,6,0.35);}}.media-movie .spin-btn.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(217,119,6,0.85),rgba(180,83,9,0.85));box-shadow: 0 4px 18px rgba(217,119,6,0.25);}@media (hover: hover) and (pointer: fine){.media-movie .spin-btn.media:hover:not(:disabled)[b-60h2mfuiai]{box-shadow: 0 6px 24px rgba(217,119,6,0.35);}}.media-movie .result-add-btn.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(217,119,6,0.85),rgba(180,83,9,0.85));box-shadow: 0 4px 16px rgba(217,119,6,0.25);}@media (hover: hover) and (pointer: fine){.media-movie .result-add-btn.media:hover[b-60h2mfuiai]{box-shadow: 0 5px 20px rgba(217,119,6,0.35);}}.media-movie .exclude-filter-toggle.open.media[b-60h2mfuiai]{background: rgba(217,119,6,0.08);border-color: rgba(217,119,6,0.25);color: var(--mxp-amber-300);}.media-movie .exclude-active-badge.media[b-60h2mfuiai]{background: rgba(217,119,6,0.2);color: var(--mxp-amber-300);}@media (hover: hover) and (pointer: fine){.media-movie .exclude-toggle-all-btn.media:hover[b-60h2mfuiai]{border-color: rgba(217,119,6,0.35);color: var(--mxp-amber-300);}}.media-movie .exclude-counter.media[b-60h2mfuiai]{color: var(--mxp-amber-300);}.media-movie .exclude-poster-item.selected.media[b-60h2mfuiai]{border-color: rgba(217,119,6,0.6);box-shadow: 0 0 8px rgba(217,119,6,0.2);}.media-movie.randomizer-modal .randomizer-searching.media .loading-spinner-ring .ring-outer[b-60h2mfuiai]{border-color: rgba(217,119,6,0.1);border-top-color: #d97706;}.media-movie.randomizer-modal .randomizer-searching.media .loading-spinner-ring .ring-inner[b-60h2mfuiai]{border-color: rgba(180,83,9,0.08);border-bottom-color: rgba(180,83,9,0.45);}.media-movie.randomizer-modal .randomizer-searching.media .loading-spinner-ring .ring-dot[b-60h2mfuiai]{background: #d97706;box-shadow: 0 0 10px rgba(217,119,6,0.4);}.media-all .randomizer-header.media[b-60h2mfuiai]{border-bottom-color: rgba(180,120,180,0.18);}.media-all .nav-btn.active.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(139,92,246,0.8),rgba(217,119,6,0.8));box-shadow: 0 3px 12px rgba(160,110,180,0.25);}.media-all .randomizer-modal-header h2.media[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-purple-200),#d97706);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.media-all .spin-btn.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(139,92,246,0.8),rgba(217,119,6,0.8));box-shadow: 0 4px 18px rgba(160,110,180,0.25);}@media (hover: hover) and (pointer: fine){.media-all .spin-btn.media:hover:not(:disabled)[b-60h2mfuiai]{box-shadow: 0 6px 24px rgba(160,110,180,0.35);}}.media-all .no-results-nav-btn.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(139,92,246,0.8),rgba(217,119,6,0.8));box-shadow: 0 4px 16px rgba(160,110,180,0.25);}@media (hover: hover) and (pointer: fine){.media-all .no-results-nav-btn.media:hover[b-60h2mfuiai]{box-shadow: 0 6px 22px rgba(160,110,180,0.35);}}.media-all .result-add-btn.media[b-60h2mfuiai]{background: linear-gradient(135deg,rgba(139,92,246,0.8),rgba(217,119,6,0.8));box-shadow: 0 4px 16px rgba(160,110,180,0.25);}@media (hover: hover) and (pointer: fine){.media-all .result-add-btn.media:hover[b-60h2mfuiai]{box-shadow: 0 5px 20px rgba(160,110,180,0.35);}}.media-all.randomizer-modal .randomizer-searching.media .loading-spinner-ring .ring-outer[b-60h2mfuiai]{border-color: rgba(139,92,246,0.1);border-top-color: rgba(139,92,246,0.8);}.media-all.randomizer-modal .randomizer-searching.media .loading-spinner-ring .ring-inner[b-60h2mfuiai]{border-color: rgba(217,119,6,0.08);border-bottom-color: rgba(217,119,6,0.5);}.media-all.randomizer-modal .randomizer-searching.media .loading-spinner-ring .ring-dot[b-60h2mfuiai]{background: linear-gradient(135deg,var(--mxp-purple-200),#d97706);box-shadow: 0 0 10px rgba(170,120,170,0.4);} .friends-ranking-widget[b-l6ghts90q9]{background: linear-gradient(145deg,rgba(20,30,48,0.6) 0%,rgba(15,23,42,0.6) 100%);border: 1px solid rgba(34,197,94,0.2);border-radius: 16px;padding: 1.5rem;backdrop-filter: blur(16px);box-shadow: 0 4px 16px rgba(0,0,0,0.2);min-height: 450px;}.friends-ranking-widget:has(.widget-empty-compact-small)[b-l6ghts90q9]{min-height: 220px;}.widget-loading[b-l6ghts90q9]{display: flex;justify-content: center;padding: 1.5rem 0;}.mini-spinner[b-l6ghts90q9]{width: 28px;height: 28px;border: 3px solid rgba(34,197,94,0.2);border-top: 3px solid #22c55e;border-radius: 50%;animation: spin-b-l6ghts90q9 0.8s linear infinite;}@keyframes spin-b-l6ghts90q9{to{transform: rotate(360deg);}}.widget-compact[b-l6ghts90q9]{display: flex;flex-direction: column;gap: 1.3rem;justify-content: space-between;min-height: 400px;}.compact-header[b-l6ghts90q9]{display: flex;justify-content: space-between;align-items: center;}.compact-title[b-l6ghts90q9]{display: flex;align-items: center;gap: 0.5rem;}.compact-icon[b-l6ghts90q9]{font-size: 1.15rem;}.compact-text[b-l6ghts90q9]{font-size: 1rem;font-weight: 800;background: linear-gradient(135deg,var(--mxp-green-200),var(--mxp-green-300));-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 0.01em;}.expand-btn[b-l6ghts90q9]{background: rgba(34,197,94,0.2);border: 1px solid rgba(34,197,94,0.3);border-radius: 8px;padding: 0.4rem;color: #86efac;cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;}@media (hover: hover) and (pointer: fine){.expand-btn:hover[b-l6ghts90q9]{background: rgba(34,197,94,0.3);border-color: rgba(34,197,94,0.5);transform: translateY(-1px);}}.stats-grid[b-l6ghts90q9]{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.6rem;}.stat-card[b-l6ghts90q9]{display: flex;align-items: center;gap: 0.6rem;padding: 0.7rem 0.75rem;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: 10px;transition: all 0.2s ease;cursor: pointer;}@media (hover: hover) and (pointer: fine){.stat-card:hover[b-l6ghts90q9]{background: rgba(255,255,255,0.05);border-color: rgba(34,197,94,0.2);transform: translateY(-1px);}}.stat-card.stat-playing[b-l6ghts90q9]{border-left: 3px solid #3b82f6;border-color: rgba(59,130,246,0.3);}.stat-card.stat-completed[b-l6ghts90q9]{border-left: 3px solid var(--mxp-green-500);border-color: rgba(16,185,129,0.3);}.stat-card.stat-wishlist[b-l6ghts90q9]{border-left: 3px solid var(--mxp-amber-300);border-color: rgba(251,191,36,0.3);}.stat-card.stat-rating[b-l6ghts90q9]{border-left: 3px solid #ff69b4;border-color: rgba(255,105,180,0.3);position: relative;}.stat-card.stat-rating[b-l6ghts90q9]::after{content: '👆';position: absolute;top: 0.25rem;right: 0.25rem;font-size: 0.65rem;opacity: 0.4;}.stat-card.stat-percentage[b-l6ghts90q9]{border-left: 3px solid var(--mxp-green-300);border-color: rgba(52,211,153,0.3);}.stat-card.stat-friends[b-l6ghts90q9]{border-left: 3px solid #22c55e;border-color: rgba(34,197,94,0.3);}.stat-card.stat-onhold[b-l6ghts90q9]{border-left: 3px solid var(--mxp-amber-500);border-color: rgba(251,191,36,0.3);}.stat-card.stat-dropped[b-l6ghts90q9]{border-left: 3px solid var(--mxp-red-500);border-color: rgba(248,113,113,0.3);}.stat-icon[b-l6ghts90q9]{font-size: 1.2rem;flex-shrink: 0;}.stat-info[b-l6ghts90q9]{display: flex;flex-direction: column;gap: 0.1rem;}.stat-value[b-l6ghts90q9]{font-size: 1.05rem;font-weight: 800;color: white;line-height: 1;}.stat-label[b-l6ghts90q9]{font-size: 0.68rem;font-weight: 600;color: rgba(255,255,255,0.6);line-height: 1;}.preview-list[b-l6ghts90q9]{display: flex;align-items: center;gap: 0.45rem;margin-top: 0.5rem;padding: 0.5rem 0;flex-wrap: wrap;}.preview-friend[b-l6ghts90q9]{position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center;}.preview-friend:hover .preview-tooltip[b-l6ghts90q9]{opacity: 1;visibility: visible;transform: translate(-50%,-5px);}.preview-tooltip[b-l6ghts90q9]{position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translate(-50%,5px);background: linear-gradient(135deg,rgba(34,197,94,0.95) 0%,rgba(22,163,74,0.95) 100%);backdrop-filter: blur(16px);padding: 0.6rem 0.8rem;border-radius: 10px;border: 1px solid rgba(52,211,153,0.4);box-shadow: 0 8px 24px rgba(34,197,94,0.4);opacity: 0;visibility: hidden;transition: all 0.25s ease;pointer-events: none;z-index: 1000;white-space: nowrap;min-width: max-content;max-width: 280px;}.preview-tooltip[b-l6ghts90q9]::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top-color: rgba(34,197,94,0.95);}.tooltip-name[b-l6ghts90q9]{font-size: 0.8rem;font-weight: 700;color: white;margin-bottom: 0.25rem;text-shadow: 0 1px 3px rgba(0,0,0,0.3);}.tooltip-status[b-l6ghts90q9]{font-size: 0.7rem;font-weight: 600;color: rgba(255,255,255,0.9);margin-bottom: 0.15rem;}.tooltip-time[b-l6ghts90q9]{font-size: 0.65rem;font-weight: 500;color: rgba(255,255,255,0.7);font-style: italic;}.preview-avatar[b-l6ghts90q9]{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid rgba(15,23,42,0.9);box-shadow: 0 2px 8px rgba(0,0,0,0.3);}.preview-avatar .avatar-emoji[b-l6ghts90q9]{font-size: 1.2rem;}.preview-avatar .avatar-initial[b-l6ghts90q9]{font-size: 0.9rem;font-weight: 700;color: white;}.preview-status-dot[b-l6ghts90q9]{position: absolute;bottom: 0;right: 0;width: 11px;height: 11px;border-radius: 50%;border: 2px solid rgba(15,23,42,0.9);}.preview-status-dot.dot-playing[b-l6ghts90q9]{background: #3b82f6;}.preview-status-dot.dot-completed[b-l6ghts90q9]{background: var(--mxp-green-500);}.preview-status-dot.dot-wishlist[b-l6ghts90q9]{background: var(--mxp-amber-300);}.preview-status-dot.dot-paused[b-l6ghts90q9]{background: var(--mxp-amber-500);}.preview-status-dot.dot-dropped[b-l6ghts90q9]{background: var(--mxp-red-500);}.preview-more[b-l6ghts90q9]{width: 40px;height: 40px;border-radius: 50%;background: rgba(34,197,94,0.3);border: 2px solid rgba(34,197,94,0.5);display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: 800;color: white;}.widget-empty-compact-small[b-l6ghts90q9]{display: flex;flex-direction: column;align-items: center;gap: 0.75rem;padding: 2rem 1rem;}.empty-icon-small[b-l6ghts90q9]{font-size: 2.5rem;opacity: 0.25;}.empty-text-container[b-l6ghts90q9]{display: flex;flex-direction: column;align-items: center;gap: 0.25rem;}.empty-text-main[b-l6ghts90q9]{font-size: 0.85rem;color: rgba(255,255,255,0.6);font-weight: 700;}.empty-text-sub[b-l6ghts90q9]{font-size: 0.7rem;color: rgba(255,255,255,0.4);font-weight: 500;}.ranking-overlay[b-l6ghts90q9]{position: fixed !important;inset: 0 !important;background: rgba(0,0,0,0.85) !important;backdrop-filter: blur(8px) !important;z-index: 2147483647 !important;display: flex !important;align-items: center !important;justify-content: center !important;padding: 2rem 1.5rem !important;animation: fadeIn-b-l6ghts90q9 0.2s ease !important;isolation: isolate !important;}@keyframes fadeIn-b-l6ghts90q9{from{opacity: 0;}to{opacity: 1;}}.ranking-modal[b-l6ghts90q9],.ranking-modal-direct[b-l6ghts90q9]{width: 100%;max-width: 450px;max-height: 85vh;background: linear-gradient(145deg,rgba(20,40,30,0.98) 0%,rgba(15,30,20,0.98) 100%);border: 1px solid rgba(34,197,94,0.3);border-radius: 24px;box-shadow: 0 20px 60px rgba(34,197,94,0.3);display: flex;flex-direction: column;animation: slideUp-b-l6ghts90q9 0.3s ease;position: relative;z-index: 2147483647;}@keyframes slideUp-b-l6ghts90q9{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}.modal-header[b-l6ghts90q9]{display: flex;align-items: center;justify-content: space-between;padding: 1.25rem 1.5rem;border-bottom: 1px solid rgba(34,197,94,0.15);flex-shrink: 0;}.modal-title[b-l6ghts90q9]{display: flex;align-items: center;gap: 0.75rem;flex: 1;}.modal-icon[b-l6ghts90q9]{font-size: 1.5rem;}.modal-title-text[b-l6ghts90q9]{display: flex;flex-direction: column;gap: 0.15rem;}.modal-title-main[b-l6ghts90q9]{font-size: 1.1rem;font-weight: 700;color: white;}.modal-subtitle[b-l6ghts90q9]{font-size: 0.75rem;color: rgba(255,255,255,0.5);font-weight: 500;}.modal-close[b-l6ghts90q9]{background: rgba(34,197,94,0.1);border: 1px solid rgba(34,197,94,0.2);border-radius: 50%;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.7);cursor: pointer;transition: all 0.2s ease;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.modal-close:hover[b-l6ghts90q9]{background: rgba(34,197,94,0.2);border-color: rgba(34,197,94,0.4);color: white;transform: scale(1.1);}}.modal-controls[b-l6ghts90q9]{padding: 1.25rem 1.5rem;display: flex;flex-direction: column;gap: 1rem;border-bottom: 1px solid rgba(34,197,94,0.15);}.search-box[b-l6ghts90q9]{position: relative;display: flex;align-items: center;}.search-icon[b-l6ghts90q9]{position: absolute;left: 1rem;font-size: 1rem;opacity: 0.5;pointer-events: none;}.search-input[b-l6ghts90q9]{width: 100%;padding: 0.85rem 1rem 0.85rem 2.75rem;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;color: white;font-size: 0.9rem;font-weight: 500;transition: all 0.2s ease;}.search-input[b-l6ghts90q9]::placeholder{color: rgba(255,255,255,0.4);}.search-input:focus[b-l6ghts90q9]{outline: none;background: rgba(255,255,255,0.08);border-color: rgba(34,197,94,0.5);}.clear-search[b-l6ghts90q9]{position: absolute;right: 0.75rem;background: rgba(255,255,255,0.1);border: none;color: rgba(255,255,255,0.6);width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 1.4rem;line-height: 1;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.clear-search:hover[b-l6ghts90q9]{background: rgba(255,255,255,0.15);color: white;}}.filter-pills[b-l6ghts90q9]{display: flex;flex-wrap: nowrap;gap: 0.5rem;overflow-x: auto;scrollbar-width: thin;scrollbar-color: transparent transparent;transition: scrollbar-color 0.3s ease;}.filter-pills[b-l6ghts90q9]::-webkit-scrollbar{height: 6px;}.filter-pills[b-l6ghts90q9]::-webkit-scrollbar-track{background: transparent;border-radius: 3px;}.filter-pills[b-l6ghts90q9]::-webkit-scrollbar-thumb{background: transparent;border-radius: 3px;transition: background 0.3s ease;}@media (hover: hover) and (pointer: fine){.filter-pills:hover[b-l6ghts90q9]{scrollbar-color: rgba(34,197,94,0.3) rgba(255,255,255,0.05);}}@media (hover: hover) and (pointer: fine){.filter-pills:hover[b-l6ghts90q9]::-webkit-scrollbar-track{background: rgba(255,255,255,0.05);}}@media (hover: hover) and (pointer: fine){.filter-pills:hover[b-l6ghts90q9]::-webkit-scrollbar-thumb{background: rgba(34,197,94,0.4);}}@media (hover: hover) and (pointer: fine){.filter-pills:hover[b-l6ghts90q9]::-webkit-scrollbar-thumb:hover{background: rgba(34,197,94,0.6);}}.filter-pill[b-l6ghts90q9]{display: flex;align-items: center;gap: 0.35rem;padding: 0.45rem 0.7rem;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 12px;cursor: pointer;transition: all 0.2s ease;font-size: 0.8rem;flex-shrink: 0;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.filter-pill:hover[b-l6ghts90q9]{background: rgba(255,255,255,0.08);border-color: rgba(34,197,94,0.3);}}.filter-pill.active[b-l6ghts90q9]{background: linear-gradient(135deg,rgba(34,197,94,0.4),rgba(22,163,74,0.4));border-color: rgba(34,197,94,0.6);}.pill-text[b-l6ghts90q9]{font-weight: 600;color: rgba(255,255,255,0.9);}.pill-count[b-l6ghts90q9]{background: rgba(255,255,255,0.15);padding: 0.1rem 0.4rem;border-radius: 6px;font-size: 0.7rem;font-weight: 800;color: white;min-width: 20px;text-align: center;}.filter-pill.active .pill-count[b-l6ghts90q9]{background: rgba(255,255,255,0.25);}.modal-friends-list[b-l6ghts90q9]{flex: 1;overflow-y: auto;padding: 1rem;display: flex;flex-direction: column;gap: 0.75rem;}.friend-card-detailed[b-l6ghts90q9]{display: flex;gap: 1rem;padding: 1rem;background: rgba(255,255,255,0.03);border: 1px solid rgba(34,197,94,0.1);border-radius: 16px;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.friend-card-detailed:hover[b-l6ghts90q9]{background: rgba(34,197,94,0.05);border-color: rgba(34,197,94,0.2);transform: translateY(-2px);}}.friend-avatar-detailed[b-l6ghts90q9]{width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;box-shadow: 0 4px 12px rgba(0,0,0,0.3);}.avatar-emoji-large[b-l6ghts90q9]{font-size: 2rem;}.avatar-initial-large[b-l6ghts90q9]{font-size: 1.5rem;font-weight: 700;color: white;}.friend-info-detailed[b-l6ghts90q9]{flex: 1;display: flex;flex-direction: column;gap: 0.5rem;min-width: 0;}.friend-name-row[b-l6ghts90q9]{display: flex;align-items: center;gap: 0.5rem;flex-wrap: wrap;}.friend-name[b-l6ghts90q9]{font-size: 1rem;font-weight: 600;color: white;}.friend-status-badge[b-l6ghts90q9]{padding: 0.25rem 0.625rem;border-radius: 8px;font-size: 0.7rem;font-weight: 600;display: flex;align-items: center;gap: 0.25rem;}.status-playing[b-l6ghts90q9]{background: rgba(59,130,246,0.15);border: 1px solid rgba(59,130,246,0.3);color: var(--mxp-blue-300);}.status-completed[b-l6ghts90q9]{background: rgba(34,197,94,0.15);border: 1px solid rgba(34,197,94,0.3);color: #22c55e;}.status-wishlist[b-l6ghts90q9]{background: rgba(251,191,36,0.15);border: 1px solid rgba(251,191,36,0.3);color: var(--mxp-amber-300);}.status-paused[b-l6ghts90q9]{background: rgba(168,85,247,0.15);border: 1px solid rgba(168,85,247,0.3);color: #a855f7;}.status-dropped[b-l6ghts90q9]{background: rgba(239,68,68,0.15);border: 1px solid rgba(239,68,68,0.3);color: var(--mxp-red-500);}.friend-stats-row[b-l6ghts90q9]{display: flex;gap: 0.75rem;flex-wrap: wrap;}.friend-stat[b-l6ghts90q9]{font-size: 0.8rem;color: rgba(255,255,255,0.6);font-weight: 500;}.friend-time[b-l6ghts90q9]{font-size: 0.7rem;color: rgba(255,255,255,0.4);}.modal-empty[b-l6ghts90q9]{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;padding: 3rem 1rem;}.empty-icon-modal[b-l6ghts90q9]{font-size: 3rem;opacity: 0.3;}.empty-text-modal[b-l6ghts90q9]{font-size: 0.95rem;color: rgba(255,255,255,0.5);font-weight: 500;}@media (max-width: 768px){.ranking-overlay[b-l6ghts90q9]{padding: 0.75rem !important;align-items: flex-end !important;}.friends-ranking-widget[b-l6ghts90q9]{display: none !important;}.ranking-modal[b-l6ghts90q9]{max-height: 85vh;max-width: 80%;border-radius: 20px 20px 0 0;margin: 0 auto;}.modal-header[b-l6ghts90q9]{padding: 1rem 0.8rem;flex-wrap: wrap;gap: 0.5rem;}.modal-title[b-l6ghts90q9]{gap: 0.5rem;}.modal-icon[b-l6ghts90q9]{font-size: 1.3rem;}.modal-title-main[b-l6ghts90q9]{font-size: 1rem;}.modal-subtitle[b-l6ghts90q9]{font-size: 0.7rem;}.modal-controls[b-l6ghts90q9]{padding: 0.85rem 0.8rem;gap: 0.75rem;}.search-input[b-l6ghts90q9]{padding: 0.75rem 2.5rem 0.75rem 2.5rem;font-size: 0.85rem;border-radius: 12px;}.search-icon[b-l6ghts90q9]{left: 0.85rem;font-size: 0.9rem;}.clear-search[b-l6ghts90q9]{right: 0.6rem;width: 26px;height: 26px;font-size: 1.2rem;}.filter-pills[b-l6ghts90q9]{gap: 0.4rem;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}.filter-pills[b-l6ghts90q9]::-webkit-scrollbar{display: none;}.filter-pill[b-l6ghts90q9]{padding: 0.4rem 0.6rem;font-size: 0.75rem;border-radius: 10px;flex-shrink: 0;white-space: nowrap;}.pill-text[b-l6ghts90q9]{font-size: 0.75rem;}.pill-count[b-l6ghts90q9]{padding: 0.08rem 0.35rem;font-size: 0.65rem;min-width: 18px;}.modal-friends-list[b-l6ghts90q9]{padding: 0.85rem 0.8rem 0.8rem;gap: 0.6rem;}.avatar-emoji[b-l6ghts90q9]{font-size: 1.15rem;}.avatar-initial[b-l6ghts90q9]{font-size: 0.9rem;}.friend-name[b-l6ghts90q9]{font-size: 0.85rem;}.modal-empty[b-l6ghts90q9]{padding: 2rem 1rem;}.stats-grid[b-l6ghts90q9]{gap: 0.4rem;}.stat-card[b-l6ghts90q9]{padding: 0.5rem;}.stat-value[b-l6ghts90q9]{font-size: 1rem;}.stat-label[b-l6ghts90q9]{font-size: 0.65rem;}}@media (max-width: 480px){.ranking-overlay[b-l6ghts90q9]{padding: 0 !important;}.ranking-modal[b-l6ghts90q9]{max-height: 95vh;border-radius: 16px 16px 0 0;max-width: 78%;}.modal-header[b-l6ghts90q9]{padding: 0.85rem 0.75rem;}.modal-icon[b-l6ghts90q9]{font-size: 1.2rem;}.modal-title-main[b-l6ghts90q9]{font-size: 0.95rem;}.modal-subtitle[b-l6ghts90q9]{font-size: 0.65rem;}.modal-controls[b-l6ghts90q9]{padding: 0.75rem 0.75rem;gap: 0.65rem;}.search-input[b-l6ghts90q9]{padding: 0.65rem 2.25rem 0.65rem 2.25rem;font-size: 0.8rem;}.filter-pill[b-l6ghts90q9]{padding: 0.35rem 0.55rem;font-size: 0.7rem;}.pill-text[b-l6ghts90q9]{font-size: 0.7rem;}.pill-count[b-l6ghts90q9]{font-size: 0.6rem;padding: 0.05rem 0.3rem;min-width: 16px;}.modal-friends-list[b-l6ghts90q9]{padding: 0.75rem 0.75rem 0.75rem;gap: 0.5rem;}.avatar-emoji[b-l6ghts90q9]{font-size: 1.05rem;}.friend-name[b-l6ghts90q9]{font-size: 0.8rem;}.preview-tooltip[b-l6ghts90q9]{padding: 0.5rem 0.65rem;border-radius: 8px;}.tooltip-name[b-l6ghts90q9]{font-size: 0.7rem;}.tooltip-status[b-l6ghts90q9]{font-size: 0.65rem;}.tooltip-time[b-l6ghts90q9]{font-size: 0.6rem;}} .friends-ranking-widget[b-svjqdd36ty]{background: linear-gradient(145deg,rgba(20,30,48,0.6) 0%,rgba(15,23,42,0.6) 100%);border: 1px solid rgba(124,58,237,0.2);border-radius: 16px;padding: 1.5rem;backdrop-filter: blur(6px);box-shadow: 0 4px 12px rgba(0,0,0,0.2);min-height: 450px;}.friends-ranking-widget:has(.widget-empty-compact-small)[b-svjqdd36ty]{min-height: 220px;}.widget-loading[b-svjqdd36ty]{display: flex;justify-content: center;padding: 1.5rem 0;}.mini-spinner[b-svjqdd36ty]{width: 28px;height: 28px;border: 3px solid rgba(124,58,237,0.2);border-top: 3px solid var(--mxp-purple-600);border-radius: 50%;animation: spin-b-svjqdd36ty 0.8s linear infinite;}@keyframes spin-b-svjqdd36ty{to{transform: rotate(360deg);}}.widget-compact[b-svjqdd36ty]{display: flex;flex-direction: column;gap: 1.3rem;justify-content: space-between;min-height: 400px;}.compact-header[b-svjqdd36ty]{display: flex;justify-content: space-between;align-items: center;}.compact-title[b-svjqdd36ty]{display: flex;align-items: center;gap: 0.5rem;}.compact-icon[b-svjqdd36ty]{font-size: 1.15rem;}.compact-text[b-svjqdd36ty]{font-size: 1rem;font-weight: 800;background: linear-gradient(135deg,#d8b4fe,#c084fc);-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 0.01em;}.expand-btn[b-svjqdd36ty]{background: rgba(124,58,237,0.2);border: 1px solid rgba(124,58,237,0.3);border-radius: 8px;padding: 0.4rem;color: var(--mxp-purple-100);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;}@media (hover: hover) and (pointer: fine){.expand-btn:hover[b-svjqdd36ty]{background: rgba(124,58,237,0.3);border-color: rgba(124,58,237,0.5);transform: translateY(-1px);}}.stats-grid[b-svjqdd36ty]{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.6rem;}.stat-card[b-svjqdd36ty]{display: flex;align-items: center;gap: 0.6rem;padding: 0.7rem 0.75rem;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: 10px;transition: all 0.2s ease;cursor: pointer;}@media (hover: hover) and (pointer: fine){.stat-card:hover[b-svjqdd36ty]{background: rgba(255,255,255,0.05);border-color: rgba(124,58,237,0.2);transform: translateY(-1px);}}.stat-card.stat-watching[b-svjqdd36ty]{border-left: 3px solid #3b82f6;border-color: rgba(59,130,246,0.3);}.stat-card.stat-completed[b-svjqdd36ty]{border-left: 3px solid var(--mxp-green-500);border-color: rgba(16,185,129,0.3);}.stat-card.stat-planned[b-svjqdd36ty]{border-left: 3px solid #6b7280;border-color: rgba(107,114,128,0.3);}.stat-card.stat-rating[b-svjqdd36ty]{border-left: 3px solid #ff69b4;border-color: rgba(255,105,180,0.3);position: relative;}.stat-card.stat-rating[b-svjqdd36ty]::after{content: '👆';position: absolute;top: 0.25rem;right: 0.25rem;font-size: 0.65rem;opacity: 0.4;}.stat-card.stat-percentage[b-svjqdd36ty]{border-left: 3px solid var(--mxp-purple-200);border-color: rgba(167,139,250,0.3);}.stat-card.stat-friends[b-svjqdd36ty]{border-left: 3px solid var(--mxp-purple-500);border-color: rgba(139,92,246,0.3);}.stat-card.stat-onhold[b-svjqdd36ty]{border-left: 3px solid var(--mxp-amber-500);border-color: rgba(251,191,36,0.3);}.stat-card.stat-dropped[b-svjqdd36ty]{border-left: 3px solid var(--mxp-red-500);border-color: rgba(248,113,113,0.3);}.stat-card.stat-favorite[b-svjqdd36ty]{border-left: 3px solid var(--mxp-amber-500);border-color: rgba(245,158,11,0.3);}.stat-card.stat-episodes[b-svjqdd36ty]{border-left: 3px solid var(--mxp-purple-500);border-color: rgba(139,92,246,0.3);}.stat-card.stat-favorite[b-svjqdd36ty]{border-left: 3px solid var(--mxp-amber-300);border-color: rgba(251,191,36,0.3);}.stat-icon[b-svjqdd36ty]{font-size: 1.2rem;flex-shrink: 0;}.stat-info[b-svjqdd36ty]{display: flex;flex-direction: column;gap: 0.1rem;}.stat-value[b-svjqdd36ty]{font-size: 1.05rem;font-weight: 800;color: white;line-height: 1;}.stat-label[b-svjqdd36ty]{font-size: 0.68rem;font-weight: 600;color: rgba(255,255,255,0.6);line-height: 1;}.preview-list[b-svjqdd36ty]{display: flex;align-items: center;gap: 0.45rem;margin-top: 0.5rem;padding: 0.5rem 0;flex-wrap: wrap;}.preview-friend[b-svjqdd36ty]{position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center;}.preview-friend:hover .preview-tooltip[b-svjqdd36ty]{opacity: 1;visibility: visible;transform: translate(-50%,-5px);}.preview-tooltip[b-svjqdd36ty]{position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translate(-50%,5px);background: linear-gradient(135deg,rgba(124,58,237,0.95) 0%,rgba(109,40,217,0.95) 100%);backdrop-filter: blur(16px);padding: 0.6rem 0.8rem;border-radius: 10px;border: 1px solid rgba(168,85,247,0.4);box-shadow: 0 8px 24px rgba(124,58,237,0.4);opacity: 0;visibility: hidden;transition: all 0.25s ease;pointer-events: none;z-index: 1000;white-space: nowrap;min-width: max-content;max-width: 280px;}.preview-tooltip[b-svjqdd36ty]::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top-color: rgba(124,58,237,0.95);}.tooltip-name[b-svjqdd36ty]{font-size: 0.8rem;font-weight: 700;color: white;margin-bottom: 0.25rem;text-shadow: 0 1px 3px rgba(0,0,0,0.3);}.tooltip-status[b-svjqdd36ty]{font-size: 0.7rem;font-weight: 600;color: rgba(255,255,255,0.9);margin-bottom: 0.15rem;}.tooltip-time[b-svjqdd36ty]{font-size: 0.65rem;font-weight: 500;color: rgba(255,255,255,0.7);font-style: italic;}.preview-avatar[b-svjqdd36ty]{width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid rgba(15,23,42,0.9);box-shadow: 0 2px 8px rgba(0,0,0,0.3);}.preview-avatar .avatar-emoji[b-svjqdd36ty]{font-size: 1.2rem;}.preview-avatar .avatar-initial[b-svjqdd36ty]{font-size: 0.9rem;font-weight: 700;color: white;}.preview-status-dot[b-svjqdd36ty]{position: absolute;bottom: 0;right: 0;width: 11px;height: 11px;border-radius: 50%;border: 2px solid rgba(15,23,42,0.9);}.preview-status-dot.dot-progress[b-svjqdd36ty]{background: #3b82f6;}.preview-status-dot.dot-completed[b-svjqdd36ty]{background: var(--mxp-green-500);}.preview-status-dot.dot-planned[b-svjqdd36ty]{background: #6b7280;}.preview-status-dot.dot-paused[b-svjqdd36ty]{background: var(--mxp-amber-500);}.preview-status-dot.dot-dropped[b-svjqdd36ty]{background: var(--mxp-red-500);}.preview-more[b-svjqdd36ty]{width: 40px;height: 40px;border-radius: 50%;background: rgba(124,58,237,0.3);border: 2px solid rgba(124,58,237,0.5);display: flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: 800;color: white;}.widget-empty-compact-small[b-svjqdd36ty]{display: flex;flex-direction: column;align-items: center;gap: 0.75rem;padding: 2rem 1rem;}.empty-icon-small[b-svjqdd36ty]{font-size: 2.5rem;opacity: 0.25;}.empty-text-container[b-svjqdd36ty]{display: flex;flex-direction: column;align-items: center;gap: 0.25rem;}.empty-text-main[b-svjqdd36ty]{font-size: 0.85rem;color: rgba(255,255,255,0.6);font-weight: 700;}.empty-text-sub[b-svjqdd36ty]{font-size: 0.7rem;color: rgba(255,255,255,0.4);font-weight: 500;}.ranking-overlay[b-svjqdd36ty]{position: fixed !important;inset: 0 !important;background: rgba(0,0,0,0.85) !important;backdrop-filter: blur(8px) !important;z-index: 2147483647 !important;display: flex !important;align-items: center !important;justify-content: center !important;padding: 2rem 1.5rem !important;animation: fadeIn-b-svjqdd36ty 0.2s ease !important;isolation: isolate !important;}@keyframes fadeIn-b-svjqdd36ty{from{opacity: 0;}to{opacity: 1;}}.ranking-modal[b-svjqdd36ty]{width: 100%;max-width: 450px;max-height: 85vh;background: linear-gradient(145deg,rgba(30,27,75,0.98) 0%,rgba(20,23,60,0.98) 100%);border: 1px solid rgba(124,58,237,0.3);border-radius: 24px;box-shadow: 0 20px 60px rgba(124,58,237,0.3);display: flex;flex-direction: column;animation: slideUp-b-svjqdd36ty 0.3s ease;position: relative;z-index: 2147483647;}@keyframes slideUp-b-svjqdd36ty{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}.modal-header[b-svjqdd36ty]{display: flex;justify-content: space-between;align-items: center;padding: 1.5rem;border-bottom: 1px solid rgba(124,58,237,0.2);}.modal-title[b-svjqdd36ty]{display: flex;align-items: center;gap: 0.75rem;}.modal-icon[b-svjqdd36ty]{font-size: 1.5rem;}.modal-title-text[b-svjqdd36ty]{display: flex;flex-direction: column;gap: 0.2rem;}.modal-title-main[b-svjqdd36ty]{font-size: 1.2rem;font-weight: 800;background: linear-gradient(135deg,#e9d5ff,var(--mxp-purple-100));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.modal-subtitle[b-svjqdd36ty]{font-size: 0.8rem;font-weight: 600;color: rgba(255,255,255,0.5);}.modal-close[b-svjqdd36ty]{background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;padding: 0.5rem;color: rgba(255,255,255,0.7);cursor: pointer;transition: all 0.2s ease;display: flex;align-items: center;justify-content: center;}@media (hover: hover) and (pointer: fine){.modal-close:hover[b-svjqdd36ty]{background: rgba(255,255,255,0.1);color: white;}}.modal-controls[b-svjqdd36ty]{padding: 1.25rem 1.5rem;display: flex;flex-direction: column;gap: 1rem;border-bottom: 1px solid rgba(124,58,237,0.15);}.search-box[b-svjqdd36ty]{position: relative;display: flex;align-items: center;}.search-icon[b-svjqdd36ty]{position: absolute;left: 1rem;font-size: 1rem;opacity: 0.5;pointer-events: none;}.search-input[b-svjqdd36ty]{width: 100%;padding: 0.85rem 1rem 0.85rem 2.75rem;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;color: white;font-size: 0.9rem;font-weight: 500;transition: all 0.2s ease;}.search-input[b-svjqdd36ty]::placeholder{color: rgba(255,255,255,0.4);}.search-input:focus[b-svjqdd36ty]{outline: none;background: rgba(255,255,255,0.08);border-color: rgba(124,58,237,0.5);}.clear-search[b-svjqdd36ty]{position: absolute;right: 0.75rem;background: rgba(255,255,255,0.1);border: none;color: rgba(255,255,255,0.6);width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 1.4rem;line-height: 1;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.clear-search:hover[b-svjqdd36ty]{background: rgba(255,255,255,0.15);color: white;}}.filter-pills[b-svjqdd36ty]{display: flex;flex-wrap: nowrap;gap: 0.5rem;overflow-x: auto;scrollbar-width: thin;scrollbar-color: transparent transparent;transition: scrollbar-color 0.3s ease;}.filter-pills[b-svjqdd36ty]::-webkit-scrollbar{height: 6px;}.filter-pills[b-svjqdd36ty]::-webkit-scrollbar-track{background: transparent;border-radius: 3px;}.filter-pills[b-svjqdd36ty]::-webkit-scrollbar-thumb{background: transparent;border-radius: 3px;transition: background 0.3s ease;}@media (hover: hover) and (pointer: fine){.filter-pills:hover[b-svjqdd36ty]{scrollbar-color: rgba(124,58,237,0.3) rgba(255,255,255,0.05);}}@media (hover: hover) and (pointer: fine){.filter-pills:hover[b-svjqdd36ty]::-webkit-scrollbar-track{background: rgba(255,255,255,0.05);}}@media (hover: hover) and (pointer: fine){.filter-pills:hover[b-svjqdd36ty]::-webkit-scrollbar-thumb{background: rgba(124,58,237,0.4);}}@media (hover: hover) and (pointer: fine){.filter-pills:hover[b-svjqdd36ty]::-webkit-scrollbar-thumb:hover{background: rgba(124,58,237,0.6);}}.filter-pill[b-svjqdd36ty]{display: flex;align-items: center;gap: 0.35rem;padding: 0.45rem 0.7rem;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 12px;cursor: pointer;transition: all 0.2s ease;font-size: 0.8rem;flex-shrink: 0;white-space: nowrap;}@media (hover: hover) and (pointer: fine){.filter-pill:hover[b-svjqdd36ty]{background: rgba(255,255,255,0.08);border-color: rgba(124,58,237,0.3);}}.filter-pill.active[b-svjqdd36ty]{background: linear-gradient(135deg,rgba(124,58,237,0.4),rgba(109,40,217,0.4));border-color: rgba(124,58,237,0.6);}.pill-text[b-svjqdd36ty]{font-weight: 600;color: rgba(255,255,255,0.9);}.pill-count[b-svjqdd36ty]{background: rgba(255,255,255,0.15);padding: 0.1rem 0.4rem;border-radius: 6px;font-size: 0.7rem;font-weight: 800;color: white;min-width: 20px;text-align: center;}.filter-pill.active .pill-count[b-svjqdd36ty]{background: rgba(255,255,255,0.25);}.modal-friends-list[b-svjqdd36ty]{flex: 1;overflow-y: auto;padding: 1.25rem 1.5rem;display: flex;flex-direction: column;gap: 0.75rem;}.modal-friends-list[b-svjqdd36ty]::-webkit-scrollbar{width: 8px;}.modal-friends-list[b-svjqdd36ty]::-webkit-scrollbar-track{background: rgba(255,255,255,0.05);border-radius: 4px;}.modal-friends-list[b-svjqdd36ty]::-webkit-scrollbar-thumb{background: rgba(124,58,237,0.4);border-radius: 4px;}@media (hover: hover) and (pointer: fine){.modal-friends-list[b-svjqdd36ty]::-webkit-scrollbar-thumb:hover{background: rgba(124,58,237,0.6);}}.modal-friend-item[b-svjqdd36ty]{display: flex;align-items: flex-start;gap: 1rem;padding: 1rem;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.08);border-radius: 14px;transition: all 0.2s ease;}@media (hover: hover) and (pointer: fine){.modal-friend-item:hover[b-svjqdd36ty]{background: rgba(255,255,255,0.05);border-color: rgba(124,58,237,0.3);}}.modal-friend-item.status-completed[b-svjqdd36ty]{border-left: 3px solid var(--mxp-green-500);}.modal-friend-item.status-progress[b-svjqdd36ty]{border-left: 3px solid #3b82f6;}.modal-friend-item.status-dropped[b-svjqdd36ty]{border-left: 3px solid var(--mxp-red-500);}.modal-friend-item.status-paused[b-svjqdd36ty]{border-left: 3px solid var(--mxp-amber-500);}.modal-friend-item.status-planned[b-svjqdd36ty]{border-left: 3px solid #6b7280;}.friend-avatar-section[b-svjqdd36ty]{position: relative;flex-shrink: 0;}.friend-avatar[b-svjqdd36ty]{width: 44px;height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 700;box-shadow: 0 2px 8px rgba(0,0,0,0.3);}.avatar-emoji[b-svjqdd36ty]{font-size: 1.35rem;}.avatar-initial[b-svjqdd36ty]{font-size: 1rem;color: white;}.friend-level[b-svjqdd36ty]{position: absolute;bottom: -3px;right: -3px;background: linear-gradient(135deg,var(--mxp-purple-600),#6d28d9);color: white;font-size: 0.7rem;font-weight: 800;width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 2px solid rgba(20,23,60,0.9);}.friend-info[b-svjqdd36ty]{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 0.4rem;padding-top: 0.1rem;}.friend-name-row[b-svjqdd36ty]{display: flex;align-items: center;gap: 0.5rem;min-width: 0;}.friend-name[b-svjqdd36ty]{font-size: 0.9rem;font-weight: 700;color: white;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex-shrink: 1;min-width: 0;}.friend-last-updated-inline[b-svjqdd36ty]{font-size: 0.68rem;font-weight: 500;color: rgba(255,255,255,0.4);font-style: italic;flex-shrink: 1;margin-left: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;}.friend-progress-row[b-svjqdd36ty]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;}.progress-text[b-svjqdd36ty]{font-size: 0.8rem;font-weight: 600;color: rgba(255,255,255,0.7);flex-shrink: 0;}.progress-bar-container-inline[b-svjqdd36ty]{position: relative;flex: 1;max-width: 150px;height: 6px;background: rgba(255,255,255,0.1);border-radius: 3px;overflow: visible;cursor: pointer;}@media (hover: hover) and (pointer: fine){.progress-bar-container-inline:hover .progress-bar-fill[b-svjqdd36ty]{background: linear-gradient(90deg,#9333ea,#c084fc);box-shadow: 0 0 8px rgba(124,58,237,0.5);}}.progress-bar-container-inline:hover .progress-percentage[b-svjqdd36ty]{opacity: 1;}.progress-bar-fill[b-svjqdd36ty]{height: 100%;background: linear-gradient(90deg,var(--mxp-purple-600),var(--mxp-purple-200));border-radius: 3px;transition: all 0.3s ease;position: relative;}.progress-percentage[b-svjqdd36ty]{position: absolute;right: 0;top: -22px;background: linear-gradient(135deg,var(--mxp-purple-600),#9333ea);color: white;padding: 0.15rem 0.45rem;border-radius: 6px;font-size: 0.65rem;font-weight: 800;opacity: 0;transition: opacity 0.2s ease;pointer-events: none;white-space: nowrap;box-shadow: 0 2px 8px rgba(124,58,237,0.4);}.friend-rating[b-svjqdd36ty]{display: flex;align-items: center;gap: 0.3rem;padding: 0.35rem 0.65rem;background: linear-gradient(135deg,rgba(255,105,180,0.15),rgba(255,20,147,0.15));border: 1px solid rgba(255,105,180,0.3);border-radius: 10px;flex-shrink: 0;align-self: flex-start;margin-top: 0.1rem;}.rating-icon[b-svjqdd36ty]{font-size: 0.85rem;}.rating-value[b-svjqdd36ty]{font-size: 0.8rem;font-weight: 700;color: #ff69b4;}.modal-empty[b-svjqdd36ty]{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 3rem 1rem;gap: 0.75rem;}.modal-empty .empty-icon[b-svjqdd36ty]{font-size: 2.5rem;opacity: 0.3;}.modal-empty .empty-text[b-svjqdd36ty]{font-size: 0.9rem;color: rgba(255,255,255,0.5);font-weight: 600;}@media (max-width: 768px){.ranking-overlay[b-svjqdd36ty]{padding: 0.75rem !important;align-items: flex-end !important;}.friends-ranking-widget[b-svjqdd36ty]{display: none !important;}.ranking-modal[b-svjqdd36ty]{max-height: 85vh;max-width: 80%;border-radius: 20px 20px 0 0;margin: 0 auto;}.modal-header[b-svjqdd36ty]{padding: 1rem 0.8rem;flex-wrap: wrap;gap: 0.5rem;}.modal-title[b-svjqdd36ty]{gap: 0.5rem;}.modal-icon[b-svjqdd36ty]{font-size: 1.3rem;}.modal-title-main[b-svjqdd36ty]{font-size: 1rem;}.modal-subtitle[b-svjqdd36ty]{font-size: 0.7rem;}.modal-controls[b-svjqdd36ty]{padding: 0.85rem 0.8rem;gap: 0.75rem;}.search-input[b-svjqdd36ty]{padding: 0.75rem 2.5rem 0.75rem 2.5rem;font-size: 0.85rem;border-radius: 12px;}.search-icon[b-svjqdd36ty]{left: 0.85rem;font-size: 0.9rem;}.clear-search[b-svjqdd36ty]{right: 0.6rem;width: 26px;height: 26px;font-size: 1.2rem;}.filter-pills[b-svjqdd36ty]{gap: 0.4rem;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;}.filter-pills[b-svjqdd36ty]::-webkit-scrollbar{display: none;}.filter-pill[b-svjqdd36ty]{padding: 0.4rem 0.6rem;font-size: 0.75rem;border-radius: 10px;flex-shrink: 0;white-space: nowrap;}.pill-text[b-svjqdd36ty]{font-size: 0.75rem;}.pill-count[b-svjqdd36ty]{padding: 0.08rem 0.35rem;font-size: 0.65rem;min-width: 18px;}.modal-friends-list[b-svjqdd36ty]{padding: 0.85rem 0.8rem 0.8rem;gap: 0.6rem;}.modal-friend-item[b-svjqdd36ty]{padding: 0.8rem 0.7rem;gap: 0.85rem;border-radius: 12px;}.friend-avatar[b-svjqdd36ty]{width: 38px;height: 38px;}.avatar-emoji[b-svjqdd36ty]{font-size: 1.15rem;}.avatar-initial[b-svjqdd36ty]{font-size: 0.9rem;}.friend-level[b-svjqdd36ty]{width: 18px;height: 18px;font-size: 0.65rem;}.friend-name[b-svjqdd36ty]{font-size: 0.85rem;}.progress-text[b-svjqdd36ty]{font-size: 0.75rem;}.friend-last-updated-inline[b-svjqdd36ty]{font-size: 0.62rem;}.friend-rating[b-svjqdd36ty]{padding: 0.3rem 0.55rem;}.rating-icon[b-svjqdd36ty]{font-size: 0.75rem;}.rating-value[b-svjqdd36ty]{font-size: 0.75rem;}.modal-empty[b-svjqdd36ty]{padding: 2rem 1rem;}.modal-empty .empty-icon[b-svjqdd36ty]{font-size: 2rem;}.modal-empty .empty-text[b-svjqdd36ty]{font-size: 0.8rem;}.stats-grid[b-svjqdd36ty]{gap: 0.4rem;}.stat-card[b-svjqdd36ty]{padding: 0.5rem;}.stat-value[b-svjqdd36ty]{font-size: 1rem;}.stat-label[b-svjqdd36ty]{font-size: 0.65rem;}.progress-percentage[b-svjqdd36ty]{font-size: 0.6rem;padding: 0.12rem 0.35rem;top: -20px;}.progress-bar-container-inline[b-svjqdd36ty]{max-width: 100px;}}[b-svjqdd36ty] .gallery-section{position: relative;z-index: 1 !important;}[b-svjqdd36ty] .gallery-section{position: relative;z-index: 1 !important;}@media (max-width: 480px){.ranking-overlay[b-svjqdd36ty]{padding: 0 !important;}.ranking-modal[b-svjqdd36ty]{max-height: 95vh;border-radius: 16px 16px 0 0;max-width: 78%;}.modal-header[b-svjqdd36ty]{padding: 0.85rem 0.75rem;}.modal-icon[b-svjqdd36ty]{font-size: 1.2rem;}.modal-title-main[b-svjqdd36ty]{font-size: 0.95rem;}.modal-subtitle[b-svjqdd36ty]{font-size: 0.65rem;}.modal-controls[b-svjqdd36ty]{padding: 0.75rem 0.75rem;gap: 0.65rem;}.search-input[b-svjqdd36ty]{padding: 0.65rem 2.25rem 0.65rem 2.25rem;font-size: 0.8rem;}.filter-pill[b-svjqdd36ty]{padding: 0.35rem 0.55rem;font-size: 0.7rem;}.pill-text[b-svjqdd36ty]{font-size: 0.7rem;}.pill-count[b-svjqdd36ty]{font-size: 0.6rem;padding: 0.05rem 0.3rem;min-width: 16px;}.modal-friends-list[b-svjqdd36ty]{padding: 0.75rem 0.75rem 0.75rem;gap: 0.5rem;}.modal-friend-item[b-svjqdd36ty]{padding: 0.65rem 0.55rem;gap: 0.65rem;}.friend-avatar[b-svjqdd36ty]{width: 36px;height: 36px;}.avatar-emoji[b-svjqdd36ty]{font-size: 1.05rem;}.friend-level[b-svjqdd36ty]{width: 16px;height: 16px;font-size: 0.6rem;}.friend-name[b-svjqdd36ty]{font-size: 0.8rem;}.progress-text[b-svjqdd36ty]{font-size: 0.7rem;}.friend-progress-row[b-svjqdd36ty]{gap: 0.5rem;}.friend-last-updated-inline[b-svjqdd36ty]{font-size: 0.58rem;}.friend-rating[b-svjqdd36ty]{padding: 0.25rem 0.5rem;}.rating-value[b-svjqdd36ty]{font-size: 0.7rem;}.progress-percentage[b-svjqdd36ty]{font-size: 0.55rem;padding: 0.1rem 0.3rem;top: -18px;}.progress-bar-container-inline[b-svjqdd36ty]{max-width: 80px;}.preview-tooltip[b-svjqdd36ty]{padding: 0.5rem 0.65rem;border-radius: 8px;}.tooltip-name[b-svjqdd36ty]{font-size: 0.7rem;}.tooltip-status[b-svjqdd36ty]{font-size: 0.65rem;}.tooltip-time[b-svjqdd36ty]{font-size: 0.6rem;}}.friends-ranking-widget.movie-theme[b-svjqdd36ty]{border-color: rgba(251,146,60,0.2);min-height: unset;}.movie-theme .widget-compact[b-svjqdd36ty]{min-height: unset;justify-content: flex-start;}.movie-theme .mini-spinner[b-svjqdd36ty]{border-color: rgba(251,146,60,0.2);border-top-color: var(--mxp-orange-300);}.movie-theme .compact-text[b-svjqdd36ty]{background: linear-gradient(135deg,#fdba74,var(--mxp-orange-300));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.movie-theme .expand-btn[b-svjqdd36ty]{background: rgba(251,146,60,0.2);border-color: rgba(251,146,60,0.3);color: #fdba74;}@media (hover: hover) and (pointer: fine){.movie-theme .expand-btn:hover[b-svjqdd36ty]{background: rgba(251,146,60,0.3);border-color: rgba(251,146,60,0.5);}}@media (hover: hover) and (pointer: fine){.movie-theme .stat-card:hover[b-svjqdd36ty]{border-color: rgba(251,146,60,0.2);}}.movie-theme .stat-card.stat-rating[b-svjqdd36ty]{border-left-color: var(--mxp-orange-300);border-color: rgba(251,146,60,0.3);}.movie-theme .stat-card.stat-percentage[b-svjqdd36ty]{border-left-color: var(--mxp-orange-300);border-color: rgba(251,146,60,0.3);}.movie-theme .stat-card.stat-friends[b-svjqdd36ty]{border-left-color: var(--mxp-orange-300);border-color: rgba(251,146,60,0.3);}.movie-theme .stat-card.stat-favorite[b-svjqdd36ty]{border-left-color: var(--mxp-orange-300);border-color: rgba(251,146,60,0.3);}.movie-theme .preview-tooltip[b-svjqdd36ty]{background: linear-gradient(135deg,rgba(251,146,60,0.95) 0%,rgba(234,88,12,0.95) 100%);border-color: rgba(251,146,60,0.4);box-shadow: 0 8px 24px rgba(251,146,60,0.4);}.movie-theme .preview-tooltip[b-svjqdd36ty]::after{border-top-color: rgba(251,146,60,0.95);}.ranking-modal.movie-theme[b-svjqdd36ty]{border-color: rgba(251,146,60,0.3);box-shadow: 0 20px 60px rgba(251,146,60,0.3);}.ranking-modal.movie-theme .modal-header[b-svjqdd36ty]{border-bottom-color: rgba(251,146,60,0.2);}.ranking-modal.movie-theme .modal-controls[b-svjqdd36ty]{border-bottom-color: rgba(251,146,60,0.15);}.ranking-modal.movie-theme .search-input:focus[b-svjqdd36ty]{border-color: rgba(251,146,60,0.5);}@media (hover: hover) and (pointer: fine){.ranking-modal.movie-theme .filter-pill:hover[b-svjqdd36ty]{border-color: rgba(251,146,60,0.3);}}.ranking-modal.movie-theme .filter-pill.active[b-svjqdd36ty]{background: linear-gradient(135deg,rgba(251,146,60,0.4),rgba(234,88,12,0.4));border-color: rgba(251,146,60,0.6);}@media (hover: hover) and (pointer: fine){.ranking-modal.movie-theme .modal-friend-item:hover[b-svjqdd36ty]{border-color: rgba(251,146,60,0.3);}}.ranking-modal.movie-theme .friend-level[b-svjqdd36ty]{background: linear-gradient(135deg,var(--mxp-orange-300),#ea580c);}.ranking-modal.movie-theme .modal-friends-list[b-svjqdd36ty]::-webkit-scrollbar-thumb{background: rgba(251,146,60,0.4);}@media (hover: hover) and (pointer: fine){.ranking-modal.movie-theme .modal-friends-list[b-svjqdd36ty]::-webkit-scrollbar-thumb:hover{background: rgba(251,146,60,0.6);}}.ranking-modal-direct.movie-theme .modal-header[b-svjqdd36ty]{border-bottom-color: rgba(251,146,60,0.2);}.ranking-modal-direct.movie-theme .modal-controls[b-svjqdd36ty]{border-bottom-color: rgba(251,146,60,0.15);}.ranking-modal-direct.movie-theme .search-input:focus[b-svjqdd36ty]{border-color: rgba(251,146,60,0.5);}@media (hover: hover) and (pointer: fine){.ranking-modal-direct.movie-theme .filter-pill:hover[b-svjqdd36ty]{border-color: rgba(251,146,60,0.3);}}.ranking-modal-direct.movie-theme .filter-pill.active[b-svjqdd36ty]{background: linear-gradient(135deg,rgba(251,146,60,0.4),rgba(234,88,12,0.4));border-color: rgba(251,146,60,0.6);}@media (hover: hover) and (pointer: fine){.ranking-modal-direct.movie-theme .modal-friend-item:hover[b-svjqdd36ty]{border-color: rgba(251,146,60,0.3);}}.ranking-modal-direct.movie-theme .friend-level[b-svjqdd36ty]{background: linear-gradient(135deg,var(--mxp-orange-300),#ea580c);} .gallery-section[b-8foe0anz8q]{max-width: none;margin: 0;padding: 0;animation: fadeIn-b-8foe0anz8q 0.4s ease-out;}@keyframes fadeIn-b-8foe0anz8q{from{opacity: 0;}to{opacity: 1;}}.gallery-header[b-8foe0anz8q]{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.75rem;}.gallery-title[b-8foe0anz8q]{font-size: 1.65rem;font-weight: 900;display: flex;align-items: center;gap: 0.75rem;margin: 0;}.theme-purple .gallery-title[b-8foe0anz8q]{background: linear-gradient(135deg,var(--mxp-purple-100),var(--mxp-purple-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.gallery-badge[b-8foe0anz8q]{color: white;padding: 0.6rem 1.5rem;border-radius: 28px;font-size: 0.9rem;font-weight: 800;}.theme-purple .gallery-badge[b-8foe0anz8q]{background: linear-gradient(135deg,var(--mxp-purple-600) 0%,#6d28d9 100%);box-shadow: 0 0 25px rgba(124,58,237,0.4);}.gallery-grid[b-8foe0anz8q]{display: grid;grid-template-columns: repeat(5,1fr);gap: 1.25rem;width: 100%;margin-bottom: 1.5rem;}.gallery-pagination[b-8foe0anz8q]{display: flex;align-items: center;justify-content: center;gap: 1.5rem;padding: 1rem 0;}.pagination-btn[b-8foe0anz8q]{width: 44px;height: 44px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.2);background: linear-gradient(135deg,rgba(30,30,60,0.6) 0%,rgba(20,20,40,0.6) 100%);backdrop-filter: blur(20px);cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;color: white;}@media (hover: hover) and (pointer: fine){.pagination-btn:hover:not(:disabled)[b-8foe0anz8q]{transform: scale(1.1);border-color: rgba(255,255,255,0.4);background: linear-gradient(135deg,rgba(30,30,60,0.8) 0%,rgba(20,20,40,0.8) 100%);}}.pagination-btn:disabled[b-8foe0anz8q]{opacity: 0.3;cursor: not-allowed;}@media (hover: hover) and (pointer: fine){.theme-purple .pagination-btn:hover:not(:disabled)[b-8foe0anz8q]{border-color: rgba(124,58,237,0.6);box-shadow: 0 0 20px rgba(124,58,237,0.4);}}.pagination-info[b-8foe0anz8q]{display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;border-radius: 24px;font-weight: 700;font-size: 1rem;}.theme-purple .pagination-info[b-8foe0anz8q]{background: linear-gradient(135deg,rgba(124,58,237,0.2) 0%,rgba(124,58,237,0.2) 100%);border: 1px solid rgba(124,58,237,0.3);}.pagination-current[b-8foe0anz8q]{color: white;font-size: 1.1rem;}.pagination-separator[b-8foe0anz8q]{color: rgba(255,255,255,0.5);}.pagination-total[b-8foe0anz8q]{color: rgba(255,255,255,0.7);}.gallery-item[b-8foe0anz8q]{position: relative;aspect-ratio: 16/9;border-radius: 16px;overflow: hidden;cursor: pointer;transition: transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;border: 2px solid rgba(255,255,255,0.1);background: rgba(10,14,39,0.8);height: 100%;}@media (hover: hover) and (pointer: fine){.theme-purple .gallery-item:not(.locked):hover[b-8foe0anz8q]{transform: translateY(-6px);box-shadow: 0 15px 40px rgba(139,92,246,0.4);border-color: rgba(139,92,246,0.5);}}.gallery-item.locked[b-8foe0anz8q]{cursor: not-allowed;background: #0a0e27;}@media (hover: hover) and (pointer: fine){.gallery-item.locked:hover[b-8foe0anz8q]{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0,0,0,0.5);border-color: rgba(255,255,255,0.2);}}.gallery-image[b-8foe0anz8q]{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}@media (hover: hover) and (pointer: fine){.gallery-item:not(.locked):hover .gallery-image[b-8foe0anz8q]{transform: scale(1.05);}}.gallery-overlay[b-8foe0anz8q]{position: absolute;inset: 0;background: linear-gradient(to top,rgba(10,14,39,0.9) 0%,transparent 50%);display: flex;flex-direction: column;justify-content: flex-end;padding: 1rem;opacity: 0;transition: opacity 0.2s ease;}@media (hover: hover) and (pointer: fine){.gallery-item:hover .gallery-overlay[b-8foe0anz8q]{opacity: 1;}}.gallery-season-label[b-8foe0anz8q]{font-size: 0.85rem;font-weight: 700;color: white;text-shadow: 0 2px 8px rgba(0,0,0,0.5);}.gallery-locked-content[b-8foe0anz8q]{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;background: linear-gradient(135deg,rgba(10,14,39,0.98) 0%,rgba(15,20,45,0.98) 100%);gap: 0.5rem;padding: 1rem;text-align: center;}.locked-icon[b-8foe0anz8q]{font-size: 2rem;opacity: 0.4;}.locked-requirement[b-8foe0anz8q]{font-size: 0.7rem;padding: 0.3rem 0.6rem;border-radius: 8px;font-weight: 700;white-space: nowrap;line-height: 1.2;}.theme-purple .locked-requirement[b-8foe0anz8q]{background: rgba(139,92,246,0.2);border: 1px solid rgba(139,92,246,0.3);color: var(--mxp-purple-200);}[b-8foe0anz8q] .gallery-dialog{border-radius: 20px !important;max-width: 60vw !important;max-height: 90vh !important;overflow: hidden;}[b-8foe0anz8q] .gallery-dialog .mud-dialog-content{padding: 0 !important;}.gallery-dialog-content[b-8foe0anz8q]{position: relative;display: flex;flex-direction: column;height: 100%;width: 100%;padding: 0;cursor: grab;user-select: none;-webkit-user-select: none;}.gallery-dialog-content:active[b-8foe0anz8q]{cursor: grabbing;}.swipe-indicator[b-8foe0anz8q]{position: absolute;top: 0;bottom: 0;width: 60px;z-index: 100;pointer-events: none;opacity: 0;transition: opacity 0.2s ease;}.swipe-indicator-left[b-8foe0anz8q]{left: 0;background: linear-gradient(90deg,rgba(139,92,246,0.2) 0%,transparent 100%);border-radius: 20px 0 0 20px;}.swipe-indicator-right[b-8foe0anz8q]{right: 0;background: linear-gradient(-90deg,rgba(139,92,246,0.2) 0%,transparent 100%);border-radius: 0 20px 20px 0;}.swipe-indicator.active[b-8foe0anz8q]{opacity: 1;}.gallery-dialog-content.swiping-left .swipe-indicator-right[b-8foe0anz8q],.gallery-dialog-content.swiping-right .swipe-indicator-left[b-8foe0anz8q]{opacity: 1;}.gallery-dialog-header[b-8foe0anz8q]{display: flex;align-items: center;justify-content: space-between;padding: 0.75rem 1rem;border-bottom: 1px solid rgba(255,255,255,0.1);flex-shrink: 0;}.gallery-dialog-actions[b-8foe0anz8q]{display: flex;align-items: center;gap: 0.5rem;}.gallery-dialog-title[b-8foe0anz8q]{font-size: 0.9rem;font-weight: 700;display: flex;align-items: center;gap: 0.5rem;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.theme-purple .gallery-dialog-title[b-8foe0anz8q]{background: linear-gradient(135deg,var(--mxp-purple-500),#ec4899);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.emoji-no-bg[b-8foe0anz8q]{background: transparent !important;-webkit-text-fill-color: initial !important;}.gallery-dialog-separator[b-8foe0anz8q]{font-size: 0.5rem;color: rgba(255,255,255,0.3);-webkit-text-fill-color: initial;}.gallery-dialog-detail[b-8foe0anz8q]{font-size: 0.75rem;font-weight: 400;font-style: italic;white-space: nowrap;-webkit-text-fill-color: initial;background: none !important;color: rgba(255,255,255,0.45);border: none;padding: 0;}.gallery-dialog-image-container[b-8foe0anz8q]{position: relative;flex: 1;display: flex;align-items: center;justify-content: center;padding: 1rem;overflow: hidden;width: 100%;}.gallery-dialog-image[b-8foe0anz8q]{border-radius: 10px;box-shadow: 0 12px 40px rgba(0,0,0,0.4);border: 1px solid rgba(255,255,255,0.08);object-fit: contain;max-width: 100%;max-height: 75vh;}[b-8foe0anz8q] .gallery-nav-button{position: absolute !important;top: 50% !important;margin-top: -24px !important;z-index: 10 !important;backdrop-filter: blur(10px);border-radius: 50% !important;width: 48px !important;height: 48px !important;min-width: 48px !important;transition: background 0.2s ease,box-shadow 0.2s ease;color: white !important;}.theme-purple[b-8foe0anz8q] .gallery-nav-button,[b-8foe0anz8q] .theme-purple .gallery-nav-button{background: rgba(15,10,30,0.7) !important;box-shadow: 0 4px 16px rgba(0,0,0,0.4);border: 1px solid rgba(139,92,246,0.3) !important;}@media (hover: hover) and (pointer: fine){.theme-purple[b-8foe0anz8q] .gallery-nav-button:hover,[b-8foe0anz8q] .theme-purple .gallery-nav-button:hover{background: rgba(139,92,246,0.8) !important;box-shadow: 0 4px 16px rgba(139,92,246,0.4) !important;}}[b-8foe0anz8q] .gallery-nav-button:disabled{opacity: 0.3;cursor: not-allowed;}[b-8foe0anz8q] .gallery-nav-button.prev{left: 0.75rem !important;}[b-8foe0anz8q] .gallery-nav-button.next{right: 0.75rem !important;}.theme-amber .gallery-title[b-8foe0anz8q]{background: linear-gradient(135deg,var(--mxp-amber-300),var(--mxp-amber-500));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.theme-amber .gallery-badge[b-8foe0anz8q]{background: linear-gradient(135deg,#d97706 0%,#b45309 100%);box-shadow: 0 0 25px rgba(217,119,6,0.4);}@media (hover: hover) and (pointer: fine){.theme-amber .pagination-btn:hover:not(:disabled)[b-8foe0anz8q]{border-color: rgba(245,158,11,0.6);box-shadow: 0 0 20px rgba(245,158,11,0.4);}}.theme-amber .pagination-info[b-8foe0anz8q]{background: linear-gradient(135deg,rgba(245,158,11,0.2) 0%,rgba(217,119,6,0.2) 100%);border: 1px solid rgba(245,158,11,0.3);}@media (hover: hover) and (pointer: fine){.theme-amber .gallery-item:not(.locked):hover[b-8foe0anz8q]{transform: translateY(-6px);box-shadow: 0 15px 40px rgba(245,158,11,0.4);border-color: rgba(245,158,11,0.5);}}.theme-amber .locked-requirement[b-8foe0anz8q]{background: rgba(245,158,11,0.2);border: 1px solid rgba(245,158,11,0.3);color: var(--mxp-amber-300);}.theme-amber[b-8foe0anz8q] .gallery-dialog,[b-8foe0anz8q] .gallery-dialog.theme-amber{border: 1px solid rgba(245,158,11,0.3);}.theme-amber .gallery-dialog-header[b-8foe0anz8q],[b-8foe0anz8q] .theme-amber .gallery-dialog-header{background: rgba(245,158,11,0.05);}.theme-amber .gallery-dialog-title[b-8foe0anz8q],[b-8foe0anz8q] .theme-amber .gallery-dialog-title{background: linear-gradient(135deg,var(--mxp-amber-500),var(--mxp-amber-300));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.theme-amber[b-8foe0anz8q] .gallery-nav-button,[b-8foe0anz8q] .theme-amber .gallery-nav-button{background: rgba(15,10,30,0.7) !important;box-shadow: 0 4px 16px rgba(0,0,0,0.4);border: 1px solid rgba(245,158,11,0.3) !important;}@media (hover: hover) and (pointer: fine){.theme-amber[b-8foe0anz8q] .gallery-nav-button:hover,[b-8foe0anz8q] .theme-amber .gallery-nav-button:hover{background: rgba(245,158,11,0.8) !important;box-shadow: 0 4px 16px rgba(245,158,11,0.4) !important;}}.theme-amber .swipe-indicator-left[b-8foe0anz8q],[b-8foe0anz8q] .theme-amber .swipe-indicator-left{background: linear-gradient(90deg,rgba(245,158,11,0.2) 0%,transparent 100%);}.theme-amber .swipe-indicator-right[b-8foe0anz8q],[b-8foe0anz8q] .theme-amber .swipe-indicator-right{background: linear-gradient(-90deg,rgba(245,158,11,0.2) 0%,transparent 100%);}.theme-green .gallery-title[b-8foe0anz8q]{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.theme-green .gallery-badge[b-8foe0anz8q]{background: linear-gradient(135deg,var(--mxp-green-500) 0%,#059669 100%);box-shadow: 0 0 25px rgba(52,211,153,0.4);}@media (hover: hover) and (pointer: fine){.theme-green .pagination-btn:hover:not(:disabled)[b-8foe0anz8q]{border-color: rgba(52,211,153,0.6);box-shadow: 0 0 20px rgba(52,211,153,0.4);}}.theme-green .pagination-info[b-8foe0anz8q]{background: linear-gradient(135deg,rgba(52,211,153,0.2) 0%,rgba(16,185,129,0.2) 100%);border: 1px solid rgba(52,211,153,0.3);}@media (hover: hover) and (pointer: fine){.theme-green .gallery-item:not(.locked):hover[b-8foe0anz8q]{transform: translateY(-6px);box-shadow: 0 15px 40px rgba(52,211,153,0.4);border-color: rgba(52,211,153,0.5);}}.theme-green .locked-requirement[b-8foe0anz8q]{background: rgba(52,211,153,0.2);border: 1px solid rgba(52,211,153,0.3);color: var(--mxp-green-200);}.theme-green[b-8foe0anz8q] .gallery-dialog,[b-8foe0anz8q] .gallery-dialog.theme-green{border: 1px solid rgba(52,211,153,0.3);}.theme-green .gallery-dialog-header[b-8foe0anz8q],[b-8foe0anz8q] .theme-green .gallery-dialog-header{background: rgba(52,211,153,0.05);}.theme-green .gallery-dialog-title[b-8foe0anz8q],[b-8foe0anz8q] .theme-green .gallery-dialog-title{background: linear-gradient(135deg,var(--mxp-green-300),var(--mxp-green-200));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.theme-green[b-8foe0anz8q] .gallery-nav-button,[b-8foe0anz8q] .theme-green .gallery-nav-button{background: rgba(15,10,30,0.7) !important;box-shadow: 0 4px 16px rgba(0,0,0,0.4);border: 1px solid rgba(52,211,153,0.3) !important;}@media (hover: hover) and (pointer: fine){.theme-green[b-8foe0anz8q] .gallery-nav-button:hover,[b-8foe0anz8q] .theme-green .gallery-nav-button:hover{background: rgba(52,211,153,0.8) !important;box-shadow: 0 4px 16px rgba(52,211,153,0.4) !important;}}.theme-green .swipe-indicator-left[b-8foe0anz8q],[b-8foe0anz8q] .theme-green .swipe-indicator-left{background: linear-gradient(90deg,rgba(52,211,153,0.2) 0%,transparent 100%);}.theme-green .swipe-indicator-right[b-8foe0anz8q],[b-8foe0anz8q] .theme-green .swipe-indicator-right{background: linear-gradient(-90deg,rgba(52,211,153,0.2) 0%,transparent 100%);}@media (max-width: 1440px){.gallery-grid[b-8foe0anz8q]{grid-template-columns: repeat(4,1fr);}}@media (max-width: 1024px){.gallery-grid[b-8foe0anz8q]{grid-template-columns: repeat(3,1fr);}}@media (max-width: 960px){.gallery-grid[b-8foe0anz8q]{grid-template-columns: repeat(2,1fr);}}@media (max-width: 600px){.gallery-header[b-8foe0anz8q]{flex-direction: column;align-items: flex-start;gap: 1rem;margin-bottom: 1.25rem;}.gallery-title[b-8foe0anz8q]{font-size: 1.35rem;}.gallery-badge[b-8foe0anz8q]{padding: 0.4rem 1rem;font-size: 0.8rem;}.gallery-grid[b-8foe0anz8q]{grid-template-columns: repeat(2,1fr);gap: 0.75rem;}.gallery-item[b-8foe0anz8q]{border-radius: 12px;}.locked-icon[b-8foe0anz8q]{font-size: 1.75rem;}.locked-requirement[b-8foe0anz8q]{font-size: 0.65rem;padding: 0.25rem 0.5rem;}.pagination-btn[b-8foe0anz8q]{width: 38px;height: 38px;}.pagination-info[b-8foe0anz8q]{padding: 0.5rem 1rem;font-size: 0.9rem;}.pagination-current[b-8foe0anz8q]{font-size: 1rem;}[b-8foe0anz8q] .gallery-dialog{border-radius: 14px !important;max-width: 92vw !important;max-height: 85vh !important;}.gallery-dialog-header[b-8foe0anz8q]{padding: 0.65rem 0.85rem;}.gallery-dialog-title[b-8foe0anz8q]{font-size: 0.85rem;}.gallery-dialog-image-container[b-8foe0anz8q]{padding: 0.6rem;}.gallery-dialog-image[b-8foe0anz8q]{border-radius: 8px;max-height: 70vh;}[b-8foe0anz8q] .gallery-nav-button{width: 38px !important;height: 38px !important;min-width: 38px !important;margin-top: -19px !important;}[b-8foe0anz8q] .gallery-nav-button.prev{left: 0.4rem !important;}[b-8foe0anz8q] .gallery-nav-button.next{right: 0.4rem !important;}}@media (min-width: 601px) and (max-width: 1024px){[b-8foe0anz8q] .gallery-dialog{max-width: 80vw !important;}}@media (min-width: 1920px){[b-8foe0anz8q] .gallery-dialog{max-width: 50vw !important;}}@media (min-width: 1920px){.gallery-grid[b-8foe0anz8q]{grid-template-columns: repeat(5,1fr);gap: 1.5rem;}} .episode-card[b-ukj5j5n0by]{display: flex;gap: 1.5rem;padding: 1.25rem;background: rgba(255,255,255,0.03);border-radius: 16px;border: 1px solid rgba(255,255,255,0.05);transition: background 0.2s ease,border-color 0.2s ease,transform 0.2s ease;cursor: pointer;align-items: center;}@media (hover: hover) and (pointer: fine){.episode-card:hover[b-ukj5j5n0by]{background: rgba(255,255,255,0.08);border-color: rgba(139,92,246,0.3);transform: translateX(5px);}}.episode-thumbnail[b-ukj5j5n0by]{width: 200px;height: 112px;border-radius: 12px;object-fit: cover;flex-shrink: 0;box-shadow: 0 4px 12px rgba(0,0,0,0.3);border: 1px solid rgba(255,255,255,0.1);}.episode-info[b-ukj5j5n0by]{flex: 1;display: flex;flex-direction: column;gap: 0.5rem;min-width: 0;}.episode-header-row[b-ukj5j5n0by]{display: flex;align-items: center;gap: 0.75rem;flex-wrap: wrap;}.episode-number[b-ukj5j5n0by]{font-size: 0.85rem;font-weight: 600;color: var(--mxp-purple-500);opacity: 0.9;}.episode-runtime-header[b-ukj5j5n0by],.episode-airdate-header[b-ukj5j5n0by]{font-size: 0.75rem;opacity: 0.6;}.episode-title[b-ukj5j5n0by]{font-size: 1.1rem;font-weight: 700;line-height: 1.3;}.episode-description[b-ukj5j5n0by]{font-size: 0.9rem;opacity: 0.7;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.episode-actions[b-ukj5j5n0by]{display: flex;align-items: stretch;gap: 0.75rem;}.flex-spacer[b-ukj5j5n0by]{flex: 1;}.episode-check-btn[b-ukj5j5n0by]{width: 32px;height: 32px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;border: 2px solid rgba(255,255,255,0.3);background: rgba(255,255,255,0.05);backdrop-filter: blur(8px);transition: transform 0.15s ease,background-color 0.2s ease,border-color 0.2s ease;flex-shrink: 0;}@media (hover: hover) and (pointer: fine){.episode-check-btn:hover[b-ukj5j5n0by]{transform: scale(1.1);border-color: rgba(16,185,129,0.5);}}.episode-check-btn:active[b-ukj5j5n0by]{transform: scale(0.95);}.episode-check-btn.checked[b-ukj5j5n0by]{background: var(--mxp-green-500);border-color: var(--mxp-green-500);box-shadow: 0 0 0 3px rgba(16,185,129,0.15);}.episode-check-btn[b-ukj5j5n0by] .mud-icon-root{color: white;font-size: 18px;}.episode-countdown-toggle[b-ukj5j5n0by]{display: inline-flex;align-items: center;justify-content: center;padding: 0.25rem 0.55rem;border-radius: 999px;background: rgba(251,191,36,0.18);border: 1px solid rgba(251,191,36,0.35);cursor: pointer;transition: all 0.2s ease;flex-shrink: 0;min-width: 52px;}@media (hover: hover) and (pointer: fine){.episode-countdown-toggle:hover[b-ukj5j5n0by]{background: rgba(251,191,36,0.28);border-color: rgba(251,191,36,0.5);transform: scale(1.05);}}.episode-countdown-toggle:active[b-ukj5j5n0by]{transform: scale(0.98);}.episode-countdown-toggle .countdown-text[b-ukj5j5n0by]{font-size: 0.85rem;font-weight: 700;color: var(--mxp-amber-300);white-space: nowrap;text-align: center;}.episode-rating[b-ukj5j5n0by]{display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.25rem 0.55rem;border-radius: 999px;background: rgba(251,191,36,0.18);border: 1px solid rgba(251,191,36,0.35);font-weight: 700;font-size: 0.85rem;color: var(--mxp-amber-300);min-width: 52px;justify-content: center;flex-shrink: 0;}.episode-rating.no-rating[b-ukj5j5n0by]{background: rgba(251,191,36,0.10);border: 1px solid rgba(251,191,36,0.20);color: rgba(255,255,255,0.35);}.episode-rating[b-ukj5j5n0by] .mud-icon-root{font-size: 16px;color: var(--mxp-amber-300);}.episode-rating.no-rating[b-ukj5j5n0by] .mud-icon-root{color: rgba(255,255,255,0.4);}@media (max-width: 768px){.episode-card[b-ukj5j5n0by]{flex-direction: column;}.episode-thumbnail[b-ukj5j5n0by]{width: 100%;height: 180px;}}@media (max-width: 600px){.episode-card[b-ukj5j5n0by]{flex-direction: row;padding: 0.75rem;gap: 0.75rem;align-items: flex-start;}@media (hover: hover) and (pointer: fine){.episode-card:hover[b-ukj5j5n0by]{transform: none;}}.episode-thumbnail[b-ukj5j5n0by]{width: 100px;height: 60px;flex-shrink: 0;border-radius: 8px;}.episode-info[b-ukj5j5n0by]{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 0.2rem;}.episode-header-row[b-ukj5j5n0by]{display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;flex-wrap: wrap;}.episode-number[b-ukj5j5n0by]{font-size: 0.75rem;font-weight: 600;opacity: 0.7;}.episode-runtime-header[b-ukj5j5n0by]{display: none;}.episode-title[b-ukj5j5n0by]{font-size: 0.9rem;margin-bottom: 0;font-weight: 500;line-height: 1.3;}.episode-description[b-ukj5j5n0by]{display: none;}.episode-actions[b-ukj5j5n0by]{display: flex;flex-direction: column;align-items: flex-end;gap: 0.5rem;flex-shrink: 0;margin-top: 0;}.episode-check-btn[b-ukj5j5n0by]{width: 32px;height: 32px;flex-shrink: 0;}.episode-countdown-toggle[b-ukj5j5n0by]{min-width: 52px;padding: 0.25rem 0.5rem;}.episode-countdown-toggle .countdown-text[b-ukj5j5n0by]{font-size: 0.75rem;}.flex-spacer[b-ukj5j5n0by]{display: none;}.episode-rating[b-ukj5j5n0by]{font-size: 0.75rem;padding: 0.25rem 0.5rem;flex-shrink: 0;}} .steam-link-card[b-gqxr4za0fk]{background: rgba(15,23,42,0.4);border-radius: 14px;padding: 14px;border: 1px solid rgba(148,163,184,0.08);transition: all 0.2s ease;display: flex;flex-direction: column;flex: 1;}@media (hover: hover) and (pointer: fine){.steam-link-card:hover[b-gqxr4za0fk]{border-color: rgba(148,163,184,0.15);background: rgba(15,23,42,0.6);}}.steam-header[b-gqxr4za0fk]{display: flex;align-items: center;gap: 10px;margin-bottom: 12px;}.steam-logo[b-gqxr4za0fk]{width: 36px;height: 36px;background: rgba(30,41,59,0.8);border-radius: 10px;display: flex;align-items: center;justify-content: center;color: #66c0f4;}.steam-logo svg[b-gqxr4za0fk]{width: 22px;height: 22px;}.steam-title[b-gqxr4za0fk]{flex: 1;}.steam-title h3[b-gqxr4za0fk]{margin: 0;font-size: 1rem;font-weight: 600;color: var(--mxp-slate-200);}.steam-title p[b-gqxr4za0fk]{margin: 2px 0 0;font-size: 0.75rem;color: var(--mxp-slate-500);}.steam-info-tooltip-wrapper[b-gqxr4za0fk]{position: relative;display: flex;align-items: center;cursor: pointer;padding: 4px;border-radius: 50%;transition: background 0.2s ease;}@media (hover: hover) and (pointer: fine){.steam-info-tooltip-wrapper:hover[b-gqxr4za0fk]{background: rgba(59,130,246,0.15);}}.steam-info-icon[b-gqxr4za0fk]{color: var(--mxp-blue-300) !important;font-size: 1.1rem !important;transition: transform 0.2s ease;}@media (hover: hover) and (pointer: fine){.steam-info-tooltip-wrapper:hover .steam-info-icon[b-gqxr4za0fk]{transform: scale(1.1);}}.steam-info-tooltip[b-gqxr4za0fk]{position: absolute;top: calc(100% + 8px);right: 0;width: 240px;padding: 10px 12px;background: linear-gradient(135deg,rgba(30,58,138,0.95),rgba(37,99,235,0.9));border: 1px solid rgba(96,165,250,0.3);border-radius: 10px;color: #e0f2fe;font-size: 0.75rem;line-height: 1.5;box-shadow: 0 8px 24px rgba(0,0,0,0.4),0 0 20px rgba(59,130,246,0.2);z-index: 1000;opacity: 0;visibility: hidden;transform: translateY(-4px);transition: all 0.2s ease;pointer-events: none;}.steam-info-tooltip[b-gqxr4za0fk]::before{content: '';position: absolute;top: -6px;right: 12px;width: 12px;height: 12px;background: linear-gradient(135deg,rgba(30,58,138,0.95),rgba(37,99,235,0.9));border-left: 1px solid rgba(96,165,250,0.3);border-top: 1px solid rgba(96,165,250,0.3);transform: rotate(45deg);}.steam-info-tooltip.visible[b-gqxr4za0fk]{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}@media (hover: hover){.steam-info-tooltip-wrapper:hover .steam-info-tooltip[b-gqxr4za0fk]{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;}}.linked-badge[b-gqxr4za0fk]{display: flex;align-items: center;gap: 4px;padding: 4px 10px;background: rgba(46,160,67,0.15);color: #3fb950;border-radius: 20px;font-size: 0.7rem;font-weight: 500;}.steam-linked-info[b-gqxr4za0fk]{background: rgba(30,41,59,0.6);border: 1px solid rgba(148,163,184,0.08);border-radius: 10px;padding: 12px;margin-bottom: 12px;flex: 1;display: flex;flex-direction: column;justify-content: center;}.steam-profile[b-gqxr4za0fk]{display: flex;align-items: center;gap: 10px;margin-bottom: 10px;}.steam-avatar[b-gqxr4za0fk]{width: 38px;height: 38px;border-radius: 6px;border: 2px solid rgba(102,192,244,0.3);}.steam-profile-info[b-gqxr4za0fk]{display: flex;flex-direction: column;}.steam-username[b-gqxr4za0fk]{font-weight: 600;color: var(--mxp-slate-200);font-size: 0.9rem;}.steam-id[b-gqxr4za0fk]{font-size: 0.7rem;color: var(--mxp-slate-500);font-family: monospace;}.sync-info[b-gqxr4za0fk]{display: flex;align-items: center;gap: 6px;font-size: 0.7rem;color: var(--mxp-slate-500);padding-top: 10px;border-top: 1px solid rgba(148,163,184,0.08);}.sync-count[b-gqxr4za0fk]{color: #66c0f4;}.steam-actions[b-gqxr4za0fk]{display: flex;gap: 8px;margin-bottom: 12px;}.btn-sync[b-gqxr4za0fk],.btn-unlink[b-gqxr4za0fk],.btn-link[b-gqxr4za0fk]{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 9px 14px;border-radius: 8px;font-weight: 500;font-size: 0.8rem;cursor: pointer;transition: all 0.2s ease;border: none;}.btn-sync[b-gqxr4za0fk]{flex: 1;background: rgba(59,130,246,0.1);color: var(--mxp-blue-300);border: 1px solid rgba(59,130,246,0.25);}@media (hover: hover) and (pointer: fine){.btn-sync:hover:not(:disabled)[b-gqxr4za0fk]{background: rgba(59,130,246,0.2);border-color: rgba(59,130,246,0.4);transform: translateY(-1px);}}.btn-unlink[b-gqxr4za0fk]{background: transparent;color: var(--mxp-red-400);border: 1px solid rgba(248,81,73,0.3);}@media (hover: hover) and (pointer: fine){.btn-unlink:hover:not(:disabled)[b-gqxr4za0fk]{background: rgba(248,81,73,0.1);}}.btn-link[b-gqxr4za0fk]{width: 100%;background: rgba(59,130,246,0.1);color: var(--mxp-blue-300);border: 1px solid rgba(59,130,246,0.25);}@media (hover: hover) and (pointer: fine){.btn-link:hover:not(:disabled)[b-gqxr4za0fk]{background: rgba(59,130,246,0.2);border-color: rgba(59,130,246,0.4);transform: translateY(-1px);}}.btn-sync:disabled[b-gqxr4za0fk],.btn-unlink:disabled[b-gqxr4za0fk],.btn-link:disabled[b-gqxr4za0fk]{opacity: 0.5;cursor: not-allowed;transform: none;}.sync-result[b-gqxr4za0fk]{display: flex;align-items: center;gap: 8px;padding: 8px 10px;border-radius: 8px;font-size: 0.75rem;}.sync-result.success[b-gqxr4za0fk]{background: rgba(46,160,67,0.1);border: 1px solid rgba(46,160,67,0.2);color: #3fb950;}.sync-result.error[b-gqxr4za0fk]{background: rgba(248,81,73,0.1);border: 1px solid rgba(248,81,73,0.2);color: #f85149;}.result-details[b-gqxr4za0fk]{display: flex;align-items: center;gap: 6px;flex-wrap: wrap;}.result-title[b-gqxr4za0fk]{font-weight: 600;font-size: 0.75rem;}.result-stats[b-gqxr4za0fk]{color: var(--mxp-slate-500);font-size: 0.7rem;}.result-hours[b-gqxr4za0fk]{color: var(--mxp-blue-300);font-weight: 500;font-size: 0.7rem;}.steam-link-form[b-gqxr4za0fk]{display: flex;flex-direction: column;gap: 12px;}.config-warning[b-gqxr4za0fk]{display: flex;align-items: center;gap: 8px;padding: 10px;background: rgba(251,191,36,0.1);border: 1px solid rgba(251,191,36,0.25);border-radius: 8px;color: var(--mxp-amber-300);font-size: 0.8rem;}.link-info[b-gqxr4za0fk]{display: flex;align-items: flex-start;gap: 8px;padding: 10px;background: rgba(30,41,59,0.6);border: 1px solid rgba(148,163,184,0.08);border-radius: 8px;color: var(--mxp-slate-400);font-size: 0.8rem;line-height: 1.4;}.link-info[b-gqxr4za0fk] .mud-icon-root{color: var(--mxp-blue-300);flex-shrink: 0;margin-top: 1px;}.input-group[b-gqxr4za0fk]{display: flex;flex-direction: column;gap: 6px;}.input-group label[b-gqxr4za0fk]{font-size: 0.8rem;font-weight: 500;color: var(--mxp-slate-200);}.input-group input[b-gqxr4za0fk]{padding: 10px 12px;background: rgba(15,23,42,0.6);border: 1px solid rgba(148,163,184,0.15);border-radius: 8px;color: var(--mxp-slate-100);font-size: 0.85rem;transition: all 0.2s ease;}.input-group input:focus[b-gqxr4za0fk]{outline: none;border-color: rgba(59,130,246,0.5);box-shadow: 0 0 0 3px rgba(59,130,246,0.1);}.input-group input[b-gqxr4za0fk]::placeholder{color: #475569;}.input-group input:disabled[b-gqxr4za0fk]{opacity: 0.5;cursor: not-allowed;}.input-hint[b-gqxr4za0fk]{font-size: 0.7rem;color: var(--mxp-slate-500);line-height: 1.3;}.input-hint a[b-gqxr4za0fk]{color: var(--mxp-blue-300);text-decoration: none;}@media (hover: hover) and (pointer: fine){.input-hint a:hover[b-gqxr4za0fk]{text-decoration: underline;}}.error-message[b-gqxr4za0fk]{display: flex;align-items: center;gap: 6px;padding: 10px 12px;background: rgba(248,81,73,0.1);border: 1px solid rgba(248,81,73,0.2);border-radius: 8px;color: #f85149;font-size: 0.8rem;}.steam-link-card.en-dialogo[b-gqxr4za0fk]{background: none;border: none;padding: 0;}@media (hover: hover) and (pointer: fine){.steam-link-card.en-dialogo:hover[b-gqxr4za0fk]{background: none;border: none;padding: 0;}}.en-dialogo .steam-linked-info[b-gqxr4za0fk]{padding: 1rem;margin-bottom: 1rem;border-radius: 12px;border-color: rgba(102,192,244,0.15);}.en-dialogo .steam-profile[b-gqxr4za0fk]{gap: 0.875rem;margin-bottom: 0.875rem;}.en-dialogo .steam-avatar[b-gqxr4za0fk]{width: 48px;height: 48px;border-radius: 10px;}.en-dialogo .steam-profile-info[b-gqxr4za0fk]{flex: 1;}.en-dialogo .steam-username[b-gqxr4za0fk]{font-size: 1rem;font-weight: 700;}.en-dialogo .steam-actions[b-gqxr4za0fk]{gap: 0.75rem;margin-bottom: 1rem;}.en-dialogo .btn-sync[b-gqxr4za0fk],.en-dialogo .btn-unlink[b-gqxr4za0fk],.en-dialogo .btn-link[b-gqxr4za0fk]{padding: 0.75rem 1.25rem;border-radius: 10px;font-size: 0.85rem;font-weight: 600;}.en-dialogo .sync-result[b-gqxr4za0fk]{padding: 0.875rem 1rem;border-radius: 10px;font-size: 0.8rem;}.en-dialogo .steam-link-form[b-gqxr4za0fk]{gap: 1rem;}.en-dialogo .link-info[b-gqxr4za0fk]{padding: 0.875rem 1rem;border-radius: 10px;font-size: 0.85rem;}.en-dialogo .input-group input[b-gqxr4za0fk]{padding: 0.875rem 1rem;border-radius: 10px;font-size: 0.9rem;}@media (max-width: 600px){.steam-link-card[b-gqxr4za0fk]{padding: 12px;}.steam-header[b-gqxr4za0fk]{flex-wrap: wrap;}.linked-badge[b-gqxr4za0fk]{width: 100%;justify-content: center;margin-top: 6px;}.steam-actions[b-gqxr4za0fk]{flex-direction: column;}.btn-sync[b-gqxr4za0fk],.btn-unlink[b-gqxr4za0fk]{width: 100%;}}@media (max-width: 600px){.en-dialogo .linked-badge[b-gqxr4za0fk]{width: auto;margin-top: 0;}} .steam-sync-overlay[b-5wgl1ao39h]{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(10,15,30,0.92);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);display: flex;align-items: center;justify-content: center;z-index: 99999;animation: steamFadeIn-b-5wgl1ao39h 0.3s ease-out;}.steam-sync-box[b-5wgl1ao39h]{background: linear-gradient(145deg,rgba(20,30,50,0.98),rgba(15,22,40,0.98));border: 1px solid rgba(102,192,244,0.25);border-radius: 20px;padding: 2rem;max-width: 420px;width: 90%;box-shadow: 0 25px 60px rgba(0,0,0,0.5),0 0 60px rgba(102,192,244,0.1),0 1px 0 rgba(255,255,255,0.05) inset;animation: steamSlideUp-b-5wgl1ao39h 0.4s cubic-bezier(0.16,1,0.3,1);}.steam-sync-header[b-5wgl1ao39h]{display: flex;flex-direction: column;align-items: center;gap: 0.75rem;margin-bottom: 1.5rem;}.steam-sync-logo[b-5wgl1ao39h]{color: #66c0f4;filter: drop-shadow(0 0 20px rgba(102,192,244,0.5));animation: steamPulse-b-5wgl1ao39h 2s ease-in-out infinite;}.steam-sync-title[b-5wgl1ao39h]{font-size: 1.25rem;font-weight: 700;color: var(--mxp-slate-200);text-align: center;}.steam-sync-game-display[b-5wgl1ao39h]{display: flex;gap: 1rem;padding: 1rem;background: rgba(30,41,59,0.5);border: 1px solid rgba(102,192,244,0.15);border-radius: 12px;margin-bottom: 1.25rem;min-height: 90px;}.steam-sync-poster[b-5wgl1ao39h]{width: 60px;height: 80px;border-radius: 8px;overflow: hidden;flex-shrink: 0;background: rgba(30,41,59,0.8);}.steam-sync-poster img[b-5wgl1ao39h]{width: 100%;height: 100%;object-fit: cover;}.steam-sync-poster-placeholder[b-5wgl1ao39h]{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 2rem;background: linear-gradient(145deg,rgba(102,192,244,0.1),rgba(102,192,244,0.05));}.steam-sync-game-info[b-5wgl1ao39h]{display: flex;flex-direction: column;justify-content: center;gap: 0.35rem;flex: 1;min-width: 0;}.steam-sync-game-name[b-5wgl1ao39h]{font-size: 0.95rem;font-weight: 600;color: var(--mxp-slate-100);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.steam-sync-game-hours[b-5wgl1ao39h]{display: flex;align-items: center;gap: 0.35rem;font-size: 0.8rem;color: #66c0f4;}.steam-sync-game-hours .hours-icon[b-5wgl1ao39h]{font-size: 0.9rem;}.steam-sync-game-status[b-5wgl1ao39h]{margin-top: 0.25rem;}.sync-badge[b-5wgl1ao39h]{display: inline-flex;align-items: center;gap: 0.25rem;padding: 0.2rem 0.6rem;border-radius: 12px;font-size: 0.7rem;font-weight: 600;}.sync-badge.new[b-5wgl1ao39h]{background: rgba(46,160,67,0.2);color: #3fb950;border: 1px solid rgba(46,160,67,0.3);}.sync-badge.updated[b-5wgl1ao39h]{background: rgba(59,130,246,0.2);color: var(--mxp-blue-300);border: 1px solid rgba(59,130,246,0.3);}.sync-badge.existing[b-5wgl1ao39h]{background: rgba(148,163,184,0.15);color: var(--mxp-slate-400);border: 1px solid rgba(148,163,184,0.2);}.steam-sync-progress[b-5wgl1ao39h]{margin-bottom: 1rem;}.steam-sync-progress-text[b-5wgl1ao39h]{font-size: 0.8rem;color: var(--mxp-slate-400);text-align: center;margin-bottom: 0.5rem;}.steam-sync-warning[b-5wgl1ao39h]{display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.75rem;background: rgba(251,191,36,0.1);border: 1px solid rgba(251,191,36,0.25);border-radius: 10px;}.steam-sync-warning .warning-icon[b-5wgl1ao39h]{font-size: 1rem;}.steam-sync-warning .warning-text[b-5wgl1ao39h]{font-size: 0.75rem;color: var(--mxp-amber-300);text-align: center;}@keyframes steamFadeIn-b-5wgl1ao39h{from{opacity: 0;}to{opacity: 1;}}@keyframes steamSlideUp-b-5wgl1ao39h{from{opacity: 0;transform: translateY(30px) scale(0.95);}to{opacity: 1;transform: translateY(0) scale(1);}}@keyframes steamPulse-b-5wgl1ao39h{0%,100%{transform: scale(1);filter: drop-shadow(0 0 20px rgba(102,192,244,0.5));}50%{transform: scale(1.05);filter: drop-shadow(0 0 30px rgba(102,192,244,0.7));}}@media (max-width: 480px){.steam-sync-box[b-5wgl1ao39h]{padding: 1.5rem;border-radius: 16px;}.steam-sync-title[b-5wgl1ao39h]{font-size: 1.1rem;}.steam-sync-game-display[b-5wgl1ao39h]{padding: 0.875rem;}.steam-sync-poster[b-5wgl1ao39h]{width: 50px;height: 66px;}.steam-sync-game-name[b-5wgl1ao39h]{font-size: 0.875rem;}}