:root{font-family:"Source Sans 3",system-ui,Avenir,Helvetica,Arial,sans-serif;--color-mainColor: #282828;--color-accentColor: #009245;--color-background: #f2f2f2;--color-black:#282828;--color-gray-highlight: #e6e6e6;--color-grass: #009245;--color-gym-court: #de9f63;--color-water: #3fa3e0;--color-snow-and-ice: #dde4e8;--color-asphalt: #546872;margin:0;padding:0;background-color:var(--color-background);box-sizing:border-box;letter-spacing:.001em}body{margin:0}.divider-10{border-bottom:1px solid var(--color-mainColor);opacity:.1}.divider-100{border-bottom:1px solid var(--color-mainColor);opacity:1}.source-sans-3-light{font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.source-sans-3-regular{font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.source-sans-3-bold{font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.source-sans-3-black{font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.page-selection-container{height:100%;width:100%}.page-selection-header{padding:40px 10px 20px 20px}.page-selection-header h3{color:var(--color-mainColor);font-size:1.15rem;font-weight:900;margin:0;padding:0;letter-spacing:.001em;text-align:left}.page-selection-content ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px;border-left:1px solid color-mix(in srgb,var(--color-mainColor) 10%,transparent)}.page-selection-content-item{display:flex;align-items:center;gap:0px;width:95%;height:50px;border-left:3px solid transparent}.page-selection-content-item.active{border-left:3px solid var(--color-mainColor);background-color:var(--color-gray-highlight)}.page-selection-content-item:hover{background-color:var(--color-gray-highlight)}.page-selection-content-item .sport-icon{width:30px;height:30px;object-fit:contain;display:inline-block;vertical-align:middle;border-radius:5px;margin:20px 10px 20px 15px;background-color:var(--color-mainColor);fill:var(--color-accentColor);position:relative}.page-selection-content-item .sport-name{font-size:1rem;font-weight:600;color:var(--color-mainColor)}.playground-background{width:100%;min-height:50vh;box-sizing:border-box;display:flex;justify-content:center;align-items:start}.court-surface{background-color:var(--color-gym-court);background-image:url(/img/gymcourt_25opacity.png);background-size:auto 50%;background-position:top;background-repeat:repeat;position:relative}.grass-surface{background-color:var(--color-grass);background-image:url(/img/grassfield_25opacity.png);background-size:auto 50%;background-position:top;background-repeat:repeat;position:relative}.grass-surface .playground-container-header .sport-name,.grass-surface .playground-container-header .page-points{color:var(--color-gray-highlight)}.court-surface:before{content:"";position:absolute;top:10px;left:0;width:100%;height:10px;border-top:3px solid var(--color-mainColor);border-bottom:3px solid var(--color-mainColor);background-color:var(--color-accentColor)}.court-surface:after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:10px;border-top:3px solid var(--color-mainColor);border-bottom:3px solid var(--color-mainColor);background-color:var(--color-accentColor)}.grass-surface:before{content:"";position:absolute;top:10px;left:0;width:100%;height:10px;border-top:3px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);background-color:#ffffff4d}.grass-surface:after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:10px;border-top:3px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);background-color:#ffffff4d}.playground-container{color:var(--color-black);width:fit-content;height:fit-content;box-sizing:border-box;padding:20px}.playground-container-header{padding:30px 0 20px;display:flex;align-items:start;flex-direction:column;gap:5px}.playground-container-header .sport-title-container{display:flex;align-items:flex-start;gap:8px}.playground-container-header .sport-icon{width:40px;height:40px;object-fit:contain;display:inline-block;vertical-align:middle;border-radius:5px;margin:0;position:relative}.playground-container-header .sport-name{font-family:"Source Sans 3",sans-serif;font-weight:600;font-size:2.1rem;color:var(--color-black)}.playground-container-header .page-points{font-family:"Source Sans 3",sans-serif;font-weight:400;font-size:1.1rem;color:var(--color-black)}.playground-container-header .page-points .page-points-value{color:var(--color-mainColor);font-weight:600;font-size:1.2rem}.playground-card-slots-container{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:30px;box-sizing:border-box;position:relative;z-index:1;margin-bottom:50px}.card-slot{width:120px;height:169px;box-sizing:border-box;background-image:url(/img/empty-card_120x169.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;color:#fff;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.card-slot-indicator,.card-slot-code,.card-slot-name{position:absolute;height:fit-content;text-align:center;line-height:.8;box-sizing:border-box}.card-slot-indicator.ommited{visibility:hidden}.card-slot-indicator{top:15px;left:15px;width:10px;height:10px;border-radius:50%;background-color:var(--color-accentColor);box-shadow:0 0 3px 1px #ffffff4d;animation:pulse-indicator 1.5s infinite alternate-reverse}@keyframes pulse-indicator{0%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.card-slot-code{font-size:20px;font-weight:700;top:75px;margin:auto;opacity:.5}.card-slot-name{font-size:18px;font-weight:700;bottom:25px;opacity:.5}.card-points{width:120px;height:20px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.card-quantity{font-size:12px;font-weight:400}.card-quantity .card-quantity-icon{background-image:url(/img/multiple-cards.svg);background-size:contain;background-position:center;background-repeat:no-repeat;display:inline-block;width:20px;height:12px}.slot-points{margin-right:5px;font-size:12px;font-weight:400}.card-slot-modal-header{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:0;overflow:hidden}.card-slot-modal-title{font-size:30px;font-weight:600;line-height:.8;margin-top:20px;margin-left:30px;color:var(--color-black)}.card-slot-modal-code{position:absolute;top:0;left:10px;font-size:20px;font-weight:600;opacity:.5;color:var(--color-black)}.card-slot-modal-slotScore{position:absolute;top:33px;right:10px;font-size:30px;font-weight:800;background-color:var(--color-background);padding-left:10px;padding-right:10px;opacity:1;color:var(--color-mainColor);text-shadow:2px 2px 0px var(--color-accentColor)}.card-slot-modal-slotScore-pts{font-size:12px;font-weight:400;opacity:1;color:var(--color-mainColor)}.card-slot-modal-cards-container{display:flex;flex-direction:row;align-items:start;justify-content:start;overflow-x:auto;overflow-y:hidden;gap:35px;margin-top:20px;padding:10px 30px;background-color:var(--color-black)}.modal-container .card-holder{display:flex;flex-direction:column;align-items:center;justify-content:start;padding:5px 10px}.modal-container .card-holder .top-info{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:3px;padding-bottom:3px}.modal-container .card-holder .top-info .rarity{min-height:18px;display:flex;align-items:center;justify-content:center}.modal-container .card-holder .top-info .rarity img{height:16px;width:auto;object-fit:contain}.modal-container .card-holder .top-info .drop-info{font-size:8px;font-weight:400;opacity:1;color:var(--color-gray-highlight);text-transform:uppercase;padding:2px 5px;border-radius:4px;border:1px solid var(--color-gray-highlight)}.modal-container .card-holder .card-image{display:flex}.modal-container .card-holder .card-image img{width:120px;height:auto;object-fit:contain;border-radius:12px}.modal-container .card-holder .bottom-info{display:flex;position:relative;color:var(--color-gray-highlight);flex-direction:column;align-items:start;justify-content:start;width:100%;padding-top:8px}.modal-container .card-holder .bottom-info .card-edition-number{font-size:10px;padding-left:8px;font-weight:400;line-height:1.1}.modal-container .card-holder .bottom-info .card-score-value{position:absolute;top:5px;right:0;font-size:25px;font-weight:800;line-height:1.1;letter-spacing:.001em}.modal-container .card-holder .bottom-info .card-score-value-pts{font-size:10px;font-weight:400;line-height:1.1}.modal-container .card-holder .bottom-info .card-button-holder{position:relative;width:100%;display:flex;padding:10px 0 5px;flex-direction:column;align-items:center;justify-content:center}.modal-container .card-holder .bottom-info .card-button-holder .action-button.remove-card{background-color:var(--color-black);color:var(--color-gray-highlight);font-size:10px;width:fit-content;font-family:"Source Sans 3",sans-serif;font-weight:800;border:1px solid var(--color-gray-highlight);padding:2px 7px;cursor:pointer;letter-spacing:.05em}.modal-container .card-holder .bottom-info .card-button-holder .action-button.select-card{background-color:var(--color-gray-highlight);color:var(--color-black);font-size:10px;font-family:"Source Sans 3",sans-serif;font-weight:800;border:1px solid var(--color-gray-highlight);padding:2px 7px;cursor:pointer;letter-spacing:.05em;text-transform:uppercase}.card-slot-modal-no-cards{height:280px;width:100%;color:var(--color-gray-highlight);display:flex;align-content:center;align-items:center;justify-content:center}.card-slot-modal-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:10px}@media (max-width: 1199px){.playground-card-slots-container{grid-template-columns:repeat(4,1fr);gap:30px}}@media (max-width: 768px){.playground-card-slots-container{grid-template-columns:repeat(3,1fr);gap:30px}}@media (max-width: 480px){.court-surface{background-size:auto 20%}.playground-container-header .sport-icon{width:30px;height:30px}.playground-container-header .sport-name{font-size:1.5rem;font-weight:700}.playground-container-header .page-points{font-size:.9rem}.playground-container-header .page-points .page-points-value{font-size:1rem}.playground-card-slots-container{grid-template-columns:repeat(2,1fr);gap:30px}}.single-card-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:60px 0 0;background:#000000d9}.single-card-modal{position:relative;width:50vw;max-height:95vh;border-radius:16px;padding:48px 16px 24px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;perspective:800px}.single-card-close{position:absolute;top:0;right:36px;width:26px;height:26px;border:none;border-radius:50%;background:var(--color-background);color:var(--color-black);font-weight:800;padding:5px 0;text-align:center;font-size:1rem;cursor:pointer}.single-card-tilt{display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;touch-action:none;cursor:grab}.single-card-tilt:active{cursor:grabbing}.single-card-image{max-width:300px;max-height:420px;object-fit:contain}@media (max-width: 768px){.single-card-modal{width:95vw}}.card-collection.collection-cards-block{width:100%;padding:0 20px;box-sizing:border-box}.card-collection .title-collection{font-size:1.5rem;font-weight:700;color:var(--color-black);padding:0;margin:0}.card-collection .collection-section-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;width:100%;padding:40px 0 16px;box-sizing:border-box}.card-collection .collection-view-toggles{display:flex;flex-direction:row;align-items:center;gap:8px}.card-collection .collection-view-toggle{width:40px;height:40px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;transition:opacity 80ms linear;-webkit-tap-highlight-color:transparent;border:none;background:none;border-bottom:2px solid transparent;transition:border-bottom .2s ease-in-out}.card-collection .collection-view-toggle.is-active{background:var(--color-gray-highlight);border-bottom:2px solid var(--color-mainColor)}.card-collection .collection-view-toggle .icon-maincolor{fill:var(--color-mainColor);border:none;background:var(--color-highlight);opacity:.4}.card-collection .collection-view-toggle:hover .icon-maincolor,.card-collection .collection-view-toggle.is-active .icon-maincolor{fill:var(--color-mainColor);border:none;border-bottom:2px solid var(--color-mainColor);opacity:1}.card-collection .collection-empty-message{margin:0 0 32px;color:var(--color-black);opacity:.65;font-size:1rem}.card-collection .collection-cards{width:100%;max-width:500px;padding:0 0 40px;box-sizing:border-box}.card-collection .collection-card-item{color:var(--color-black);box-sizing:border-box}.card-collection .collection-card-thumb{position:relative;flex-shrink:0;border-radius:6px;overflow:hidden;background:#1a1a1a;border:none;padding:0;cursor:pointer}.card-collection .collection-card-thumb>img{width:100%;object-fit:contain;display:block}.card-collection .collection-card-info{flex:1;min-width:0}.card-collection .collection-card-title{font-size:.95rem;font-weight:600;line-height:1.25}.card-collection .collection-card-title img{height:16px;width:auto;display:block;padding-bottom:6px}.card-collection .collection-card-meta{font-size:.75rem;opacity:.8;margin-top:4px}.card-collection .collection-card-edition{flex-shrink:0;font-size:.85rem;font-weight:600;padding:6px 8px;background:var(--color-gray-highlight);border-radius:6px}.card-collection .collection-card-supply{font-weight:400;opacity:.85}.card-collection .collection-cards.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:16px}.card-collection .collection-cards.grid .collection-card-item{border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #00000026}.card-collection .collection-cards.grid .collection-card-thumb.card-rarity-rare,.card-collection .collection-cards.grid .collection-card-thumb.card-rarity-epic,.card-collection .collection-cards.grid .collection-card-thumb.card-rarity-legendary{background:transparent}.card-collection .collection-cards.grid .collection-card-info,.card-collection .collection-cards.grid .collection-card-edition{display:none}.card-collection .collection-cards.list{display:flex;flex-direction:column;gap:10px}.card-collection .collection-cards.list .collection-card-item{display:flex;flex-direction:row;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;border-bottom:1px solid var(--color-gray-highlight)}.card-collection .collection-cards.list .collection-card-thumb{width:70px}.gated-page{height:120vh;width:100%;display:grid;place-items:center;padding:24px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:#000}.gated-card{width:420px;border-radius:18px;padding:32px 28px 28px;background:var(--color-background);color:var(--color-mainColor);box-shadow:0 20px 50px #00000040;text-align:center}.gated-logo{margin-bottom:20px}.gated-logo img{width:120px;height:auto;object-fit:contain}.gated-kicker{margin:0 0 8px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.gated-card h1{margin:0;font-size:1.6rem}.gated-message{margin:12px 0 24px;color:var(--color-mainColor);opacity:.72}.gated-login-button{min-width:120px;border:none;border-radius:10px;padding:10px 18px;background:var(--color-mainColor);color:var(--color-background);font-weight:700;cursor:pointer}@media (max-width: 480px){.gated-card{width:300px;padding:28px 20px 24px}.gated-login-button{width:60%}}.pack-page{height:100vh;position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--color-mainColor) 0%,var(--color-black) 55%,var(--color-black) 100%);color:var(--color-background)}.pack-stage{text-align:center;z-index:2;max-width:420px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pack-stage h1{margin:0;font-size:2rem}.pack-stage p{margin:.2rem 0 1rem;opacity:.88}.hideme{opacity:0;visibility:hidden;pointer-events:none}.pack-image{width:250px;height:350px;object-fit:contain;transition:transform 1.5s ease}.pack-image.exit-animation{transform:translateY(250%) scale(.9)}.pack-open-button{margin-top:1.5rem;width:fit-content;border:none;border-radius:999px;padding:.95rem 3.25rem;font-size:1rem;font-weight:700;cursor:pointer;background:var(--color-accentColor);color:#111827}.pack-secondary-link{margin-top:.65rem;color:#f8fafc;text-decoration:underline;font-size:.9rem;font-weight:600;opacity:.9}.reveal-intro{width:250px;height:350px;display:flex;align-items:center;justify-content:center;margin-top:.5rem;position:relative}.intro-card{position:absolute;width:200px;height:280px;border-radius:18px;opacity:1;will-change:transform,opacity;transform:translateZ(0);animation:introSlideUp 2s ease-out forwards}.next-card{position:absolute;width:200px;height:280px;border-radius:18px;opacity:1;will-change:transform,opacity;transform:translateZ(0)}.next-card-image,.intro-card-image{width:100%;height:100%;object-fit:cover;will-change:transform,opacity;transform:translateZ(0)}.next-card-image:hover,.intro-card-image:hover{cursor:grab}.next-card-image:active,.intro-card-image:active{cursor:grabbing}.next-card-image.front,.intro-card-image.front,.next-card-image.back,.intro-card-image.back{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.reveal-intro .intro-card-image.back.flipBack{animation:flipBack .5s 2s ease-in-out forwards}.reveal-intro .intro-card-image.front.flipFront{animation:flipFront .5s 2s ease-in-out forwards}.reveal-intro .next-card-image.back.flipBack{animation:flipBack .5s .5s ease-in-out forwards}.reveal-intro .next-card-image.front.flipFront{animation:flipFront .5s .5s ease-in-out forwards}@keyframes introSlideUp{0%{opacity:1;transform:translateY(110vh) translate(25vw) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes flipBack{0%{transform:rotateY(0)}to{transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}}@keyframes flipFront{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.reveal-summary{width:min(980px,95vw);display:flex;flex-direction:column;align-items:center}.summary-headline{padding-bottom:10px}.summary-cards{width:70%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;row-gap:30px}.summary-card{display:flex;flex-direction:column;align-items:center;gap:0rem;padding-top:10px;position:relative;opacity:0;transform:translateY(24px);animation:summarySlideUpFade .6s ease forwards;animation-delay:var(--summary-card-delay, 1s)}.summary-rarity-holder{min-height:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.summary-rarity-holder img{height:16px;width:auto;object-fit:contain}p.summary-edition{margin:0;color:var(--color-background);font-weight:400;font-size:.8rem}.summary-card img{max-width:180px;max-height:252px;object-fit:cover;border-radius:10px}.summary-name{margin:2px 0 0;color:var(--color-background);font-weight:600;font-size:.8rem;line-height:1.05}.summary-link{color:var(--color-background);text-decoration:underline}.summaryBackButton{margin-top:0;width:fit-content;border:none;border-radius:25px;padding:.95rem 3.25rem;font-size:1rem;font-weight:700}.summary-fade-up{opacity:0;transform:translateY(24px);animation:summarySlideUpFade .7s ease forwards}h2.summary-message-fade-up{padding-top:25px}.summary-message-fade-up{opacity:0;transform:translateY(24px);animation:summarySlideUpFade .7s ease forwards;animation-delay:var(--summary-message-delay, 3s)}.new-label{position:absolute;top:45px;right:5px;rotate:15deg;background-image:linear-gradient(to right,#f6d365,#fda085 51%,#f6d365);color:var(--color-black);background-size:200% auto;font-weight:600;font-size:.8rem;transition:.5s;padding:.1rem .6rem;border-radius:5px;border:1px solid white;text-transform:uppercase;animation:mirage 1.2s infinite alternate linear}@keyframes mirage{0%{background-position:0% center;rotate:15deg}to{background-position:-100% center;rotate:6deg}}@keyframes summarySlideUpFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.summary-cards{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:5px}.summary-card img{max-width:80px;max-height:140px;object-fit:cover;border-radius:8px}.summary-name{font-size:.7rem;width:100px;font-weight:400;text-align:center;text-wrap:wrap}p.summary-edition{font-size:.7rem}.new-label{font-size:.6rem;font-weight:800;padding:.1rem .4rem;letter-spacing:.05rem}.summaryBackButton{margin-top:0;width:fit-content;border:none;border-radius:25px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:700}}.promo-redeem-page{min-height:calc(100vh - 160px);display:flex;align-items:flex-start;justify-content:center;padding:24px}.promo-redeem-card.hideme{display:none}.promo-redeem-card{width:min(720px,60%);background:var(--color-mainColor);border-radius:16px;padding:24px;color:#f5f5f5;display:flex;flex-direction:column;gap:12px;align-items:center}.promo-kicker{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#b0b0b0;font-size:.75rem}.promo-redeem-card h1{margin:0;text-align:center}.promo-description{margin:0;color:#d6d6d6}.promo-redeem-button,.promo-secondary-button,.promo-secondary-link{width:fit-content;border-radius:8px;padding:10px 16px;font-weight:600}.promo-redeem-button{border:none;background:var(--color-accentColor);color:var(--color-mainColor);margin-top:8px;margin-bottom:5px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.promo-redeem-button:disabled{opacity:.55;cursor:not-allowed}.promo-helper{margin:0;color:#c7c7c7}.promo-error{margin:0;color:#ff7f7f}.promo-result h2{margin:0 0 8px}.promo-result ul{margin:0;padding-left:20px;display:grid;gap:4px}.promo-secondary-button{border:1px solid #5c5c5c;background:transparent;color:var(--color-mainColor);cursor:pointer;opacity:0;animation:fadeInUp 1s cubic-bezier(.6,.2,.4,1) 2.5s forwards}.promo-secondary-link{text-decoration:none;border:1px solid #5c5c5c;color:#f5f5f5}.reveal-packs-page{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:350px;opacity:0}.reveal-packs-page.success{opacity:1}.reveal-packs-title{margin:0;animation:fadeInUp .7s cubic-bezier(.6,.2,.4,1) forwards}.promo-pack-list{width:80%;list-style:none;padding:0;margin:16px 0 0;display:flex;justify-content:center;position:relative;gap:16px;opacity:0;animation:fadeInUp 1s cubic-bezier(.6,.2,.4,1) 1s forwards}.promo-pack-item{min-height:180px;position:absolute;top:-130px;border-radius:14px;display:flex;transform-origin:center bottom;align-items:center;justify-content:center;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.rotate-0{animation:r0 .7s cubic-bezier(.6,.2,.4,1) 1.5s forwards;z-index:3}.rotate-1{animation:r1 .7s cubic-bezier(.6,.2,.4,1) 1.5s forwards;z-index:2}.rotate-2{animation:r2 .7s cubic-bezier(.6,.2,.4,1) 1.5s forwards;z-index:1}@keyframes r0{0%{rotate:0deg}to{rotate:37deg}}@keyframes r1{0%{rotate:0deg}to{rotate:0deg}}@keyframes r2{0%{rotate:0deg}to{rotate:-37deg}}.promo-pack-item.loading,.promo-pack-item.error{padding:16px;color:#d6d6d6}.promo-pack-link{width:100%;height:100%;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:inherit;text-decoration:none}.promo-pack-image{width:120px;max-width:100%;object-fit:contain}#root{width:100%;height:100vh}.album-page-container{height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:20px 0;box-sizing:content-box;z-index:2}.left-section-page-selection{max-width:300px;height:102%;display:flex;justify-content:start;align-items:start;border-right:3px solid var(--color-mainColor);border-top:3px solid var(--color-mainColor);border-bottom:3px solid var(--color-mainColor);box-sizing:content-box;flex:1;box-shadow:8px 0 8px #0003;z-index:5;background-color:var(--color-background)}.middle-section-album-page-data{height:100%;box-sizing:content-box;padding:20px 0;flex:3;z-index:4}.right-section-page-leaderboard{max-width:300px;height:100%;box-sizing:content-box;flex:1;box-shadow:-8px 0 8px #0003;z-index:5;border-left:3px solid var(--color-mainColor);border-top:3px solid var(--color-mainColor);border-bottom:3px solid var(--color-mainColor);background-color:var(--color-background)}.collection-page-container{height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:20px 0;overflow:hidden;border-left:1px solid var(--color-mainColor);border-right:1px solid var(--color-mainColor)}.collection-page-container .collection-packs-block{width:100%}.collection-page-container .title-packs{font-size:1.5rem;font-weight:700;color:var(--color-black);padding:0 20px}.collection-page-container .mypacks-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;justify-content:start;align-items:start;width:calc(100vw - 20px);overflow-x:scroll;padding:10px;min-height:194px;max-height:fit-content;background-color:var(--color-black)}.collection-page-container .mypacks-container.empty{justify-content:center;align-items:center}.collection-page-container .mypacks-container .empty-packs-message{font-size:1rem;font-weight:300;color:var(--color-background);text-align:center;text-decoration:none;opacity:.5}.collection-page-container .mypacks-container .pack-card{width:auto;height:auto;padding-bottom:10px;padding-top:10px;text-decoration:none}.collection-page-container .mypacks-container .pack-card-image{height:150px;object-fit:contain}.collection-page-container .mypacks-container .pack-card-name{font-size:.8rem;font-weight:400;color:var(--color-background);text-align:center;text-decoration:none;padding-top:0}.mediaResponsiveQue{width:100%;background-color:red;text-align:center;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-container{background:var(--color-background, #ffffff);border-radius:12px;padding:0;min-width:320px;max-width:90vw;max-height:90vh;box-shadow:0 18px 45px #00000059;position:relative;display:flex;flex-direction:column}.modal-close{position:absolute;background-color:transparent;top:-30px;right:20px;background-image:url(/img/close-v2.svg);background-size:contain;background-position:center;background-repeat:no-repeat;width:45px;height:45px;border:none;cursor:pointer}.modal-container .page-selection-content{max-height:60vh;overflow-y:scroll}.modal-body{margin:0;padding:0;min-height:120px}.mobile-album-page-selection-toggle{display:none;position:absolute;top:250px;left:0;width:40px;height:30px;border-radius:0 8px 8px 0;background:var(--color-background);cursor:pointer;box-shadow:0 0 2px 2px #0000001a;z-index:10;text-align:center}.mobile-album-page-selection-toggle .icon-color{margin-top:5px;height:20px;fill:var(--color-mainColor);opacity:1}#mobile-album-page-selection-modal .page-selection-header{padding:20px 10px 10px 25px}#mobile-album-page-selection-modal .modal-footer{height:50px}#mobile-album-page-selection-modal .page-selection-content-list{position:relative}#mobile-album-page-selection-modal .page-selection-content-item{margin-left:5px}#mobile-album-page-selection-modal .page-selection-content-item.active{background-color:var(--color-gray-highlight)}#mobile-album-page-selection-modal .page-selection-content-item.active:after{content:"";position:absolute;top:auto;right:30px;width:20px;height:20px;border-radius:50%;background-color:var(--color-mainColor);opacity:1}@media (max-width: 1199px){.mediaResponsiveQue{background-color:#00f}.album-page-container .left-section-page-selection{display:none}.album-page-container .middle-section-album-page-data{height:fit-content;flex:1}.album-page-container .right-section-page-leaderboard{display:none}.mobile-album-page-selection-toggle{display:block}}@media (max-width: 768px){.mediaResponsiveQue{background-color:gold}.collection-page-container{border-left:none;border-right:none}.card-collection.collection-cards-block{width:100%}}@media (max-width: 480px){.mediaResponsiveQue{background-color:green}}.main-header{width:100%;position:sticky;top:0;margin-bottom:35px;background-color:var(--color-background);z-index:1}.header-beta-banner{color:green;font-size:.5rem;font-weight:600;font-family:Courier New,Courier,"monospace";text-transform:uppercase;position:absolute;top:0;left:10px;right:0}.header-content{width:100%;height:100%;display:flex;justify-content:space-between}.header-left{display:flex;align-items:center;margin:15px 20px 5px;gap:35px;flex-shrink:0;position:relative}.institution-logo img{height:50px;width:auto;object-fit:contain}.rookies-logo img{height:45px;width:auto;object-fit:contain}.separator-line{border-left:2px solid var(--color-mainColor);width:2px;height:45px;opacity:.4}.header-nav{position:absolute;right:50%;top:0;bottom:0;display:flex;align-items:center;gap:.5rem;justify-content:flex-end;height:100%;transform:translate(50%)}.nav-tab{display:flex;align-items:center;padding:7px 20px 15px;text-decoration:none;font-size:.9rem;font-weight:700;transition:all .2s;border-bottom:3px solid transparent;box-sizing:border-box}.nav-icon{width:35px;height:35px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:0}.nav-tab p{color:var(--color-mainColor);opacity:.4}.nav-tab .icon-color{fill:var(--color-mainColor);opacity:.4}.nav-tab:hover p,.nav-tab:hover .icon-color{color:var(--color-mainColor);opacity:1}.nav-tab.active{opacity:1;border-bottom:3px solid var(--color-mainColor)}.nav-tab.active p,.nav-tab.active .icon-color{opacity:1;font-weight:700}.nav-tab.active .nav-icon .icon-color{fill:var(--color-mainColor);opacity:1}.header-right{display:flex;align-items:center;margin:5px 20px}.login-button{padding:.5rem 1.25rem;background:var(--color-mainColor);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .2s}.login-button:hover{background:#1e40af}.profile-menu-container{position:relative}.profile-circle{width:40px;height:40px;border-radius:50%;border:none;background:var(--color-mainColor);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .2s;opacity:.4}.profile-circle:hover{opacity:1;transform:scale(1.05)}.profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:11}.profile-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--color-background);z-index:12;box-shadow:-4px 0 6px -1px #0000001a,-2px 0 4px -1px #0000000f;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;will-change:transform}.profile-panel.open{transform:translate(0)}.profile-panel-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1rem;position:relative}.profile-panel-name{flex:1;font-weight:700;color:var(--color-mainColor);font-size:1.2rem;text-transform:uppercase}.profile-panel-close{position:absolute;top:10px;right:20px;background:none;border:none;color:var(--color-mainColor);font-size:1.5rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s;line-height:1}.profile-panel-close:hover{cursor:pointer;transform:scale(1.1)}.profile-panel-divider{height:1px;background:var(--color-mainColor);opacity:.1;margin:0}.profile-panel-item{padding:1rem;color:var(--color-mainColor);font-size:.9rem;font-weight:400;cursor:pointer;transition:background .2s}.profile-panel-item:hover{border-left:3px solid var(--color-mainColor)}.modile-profile-menu-toggle{display:none;position:absolute;top:25px;right:0;width:40px;height:40px;border-radius:8px 0 0 8px;background:var(--color-background);cursor:pointer;box-shadow:0 0 2px 2px #0000001a;z-index:2}.toggle-lines{display:flex;height:40px;justify-content:center;align-items:center;flex-direction:column;gap:6px}.toggle-line{width:20px;height:2px;background:var(--color-mainColor);opacity:.5}@media (max-width: 1199px){.modile-profile-menu-toggle{display:block}.main-header{padding-bottom:20px;margin-bottom:0}.header-content{flex-direction:column;justify-content:space-between}.header-left{justify-content:center;height:60px;gap:20px}.header-right{display:none}.header-nav{position:relative;height:60px;transform:translate(0);justify-content:center;right:auto}.nav-tab{padding:4px 0;width:125px;justify-content:center}}@media (max-width: 480px){.header-nav{align-items:flex-end}.nav-tab{padding:5px 8px;font-size:.8rem}.nav-icon{width:25px;height:25px}}