.usable-card .lab-art{clip-path:none!important;overflow:visible}.usable-card .lab-art img{position:relative;z-index:9}.usable-grid{padding-inline:35px;gap:90px}.use-demo{overflow:visible}.details-section{padding:65px 0}.value-showcase{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;align-items:center;max-width:850px;margin:45px auto}.equipment-mini{display:block;width:250px;padding:0;font:inherit;cursor:pointer;margin:auto;border-color:var(--rarity);box-shadow:0 0 24px color-mix(in srgb,var(--rarity) 25%,transparent)}.equipment-art{height:230px;position:relative;flex-shrink:0;overflow:visible}.equipment-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--aura) 60%,transparent));transition:transform .2s}.equipment-mini:hover img{transform:translateY(-8px) scale(1.08)}.equipment-mini .lab-copy small,.detail-full .full-card-scroll>small{color:var(--rarity)}.equipment-badge{display:block;width:fit-content;margin:0 15px 12px auto;padding:6px 10px;border:1px solid color-mix(in srgb,var(--rarity) 50%,transparent);border-radius:10px;background:#152320bb;font-size:12px;color:#efc36e}.magic-indicator{position:absolute;top:225px;left:15px;color:#efc36e;text-shadow:0 0 12px #efc36e;font-size:23px}.detail-full{height:700px;border-color:var(--rarity);box-shadow:0 0 25px color-mix(in srgb,var(--rarity) 25%,transparent)}.detail-full .equipment-art{height:290px}.detail-full .equipment-art img{transform:scale(1.08)}.detail-footer{margin-top:auto;padding:15px;border-top:1px solid #ffffff18;text-align:center;font-size:12px;color:#b8c4c0}.value-detail{display:flex;justify-content:space-between;padding:12px 15px;border:1px solid #cdb26b70;border-radius:10px;color:#efc36e;font-size:12px}.value-detail b{font-size:16px}.detail-caption{text-align:center;font-size:13px;color:var(--muted);margin:20px 0}.equipment-preview{display:flex;justify-content:center;gap:80px;margin:50px auto 25px}.equipment-preview .equipment-mini{margin:0}.equipment-stats{display:flex;gap:8px;margin:20px 0}.equipment-stats span{flex:1;border:1px solid #ffffff33;border-radius:10px;padding:10px;text-align:center;font-size:11px;color:#bcc7c1}.equipment-stats b{display:block;font-size:14px;color:#ecf0ee;margin-top:6px}.magic-demo{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;margin:60px 0 0;padding:40px;border:1px solid var(--line);border-radius:22px;background:#111b2d88}.magic-demo h3{font-size:28px}.magic-demo p{color:var(--muted)}.magic-controls{display:flex;flex-wrap:wrap;gap:24px;padding:18px 0}.magic-controls label{display:flex;gap:8px;align-items:center;font-size:14px}.magic-controls input{accent-color:#efc36e;width:18px;height:18px}.cursed-word{color:#ff777d!important;text-shadow:0 0 15px #ff334980}.equipment-cursed{border-color:#f76674;box-shadow:0 0 25px #ff334955}.equipment-cursed:after{content:'Cursed';position:absolute;top:12px;right:12px;color:#ff8890;background:#35151c;padding:5px 10px;border-radius:9px;box-shadow:0 0 15px #ff334940;font-size:12px}#equipment-dialog{width:min(480px,calc(100vw - 70px));padding:0;border:0;background:transparent;overflow:visible}#equipment-dialog::backdrop{background:#030811cf;backdrop-filter:blur(9px)}#equipment-dialog .detail-full{height:min(880px,calc(100dvh - 70px))}@media(max-width:700px){.usable-grid{padding-inline:20px;gap:65px}.value-showcase{grid-template-columns:1fr;gap:30px}.value-showcase>div:last-child{max-width:480px;width:100%;margin:auto}.equipment-preview{gap:30px;flex-wrap:wrap}.magic-demo{grid-template-columns:1fr;padding:25px}.details-section{padding-block:40px}}@media(prefers-reduced-motion:reduce){.equipment-mini:hover img{transform:none}}
.usable-card[data-kind=potion] .lab-art img{transform:translate(0,-18px) scale(1.4)}
.equipment-mini{width:215px;height:310px;border-radius:20px;overflow:hidden;background:linear-gradient(0deg,color-mix(in srgb,var(--aura) 18%,#161c1d),color-mix(in srgb,var(--aura) 28%,#18201f) 58%,#18201f)}.equipment-mini .equipment-art{height:220px}.equipment-mini .equipment-art img{transform:scale(1.3)}.equipment-cloak .equipment-art img{transform:translate(-6%,0) scale(1.4)}.equipment-ruby .equipment-art img{transform:scale(1.2)}.equipment-mini:hover .equipment-art img{transform:scale(1.38)}.equipment-mini .lab-copy{padding:8px 16px 14px}.equipment-mini .lab-copy small{font-size:8px;letter-spacing:1px}.equipment-mini .lab-copy h3{font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:7px}.equipment-badge{position:absolute;top:12px;left:12px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 10px;font-size:12px;background:rgba(112,118,126,.16);backdrop-filter:blur(7px);border-color:color-mix(in srgb,var(--rarity) 42%,#ffffff25);box-shadow:0 0 10px color-mix(in srgb,var(--rarity) 16%,transparent),inset 0 1px 0 #ffffff15;color:#e4e7e9}.equipment-badge small{font-size:9px;color:var(--rarity)}.equipment-cloak .equipment-badge{width:52px;height:52px;border-radius:50%;padding:0;box-shadow:0 0 12px color-mix(in srgb,var(--rarity) 30%,transparent),0 0 22px color-mix(in srgb,var(--rarity) 12%,transparent)}.magic-indicator{left:auto;right:12px;top:12px;width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--rarity) 42%,#ffffff25);border-radius:11px;background:rgba(112,118,126,.16);backdrop-filter:blur(7px);color:var(--rarity);font-size:25px;text-shadow:0 0 8px color-mix(in srgb,var(--rarity) 35%,transparent)}.magic-indicator[hidden]{display:none}.equipment-curse-label{display:block;margin-top:10px;color:#f28282;font-size:11px;font-weight:700;text-shadow:0 0 9px #ef414175;letter-spacing:.05em}.equipment-curse-label[hidden]{display:none}.equipment-ruby .equipment-badge{top:auto;left:auto;bottom:12px;right:12px;display:block;color:#efc36e}.equipment-mini:has(.equipment-curse-label:not([hidden])){height:325px}.rogue-transition{max-width:650px;margin:50px auto 0;text-align:center;font-size:19px;line-height:1.8;color:var(--muted)}