.VirtualizedCharacterCard_card__jI39N{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease;opacity:0;transform:scale(.8) translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);filter:blur(1px)}.VirtualizedCharacterCard_expanded__d_twP{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}.VirtualizedCharacterCard_card__jI39N:hover{transform:none;box-shadow:0 8px 25px rgba(0,0,0,.3)}.VirtualizedCharacterCard_centerCard__x_Rh8{background:linear-gradient(135deg,#ff6b6b,#ffa500);border:2px solid #fff;box-shadow:0 8px 16px rgba(255,107,107,.4);z-index:1001;pointer-events:auto}.VirtualizedCharacterCard_centerCard__x_Rh8:hover{transform:none!important;box-shadow:0 12px 24px rgba(255,107,107,.5)}.VirtualizedCharacterCard_cardImage__Wx4ZM{width:100%;height:100%;background-size:cover;background-position:50%;background-color:#f0f0f0;position:relative;transition:opacity .3s ease;min-width:100%;min-height:100%}.VirtualizedCharacterCard_loading__eSv_q{opacity:.8;background-color:#e0e0e0}.VirtualizedCharacterCard_loaded__H5tBb{opacity:1}.VirtualizedCharacterCard_cardContent__i4rsl{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:white}.VirtualizedCharacterCard_cardName__XbHc_{font-size:14px;font-weight:700;margin-bottom:2px;text-align:center}.VirtualizedCharacterCard_cardSkinType__GkjxN{font-size:10px;opacity:.8;text-align:center}.VirtualizedCharacterCard_cardHoverOverlay__foWko{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;color:white;font-size:12px}.VirtualizedCharacterCard_card__jI39N:hover .VirtualizedCharacterCard_cardHoverOverlay__foWko{opacity:1}.VirtualizedCharacterCard_animatingToPopup__dasMb{animation:VirtualizedCharacterCard_cardToPopup__EhM9n .6s cubic-bezier(.4,0,.2,1) forwards!important;pointer-events:none;position:fixed!important}.VirtualizedCharacterCard_animationComplete__Ee_bz{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:300px!important;height:300px!important;border-radius:50%!important;opacity:1!important;z-index:1003!important;margin:0!important}@media (min-width:1024px){.VirtualizedCharacterCard_animationComplete__Ee_bz{left:max(20px,calc(50vw - 500px))!important;top:45%!important;transform:translateY(-50%)!important;width:300px!important;height:300px!important}}@media (max-width:1023px){.VirtualizedCharacterCard_animationComplete__Ee_bz{left:50%!important;top:25vh!important;transform:translateX(-50%)!important;width:150px!important;height:150px!important}}.VirtualizedCharacterCard_loadingIndicator__FjX8c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:VirtualizedCharacterCard_spin___JN8x 1s linear infinite}@keyframes VirtualizedCharacterCard_cardToPopup__EhM9n{0%{transform:scale(1);left:var(--original-left);top:var(--original-top);width:var(--original-width);height:var(--original-height);border-radius:12px}50%{transform:scale(1.2);left:50%;top:50%;width:300px;height:300px;border-radius:50%}to{transform:translate(-50%,-50%) scale(1);left:50%;top:50%;width:300px;height:300px;border-radius:50%;opacity:1}}@media (min-width:768px) and (max-width:1023px){@keyframes VirtualizedCharacterCard_cardToPopup__EhM9n{0%{transform:scale(1);left:var(--original-left);top:var(--original-top);width:var(--original-width);height:var(--original-width);border-radius:12px}50%{transform:scale(1.2);left:50%;top:25vh;width:150px;height:150px;border-radius:50%}to{transform:translateX(-50%) scale(1);left:50%;top:25vh;width:150px;height:150px;border-radius:50%;opacity:1}}}@media (min-width:1024px){@keyframes VirtualizedCharacterCard_cardToPopup__EhM9n{0%{transform:scale(1);left:var(--card-start-left,var(--original-left));top:var(--card-start-top,var(--original-top));width:var(--card-start-width,var(--original-width));height:var(--card-start-height,var(--original-height));border-radius:12px}50%{transform:scale(1.2);left:50px;top:45%;width:300px;height:300px;border-radius:50%}to{transform:translateY(-50%) scale(1);left:50px;top:45%;width:300px;height:300px;border-radius:50%;opacity:1}}}@media (min-width:1200px){@keyframes VirtualizedCharacterCard_cardToPopup__EhM9n{0%{transform:scale(1);left:var(--card-start-left,var(--original-left));top:var(--card-start-top,var(--original-top));width:var(--card-start-width,var(--original-width));height:var(--card-start-height,var(--original-height));border-radius:12px}50%{transform:scale(1.2);left:250px;top:45%;width:300px;height:300px;border-radius:50%}to{transform:translateY(-50%) scale(1);left:250px;top:45%;width:300px;height:300px;border-radius:50%;opacity:1}}}@media (min-width:1350px){@keyframes VirtualizedCharacterCard_cardToPopup__EhM9n{0%{transform:scale(1);left:var(--original-left);top:var(--original-top);width:var(--original-width);height:var(--original-height);border-radius:12px}50%{transform:scale(1.2);left:250px;top:45%;width:300px;height:300px;border-radius:50%}to{transform:translateY(-50%) scale(1);left:250px;top:45%;width:300px;height:300px;border-radius:50%;opacity:1}}}@media (max-width:1023px){@keyframes VirtualizedCharacterCard_cardToPopup__EhM9n{0%{transform:scale(1);left:var(--original-left);top:var(--original-top);width:var(--original-width);height:var(--original-height);border-radius:12px}50%{transform:scale(1.2);left:50%;top:25vh;width:150px;height:150px;border-radius:50%}to{transform:translateX(-50%) scale(1);left:50%;top:25vh;width:150px;height:150px;border-radius:50%;opacity:1}}}@keyframes VirtualizedCharacterCard_spin___JN8x{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.gallery-page{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background-color:#ffffff}@keyframes galleryBgFadeIn{0%{background-color:#ffffff}to{background-color:#0a0a0a}}.bg-fade-in{animation:galleryBgFadeIn 1.6s ease-out forwards}.gallery-container{position:relative}.gallery-container,.gallery-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gallery-content{flex-direction:column}.gallery-expanding{animation:expandGallery .8s ease-out forwards;transform-origin:var(--icon-x,center) var(--icon-y,center)}@keyframes expandGallery{0%{transform:scale(.1);opacity:0}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.gallery-toolbar{top:20px}.gallery-filters,.gallery-toolbar{position:absolute;left:50%;transform:translateX(-50%);z-index:10}.gallery-filters{top:80px;display:flex;gap:20px}.gallery-grid{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.CharacterCard_card{width:var(--icon-size);height:var(--icon-size);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;opacity:0;transform:scale(.1);animation:cardExpand .8s ease-out forwards;animation-delay:calc(var(--card-index) * .05s);transform-origin:var(--icon-x) var(--icon-y);box-shadow:0 4px 8px rgba(0,0,0,.2)}.CharacterCard_card.expanded{opacity:1;transform:scale(1)}@keyframes cardExpand{0%{opacity:0;transform:scale(.1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.CharacterCard_card:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.3)}.card-image{width:100%;height:100%;background-size:cover;background-position:50%;background-color:#f0f0f0;position:relative}.card-content{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:white}.card-name{font-size:14px;font-weight:700;margin-bottom:2px;text-align:center}.card-skin-type{font-size:10px;opacity:.8;text-align:center}.card-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;color:white;font-size:12px}.CharacterCard_card:hover .card-hover-overlay{opacity:1}.CharacterGrid_grid{display:grid;grid-template-columns:repeat(3,var(--icon-size));gap:20px;justify-content:center;align-items:center;min-height:100vh;padding:20px;transform-origin:var(--center-x) var(--center-y);animation:gridExpand .8s ease-out forwards}@keyframes gridExpand{0%{transform:scale(.1);opacity:0}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width:1024px){.CharacterGrid_grid{grid-template-columns:repeat(3,var(--icon-size));gap:15px}}@media (max-width:768px){.CharacterGrid_grid{grid-template-columns:repeat(2,var(--icon-size));gap:15px}}@media (max-width:640px){.CharacterGrid_grid{grid-template-columns:repeat(2,var(--icon-size));gap:10px;padding:15px}}.character-popup{opacity:0;transform:scale(.9);transition:opacity .4s ease-out,transform .4s ease-out}.character-popup.show{opacity:1;transform:scale(1)}.persistent-icon{position:fixed;z-index:10000;pointer-events:auto!important;background-size:cover;background-position:50%;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:transform .2s ease-out,box-shadow .2s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.persistent-icon.center-card{background:linear-gradient(135deg,#ff6b6b,#ffa500);border:2px solid #fff;box-shadow:0 8px 16px rgba(255,107,107,.4)}.persistent-icon.center-card.hovered{transform:scale(1.05);box-shadow:0 12px 24px rgba(255,107,107,.5)}@keyframes centerCardGlow{0%{box-shadow:0 8px 16px rgba(255,107,107,.4)}50%{box-shadow:0 12px 24px rgba(255,107,107,.8)}to{box-shadow:0 8px 16px rgba(255,107,107,.4)}}.persistent-icon.center-card{animation:centerCardGlow 2s ease-in-out infinite}