.difficulty-indicator[data-v-73b62128]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.difficulty-indicator__overflow[data-v-73b62128]{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:default;font-size:.75rem;font-weight:600;margin-left:var(--spacing-xs);padding:.125rem .375rem;transition:all var(--transition-fast)}.difficulty-indicator__overflow[data-v-73b62128]:hover{background:var(--bg-quaternary);color:var(--text-secondary)}.beatmap-card[data-v-b472e483]{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;overflow:visible;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);z-index:0}.beatmap-card[data-v-b472e483]:hover{border-color:var(--border-medium);box-shadow:var(--shadow-glow);transform:translateY(-8px);z-index:2}.beatmap-card:hover .beatmap-card__play[data-v-b472e483]{opacity:1}.beatmap-card:hover .beatmap-card__image[data-v-b472e483]{transform:scale(1.05)}.beatmap-card:hover .beatmap-card__info-btn[data-v-b472e483]{opacity:1;transform:translate(-50%) translateY(50%)}.beatmap-card--compact .beatmap-card__cover[data-v-b472e483]{aspect-ratio:2/1}.beatmap-card--compact .beatmap-card__content[data-v-b472e483]{padding:var(--spacing-sm)}.beatmap-card__cover[data-v-b472e483]{aspect-ratio:16/9;background:#0f172aa6;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;position:relative}.beatmap-card__picture[data-v-b472e483]{display:block;inset:0;position:absolute}.beatmap-card__image-placeholder[data-v-b472e483]{filter:blur(14px);height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:1;position:absolute;transform:scale(1.08);transition:opacity .24s ease;width:100%}.beatmap-card__cover--loaded .beatmap-card__image-placeholder[data-v-b472e483]{opacity:0}.beatmap-card__image[data-v-b472e483]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;transform:scale(1.02);transition:transform var(--transition-normal),opacity .24s ease;width:100%}.beatmap-card__image--loaded[data-v-b472e483]{opacity:1}.beatmap-card__overlay[data-v-b472e483]{background:linear-gradient(0deg,rgba(10,13,19,.8),transparent);bottom:0;height:50%;left:0;pointer-events:none;position:absolute;right:0}.beatmap-card__video-dropdown[data-v-b472e483]{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);z-index:10}.beatmap-card__video-badge[data-v-b472e483]{align-items:center;background:#000c;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.beatmap-card__video-badge .material-icons[data-v-b472e483]{color:var(--text-primary);font-size:1rem}.beatmap-card__video-badge[data-v-b472e483]:hover{background:#000000f2}.beatmap-card__video-menu[data-v-b472e483]{background:#111827fa;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000080;margin-top:var(--spacing-xs);min-width:140px;overflow:visible;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.beatmap-card__video-menu[data-v-b472e483]:before{content:"";height:var(--spacing-xs);left:0;position:absolute;right:0;top:calc(var(--spacing-xs)*-1)}.beatmap-card__video-item[data-v-b472e483]{align-items:center;background:transparent;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast);width:100%}.beatmap-card__video-item .material-icons[data-v-b472e483]{font-size:1.125rem}.beatmap-card__video-item[data-v-b472e483]:hover{background:#ffffff0d;color:#fffffff2}.beatmap-card__like[data-v-b472e483]{align-items:center;background:#000c;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;height:32px;justify-content:center;left:var(--spacing-sm);position:absolute;top:var(--spacing-sm);touch-action:manipulation;transition:transform var(--transition-normal),background-color var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);width:32px;z-index:10}.beatmap-card__like .material-icons[data-v-b472e483]{color:var(--text-primary);font-size:18px;transition:color var(--transition-fast)}.beatmap-card__like[data-v-b472e483]:hover{background:#000000e6;box-shadow:0 4px 12px #0000004d;transform:scale(1.15)}.beatmap-card__like--liked .material-icons[data-v-b472e483]{color:var(--accent-tertiary)}.beatmap-card__like--loading[data-v-b472e483]{cursor:not-allowed;opacity:.6}.beatmap-card__play[data-v-b472e483]{align-items:center;background:#1e2330d9;border:2px solid hsla(0,0%,100%,.3);border-radius:var(--radius-full);cursor:pointer;display:flex;height:60px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;touch-action:manipulation;transform:translate(-50%,-50%);transition:transform var(--transition-normal),opacity var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);width:60px}.beatmap-card__play .material-icons[data-v-b472e483]{color:#fff;font-size:2rem}.beatmap-card__play .stop-icon[data-v-b472e483]{display:none}.beatmap-card__play .beatmap-card__play-spinner[data-v-b472e483]{animation:beatmap-card-spin-b472e483 .8s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:50%;border-top-color:#fff;height:1.35rem;width:1.35rem}.beatmap-card__play[data-v-b472e483]:hover{box-shadow:var(--shadow-glow);transform:translate(-50%,-50%) scale(1.1)}.beatmap-card__play--playing[data-v-b472e483],.beatmap-card__play[data-v-b472e483]:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.beatmap-card__play--playing[data-v-b472e483]{opacity:1}.beatmap-card__play--playing .play-icon[data-v-b472e483]{display:none}.beatmap-card__play--playing .stop-icon[data-v-b472e483]{display:block}.beatmap-card__play--loading[data-v-b472e483]{border-color:#ffffff8c;cursor:wait;opacity:1}.beatmap-card__play--loading .loading-icon[data-v-b472e483]{animation:pulse-opacity-b472e483 1.2s ease-in-out infinite}@keyframes pulse-opacity-b472e483{0%,to{opacity:.4}50%{opacity:1}}@keyframes beatmap-card-spin-b472e483{to{transform:rotate(1turn)}}.beatmap-card__info-btn[data-v-b472e483]{align-items:center;background:#000000e6;border:1px solid var(--border-subtle);border-radius:20px;bottom:0;cursor:pointer;display:flex;justify-content:center;left:50%;opacity:0;padding:4px 16px;position:absolute;transform:translate(-50%) translateY(100%);transition:transform var(--transition-normal),opacity var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);z-index:3}.beatmap-card__info-btn .material-icons[data-v-b472e483]{color:var(--text-secondary);font-size:20px;transition:color var(--transition-fast)}.beatmap-card__info-btn[data-v-b472e483]:hover{background:#6366f14d;border-color:var(--accent-primary);box-shadow:0 0 12px #6366f166}.beatmap-card__info-btn:hover .material-icons[data-v-b472e483]{color:var(--text-primary)}.beatmap-card__content[data-v-b472e483]{display:flex;flex:1;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.beatmap-card__title[data-v-b472e483]{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);white-space:nowrap}.beatmap-card__title[data-v-b472e483]:hover{color:var(--accent-primary)}.beatmap-card__artist[data-v-b472e483]{color:var(--text-secondary);font-size:.9rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beatmap-card__meta[data-v-b472e483]{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-xs)}.beatmap-card__creator[data-v-b472e483]{align-items:center;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);color:var(--accent-primary);display:flex;font-size:.8rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.beatmap-card__creator .material-icons[data-v-b472e483]{font-size:1rem}.beatmap-card__creator[data-v-b472e483]:hover{background:#6366f133;border-color:#6366f166}.beatmap-card__stats[data-v-b472e483]{align-items:center;display:flex;gap:var(--spacing-md)}.beatmap-card__stat[data-v-b472e483]{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:var(--spacing-xs)}.beatmap-card__stat .material-icons[data-v-b472e483]{font-size:.9rem}.beatmap-card__divider[data-v-b472e483]{background:var(--border-subtle);height:1px;margin:var(--spacing-sm) 0}.beatmap-card__difficulties[data-v-b472e483]{margin-top:0}.dropdown-enter-active[data-v-b472e483],.dropdown-leave-active[data-v-b472e483]{transition:opacity var(--transition-fast),transform var(--transition-fast)}.dropdown-enter-from[data-v-b472e483],.dropdown-leave-to[data-v-b472e483]{opacity:0;transform:translateY(10px) scale(.95)}.beatmap-card-skeleton[data-v-7b01e33f]{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden}.beatmap-card-skeleton--compact .beatmap-card-skeleton__cover[data-v-7b01e33f]{aspect-ratio:2/1}.beatmap-card-skeleton--compact .beatmap-card-skeleton__content[data-v-7b01e33f]{padding:var(--spacing-sm)}.beatmap-card-skeleton__cover[data-v-7b01e33f]{aspect-ratio:16/9;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;position:relative}.beatmap-card-skeleton__image[data-v-7b01e33f]{border-radius:0;inset:0;position:absolute}.beatmap-card-skeleton__content[data-v-7b01e33f]{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.beatmap-card-skeleton__title[data-v-7b01e33f]{height:1.25rem}.beatmap-card-skeleton__artist[data-v-7b01e33f]{height:1rem}.beatmap-card-skeleton__meta[data-v-7b01e33f]{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-top:var(--spacing-xs)}.beatmap-card-skeleton__modes[data-v-7b01e33f]{display:flex;gap:var(--spacing-xs)}.beatmap-card-skeleton__divider[data-v-7b01e33f]{background:var(--border-subtle);height:1px;margin:var(--spacing-sm) 0}.beatmap-card-skeleton__difficulties[data-v-7b01e33f]{display:flex;gap:var(--spacing-xs)}.beatmap-grid[data-v-5de6bc66]{width:100%}.beatmap-grid__items[data-v-5de6bc66]{align-items:start;contain:layout;display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}.beatmap-grid__items[data-v-5de6bc66]>*{min-width:0}@media(max-width:992px){.beatmap-grid__items[data-v-5de6bc66]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.beatmap-grid__items[data-v-5de6bc66]{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.beatmap-grid__items[data-v-5de6bc66]{gap:var(--spacing-md);grid-template-columns:1fr}}.beatmap-grid__empty[data-v-5de6bc66]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-3xl);text-align:center}.beatmap-grid__empty-icon[data-v-5de6bc66]{color:var(--text-muted);font-size:4rem;margin-bottom:var(--spacing-md)}.beatmap-grid__empty-text[data-v-5de6bc66]{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm)}.beatmap-grid__empty-hint[data-v-5de6bc66]{color:var(--text-muted);margin:0}.beatmap-grid__sentinel[data-v-5de6bc66]{height:1px;margin-top:var(--spacing-xl)}