.lootboxes-page{background:var(--bg-primary);min-height:100vh;padding-top:72px;padding-bottom:60px}.lootboxes-container{max-width:1300px;margin:0 auto;padding:0 16px}.lootboxes-title-hidden{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.lootboxes-loading{justify-content:center;padding:96px 0;display:flex}.lootboxes-empty{text-align:center;color:rgb(from var(--text-color,white) r g b / .35);padding:96px 0}.lootboxes-empty-icon{margin-bottom:12px;font-size:48px}.lootboxes-empty-text{font-size:15px}.lootboxes-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding-top:24px;display:grid}.case-card-link{text-decoration:none;display:block}.case-card{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;display:flex;position:relative}.case-card__image-area{justify-content:center;align-items:center;width:100%;padding:8px;display:flex;overflow:hidden}.case-card__image-fade{display:none}.case-card__image{object-fit:contain;max-width:168px;max-height:168px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:block}.case-card:hover .case-card__image{transform:translateY(-8px)scale(1.08)}.case-card__info{flex-direction:column;align-items:center;gap:7px;width:100%;padding:4px 8px 12px;display:flex}.case-card__info:after{content:"";background:rgb(from var(--surface-tint,white) r g b / .12);border-radius:2px;width:100%;height:2px;transition:background .25s;display:block}.case-card:hover .case-card__info:after{background:var(--color-primary)}.case-card__price-row{background:rgb(from var(--surface-tint,white) r g b / .22);clip-path:polygon(14px 0%,calc(100% - 14px) 0%,100% 50%,calc(100% - 14px) 100%,14px 100%,0% 50%);width:100%;padding:2px}.case-card__bonus-badge{display:none}.case-card__price{clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 50%,calc(100% - 12px) 100%,12px 100%,0% 50%);background:var(--bg-primary);width:100%;color:var(--text-color,#fff);letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;gap:3px;padding:7px 20px;font-size:14px;font-weight:800;display:flex}.case-card__price-pts{color:rgb(from var(--text-color,white) r g b / .38);font-size:10px;font-weight:600}.case-card__name{color:rgb(from var(--text-color,white) r g b / .62);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:14px;font-weight:600;transition:color .2s;overflow:hidden}.case-card:hover .case-card__name{color:rgb(from var(--text-color,white) r g b / .88)}.points-case-card{background:var(--card-bg,#1a1a1a);border:1px solid var(--border-color,#ffffff14);border-radius:8px;flex-direction:column;align-items:center;padding:16px 12px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.points-case-card:hover{border-color:color-mix(in srgb, var(--color-primary) 40%, transparent);transform:translateY(-4px);box-shadow:0 16px 36px #00000073}.points-case-card__price{z-index:2;color:#fff;white-space:nowrap;background:#00000061;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:13px;font-weight:800;display:flex;position:absolute;top:10px;right:4px}.points-case-card__price-icon{object-fit:contain;width:14px;height:14px}.points-case-card__image-area{justify-content:center;align-items:center;width:100%;padding:30px 8px 10px;display:flex;position:relative}.points-case-card__glow{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--color-primary) 32%, transparent) 0%, transparent 65%);pointer-events:none;position:absolute;inset:0}.points-case-card__image-area img{z-index:1;object-fit:contain;max-width:168px;max-height:168px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative}.points-case-card:hover .points-case-card__image-area img{transform:translateY(-6px)scale(1.06)}.points-case-card__name-bar{border:1px solid var(--border-color,#ffffff14);background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;max-width:100%;margin:14px 0 0;padding:8px 12px;display:inline-flex}.points-case-card__name{font-family:var(--font-display), sans-serif;letter-spacing:.04em;color:var(--text-color,#fff);text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:15px;font-weight:600;overflow:hidden}.points-case-card__favorite{cursor:pointer;color:#fff6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:color .2s,transform .15s;display:flex}.points-case-card__favorite:hover{color:var(--color-primary);transform:scale(1.1)}.points-case-card__favorite.is-active{color:var(--color-primary)}.lootboxes-section{margin-bottom:64px}.lootboxes-section__title-row{justify-content:center;margin-bottom:12px;display:flex}.lootboxes-section__title{font-family:var(--font-display), sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary);margin:0;font-size:28px;font-weight:700}.lootboxes-section__divider{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-primary) 35%, transparent) 50%, transparent 100%);border-radius:2px;width:100%;height:2px}@media (min-width:768px){.lootboxes-grid{grid-template-columns:repeat(auto-fill,minmax(192px,1fr));gap:24px}}@media (max-width:767px){.case-card__image{max-width:100px;max-height:100px}.case-card__name{font-size:11px}.case-card__price{padding:5px 8px;font-size:11px}.case-card__price-row{clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,8px 100%,0% 50%)}.case-card__price{clip-path:polygon(6px 0%,calc(100% - 6px) 0%,100% 50%,calc(100% - 6px) 100%,6px 100%,0% 50%)}.lootboxes-section__title{font-size:20px}}