/* Illustrated equipment shares the agents' ceramic, titanium and neon palette. */
[data-item]{--item-color:#86f7ce;--item-glow:#45dfa536;--item-speed:6s}
[data-item=efficiency]{--item-color:#c8a4ff;--item-glow:#a06aff3b;--item-speed:7s}
[data-item=memory],[data-item=vault]{--item-color:#83e9ff;--item-glow:#3ac9ff35;--item-speed:6.6s}
[data-item=boost]{--item-color:#ffce86;--item-glow:#ffb42f36;--item-speed:4s}
[data-item=skin],[data-item=agent_VECTOR]{--item-color:#9cc8ff;--item-glow:#527fff40;--item-speed:7s}
[data-item=surge]{--item-color:#ffb395;--item-glow:#ff663d3e;--item-speed:4.5s}
[data-item=aurora]{--item-color:#e3b7ff;--item-glow:#c674ff38;--item-speed:8s}
[data-item=ai]{--item-color:#8de5e9;--item-glow:#3dd3d936;--item-speed:6.5s}
[data-item=agent_NOVA]{--item-color:#ffd598;--item-glow:#ffbd5540;--item-speed:6.4s}
.item-showcase{position:relative;isolation:isolate;display:grid;place-items:center;height:210px;margin:-23px -23px 21px;overflow:hidden;border-bottom:1px solid #526d8533;background:radial-gradient(ellipse at 50% 65%,var(--item-glow),transparent 67%),linear-gradient(135deg,#23374a50,#08122070)}
.item-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#90c7d008 1px,transparent 1px),linear-gradient(90deg,#90c7d008 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(transparent,#000)}
.item-category{position:absolute;left:18px;top:15px;display:flex;align-items:center;gap:6px;color:var(--item-color);font-size:9px;font-weight:600;letter-spacing:.7px;z-index:4}
.item-category i{height:4px;width:4px;border-radius:50%;background:currentColor;box-shadow:0 0 8px var(--item-color)}
.item-corner{position:absolute;right:18px;top:12px;color:var(--item-color);opacity:.5;font-size:18px}
.item-art{position:relative;isolation:isolate;display:block;width:200px;height:185px;flex-shrink:0;pointer-events:none;--item-rise:-7px}
.item-showcase>.item-art{position:absolute;bottom:0}
.item-art img{display:block;position:absolute;inset:5% 8% 9%;width:84%;height:86%;object-fit:contain;z-index:2;filter:drop-shadow(0 8px 8px #0005);animation:item-float var(--item-speed) ease-in-out infinite}
.item-halo{position:absolute;inset:14% 3% 2%;border-radius:50%;background:radial-gradient(ellipse,var(--item-glow),transparent 69%);animation:item-breathe 4s ease-in-out infinite}
.item-orbit{position:absolute;inset:24% 14% 0;border:1px solid var(--item-color);border-radius:50%;opacity:.35;transform:rotateX(67deg);animation:item-orbit 18s linear infinite;z-index:1}
.item-orbit:before,.item-orbit:after{content:"";position:absolute;border-radius:50%;background:var(--item-color);box-shadow:0 0 10px var(--item-color);height:5px;width:5px;top:6%;left:25%}
.item-orbit:after{top:auto;left:auto;bottom:6%;right:25%;width:3px;height:3px}
.item-scan{position:absolute;inset:24% 31% 17%;border-left:1px solid var(--item-color);border-right:1px solid var(--item-color);opacity:.16;mask-image:linear-gradient(transparent,#000,transparent);animation:item-data 3.8s ease-in-out infinite;z-index:1}
.item-sparks{position:absolute;inset:0;z-index:3}
.item-sparks i{position:absolute;height:3px;width:3px;background:var(--item-color);border-radius:50%;box-shadow:0 0 7px var(--item-color);opacity:0;animation:item-spark 4s ease-in-out infinite}
.item-sparks i:nth-child(1){left:15%;top:65%;animation-delay:.7s}
.item-sparks i:nth-child(2){right:17%;top:45%;animation-delay:2s}
.item-sparks i:nth-child(3){left:35%;top:20%;animation-delay:3.1s}
.item-art[data-item=efficiency] img,.item-art[data-item=aurora] img{animation-name:item-sway}
.item-art[data-item=boost] .item-scan,.item-art[data-item=surge] .item-scan{inset:20% 27% 13%;animation-duration:2.5s}
.item-art[data-item=memory] .item-scan{inset:15% 36% 16%;border-left-width:3px}
.item-art[data-item=aurora] .item-halo{background:radial-gradient(ellipse at 35% 45%,#73f7d338,transparent 60%),radial-gradient(ellipse at 65% 55%,#d78cff40,transparent 65%)}
.item-art--compact{width:72px;height:78px;--item-rise:-3px}
.item-art--compact img{inset:3%;width:94%;height:94%;filter:drop-shadow(0 4px 4px #0005)}
.item-art--compact .item-scan,.item-art--compact .item-sparks{display:none}
.item-art--dialog{width:210px;height:172px;margin:0 auto 12px}
.item-art--agent{width:100%;height:130px;--item-rise:-4px}
.item-art--agent img{inset:0;width:100%;height:100%}
.item-art--agent .item-scan{display:none}
.item-art,.item-art *,.item-art:after{animation-play-state:paused!important}
.item-art.art-visible,.item-art.art-visible *,.item-art.art-visible:after{animation-play-state:running!important}
.feedback-paused .item-art,.feedback-paused .item-art *,.feedback-paused .item-art:after{animation-play-state:paused!important}
.item-art.item-activated:after{content:"";position:absolute;inset:12%;border:2px solid var(--item-color);border-radius:50%;z-index:4;animation:item-activate 1.1s ease-out both}
.upgrade-card,.shop-card{position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.upgrade-card:focus-within,.shop-card:focus-within{border-color:#7dafa2;box-shadow:0 0 0 2px #86f7ce12}
.upgrade-card .secondary,.shop-card .secondary{position:relative;z-index:1;min-height:44px}
.upgrade-card .upgrade-meta{gap:14px;line-height:1.5}
.shop-card .item-showcase{margin:-22px -22px 4px;flex-shrink:0}
.shop-card .shop-price{font-size:20px;margin-top:auto}
.shop-card .secondary{margin-top:0}
.player-ai-entry>div{min-width:0;flex:1}
@media(min-width:601px){.player-ai-entry .secondary{width:auto;max-width:45%}}
.inventory-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px}
.inventory-copy{min-width:0}
.inventory-row .secondary{min-height:44px}
#purchase-art:empty{display:none}
.item-purchase-price{font-size:25px;font-weight:650;color:var(--mint);margin:12px 0 18px}
#progression-purchase>.item-art--dialog{margin-top:-12px}
.agent-option>.item-art{align-self:center}
.agent-option.locked .item-art img{filter:grayscale(.4) drop-shadow(0 4px 9px #0004);opacity:.76}
.agent-option.locked .item-art .item-sparks{display:none}
.agent-option[data-progress-product=agent_VECTOR] .agent-role{color:#9cc8ff}
.agent-option[data-progress-product=agent_NOVA] .agent-role{color:#ffd598}
.agent-option.ready{opacity:1;border-color:#55799c;background:radial-gradient(ellipse at 0 50%,#6b9dff20,transparent 70%),#142236}
.agent-option.ready[data-progress-product=agent_NOVA]{border-color:#89734f;background:radial-gradient(ellipse at 0 50%,#f9c3671c,transparent 70%),#192333}
.agent-option.ready .item-art img{filter:drop-shadow(0 4px 9px #0004);opacity:1}
#player-ai-dialog .ai-pack{position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 25%,#338b9930,transparent 75%),#142134}
#player-ai-dialog .ai-pack>.item-art{width:110px;height:105px;margin:0 auto 12px}
#player-ai-dialog .ai-pack--500{background:radial-gradient(ellipse at 50% 25%,#7062bb30,transparent 75%),#142134}
#player-ai-dialog .ai-pack--1500{background:radial-gradient(ellipse at 50% 25%,#c9984c28,transparent 75%),#142134}
#player-ai-dialog .ai-pack--500 .item-art{--item-color:#cbb5ff;--item-glow:#aa7eff38}
#player-ai-dialog .ai-pack--1500 .item-art{--item-color:#ffdc9b;--item-glow:#ffcb6c38}
#player-ai-dialog .ai-pack .ai-pack-copy strong{line-height:1.4;margin-bottom:8px}
#player-ai-dialog .ai-pack-copy{flex:1;min-width:0}
#player-ai-dialog .ai-pack-copy small{display:block;margin-bottom:15px;color:var(--muted);font-size:10px}
#player-ai-dialog #player-ai-purchase{padding:18px;border:1px solid #3a615b;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#45a19420,transparent 70%),#0d1c2b}
#player-ai-dialog #player-ai-purchase>.item-art{width:130px;height:115px}
.chamber.aurora:after{animation:lab-aurora 12s ease-in-out infinite}
@keyframes item-float{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--item-rise))}}
@keyframes item-sway{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(var(--item-rise)) rotate(2deg)}}
@keyframes item-breathe{0%,100%{opacity:.55;transform:scale(.93)}50%{opacity:1;transform:scale(1.06)}}
@keyframes item-orbit{to{transform:rotateX(67deg) rotate(1turn)}}
@keyframes item-data{0%,100%{opacity:.06;transform:translateY(8px)}50%{opacity:.27;transform:translateY(-8px)}}
@keyframes item-spark{0%,100%{opacity:0;transform:translateY(6px) scale(.6)}45%{opacity:.7}80%{opacity:0;transform:translateY(-16px) scale(1)}}
@keyframes item-activate{0%{opacity:.9;transform:scale(.45)}100%{opacity:0;transform:scale(1.35)}}
@keyframes lab-aurora{0%,100%{opacity:.7;transform:translate(-3%,2%) scale(1.04)}50%{opacity:1;transform:translate(3%,-2%) scale(1.14)}}
@media(hover:hover){.upgrade-card:hover,.shop-card:hover{border-color:#52697e;box-shadow:0 9px 32px #02071344}}
@media(max-width:1000px) and (min-width:761px){.item-showcase{margin:-19px -19px 20px}.shop-card .item-showcase{margin:-22px -22px 4px}}
@media(max-width:760px){.item-showcase{height:192px;margin:-17px -17px 18px}.item-art--card{width:184px;height:166px}.item-category{left:16px;top:13px;font-size:9px}.shop-card .item-showcase{margin:-20px -20px 4px}.shop-card h2{font-size:19px}.shop-card .secondary{font-size:12px}.agent-option>.item-art{height:112px}.inventory-row{grid-template-columns:64px minmax(0,1fr);gap:6px 12px;align-items:start}.inventory-row>.item-art{grid-row:1/3;width:64px;height:76px}.inventory-row>.secondary{grid-column:2;width:100%;margin-top:5px}.inventory-row strong{font-size:13px}.inventory-row p{margin-top:5px}.item-art--dialog{height:154px;width:190px}}
@media(max-width:600px){#player-ai-dialog .ai-pack{display:flex;text-align:left;gap:13px;padding:12px}#player-ai-dialog .ai-pack>.item-art{width:83px;height:88px;margin:0;flex:0 0 83px}#player-ai-dialog .ai-pack-copy strong{font-size:14px}#player-ai-dialog .ai-pack-copy small{margin:0 0 10px}#player-ai-dialog .ai-pack button{width:100%;min-height:40px}#player-ai-dialog .ai-pack-copy{min-width:0}}
@media(max-width:350px){.item-category{font-size:8px}.upgrade-card .upgrade-meta{font-size:11px}.item-art--dialog{height:130px;width:160px}}
body.no-motion .item-art,body.no-motion .item-art *,body.no-motion .item-art:after,body.no-motion .chamber.aurora:after{animation:none!important}
@media(prefers-reduced-motion:reduce){.item-art,.item-art *,.item-art:after,.chamber.aurora:after{animation:none!important}.upgrade-card,.shop-card{transition:none}}