html,body{overflow-x:hidden;max-width:100vw}:root{--pop-primary: #0a0a0a;--pop-primary-rgb: 10, 10, 10;--pop-secondary: #f5f0eb;--pop-accent: #e63946;--pop-accent-rgb: 230, 57, 70;--pop-accent-alt: #6c63ff;--pop-accent-alt-rgb: 108, 99, 255;--pop-neon: #39ff14;--pop-neon-rgb: 57, 255, 20;--pop-gold: #f4a261;--pop-surface: #ffffff;--pop-surface-elevated: #fafafa;--pop-surface-dim: #f0f0f0;--pop-overlay: rgba(0, 0, 0, .6);--pop-text-primary: #0a0a0a;--pop-text-secondary: #4a4a4a;--pop-text-muted: #8a8a8a;--pop-text-inverse: #ffffff;--pop-border: rgba(10, 10, 10, .1);--pop-border-strong: rgba(10, 10, 10, .2);--pop-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--pop-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--pop-shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--pop-shadow-glow: 0 0 20px rgba(var(--pop-accent-rgb), .3);--pop-text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--pop-text-sm: clamp(.8rem, .75rem + .3vw, .9rem);--pop-text-base: clamp(.9rem, .85rem + .3vw, 1rem);--pop-text-lg: clamp(1.1rem, 1rem + .5vw, 1.25rem);--pop-text-xl: clamp(1.3rem, 1.1rem + 1vw, 1.75rem);--pop-text-2xl: clamp(1.8rem, 1.4rem + 2vw, 2.5rem);--pop-text-3xl: clamp(2.2rem, 1.6rem + 3vw, 3.5rem);--pop-text-hero: clamp(3rem, 2rem + 5vw, 6rem);--pop-space-xs: clamp(.25rem, .2rem + .25vw, .5rem);--pop-space-sm: clamp(.5rem, .4rem + .5vw, .75rem);--pop-space-md: clamp(1rem, .8rem + 1vw, 1.5rem);--pop-space-lg: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--pop-space-xl: clamp(2.5rem, 2rem + 2.5vw, 4rem);--pop-space-2xl: clamp(4rem, 3rem + 5vw, 8rem);--pop-radius-sm: 6px;--pop-radius-md: 12px;--pop-radius-lg: 20px;--pop-radius-xl: 32px;--pop-radius-full: 9999px;--pop-ease-out: cubic-bezier(.16, 1, .3, 1);--pop-ease-in-out: cubic-bezier(.65, 0, .35, 1);--pop-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--pop-duration-fast: .15s;--pop-duration-normal: .3s;--pop-duration-slow: .5s;--pop-max-width: 1400px;--pop-content-width: 1200px;--pop-gutter: clamp(1rem, 2vw, 2rem);--pop-header-height: 72px}[data-theme=dark]{--pop-primary: #f5f0eb;--pop-primary-rgb: 245, 240, 235;--pop-secondary: #1a1a1a;--pop-accent: #ff6b7a;--pop-accent-rgb: 255, 107, 122;--pop-neon: #39ff14;--pop-neon-rgb: 57, 255, 20;--pop-surface: #0a0a0a;--pop-surface-elevated: #151515;--pop-surface-dim: #1a1a1a;--pop-overlay: rgba(0, 0, 0, .8);--pop-text-primary: #f5f0eb;--pop-text-secondary: #b0b0b0;--pop-text-muted: #6a6a6a;--pop-text-inverse: #0a0a0a;--pop-border: rgba(255, 255, 255, .08);--pop-border-strong: rgba(255, 255, 255, .15);--pop-shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--pop-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--pop-shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--pop-shadow-glow: 0 0 30px rgba(var(--pop-accent-rgb), .4)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--pop-surface);color:var(--pop-text-primary);font-size:var(--pop-text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--pop-duration-slow) var(--pop-ease-out),color var(--pop-duration-slow) var(--pop-ease-out)}.pop-text-hero{font-size:var(--pop-text-hero);font-weight:800;line-height:.95;letter-spacing:-.03em;text-transform:uppercase}.pop-text-display{font-size:var(--pop-text-3xl);font-weight:700;line-height:1.1;letter-spacing:-.02em}.pop-text-heading{font-size:var(--pop-text-2xl);font-weight:700;line-height:1.2;letter-spacing:-.01em}.pop-text-subheading{font-size:var(--pop-text-xl);font-weight:600;line-height:1.3}.pop-text-body-lg{font-size:var(--pop-text-lg);line-height:1.6}.pop-text-caption{font-size:var(--pop-text-sm);color:var(--pop-text-muted);letter-spacing:.02em;text-transform:uppercase}.pop-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.85em 2em;font-size:var(--pop-text-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border:none;border-radius:var(--pop-radius-full);cursor:pointer;transition:all var(--pop-duration-normal) var(--pop-ease-out);position:relative;overflow:hidden;isolation:isolate}.pop-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity var(--pop-duration-fast);z-index:-1}.pop-btn:hover:before{opacity:1}.pop-btn--primary{background:var(--pop-primary);color:var(--pop-text-inverse)}.pop-btn--primary:hover{transform:translateY(-2px);box-shadow:var(--pop-shadow-lg)}.pop-btn--accent{background:linear-gradient(135deg,var(--pop-accent),var(--pop-accent-alt));color:#fff}.pop-btn--accent:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--pop-shadow-glow)}.pop-btn--outline{background:transparent;color:var(--pop-text-primary);border:2px solid var(--pop-border-strong)}.pop-btn--outline:hover{border-color:var(--pop-accent);color:var(--pop-accent);transform:translateY(-1px)}.pop-btn--ghost{background:transparent;color:var(--pop-text-primary);padding:.5em 1em}.pop-btn--ghost:hover{background:var(--pop-surface-dim)}.pop-card{background:var(--pop-surface-elevated);border:1px solid var(--pop-border);border-radius:var(--pop-radius-lg);overflow:hidden;transition:all var(--pop-duration-normal) var(--pop-ease-out)}.pop-card:hover{transform:translateY(-4px);box-shadow:var(--pop-shadow-lg);border-color:var(--pop-border-strong)}.pop-card__image{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform var(--pop-duration-slow) var(--pop-ease-out)}.pop-card:hover .pop-card__image{transform:scale(1.05)}.pop-card__content{padding:var(--pop-space-md)}.pop-badge{display:inline-flex;align-items:center;gap:.3em;padding:.3em .8em;font-size:var(--pop-text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--pop-radius-full)}.pop-badge--new{background:var(--pop-accent);color:#fff}.pop-badge--trending{background:linear-gradient(135deg,var(--pop-accent-alt),var(--pop-accent));color:#fff}.pop-badge--sale{background:var(--pop-neon);color:#000}.pop-badge--limited{background:var(--pop-gold);color:#000;animation:pop-pulse 2s ease-in-out infinite}.pop-grid{display:grid;gap:var(--pop-gutter)}.pop-grid--2{grid-template-columns:repeat(2,1fr)}.pop-grid--3{grid-template-columns:repeat(3,1fr)}.pop-grid--4{grid-template-columns:repeat(4,1fr)}.pop-grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}@container (max-width: 768px){.pop-grid--2,.pop-grid--3,.pop-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pop-grid--2,.pop-grid--3,.pop-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.pop-grid--2,.pop-grid--3,.pop-grid--4{grid-template-columns:1fr}}@keyframes pop-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pop-slide-left{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pop-slide-right{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pop-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pop-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pop-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}[data-pop-animate]{opacity:0;transition:opacity var(--pop-duration-slow) var(--pop-ease-out),transform var(--pop-duration-slow) var(--pop-ease-out)}[data-pop-animate=fade-up]{transform:translateY(30px)}[data-pop-animate=fade-in]{transform:none}[data-pop-animate=scale-in]{transform:scale(.9)}[data-pop-animate=slide-left]{transform:translate(40px)}[data-pop-animate=slide-right]{transform:translate(-40px)}[data-pop-animate].pop-visible{opacity:1;transform:translateY(0) translate(0) scale(1)}[data-pop-stagger]>*{opacity:0;transform:translateY(20px);transition:opacity var(--pop-duration-normal) var(--pop-ease-out),transform var(--pop-duration-normal) var(--pop-ease-out)}[data-pop-stagger].pop-visible>*:nth-child(1){transition-delay:0ms}[data-pop-stagger].pop-visible>*:nth-child(2){transition-delay:80ms}[data-pop-stagger].pop-visible>*:nth-child(3){transition-delay:.16s}[data-pop-stagger].pop-visible>*:nth-child(4){transition-delay:.24s}[data-pop-stagger].pop-visible>*:nth-child(5){transition-delay:.32s}[data-pop-stagger].pop-visible>*:nth-child(6){transition-delay:.4s}[data-pop-stagger].pop-visible>*{opacity:1;transform:translateY(0)}.pop-marquee{display:flex;overflow:hidden;white-space:nowrap;gap:var(--pop-space-lg)}.pop-marquee__track{display:flex;gap:var(--pop-space-lg);animation:pop-marquee 25s linear infinite}@keyframes pop-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pop-glass{background:rgba(var(--pop-primary-rgb),.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--pop-border)}.pop-gradient-text{background:linear-gradient(135deg,var(--pop-accent),var(--pop-accent-alt));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pop-neon-glow{text-shadow:0 0 10px rgba(var(--pop-neon-rgb),.5),0 0 20px rgba(var(--pop-neon-rgb),.3),0 0 40px rgba(var(--pop-neon-rgb),.1)}.pop-theme-toggle{position:relative;width:44px;height:24px;background:var(--pop-surface-dim);border:2px solid var(--pop-border-strong);border-radius:var(--pop-radius-full);cursor:pointer;transition:all var(--pop-duration-normal) var(--pop-ease-out);padding:0}.pop-theme-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--pop-text-primary);border-radius:50%;transition:transform var(--pop-duration-normal) var(--pop-ease-spring)}[data-theme=dark] .pop-theme-toggle:after{transform:translate(20px)}[data-theme=dark] .pop-theme-toggle{background:var(--pop-accent);border-color:var(--pop-accent)}[data-theme=dark] .pop-theme-toggle:after{background:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--pop-surface)}::-webkit-scrollbar-thumb{background:var(--pop-border-strong);border-radius:var(--pop-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--pop-text-muted)}::selection{background:rgba(var(--pop-accent-rgb),.2);color:var(--pop-text-primary)}.pop-container{container-type:inline-size}.pop-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.pop-full-bleed{width:100vw;margin-left:calc(50% - 50vw)}.pop-aspect-3-4{aspect-ratio:3/4}.pop-aspect-4-3{aspect-ratio:4/3}.pop-aspect-16-9{aspect-ratio:16/9}.pop-aspect-1-1{aspect-ratio:1/1}.pop-skeleton{background:linear-gradient(90deg,var(--pop-surface-dim) 25%,var(--pop-surface-elevated) 50%,var(--pop-surface-dim) 75%);background-size:200% 100%;animation:pop-shimmer 1.5s ease-in-out infinite;border-radius:var(--pop-radius-sm)}@view-transition{navigation:auto}::view-transition-old(root){animation:pop-fade-in .3s var(--pop-ease-out) reverse}::view-transition-new(root){animation:pop-fade-in .3s var(--pop-ease-out)}:focus-visible{outline:2px solid var(--pop-accent);outline-offset:3px;border-radius:var(--pop-radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-pop-animate]{opacity:1!important;transform:none!important}}@media(prefers-reduced-motion:reduce){[data-pop-animate],[data-pop-stagger]>*{opacity:1!important;transform:none!important}}@keyframes pop-force-reveal{to{opacity:1;transform:none}}[data-pop-animate]{animation:pop-force-reveal .6s ease-out 1.5s forwards}[data-pop-stagger]>*{animation:pop-force-reveal .5s ease-out 1.8s forwards}[data-pop-stagger]>*:nth-child(2){animation-delay:2s}[data-pop-stagger]>*:nth-child(3){animation-delay:2.1s}[data-pop-stagger]>*:nth-child(4){animation-delay:2.2s}[data-pop-stagger]>*:nth-child(5){animation-delay:2.3s}[data-pop-stagger]>*:nth-child(6){animation-delay:2.4s}[data-pop-stagger]>*:nth-child(7){animation-delay:2.5s}[data-pop-stagger]>*:nth-child(8){animation-delay:2.6s}[data-pop-animate].pop-visible,[data-pop-stagger].pop-visible>*{animation:none;opacity:1;transform:none}[data-pop-animate],[data-pop-stagger]>*,.pop-feed .pop-feed__item,.pop-feed__grid>*,.pop-games__header,.pop-games__grid>*,.pop-gamification [data-pop-animate],.pop-gamification [data-pop-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}a:hover img,.pcg-card:hover .pcg-img{transition:transform .5s ease!important}
/*# sourceMappingURL=/cdn/shop/t/33/assets/popnetic-modern.css.map */