.template-blog .main-content{padding-top:38px;max-width:1320px;margin:0 auto}@media screen and (min-width:768px){.template-blog .main-content{padding-top:34px}}.blog-index{margin-bottom:80px}.blog-index__hero{position:relative;margin-bottom:clamp(14px,2.4vw,24px);padding:clamp(14px,2.3vw,24px);border-radius:18px;border:1px solid color-mix(in srgb,var(--lrg-aqua) 38%,transparent);background:radial-gradient(130% 130% at 0% 0%,color-mix(in srgb,var(--lrg-aqua) 16%,transparent) 0%,transparent 58%),radial-gradient(110% 110% at 100% 100%,color-mix(in srgb,var(--lrg-pink) 14%,transparent) 0%,transparent 54%),linear-gradient(165deg,#14182a,#0a0c15);overflow:hidden}.blog-index__hero:before{content:"";position:absolute;width:min(42vw,340px);height:min(42vw,340px);top:-130px;right:-100px;border-radius:50%;background:color-mix(in srgb,var(--lrg-aqua) 35%,transparent);filter:blur(42px);pointer-events:none;z-index:0}.blog-index__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#04070eeb,#04070edb 45%,#04070e80 72%,#04070e38);pointer-events:none;z-index:1}.blog-index__content{position:relative;z-index:3;max-width:min(72ch,100%)}@media screen and (min-width:1024px){.blog-index__content{max-width:min(63ch,66%)}}.blog-index__eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:color-mix(in srgb,var(--lrg-aqua) 80%,white);font-weight:700}.blog-index__title{margin:0;font-size:clamp(1.7rem,4.3vw,3.2rem);color:#fff!important;-webkit-text-fill-color:#ffffff;line-height:1.05;text-transform:uppercase;font-family:Druk-SuperItalic,Impact,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.55)}.blog-index__lede{margin:6px 0 0;max-width:60ch;color:color-mix(in srgb,white 94%,var(--lrg-aqua) 6%);font-size:clamp(.95rem,1.1vw,1.08rem)}.blog-index__quickmeta{margin:8px 0 0;font-size:13px;color:color-mix(in srgb,white 92%,var(--lrg-aqua) 8%)}.blog-index__quickmeta strong{color:var(--lrg-white)}.blog-index__playfield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}@media screen and (max-width:1023px){.blog-index__playfield{display:none}}.blog-index__playfield:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 100% at 100% 0%,rgba(236,0,140,.16),transparent 62%),linear-gradient(to left,#00000024,#00000005)}.blog-index__stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 14% 18%,rgba(255,255,255,.95) 0 1px,transparent 1.5px),radial-gradient(circle at 38% 66%,rgba(145,253,255,.85) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 36%,rgba(255,255,255,.88) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 74%,rgba(145,253,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 55% 10%,rgba(255,255,255,.75) 0 1px,transparent 1.5px);background-size:190px 110px;opacity:.78;animation:blogStarsDrift 11s linear infinite}.blog-index__stars--far{opacity:.3;filter:blur(.3px);animation-duration:17s;animation-direction:reverse}.blog-index__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.05) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.35;z-index:1}.blog-index__game-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.blog-index__ship{position:absolute;left:78%;top:54%;width:82px;height:34px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px rgba(79,189,186,.45));animation:blogShipPatrol 8.4s ease-in-out infinite;z-index:3}.blog-index__ship:before{content:"";position:absolute;right:0;top:13px;width:14px;height:8px;clip-path:polygon(0% 0%,100% 50%,0% 100%);background:linear-gradient(90deg,#9df6ff,#fff);border-radius:2px}.blog-index__ship.is-left{transform:translate(-50%,-50%) scaleX(-1)}.blog-index__playfield.is-active .blog-index__ship{animation:none}.blog-index__ship.is-hit{animation:blogShipHit .2s steps(2,end) 2}.blog-index__ship.is-destroyed{opacity:0;filter:none}.blog-index__ship-body{position:absolute;top:8px;right:15px;bottom:8px;left:9px;clip-path:polygon(0% 50%,20% 18%,64% 0%,100% 50%,64% 100%,20% 82%);background:linear-gradient(90deg,#2fcfff,#6fe6ff 58%,#d9fdff);border-radius:2px;box-shadow:inset 0 0 0 1px #02122373}.blog-index__ship-wing{position:absolute;left:20px;width:27px;height:12px;background:linear-gradient(90deg,#ff2f9b,#ff79c9);box-shadow:0 0 0 1px #050d1f73}.blog-index__ship-wing--top{top:2px;clip-path:polygon(0% 100%,100% 0%,68% 100%)}.blog-index__ship-wing--bottom{bottom:2px;clip-path:polygon(0% 0%,68% 0%,100% 100%)}.blog-index__ship-cockpit{position:absolute;right:23px;top:11px;width:11px;height:10px;background:#03132d;border:1px solid #9af6ff;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff40}.blog-index__ship-thruster{position:absolute;left:-4px;top:13px;width:15px;height:8px;border-radius:999px;background:linear-gradient(90deg,#ffa20000,#ff7b00d1,#ff3f98e6);filter:blur(.4px);animation:blogThrusterPulse .17s steps(2,end) infinite}.blog-index__playfield.is-active .blog-index__ship-thruster{animation-duration:.08s}.blog-index__powerup{position:absolute;z-index:2;width:10px;height:10px;border:2px solid #ffe500;border-radius:2px;box-shadow:0 0 10px #ffe5008c;animation:blogPowerupFloat 4.6s linear infinite}.blog-index__powerup--one{top:22%;right:18%}.blog-index__powerup--two{top:61%;right:33%;animation-delay:-1.5s}.blog-index__powerup--three{top:36%;right:7%;animation-delay:-2.8s}.blog-index__laser{position:absolute;width:13px;height:3px;border-radius:1px;background:linear-gradient(90deg,#fff,#8deeff 60%,#30b8ff);box-shadow:0 0 8px #8ff2ffbf;transform:translate(-50%,-50%)}.blog-index__laser.is-left{transform:translate(-50%,-50%) scaleX(-1)}.blog-index__rock{position:absolute;border-radius:50%;background:radial-gradient(circle at 34% 30%,#f5dfb8,#8a7156 43%,#47392e);box-shadow:inset -4px -4px 8px #00000059,0 0 8px #d2aa784d;transform:translate(-50%,-50%)}.blog-index__rock:after{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;border:2px solid rgba(21,16,12,.35)}.blog-index__blast{position:absolute;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fffab7f2,#ff6000b8 44%,#ff600000 70%);animation:blogBlastPulse .28s ease-out forwards}.blog-index__hud{position:absolute;right:12px;bottom:10px;z-index:4;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.blog-index__start-btn{border:1px solid color-mix(in srgb,var(--lrg-aqua) 42%,transparent);background:color-mix(in srgb,#0b1122 85%,var(--lrg-black) 15%);color:#d8fcff;font-family:Overpass Mono,Courier New,monospace;font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 11px;cursor:pointer;animation:blogStartPulse 1.4s steps(2,end) infinite}.blog-index__playfield.is-active .blog-index__start-btn{animation:none}.blog-index__start-btn:hover,.blog-index__start-btn:focus-visible{color:#fff;border-color:color-mix(in srgb,var(--lrg-aqua) 75%,transparent);outline:none}.blog-index__controls{margin:0;font-size:10px;line-height:1;letter-spacing:.08em;color:color-mix(in srgb,var(--lrg-aqua) 55%,white);text-transform:uppercase;font-family:Overpass Mono,Courier New,monospace}.blog-index__score{margin:0;font-size:10px;line-height:1;letter-spacing:.08em;color:color-mix(in srgb,white 88%,var(--lrg-aqua) 12%);text-transform:uppercase;font-family:Overpass Mono,Courier New,monospace}@media screen and (max-width:1023px){.blog-index__hud{right:10px;bottom:8px}.blog-index__start-btn{font-size:10px;padding:5px 9px}}.blog-index__filters{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}.blog-index__tag{text-decoration:none;color:var(--lrg-white);border:1px solid color-mix(in srgb,var(--lrg-aqua) 42%,transparent);border-radius:999px;padding:7px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;transition:background-color .2s ease,transform .2s ease}.blog-index__tag:hover{color:var(--lrg-white);background:color-mix(in srgb,var(--lrg-pink) 35%,transparent);transform:translateY(-1px)}.blog-index__tag.is-active{background:color-mix(in srgb,var(--lrg-aqua) 30%,transparent);border-color:color-mix(in srgb,var(--lrg-aqua) 75%,transparent)}.blog-index__active-filter{margin:8px 0 0;font-size:14px;color:color-mix(in srgb,white 92%,var(--lrg-aqua) 8%)}.blog-index__active-filter a{margin-left:10px;text-decoration:underline;color:color-mix(in srgb,var(--lrg-aqua) 50%,white)}.blog-index__featured{margin-bottom:14px}.blog-index__featured a{display:grid;color:var(--lrg-white);text-decoration:none;border-radius:22px;overflow:hidden;background:color-mix(in srgb,#0f1422 86%,black);border:1px solid color-mix(in srgb,var(--lrg-aqua) 22%,transparent);box-shadow:0 24px 34px #00000057}.blog-index__featured-media{position:relative;overflow:hidden;aspect-ratio:16 / 9}.blog-index__featured-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.48),transparent 56%);pointer-events:none}.blog-index__featured-media img,.blog-index__entry-media img,.blog-index__placeholder{width:100%;height:100%;object-fit:cover}.blog-index__placeholder{background:linear-gradient(140deg,#1b2133,#101522)}.blog-index__feature-label{position:absolute;top:14px;left:14px;z-index:1;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 10px;background:color-mix(in srgb,var(--lrg-black) 64%,transparent);border:1px solid color-mix(in srgb,var(--lrg-aqua) 46%,transparent);color:var(--lrg-white)}.blog-index__featured-body{padding:14px 14px 16px}.blog-index__meta{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,white 88%,var(--lrg-aqua) 12%)}.blog-index__featured-body h2{margin:9px 0 0;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.03;color:#fff!important;-webkit-text-fill-color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,.55)}.blog-index__featured-body p{margin:12px 0 0;font-size:16px;line-height:1.6;color:color-mix(in srgb,white 94%,var(--lrg-aqua) 6%)}.blog-index__cta{display:inline-block;margin-top:14px;font-family:Druk-SuperItalic,Impact,sans-serif;text-transform:uppercase;font-size:20px;color:color-mix(in srgb,var(--lrg-aqua) 50%,white);text-decoration:underline;text-underline-offset:3px}.blog-index__timeline{display:grid;gap:10px}.blog-index__empty{margin:8px 0 0;padding:16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--lrg-aqua) 24%,transparent);background:color-mix(in srgb,#0f1422 78%,black)}.blog-index__entry a{display:grid;gap:12px;padding:12px;border-radius:18px;border:1px solid color-mix(in srgb,var(--lrg-aqua) 20%,transparent);background:color-mix(in srgb,#0f1422 80%,black);color:var(--lrg-white);text-decoration:none;transition:transform .2s ease,border-color .2s ease}.blog-index__entry-media{overflow:hidden;border-radius:12px;aspect-ratio:16 / 10;background:#101522}.blog-index__entry-body h3{margin:8px 0 0;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.1;color:#fff!important;-webkit-text-fill-color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.blog-index__entry-body p{margin:10px 0 0;line-height:1.5;font-size:14px;color:color-mix(in srgb,white 94%,var(--lrg-aqua) 6%)}.blog-index__entry-tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.blog-index__entry-tags span{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--lrg-purple) 24%,transparent);border:1px solid color-mix(in srgb,var(--lrg-purple) 55%,transparent)}.blog-index__featured a:hover,.blog-index__entry a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--lrg-aqua) 52%,transparent)}.blog-index__featured img,.blog-index__entry img{transition:transform .35s ease}.blog-index__featured a:hover img,.blog-index__entry a:hover img{transform:scale(1.04)}.blog-index__pagination{margin-top:30px}.blog-index__pagination ul{margin:0;padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}.blog-index__pagination a,.blog-index__pagination span{display:inline-flex;min-width:38px;justify-content:center;align-items:center;padding:8px 10px;border-radius:10px;text-decoration:none;border:1px solid color-mix(in srgb,var(--lrg-aqua) 35%,transparent);color:var(--lrg-white)}.blog-index__pagination .active span{background:color-mix(in srgb,var(--lrg-aqua) 32%,transparent)}.blog-index a:focus-visible{outline:2px solid var(--lrg-aqua);outline-offset:2px}@media screen and (min-width:1024px){.template-blog .main-content{padding-top:30px}.blog-index__hero{margin-bottom:20px;padding:20px;min-height:clamp(210px,34vw,320px)}.blog-index__featured a{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.blog-index__featured-media{aspect-ratio:unset;min-height:100%}.blog-index__timeline{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}}@media screen and (min-width:1240px){.blog-index__timeline{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.blog-index__featured a,.blog-index__entry a,.blog-index__featured img,.blog-index__entry img,.blog-index__tag,.blog-index__stars,.blog-index__ship,.blog-index__powerup,.blog-index__start-btn,.blog-index__ship-thruster,.blog-index__ship.is-hit,.blog-index__blast{transition:none;animation:none}}@keyframes blogStarsDrift{0%{transform:translate(0)}to{transform:translate(-170px)}}@keyframes blogPowerupFloat{0%{transform:translate(0) translateY(0) scale(1);opacity:0}15%{opacity:1}80%{opacity:1}to{transform:translate(-48px) translateY(4px) scale(.7);opacity:0}}@keyframes blogShipPatrol{0%{left:74%;top:58%;transform:translate(-50%,-50%) scaleX(1)}48%{left:92%;top:44%;transform:translate(-50%,-50%) scaleX(1)}52%{left:92%;top:44%;transform:translate(-50%,-50%) scaleX(-1)}to{left:74%;top:58%;transform:translate(-50%,-50%) scaleX(-1)}}@keyframes blogThrusterPulse{0%{width:13px;opacity:.85}to{width:9px;opacity:.6}}@keyframes blogStartPulse{0%,48%{opacity:1}49%,to{opacity:.25}}@keyframes blogBlastPulse{0%{opacity:.95;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}@keyframes blogShipHit{0%,to{filter:drop-shadow(0 0 10px rgba(79,189,186,.45))}50%{filter:drop-shadow(0 0 14px rgba(255,92,92,.85))}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/blog-listing.css.map */