/* Collection gallery and arena picker inspired by the reference collection wall. */
.workshop-card{max-width:1120px!important}.workshop-layout{grid-template-columns:250px 1fr!important}.workshop-controls h3{margin:3px 0 10px!important;color:#bfe0fb;font:700 13px Fredoka,sans-serif;letter-spacing:.5px}.collection-grid{display:grid!important;grid-template-columns:repeat(4,minmax(105px,1fr));gap:8px!important}.pen-card{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 62px auto auto;align-items:center;gap:4px;min-width:0!important;min-height:137px;border:1px solid #347ab7!important;border-radius:9px!important;background:linear-gradient(145deg,#152b3b,#07131f)!important;color:#edf7ff!important;padding:8px!important;overflow:hidden;text-align:center!important}.pen-card:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 44%,var(--pen-glow,rgba(74,190,255,.22)),transparent 48%),repeating-linear-gradient(120deg,rgba(255,255,255,.035) 0 1px,transparent 2px 8px)}.pen-card em{color:#acdbff;font:700 7px "DM Mono",monospace;font-style:normal}.pen-card .pen-swatch{position:relative;width:17px!important;height:65px!important;margin:0 auto!important;border:1px solid #b7e3ff!important;border-radius:8px 8px 4px 4px;box-shadow:0 0 12px currentColor,4px 4px 7px rgba(0,0,0,.4)}.pen-card .pen-swatch:after{content:"";position:absolute;bottom:-10px;left:3px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:11px solid #c6d4dd}.pen-card small{color:#afc8dd;font:7px "DM Mono",monospace}.pen-card b{font:11px Fredoka,sans-serif}.pen-card.active{outline:2px solid #4bce7b!important;box-shadow:0 0 0 3px rgba(75,206,123,.2),0 0 18px rgba(66,193,255,.25)}.rarity-rare{--pen-glow:rgba(57,194,255,.26)}.rarity-rare em{color:#4cd1ff}.rarity-epic{--pen-glow:rgba(205,82,255,.28)}.rarity-epic em{color:#eb8cff}.rarity-legendary{--pen-glow:rgba(255,190,45,.33)}.rarity-legendary{border-color:#c89a31!important}.rarity-legendary em{color:#ffd654}.rarity-mythic{--pen-glow:rgba(255,70,62,.3)}.rarity-mythic{border-color:#bd3b46!important}.rarity-mythic em{color:#ff6b6b}.arena-collection{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px}.arena-card{position:relative;min-height:92px;border:1px solid #4385bd;border-radius:9px;background:linear-gradient(145deg,#173954,#071420);color:#f1f8ff;overflow:hidden;cursor:pointer;text-align:left;padding:10px;isolation:isolate}.arena-card:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.75;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 38%),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 16px)}.arena-card.home:before{background:linear-gradient(145deg,rgba(160,99,45,.65),rgba(35,17,9,.48)),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 14px)}.arena-card.library:before{background:linear-gradient(145deg,rgba(35,94,73,.75),rgba(5,24,21,.52))}.arena-card.playground:before{background:linear-gradient(145deg,rgba(80,103,190,.7),rgba(13,20,60,.52))}.arena-card b,.arena-card small{position:relative;z-index:1;display:block}.arena-card b{margin-top:45px;font:10px Fredoka,sans-serif}.arena-card small{margin-top:3px;color:#d4e4f0;font:7px "DM Mono",monospace}.arena-card.active{outline:2px solid #54d785;box-shadow:0 0 0 3px rgba(84,215,133,.2)}@media(max-width:700px){.workshop-layout{grid-template-columns:1fr!important}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}.pen-card{min-height:119px;padding:6px!important}.pen-card .pen-swatch{height:53px!important}.arena-collection{grid-template-columns:repeat(2,1fr)}.arena-card{min-height:84px}.arena-card b{margin-top:40px}.workshop-controls h3{font-size:12px}.loadout-preview{min-height:220px!important}}