: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{position:relative;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.has-placeable-card:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background-color:#f5c518;box-shadow:0 0 3px 1px #f5c51873;animation:pulse-indicator 1.5s infinite alternate-reverse}.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.webp);background-size:auto 50%;background-position:top;background-repeat:repeat;position:relative}.grass-surface{background-color:var(--color-grass);background-image:url(/img/grass.webp);background-size:auto 20%;background-position:top;background-repeat:repeat;position:relative}.ice-surface{background-color:var(--color-snow-and-ice);background-image:url(/img/ice.webp);background-size:auto 20%;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,.5);border-bottom:3px solid rgba(255,255,255,.5);background-color:#fff6}.grass-surface:after{content:"";position:absolute;bottom:10px;left:0;width:100%;height:10px;border-top:3px solid rgba(255,255,255,.5);border-bottom:3px solid rgba(255,255,255,.5);background-color:#fff6}.ice-surface:before{content:"";position:absolute;top:15px;left:0;width:100%;height:10px;background-color:#23489380}.ice-surface:after{content:"";position:absolute;bottom:15px;left:0;width:100%;height:10px;background-color:#23489380}.ice-surface .card-slot{color:var(--color-black)}.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;min-height:100vh;min-height:100svh;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;max-height:95svh;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 svg{width:26px;height:26px;display:block;flex-shrink:0}.card-collection .collection-view-toggle .icon-maincolor{fill:var(--color-mainColor, #282828);opacity:.4}.card-collection .collection-view-toggle:hover .icon-maincolor,.card-collection .collection-view-toggle.is-active .icon-maincolor{fill:var(--color-mainColor, #282828);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%;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;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(60px,1fr));gap:16px;align-items:start}.card-collection .collection-cards.grid .collection-card-item{align-self:start}.card-collection .collection-cards.grid .collection-card-thumb{display:block;width:100%;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:100vh;height:100svh;width:100%;display:grid;place-items:center;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:18px 10px 16px}.gated-logo{margin-bottom:10px}.gated-logo img{width:72px}.gated-message{margin:8px 0 16px}.gated-login-button{width:60%}}.pack-page{height:100vh;height:100svh;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-page.phase-intro{overflow-y:hidden;overscroll-behavior-y:contain}.reveal-swipe-message{position:absolute;top:-100px;left:50%;transform:translate(-50%);font-size:.8rem;opacity:1;animation:revealSwipeMessageFade 8s ease forwards}.reveal-swipe-directions{display:block}.left-animation{color:var(--color-accentColor);display:inline-block;will-change:transform;animation:leftAnimation 2s infinite}.right-animation{color:var(--color-accentColor);display:inline-block;will-change:transform;animation:rightAnimation 2s infinite}@keyframes leftAnimation{0%{transform:translate(0)}to{transform:translate(-10px)}}@keyframes rightAnimation{0%{transform:translate(0)}to{transform:translate(10px)}}@keyframes revealSwipeMessageFade{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:1}to{opacity:0}}.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:40px;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);min-height:calc(100svh - 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;height:100svh}.home-page{background-color:var(--color-gym-court);background-image:url(/img/gymcourt.webp);background-size:auto 70%;background-position:top;background-repeat:repeat;position:relative;color:var(--color-background)}.home-hero{min-height:100vh;min-height:100svh;width:min(100% - 32px,860px);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;text-align:center;box-sizing:border-box}.logo-container{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:58px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.28))}.logo-image{width:300px}.home-hero h1{margin:0;font-family:"Source Sans 3",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:2.5rem;line-height:1.1;color:var(--color-mainColor)}.home-pilot-section{margin-top:32px}.home-pilot-section h2{margin:0 0 18px;font-size:1.4rem;font-weight:400;line-height:1.2}.home-pilot-grid{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:clamp(14px,2.6vw,28px);justify-content:center}.home-pilot-card{width:clamp(96px,13vw,120px);min-height:clamp(124px,17vw,156px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 10px 12px;border-radius:10px;background:#fff;color:var(--color-black);text-decoration:none;box-shadow:0 5px 4px #00000052,inset 0 0 0 1px #28282814;box-sizing:border-box}.home-pilot-card.soon{color:#28282861}.home-pilot-card.live{box-shadow:0 5px 4px #00000052,inset 0 0 0 1px #28282814;transition:transform .16s ease,box-shadow .16s ease}.home-pilot-card.live:hover{transform:translateY(-4px);box-shadow:0 14px 18px #00000057,inset 0 0 0 1px #28282814}.home-pilot-logo{width:clamp(64px,8.5vw,88px);height:clamp(64px,8.5vw,88px);display:grid;place-items:center;border-radius:50%;color:var(--color-black);font-size:clamp(2.6rem,6vw,4.2rem);font-weight:900;line-height:1}.home-pilot-logo img{width:80%;height:auto;object-fit:contain}.home-pilot-card p{margin:8px 0 0;font-size:1rem;font-weight:600;line-height:1}.home-pilot-card.soon p{font-weight:600;opacity:.9}.home-contact{margin:26px 0 0;font-size:1rem;font-weight:600}.home-contact a{color:inherit;text-decoration:underline}.album-page-container{height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;box-sizing:content-box;z-index:2;position:relative}.album-page-container-top-info{position:sticky;top:0;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:center;color:var(--color-mainColor);height:50px;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f2f2f24d;z-index:1}.album-page-container-top-info .overall-score-container{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:center;gap:10px}.album-page-container-top-info .overall-score-label{font-size:.9rem;font-weight:400;width:30%;opacity:.5;line-height:1;text-align:right;color:var(--color-mainColor)}.album-page-container-top-info .overall-score-value{font-size:1.3rem;width:30%;font-weight:600;text-align:left;padding-top:8px;color:var(--color-mainColor)}.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: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}.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;min-height:100vh;min-height:100svh;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;max-height:90svh;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;max-height:60svh;overflow-y:scroll;padding-bottom:30px}.modal-body{margin:0;padding:0;min-height:120px;position:relative}.modal-body:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(to bottom,transparent,var(--color-background))}.mobile-album-page-selection-toggle{display:none;position:absolute;top:50px;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:20px}#mobile-album-page-selection-modal .page-selection-content-list{position:relative}#mobile-album-page-selection-modal .page-selection-content-item{position:relative;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:"";display:none;position:absolute;top:auto;right:30px;width:20px;height:20px;border-radius:50%;background-color:var(--color-mainColor);opacity:1}#mobile-album-page-selection-modal .page-selection-content-item.has-placeable-card:after{content:"";display:block;position:absolute;top:38%;right:24px;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background-color:#f5c518;box-shadow:0 0 3px 1px #f5c51873;animation:pulse-indicator 1.5s infinite alternate-reverse}@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%}.home-hero{padding-top:88px}.home-pilot-grid{grid-template-columns:repeat(3,minmax(82px,1fr));gap:10px}.home-pilot-card{width:100%;min-height:116px;padding:12px 7px 10px}}@media (max-width: 480px){.mediaResponsiveQue{background-color:green}.home-hero .logo-container{margin-bottom:28px}.home-hero .logo-image{width:175px}.home-hero h1{font-size:1.3rem;font-weight:700}.home-pilot-section{margin-top:20px}.home-pilot-section h2{font-size:1rem;font-weight:400}.home-pilot-card p{font-size:.7rem}.home-contact{font-size:.8rem;font-weight:400}}.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}@media (hover: hover) and (pointer: fine){.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;height:100svh;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)}.coming-soon{font-size:.8rem;font-weight:400;rotate:-19deg;color:var(--color-mainColor);opacity:.5;display:inline-block;margin-left:5px}.bottom-message{font-size:.7rem;font-weight:400;color:var(--color-mainColor);opacity:.8;text-align:center;margin-top:65vh}.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:5px;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}}