/* All selectors are scoped to the packages section. */
#packages .arsenal-mark{width:126px;height:86px;margin-bottom:27px;position:relative;isolation:isolate;flex-shrink:0}
#packages .arsenal-icon{width:77px;height:77px;flex-shrink:0;color:var(--accent)}
#packages .twin-weapons{width:92px}
#packages .twin-weapons .arsenal-icon{position:absolute;inset:4px auto auto 5px}
#packages .twin-weapons .weapon-two{transform:scaleX(-1)}
#packages .staff-mark{width:130px;gap:0}
#packages .staff-icon{position:absolute;inset:0 auto auto 0;width:88px;height:88px}
#packages .staff-mark .tool-icon{position:absolute;right:0;top:4px;width:37px;height:37px;stroke-width:1.5}
#packages .staff-mark .small-tool{position:absolute;right:1px;bottom:0;width:30px;height:30px;stroke-width:1.5;opacity:.8}
#packages .pizza-mark{gap:12px;width:116px}
#packages .pizza-mark .neon-icon:first-child{width:56px;height:56px}
#packages .pizza-mark .neon-icon:last-child{width:38px;height:38px;margin-bottom:8px}
#packages .icon-credit{margin-top:12px;color:var(--muted);font-size:.75rem}
#packages .icon-credit a{text-decoration:underline;text-underline-offset:3px}
/* A — the selected card system, with its own arsenal. */
html[data-package-style=classic] #packages .arsenal-mark{filter:drop-shadow(0 0 6px rgba(var(--glow),.45))}
html[data-package-style=classic] #packages .package-card:hover .weapon-one{transform:translate(-3px,-2px)}
html[data-package-style=classic] #packages .package-card:hover .weapon-two{transform:scaleX(-1) translate(-3px,-2px)}
#packages .weapon-one,#packages .weapon-two{transition:transform .25s}
/* B — a team emblem, a solid face and precise colored edges. */
html[data-package-style=emblems] #packages .package-card{border-top:1px solid var(--accent);background:#191e19;box-shadow:5px 6px #080b08;padding-top:25px}
html[data-package-style=emblems] #packages .package-card::before{background:radial-gradient(rgba(var(--glow),.13),transparent 66%);height:235px;inset:0 0 auto}
html[data-package-style=emblems] #packages .package-card:hover{box-shadow:6px 9px #080b08;transform:translateY(-5px)}
html[data-package-style=emblems] #packages .arsenal-mark{width:120px;height:120px;border-radius:50%;border:1px solid var(--accent);box-shadow:inset 0 0 0 7px #191e19,inset 0 0 0 8px rgba(var(--glow),.35);background:#121711;filter:none;margin:0 0 28px;transform:rotate(-7deg)}
html[data-package-style=emblems] #packages .twin-weapons .arsenal-icon{inset:20px auto auto 20px;width:78px;height:78px}
html[data-package-style=emblems] #packages .staff-icon{width:75px;height:75px;inset:17px auto auto 13px}
html[data-package-style=emblems] #packages .staff-mark .tool-icon{right:14px;top:20px;width:27px;height:27px}
html[data-package-style=emblems] #packages .staff-mark .small-tool{right:17px;bottom:21px;width:23px;height:23px}
html[data-package-style=emblems] #packages .pizza-mark{padding-left:21px;gap:2px}
html[data-package-style=emblems] #packages .pizza-mark .neon-icon:first-child{width:46px;height:46px}
html[data-package-style=emblems] #packages .pizza-mark .neon-icon:last-child{width:28px;height:28px;align-self:center;margin:28px 0 0 -2px}
html[data-package-style=emblems] #packages .package-card:hover .arsenal-mark{transform:rotate(0)}
html[data-package-style=emblems] #packages .card-signal{width:28px;height:6px;box-shadow:none}
html[data-package-style=emblems] #packages .neon-subtitle{border-left:3px solid var(--accent);padding-left:9px;min-height:0;margin-bottom:12px}
/* C — comic title strips and an oversized arsenal, within the same four cards. */
html[data-package-style=ribbons] #packages .package-card{border:2px solid #080b08;border-top:5px solid var(--accent);box-shadow:6px 7px #080b08;background:#1b201a;padding-top:23px;overflow:hidden}
html[data-package-style=ribbons] #packages .package-card::before{background:radial-gradient(rgba(var(--glow),.15) 1px,transparent 1px) 0 0/6px 6px;height:235px;inset:0 0 auto;mask-image:linear-gradient(#000,transparent)}
html[data-package-style=ribbons] #packages .package-card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:9px 12px #080b08;border-color:var(--accent)}
html[data-package-style=ribbons] #packages .arsenal-mark{height:104px;margin-bottom:27px;filter:drop-shadow(3px 4px #080b08);transform:rotate(-7deg)}
html[data-package-style=ribbons] #packages .twin-weapons .arsenal-icon{width:97px;height:97px;inset:0 auto auto 0}
html[data-package-style=ribbons] #packages .staff-icon{width:104px;height:104px;left:-6px}
html[data-package-style=ribbons] #packages .staff-mark .tool-icon{top:9px;right:-6px}
html[data-package-style=ribbons] #packages .staff-mark .small-tool{bottom:7px;right:-6px}
html[data-package-style=ribbons] #packages .neon-card-top{letter-spacing:1px;margin-bottom:17px}
html[data-package-style=ribbons] #packages h3{font-family:var(--comic);font-weight:400;font-size:2.8rem;letter-spacing:.7px;line-height:1.06;color:var(--white);text-shadow:3px 4px #080b08;min-height:150px}
html[data-package-style=ribbons] #packages .neon-subtitle{position:relative;background:var(--accent);color:var(--ink);padding:7px 9px;min-height:0;transform:rotate(-2deg);margin:0 -6px 9px;border:2px solid var(--ink);box-shadow:3px 4px var(--ink);font-size:.65rem}
html[data-package-style=ribbons] #packages .card-signal{box-shadow:none;transform:skew(-25deg);width:31px;height:6px}
html[data-package-style=ribbons] #packages .neon-description{margin-top:18px}
html[data-package-style=ribbons] #packages .neon-detail{border-top-style:dashed}
@media(max-width:1150px){html[data-package-style=ribbons] #packages h3{font-size:3.2rem;min-height:110px}html[data-package-style=ribbons] #packages h3 br{display:none}html[data-package-style=ribbons] #packages .neon-subtitle{font-size:.75rem;padding:8px 10px}}
@media(max-width:600px){#packages .arsenal-mark{margin-bottom:24px}html[data-package-style=emblems] #packages .arsenal-mark{width:120px;height:120px}html[data-package-style=ribbons] #packages h3{min-height:0;font-size:3.2rem;margin-bottom:22px}html[data-package-style=ribbons] #packages .package-card{padding:27px}html[data-package-style=ribbons] #packages .neon-subtitle{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){#packages .arsenal-mark,#packages .weapon-one,#packages .weapon-two{transition:none}#packages .package-card:hover .weapon-one{transform:none!important}#packages .package-card:hover .weapon-two{transform:scaleX(-1)!important}html[data-package-style=emblems] #packages .package-card:hover .arsenal-mark,html[data-package-style=ribbons] #packages .package-card:hover{transform:none}}