.item-modal-root{z-index:200;padding:max(1rem, env(safe-area-inset-top,0px)) 1rem max(1rem, env(safe-area-inset-bottom,0px));place-items:center;animation:.18s ease-out item-modal-root-in;display:grid;position:fixed;inset:0}.item-modal__overlay{background:radial-gradient(ellipse 70% 45% at 50% 35%, color-mix(in srgb, var(--item-rarity) 14%, transparent), transparent 62%), #030810bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:0;position:absolute;inset:0}.item-modal{scrollbar-width:thin;scrollbar-color:#22d3eed9 transparent;border:1px solid color-mix(in srgb, var(--item-rarity) 28%, #ffffff14);background:linear-gradient(135deg, color-mix(in srgb, var(--item-rarity) 10%, transparent), transparent 34%), linear-gradient(180deg, #0a101ef5, #050912fa);width:min(92vw,56rem);max-height:min(86dvh,42rem);box-shadow:inset 0 1px 0 #ffffff0f, 0 28px 80px #00000094, 0 0 42px color-mix(in srgb, var(--item-rarity) 16%, transparent);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:1rem;animation:.26s cubic-bezier(.2,.8,.2,1) item-modal-in;display:grid;position:relative;overflow:hidden auto}.item-modal::-webkit-scrollbar{width:4px}.item-modal::-webkit-scrollbar-track{background:0 0}.item-modal::-webkit-scrollbar-thumb{background:#22d3eed9;border-radius:999px}.item-modal::-webkit-scrollbar-thumb:hover{background:#38bdf8f2}.item-modal__mesh{background-image:linear-gradient(color-mix(in srgb, var(--item-rarity) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--item-rarity) 5%, transparent) 1px, transparent 1px), linear-gradient(135deg, #ffffff06 1px, transparent 1px);pointer-events:none;background-size:24px 24px,24px 24px,12px 12px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 82%);mask-image:linear-gradient(#000 0%,#0000 82%)}.item-modal__close{z-index:4;box-sizing:border-box;color:#bef2ff;background:#00d4ff14;border:1px solid #00d4ff3d;border-radius:.7rem;place-items:center;width:2.35rem;height:2.35rem;margin:0;padding:0;transition:border-color .2s,background-color .2s,transform .2s;display:grid;position:absolute;top:.85rem;right:.85rem}.item-modal__close-icon{flex-shrink:0;width:.85rem;height:.85rem;display:block}.item-modal__close:hover{background:#00d4ff24;border-color:#00d4ff7a;transform:scale(1.04)}.item-modal__visual{place-items:center;min-height:18rem;padding:3.25rem 1.25rem 1.25rem;display:grid;position:relative}.item-modal__image{z-index:2;object-fit:contain;filter:drop-shadow(0 22px 34px #0000009e);max-width:min(82vw,27rem);max-height:min(38dvh,17rem);animation:4.2s ease-in-out infinite item-modal-float;position:relative}.item-modal__content{z-index:2;flex-direction:column;gap:1rem;min-height:0;padding:0 1.25rem 1.25rem;display:flex;position:relative}.item-modal__eyebrow{letter-spacing:.3em;text-transform:uppercase;color:color-mix(in srgb, var(--item-rarity) 75%, #94a3b8);font-size:.62rem;font-weight:900}.item-modal__title{letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 0 28px color-mix(in srgb, var(--item-rarity) 20%, transparent);margin-top:.4rem;font-size:clamp(1.35rem,4vw,2.3rem);font-weight:950;line-height:1.05}.item-modal__rarity{letter-spacing:.14em;text-transform:uppercase;color:#cbd5e1cc;margin-top:.55rem;font-size:.72rem;font-weight:900}.item-modal__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.item-modal__stat,.item-modal__asset{background:#0003;border:1px solid #ffffff14;border-radius:10px;box-shadow:inset 0 1px #ffffff0a}.item-modal__stat{min-width:0;padding:.7rem .75rem}.item-modal__stat span,.item-modal__asset span{letter-spacing:.18em;text-transform:uppercase;color:#94a3b8c7;font-size:.56rem;font-weight:900;display:block}.item-modal__stat strong{text-overflow:ellipsis;white-space:nowrap;color:#f1f5f9;margin-top:.25rem;font-size:.82rem;display:block;overflow:hidden}.item-modal__stat--success strong{color:#34d399}.item-modal__stat--warning strong{color:#fbbf24}.item-modal__stat--accent strong{color:color-mix(in srgb, var(--item-rarity) 78%, white)}.item-modal__asset{padding:.75rem}.item-modal__asset code{overflow-wrap:anywhere;color:#e2e8f0d1;margin-top:.35rem;font-size:.72rem;display:block}.item-modal__note{color:#94a3b8;margin:0;font-size:.78rem;font-weight:600;line-height:1.45}.item-modal__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.35rem;display:grid}.item-modal__actions .club-action-button{width:100%}@media (min-width:768px){.item-modal{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:0}.item-modal--actions .item-modal__content{justify-content:space-between}.item-modal__visual{min-height:31rem;padding:2rem}.item-modal__content{justify-content:center;padding:4rem 2rem 2rem 0}}@keyframes item-modal-root-in{0%{opacity:0}}@keyframes item-modal-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes item-modal-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.item-modal-root,.item-modal,.item-modal__image{animation:none}}