.modslot-grid{--modslot-scale:.6;--modslot-card-w:294px;--modslot-card-h:144px;--modslot-gap:25px;gap:var(--modslot-gap);grid-template-columns:repeat(auto-fill, minmax(calc(var(--modslot-card-w) * var(--modslot-scale)), 1fr));max-width:calc(4 * var(--modslot-card-w) * var(--modslot-scale) + 3 * var(--modslot-gap));margin:auto;display:grid}.modslot-precepts{align-items:flex-start;gap:var(--modslot-gap);flex-wrap:wrap;grid-column:1/-1;display:flex}.modslot-duo{gap:var(--modslot-gap);grid-column:1/-1;grid-template-columns:repeat(2, calc(var(--modslot-card-w) * var(--modslot-scale)));justify-self:center;width:fit-content;max-width:100%;display:grid}.modslot-duo>*{width:calc(var(--modslot-card-w) * var(--modslot-scale));flex-shrink:0}.modslot{width:calc(var(--modslot-card-w,294px) * var(--modslot-scale,.5));height:calc(var(--modslot-card-h,144px) * var(--modslot-scale,.5));z-index:1;position:relative;overflow:visible}.modslot:has(.modcard-container:hover){z-index:9999}.modslot-scale{transform:scale(var(--modslot-scale,.5));transform-origin:0 0}.modcard-container{z-index:1;width:294px;height:144px;transition:z-index 80ms step-end;position:relative}.modcard-container:hover{z-index:9999;transition:z-index 80ms step-start}.modcard{pointer-events:none;width:294px;height:144px;transition:height .14s ease-out,transform .14s ease-out;position:relative;overflow:visible;transform:scale(1)}.modcard-container:hover .modcard,.modcard-container--expanded .modcard{height:416px;transform:translateY(-136px)scale(1.1)}.modcard-content{align-items:center;height:calc(100% - 32px)}.modcard-container:hover .modcard-content,.modcard-container--expanded .modcard-content{height:calc(100% - 28.8px)}.modcard-thumb{align-items:flex-start;min-height:112px}.modcard-container:hover .modcard-thumb,.modcard-container--expanded .modcard-thumb{min-height:32px}.modcard-glow{opacity:1;transition:opacity .12s}.modcard-container:hover .modcard-glow,.modcard-container--expanded .modcard-glow{opacity:.4}.modcard-thumb img{filter:grayscale(.8)brightness(.4);transition:filter .12s}.modcard-container:hover .modcard-thumb img,.modcard-container--expanded .modcard-thumb img{filter:grayscale(0)brightness()}.modcard-name{height:99.2px;transition:top 80ms;position:relative;top:-96px}.modcard-container:hover .modcard-name,.modcard-container--expanded .modcard-name{height:auto;top:0}.modcard-light{visibility:hidden;transition:transform .14s ease-out,visibility 0s linear .14s}.modcard-light-left{transform:scale(-1,0)}.modcard-light-right{transform:scaleY(0)}.modcard-container:hover .modcard-light,.modcard-container--expanded .modcard-light{visibility:visible;transition-delay:0s}.modcard-container:hover .modcard-light-left,.modcard-container--expanded .modcard-light-left{transform:scaleX(-1)}.modcard-container:hover .modcard-light-right,.modcard-container--expanded .modcard-light-right{transform:scale(1)}.modcard-compat{opacity:0;transition:opacity .12s}.modcard-container:hover .modcard-compat,.modcard-container--expanded .modcard-compat{opacity:1}.arcane-column{--arcane-scale:.4;--arcane-column-w:300px;--arcane-frame-w:256px;--arcane-frame-h:172.8px;--arcane-icon-size:188px;--arcane-pip:20px;--arcane-pip-gap:3px;--arcane-chip-gap:16px}@media (min-width:1280px){.arcane-column{width:calc(var(--arcane-column-w) * var(--arcane-scale))}}.arcane-list{justify-content:space-around;align-items:center;gap:calc(var(--arcane-chip-gap) * var(--arcane-scale));flex-direction:column;flex:auto;display:flex}.arcane-slot{align-items:center;gap:calc(6px * var(--arcane-scale));flex-direction:column;width:100%;display:flex}.arcane-medallion{width:calc(var(--arcane-frame-w) * var(--arcane-scale));height:calc(var(--arcane-frame-h) * var(--arcane-scale));flex-shrink:0;position:relative}.arcane-medallion .arcane-frame{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.arcane-medallion .arcane-icon{width:calc(var(--arcane-icon-size) * var(--arcane-scale));height:calc(var(--arcane-icon-size) * var(--arcane-scale));object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arcane-pips{align-items:center;gap:calc(var(--arcane-pip-gap) * var(--arcane-scale));display:flex}.arcane-pips img{width:calc(var(--arcane-pip) * var(--arcane-scale));height:calc(var(--arcane-pip) * var(--arcane-scale));object-fit:contain}.shard-row{--shard-scale:.5;--shard-icon:128px;--shard-label-w:180px;--shard-gap:24px;justify-content:space-evenly;align-items:flex-start;row-gap:calc(var(--shard-gap) * var(--shard-scale));flex-wrap:wrap;display:flex}.shard-slot{align-items:center;gap:calc(8px * var(--shard-scale));flex-direction:column;display:flex}.shard-icon{width:calc(var(--shard-icon) * var(--shard-scale));object-fit:contain}.shard-label{max-width:calc(var(--shard-label-w) * var(--shard-scale));text-align:center;text-shadow:0 1px 3px #000c}