/* Clearer catalog hierarchy and responsive detail sheets. */
.game-catalog{max-width:1180px;margin:88px auto;padding-inline:clamp(16px,4vw,32px)}
.game-catalog>.section-head{max-width:720px;margin-bottom:25px}.game-catalog .section-head p{max-width:600px;color:#aeb2bd;line-height:1.7}
.catalog-tabs{position:sticky;top:70px;z-index:15;width:max-content;max-width:100%;padding:5px;border:1px solid #ffffff14;border-radius:13px;background:#10131af2;backdrop-filter:blur(14px)}
.catalog-tabs button{min-width:130px}.catalog-controls{margin:20px 0 16px}
.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:17px}
.catalog-card-button{display:block;width:100%;padding:0;text-align:left;color:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.catalog-card-button:hover,.catalog-card-button:focus-visible{transform:translateY(-3px);border-color:var(--catalog-color);box-shadow:0 12px 36px color-mix(in srgb,var(--catalog-color) 14%,transparent);outline:none}
.catalog-card-art{height:170px;position:relative;overflow:hidden;background:#10141b}.catalog-card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.catalog-card-button:hover .catalog-card-art img{transform:scale(1.04)}
.catalog-card-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0c0f15b8);pointer-events:none}
.catalog-card-art>span{position:absolute;z-index:1;right:11px;top:11px;padding:6px 9px;border:1px solid #ffffff30;border-radius:7px;background:#0a0d13c9;color:#fff;font-size:9px;font-weight:900;letter-spacing:.7px}
.catalog-card-copy{padding:16px}.catalog-card-copy>b{font-size:15px}.catalog-card-copy>p{min-height:44px;margin:8px 0;color:#aeb2bd;font-size:12px;line-height:1.6}.catalog-card-open{display:inline-block;margin-top:13px;color:var(--catalog-color);font-size:9px;font-weight:900;letter-spacing:.8px}.weapon-values{grid-template-columns:1fr 1fr}.weapon-values span{font-size:9px}
.catalog-detail{position:fixed;z-index:150;inset:0;display:none;align-items:center;justify-content:center;padding:18px}.catalog-detail.show{display:flex}.catalog-detail-shade{position:absolute;inset:0;background:#05070bd9;backdrop-filter:blur(8px)}.catalog-detail-dialog{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);width:min(980px,100%);max-height:min(780px,calc(100dvh - 36px));overflow:auto;border:1px solid #ffffff21;border-radius:20px;background:#11151d;box-shadow:0 30px 100px #000b}.catalog-detail-image{width:100%;height:100%;min-height:390px;max-height:640px;object-fit:cover;background:#090c12}.catalog-detail-copy{align-self:center;padding:clamp(22px,4vw,42px)}.catalog-detail-copy h2{margin:14px 0;font-size:clamp(30px,4vw,48px);line-height:1}.catalog-detail-copy>p{color:#b5bbc6;line-height:1.75}.catalog-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.catalog-detail-stats>div{display:grid;gap:6px;padding:13px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff05}.catalog-detail-stats small{color:#8f97a5;font-size:9px;font-weight:900;letter-spacing:.7px}.catalog-detail-stats b{font-size:13px}.catalog-detail-close{position:absolute;z-index:2;right:12px;top:12px;width:42px;height:42px;border:1px solid #ffffff30;border-radius:50%;background:#080b10db;color:#fff;font-size:25px;cursor:pointer}.catalog-modal-open{overflow:hidden}
.community-profile-form{display:grid;gap:10px;margin:20px 0;padding:16px;border:1px solid #ffffff17;border-radius:14px;background:#ffffff04}.community-profile-form h3{margin:0 0 4px;font-size:14px}.community-profile-form textarea,.community-profile-form select{width:100%;padding:11px;border:1px solid #ffffff20;border-radius:9px;background:#11151d;color:#f5f5f7;font:inherit}.community-profile-form label{margin-top:5px;color:#aeb2bd;font-size:9px;font-weight:900;letter-spacing:.8px}.profile-banner-preview{display:flex;align-items:flex-end;min-height:130px;padding:13px;border-radius:10px;background:linear-gradient(145deg,#9e642f,#312622 55%,#171a26);background-size:cover;overflow:hidden}.profile-banner-preview[data-banner="night"],.profile-banner-night{background:linear-gradient(145deg,#342a67,#101827 60%,#090d18)}.profile-banner-preview[data-banner="neon"],.profile-banner-neon{background:linear-gradient(120deg,#174f50,#202755 55%,#701b55)}.profile-banner-preview[data-banner="halloween"],.profile-banner-halloween{background:linear-gradient(135deg,#894219,#27152f 55%,#080c11)}.profile-banner-preview[data-banner="ocean"],.profile-banner-ocean{background:linear-gradient(135deg,#19758d,#102e52 55%,#0a101a)}.profile-banner-user{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #ffffff26;border-radius:12px;background:#090c12b8;backdrop-filter:blur(7px)}.profile-banner-user img{width:42px;height:42px;border-radius:50%;object-fit:cover}.profile-banner-user span{display:grid;gap:3px}.profile-banner-user small{color:#b8beca}.profile-banner-swatches{display:flex;gap:8px}.profile-banner-swatches button{width:31px;height:31px;border:2px solid transparent;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,#9e642f,#171a26)}.profile-banner-swatches button:nth-child(2){background:linear-gradient(135deg,#342a67,#101827)}.profile-banner-swatches button:nth-child(3){background:linear-gradient(135deg,#174f50,#701b55)}.profile-banner-swatches button:nth-child(4){background:linear-gradient(135deg,#894219,#27152f)}.profile-banner-swatches button:nth-child(5){background:linear-gradient(135deg,#19758d,#102e52)}.profile-banner-swatches button.selected{border-color:#fff;box-shadow:0 0 0 2px #ff9b3d}.public-profile-banner{min-height:115px;display:flex;align-items:flex-end;padding:15px;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#9e642f,#312622 55%,#171a26)}.public-profile-banner p{margin:0;color:#fff;font-size:13px;line-height:1.5;text-shadow:0 1px 5px #000}
@media(max-width:650px){.game-catalog{margin:52px auto;padding-inline:14px}.catalog-tabs{top:60px;width:100%}.catalog-tabs button{min-width:0}.catalog-grid{grid-template-columns:1fr;gap:12px}.catalog-card-art{height:185px}.catalog-detail{align-items:flex-end;padding:0}.catalog-detail-dialog{grid-template-columns:1fr;max-height:92dvh;border-radius:20px 20px 0 0}.catalog-detail-image{height:34dvh;min-height:200px;max-height:320px}.catalog-detail-copy{padding:22px}.catalog-detail-copy h2{font-size:34px}.community-profile-form{padding:12px}.profile-banner-preview{min-height:110px}}
@media(prefers-reduced-motion:reduce){.catalog-card-button,.catalog-card-art img{transition:none}}