/* Cosmetic effects share the launcher's target and motion controls. */
.effects-lab{padding:32px;background:radial-gradient(ellipse at 90% 0,#a2a65b15,transparent 55%),linear-gradient(120deg,#1e3730df,#102a32ed),url('/assets/gunmetal-texture.webp');background-size:auto,auto,900px;border-top:1px solid #bca2687a;scroll-margin-top:105px}
.effects-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:27px}.effects-heading .eyebrow{font-size:8px;margin:0 0 14px}.effects-heading h3{font:600 43px/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#f0e2bf;margin:0}.effects-heading>div:last-child{max-width:340px}.effects-heading p:not(.eyebrow){font-size:13px;line-height:1.85;color:#c0d0bc;margin:0 0 15px}.effects-heading .btn{font-size:12px;padding:14px 19px;min-height:0}
.effects-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.effect-group{min-width:0;border:1px solid #c2ac7270;background:linear-gradient(125deg,#52604335,#122d31be);padding:20px 16px 16px;box-shadow:inset 0 1px #fff1,0 8px 16px #0002}.effect-group>.tiny{font-size:7px;color:#afb98d;letter-spacing:.16em}.effect-group h4{font:600 27px/1.1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#ead39a;margin:8px 0}.effect-group>p{font-size:11px;line-height:1.8;min-height:40px;color:#bbccb9;margin:0 0 18px}
.effect-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.effect-choices button{display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid #71876c80;background:#0b252bd9;color:#afc4b3;cursor:pointer;padding:5px 4px 10px;box-shadow:inset 0 0 16px #0002;transition:background .2s,border-color .2s}.effect-choices button[aria-pressed=true]{border-color:#e2c581;background:radial-gradient(ellipse at 50% 15%,#b2a86522,transparent 75%),#284437;color:#f5dda1;box-shadow:inset 0 0 0 2px #d2bc7b18}.effect-choices button:hover{border-color:#e6cb90}.effect-choices button:focus-visible,.effects-heading button:focus-visible{outline:2px solid #fff0c0;outline-offset:3px}.effect-choices svg{width:100%;height:auto;aspect-ratio:150/96;filter:drop-shadow(0 2px 4px #0004)}.effect-choices button>span{font:600 9px/1.5 'Barlow',system-ui,sans-serif;text-align:center;min-height:27px;display:grid;align-items:center}.effect-choices button:disabled{cursor:wait;opacity:.7}
.effect-bundles{display:grid;grid-template-columns:.6fr 1fr 1fr 1fr;gap:18px;align-items:center;border-block:1px solid #b6a16d4d;margin-top:25px;padding:18px 0}.effect-bundles>.tiny{font-size:7px;letter-spacing:.14em;color:#d6bd80}.effect-bundles p{font-size:9px;line-height:1.8;color:#aabfa9;margin:0}.effect-bundles b{display:block;font:600 19px/1.3 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#dbc799;margin-bottom:3px}.effects-disclosure{font-size:10px;line-height:1.9;color:#9eb59e;margin:17px 0 0}
.effects-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #bca36d66;background:linear-gradient(125deg,#2c4434ce,#132e33e6),url('/assets/gunmetal-texture.webp');background-size:auto,700px;margin-top:25px}.effects-mini>div{display:flex;align-items:center;gap:10px;padding:12px 16px;min-width:0}.effects-mini>div+div{border-left:1px solid #baa16a40}.effects-mini svg{width:105px;max-width:45%;height:auto;flex-shrink:0;filter:drop-shadow(0 3px 4px #0005)}.effects-mini span{font:600 19px/1.2 'Barlow Condensed',Impact,sans-serif;color:#e8d29a;text-transform:uppercase}.catalog-missile-note>a{color:#ead199;text-decoration:underline;text-underline-offset:4px}.guide-missile-collection .effects-mini{margin-bottom:25px}.guide-missile-collection .effects-mini>div{padding:10px 8px;gap:6px}.guide-missile-collection .effects-mini span{font-size:15px}
.launch-flourish{position:absolute;left:var(--ignition-x,13%);top:var(--ignition-y,58%);width:110px;height:100px;transform:translate(-50%,-50%);pointer-events:none;z-index:2;opacity:0}.launch-flourish:before,.launch-flourish:after{content:'';position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#fff5c1 0 5%,#e9a54e 15%,#b64f26aa 34%,transparent 69%)}.launch-flourish:after{inset:2%;background:repeating-conic-gradient(from 12deg,transparent 0 24deg,#ebc381 26deg 28deg,transparent 30deg 60deg);mask-image:radial-gradient(transparent 0 25%,#000 28% 50%,transparent 68%)}
[data-launch=halo-launch] .launch-flourish:before{background:transparent;border:7px solid #f1d18a;box-shadow:0 0 15px #f4c77099,inset 0 0 13px #e6cb8e66;transform:scaleY(.38)}[data-launch=halo-launch] .launch-flourish:after{background:transparent;border:2px solid #e6e0a1;transform:scaleY(.38)}
[data-launch=spark-shower] .launch-flourish:before{background:repeating-conic-gradient(from 22deg,transparent 0 20deg,#ffe4a0 22deg 24deg,transparent 26deg 45deg);mask-image:radial-gradient(transparent 0 18%,#000 22% 49%,transparent 72%)}[data-launch=spark-shower] .launch-flourish:after{background:radial-gradient(circle,#e9b45c 0 7%,transparent 10%) 0 0/23px 27px;transform:rotate(20deg);mask-image:radial-gradient(#000,transparent 67%)}
.is-launching .launch-flourish{animation:signature-liftoff 1.05s ease-out both}.signature-exhaust{position:absolute;right:82%;top:38%;width:46%;height:30%;opacity:0;pointer-events:none;z-index:-1;transform-origin:100% 50%}.signature-exhaust svg{width:100%;height:100%;overflow:visible}.signature-exhaust path{fill:none;stroke-linecap:round}.exhaust-smoke{stroke:#ab8dc2;stroke-width:11;opacity:.45}.exhaust-ribbon{stroke:#dbd1df;stroke-width:4}.exhaust-ion{stroke:#8dd9e9;stroke-width:6;filter:drop-shadow(0 0 6px #4ba9d1)}.signature-exhaust .exhaust-ion{display:none}
[data-exhaust=ember-trail] .signature-exhaust{display:none}[data-exhaust=corkscrew-smoke] .rocket-flame{filter:hue-rotate(250deg) saturate(.45);width:10%;right:84%}[data-exhaust=ion-stream] .exhaust-smoke,[data-exhaust=ion-stream] .exhaust-ribbon{display:none}[data-exhaust=ion-stream] .exhaust-ion{display:block}[data-exhaust=ion-stream] .rocket-flame{filter:hue-rotate(165deg);width:13%;right:84%}.is-launching .signature-exhaust{opacity:1;animation:signature-exhaust .65s ease-in-out infinite alternate}
.impact .signature-ring{position:absolute;left:3%;top:70%;width:94%;height:23%;border:2px solid #b0ce82;border-radius:50%;box-shadow:0 0 12px #b4c97866;opacity:0}.impact .signature-star{position:absolute;left:12%;top:6%;width:76%;height:77%;background:radial-gradient(ellipse,#e2f4e6,#8cd8de 30%,#5e83aa 65%,transparent 75%);clip-path:polygon(48% 0,59% 30%,81% 14%,73% 41%,100% 47%,71% 59%,85% 87%,59% 75%,47% 100%,38% 72%,8% 86%,25% 60%,0 46%,29% 39%,20% 14%,40% 29%);opacity:0}
[data-explosion=atomic-bloom] .impact>img{filter:hue-rotate(61deg) saturate(.7) drop-shadow(0 0 13px #a1cd7b88)}[data-explosion=atomic-bloom] .signature-ring{opacity:1}[data-explosion=neon-shockwave] .impact>img{opacity:0}[data-explosion=neon-shockwave] .signature-star{opacity:1}[data-explosion=neon-shockwave] .signature-ring{opacity:1;border-color:#84ccde;border-width:4px;box-shadow:0 0 0 9px #a995ca55,0 0 0 19px #7ab9d440,0 0 25px #78cbd955}.is-launching[data-explosion=atomic-bloom] .signature-ring,.is-launching[data-explosion=neon-shockwave] .signature-ring{animation:signature-shockwave 1.3s 2.29s ease-out both}
@keyframes signature-liftoff{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}15%{opacity:1}65%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}
@keyframes signature-exhaust{from{transform:scaleX(.86);opacity:.65}to{transform:scaleX(1);opacity:.95}}
@keyframes signature-shockwave{from{transform:scale(.15);opacity:0}25%{opacity:1}to{transform:scale(1);opacity:0}}
.motion-paused .launch-flourish,.motion-paused .signature-exhaust{display:none}
@media(max-width:1000px){.effects-lab{padding:25px}.effects-groups{gap:14px}.effect-group{padding:17px 12px 13px}.effect-choices{gap:5px}.effect-choices button>span{font-size:8px}.effect-bundles{grid-template-columns:1fr 1fr 1fr}.effect-bundles>.tiny{grid-column:1/-1}.effects-mini span{font-size:17px}}
@media(max-width:650px){.effects-lab{padding:24px 18px}.effects-heading{display:block}.effects-heading h3{font-size:37px}.effects-heading>div:last-child{margin-top:20px;max-width:none}.effects-heading p:not(.eyebrow){font-size:12px}.effects-heading .btn{width:100%;justify-content:space-between}.effects-groups{grid-template-columns:1fr;gap:16px}.effect-group{padding:21px 16px 17px}.effect-group h4{font-size:28px}.effect-group>p{min-height:0;font-size:12px}.effect-choices{gap:9px}.effect-choices button>span{font-size:10px;min-height:30px}.effect-choices svg{max-height:70px}.effect-bundles{grid-template-columns:1fr;gap:14px;padding-block:20px}.effect-bundles p{font-size:10px}.effects-disclosure{font-size:10px}.effects-mini>div{padding:12px 7px;flex-direction:column;gap:6px;text-align:center}.effects-mini svg{max-width:100%;width:90px}.effects-mini span{font-size:17px}.guide-missile-collection .effects-mini>div{padding:9px 5px}.guide-missile-collection .effects-mini span{font-size:14px}.launch-flourish{width:74px;height:70px}}
.launch-demo .impact>.signature-ring,.launch-demo .impact>.signature-star{margin:0;white-space:normal;pointer-events:none}.effects-lab button:disabled{cursor:wait}
.effects-equipped{position:absolute;left:25px;top:51px;max-width:85%;font:600 8px/1.7 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#b5c8a5;z-index:1}@media(max-width:600px){.effects-equipped{left:17px;top:34px;max-width:90%;font-size:6px;letter-spacing:.01em}}
.effects-promo{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:35px;padding:34px;margin:30px 0;background:radial-gradient(ellipse at 80% 50%,#80907926,transparent 60%),linear-gradient(115deg,#263d31df,#102b32ed),url(/assets/gunmetal-texture.webp);background-size:auto,auto,900px;border:1px solid #baa06a;box-shadow:inset 0 0 0 5px #e0c8840d,0 15px 28px #0004;text-decoration:none}.effects-promo .tiny{font-size:8px;color:#c1bc8b;letter-spacing:.1em}.effects-promo h3{font:600 39px/1.02 Barlow Condensed,Impact,sans-serif;text-transform:uppercase;color:#eddfbc;margin:13px 0}.effects-promo p{font-size:12px;line-height:1.85;color:#b9cbb5}.effects-promo .text-link{font-size:11px;color:#eed296}.effects-promo>.effects-mini{margin:0;border:0;background:none}.effects-promo .effects-mini>div{display:block;border:0;text-align:center;padding:10px}.effects-promo .effects-mini svg{display:block;width:100%;max-width:100%;margin:0 auto 15px;filter:drop-shadow(0 5px 9px #0006)}.effects-promo:hover{border-color:#f0d08b}.effects-promo:focus-visible{outline:2px solid #fff0bb;outline-offset:4px}@media(max-width:760px){.effects-promo{grid-template-columns:1fr;padding:27px;gap:18px}.effects-promo h3{font-size:36px}.effects-promo .effects-mini>div{padding:5px}.effects-promo .effects-mini span{font-size:18px}}