.cosmeticsCatalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:110px;display:grid}.cosmeticsCatalog>article{background:linear-gradient(145deg,#111522,#080b13);border:1px solid #242b3e;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0005}.cosmeticPreviewStage{background:radial-gradient(circle,#422b7f66 0,#0000 56%),linear-gradient(145deg,#0d111d,#070910);place-items:center;height:350px;display:grid;position:relative;overflow:hidden}.cosmeticPreviewStage:after{content:"";filter:blur(18px);background:#5c48d533;border-radius:50%;height:38px;position:absolute;inset:auto 12% 16%}.previewAura{filter:blur(32px);background:#5d3cb62c;border-radius:50%;width:240px;height:240px;position:absolute}.cosmeticPreviewStage img{z-index:1;object-fit:contain;filter:drop-shadow(0 24px 30px #000b);width:76%;height:76%;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;position:relative}.cosmeticsCatalog>article:hover .cosmeticPreviewStage img{filter:drop-shadow(0 28px 38px #000d);transform:scale(1.035)}.preview3dButton{z-index:4;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7650e7,#4f75eb);border:1px solid #8268edaa;border-radius:12px;align-items:center;gap:8px;padding:11px 17px;font-weight:750;transition:transform .25s,filter .25s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #6647dd66}.preview3dButton:hover{filter:brightness(1.12);transform:translate(-50%)translateY(-3px)}.preview3dButton span{font-size:17px}.modalOpen{overflow:hidden}.modelModalBackdrop{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03050bd9;place-items:center;padding:24px;animation:.22s ease-out modalFade;display:grid;position:fixed;inset:0}.modelModal{background:linear-gradient(150deg,#101625,#070a12);border:1px solid #303c59;border-radius:26px;grid-template-rows:auto 1fr auto;width:min(1180px,96vw);height:min(820px,92vh);animation:.28s cubic-bezier(.2,.8,.2,1) modalRise;display:grid;overflow:hidden;box-shadow:0 45px 150px #000d,0 0 80px #5739b733}.modelModal>header{background:#0c101baa;border-bottom:1px solid #222a3d;justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.viewerTabs{background:#080b13;border:1px solid #293249;border-radius:12px;gap:5px;padding:4px;display:flex}.viewerTabs button{color:#778198;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:11px}.viewerTabs button.active{color:#fff;background:linear-gradient(135deg,#6e45dd,#426ee8);box-shadow:0 7px 20px #5d43db44}.modelModal>header span{color:#8f78ed;letter-spacing:.18em;font-size:8px}.modelModal>header h2{margin:6px 0 0;font-size:24px}.modelModal>header>button{color:#bbc3d8;cursor:pointer;background:#151a28;border:1px solid #36405a;border-radius:12px;width:40px;height:40px;font-size:24px}.modelCanvas{background:radial-gradient(circle at 50% 48%,#39236877,#0000 46%),radial-gradient(at 50% 100%,#1d55a944,#0000 48%),#05070d;min-height:0;position:relative;overflow:hidden}.modelPreviewImage{background:radial-gradient(circle,#36246666,#0000 48%),#05070d;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.modelPreviewImage>.previewAura{width:min(58vw,620px);height:min(58vw,620px)}.modelPreviewImage img{z-index:2;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 32px 48px #000c);width:min(78%,760px);height:min(84%,620px);position:relative}.modelPreviewImage>span{z-index:3;color:#8b95ab;background:#090d17d9;border:1px solid #303a55;border-radius:999px;padding:8px 12px;font-size:10px;position:absolute;bottom:18px}.previewNotice{align-items:center;gap:12px;display:flex}.previewNotice b{color:#dce3f3;font-size:12px}.previewNotice span{color:#778198;font-size:10px}.modelCanvas canvas{z-index:2;cursor:grab;width:100%;height:100%;display:block;position:relative}.modelCanvas canvas:active{cursor:grabbing}.modelFloor{z-index:1;filter:blur(20px);background:#704ce52b;border:1px solid #6d5ae333;border-radius:50%;height:12%;position:absolute;bottom:9%;left:20%;right:20%}.modelLoading{z-index:5;color:#dde3f2;background:#070a12;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.modelLoading i{border:3px solid #2f3650;border-top-color:#8f68ef;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite modelSpin}.modelLoading b{margin-top:10px}.modelLoading span{color:#747d94;font-size:11px}.modelLoading.error i{display:none}.modelModal>footer{background:#0b0f19;border-top:1px solid #222a3d;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;display:flex}.modelHelp{color:#7f899f;align-items:center;gap:8px;font-size:10px;display:flex}.modelHelp b{color:#c8d0e2;background:#151a27;border:1px solid #343d55;border-radius:6px;padding:5px 7px}.modelTools{align-items:center;gap:9px;display:flex}.modelTools button,.modelTools select,.animationBadge{color:#bfc7d9;background:#151a28;border:1px solid #35405b;border-radius:9px;padding:9px 11px;font-size:10px}.modelTools button{cursor:pointer}.modelTools select{outline:none;max-width:190px}.modelTools .animationPlay,.animationBadge{color:#b79aff;background:#21183a;border-color:#5d4899}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes modelSpin{to{transform:rotate(360deg)}}@media (max-width:850px){.cosmeticsCatalog{grid-template-columns:1fr}.cosmeticPreviewStage{height:300px}.modelModalBackdrop{padding:10px}.modelModal{border-radius:18px;width:100%;height:94vh}.modelModal>footer{flex-direction:column;align-items:flex-start}.modelHelp{flex-wrap:wrap}.modelTools{flex-wrap:wrap;width:100%}}.rarity.mythic{color:#ff68bc}.rarity.legendary{color:#ffc266}.rarity.epic{color:#ae7aff}.rarity.rare{color:#63a8ff}.rarity.uncommon{color:#60d6a0}.rarity.common{color:#9da7ba}