.game-page [hidden]{display:none!important}.game-main{max-width:1800px}.breadcrumb{display:flex;align-items:center;gap:13px;padding:25px 0;font-size:13px;color:var(--muted)}.breadcrumb a:hover{color:var(--brand-accent)}.breadcrumb>span:last-child{color:var(--text)}.game-banner{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:flex-end;min-height:240px;padding:32px 36px;overflow:hidden;border:1px solid #363b32;border-radius:10px;background:#20241c}.banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;z-index:-2;filter:saturate(.5)}.banner-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10150ff0,#10150f80 52%,#10150f22),linear-gradient(0deg,#0c100dcc,transparent)}.banner-copy .eyebrow{display:flex;gap:11px;color:#bfc3b7;font-size:12px;margin-bottom:30px;letter-spacing:1.6px}.banner-divider{color:#828a79}.banner-copy .series-label{font-size:12px;letter-spacing:3px}.banner-copy h1{font-size:clamp(44px,5.3vw,78px);margin-top:7px;line-height:1;max-width:800px}.banner-copy h1 span{color:var(--game-accent,var(--brand-accent))}.banner-caption{display:flex;flex-direction:column;gap:10px;text-align:right;font-size:12px;letter-spacing:1.5px;flex-shrink:0;padding-bottom:4px}.sample-label{color:#d8c350;font-size:11px;letter-spacing:1px}.library-layout{display:grid;grid-template-columns:206px minmax(0,1fr);gap:38px;margin-top:37px}.library-sidebar{position:sticky;top:25px;align-self:start}.sidebar-label{font-size:12px;letter-spacing:2px;color:var(--muted);margin:0 0 16px 14px}#category-nav{display:flex;flex-direction:column;gap:5px}.category-button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:5px;background:transparent;color:#a8ac9f;padding:12px 13px;cursor:pointer;font-size:14px;transition:color .2s,background .2s,border-color .2s}.category-button svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.category-button .category-count{margin-left:auto;color:#72786a;font-size:12px;font-variant-numeric:tabular-nums}.category-button:hover{color:var(--text);background:#ffffff05}.category-button[aria-current=true]{color:var(--brand-accent);background:#ffda0010;border-color:#ffda0033}.category-button[aria-current=true] .category-count{color:var(--brand-accent)}.sidebar-note{border-top:1px solid var(--line);margin:28px 14px 0;padding-top:26px}.note-rule{display:block;width:22px;height:2px;background:var(--brand-accent);margin-bottom:14px}.sidebar-note p{font-family:'Hitmarker Condensed',sans-serif;font-size:25px;font-weight:500;line-height:1.1;margin:0;color:#686f5f}.sidebar-note p span{color:var(--brand-accent)}.library-content{min-width:0}.collection-top{display:flex;justify-content:space-between;align-items:center;min-height:35px;margin-bottom:20px}.collection-title{display:flex;align-items:center;gap:14px}.collection-title h2{font-size:32px;letter-spacing:0;font-weight:500}.collection-title>span{font-size:12px;color:var(--muted);padding:5px 8px;border:1px solid #33382c;border-radius:4px}.collection-mark{font-size:12px;letter-spacing:2px;color:#636b58}.collection-tools{display:flex;align-items:center;gap:14px;margin-bottom:21px}.search-field{display:flex;gap:12px;align-items:center;border:1px solid #35392e;border-radius:5px;height:44px;background:#181b15;padding:0 13px;flex:1;min-width:0;transition:border-color .2s}.search-field:focus-within{border-color:var(--brand-accent)}.search-field svg{width:17px;height:17px;fill:none;stroke:#8e957f;stroke-width:1.5;flex-shrink:0}.search-field input{width:100%;font:inherit;font-size:14px;background:none;border:0;color:var(--text);outline:0;min-width:0}.search-field input::placeholder{color:#818977}.search-field kbd{font:inherit;font-size:12px;color:#78816a;border:1px solid #3a4031;padding:1px 6px;border-radius:3px}.sort-field{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.sort-field select{color:var(--text);background:#181b15;border:1px solid #35392e;border-radius:5px;height:44px;padding:0 28px 0 12px;font:inherit;font-size:14px;cursor:pointer}.sort-field select:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.asset-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;background:#181b15;border:1px solid #31372a;border-radius:7px;cursor:pointer;color:var(--text);transition:border-color .25s,box-shadow .25s;min-width:0}.asset-card:hover{border-color:#8a906f;box-shadow:0 8px 24px #0002}.asset-card:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}.asset-visual{position:relative;aspect-ratio:1.45;overflow:hidden;width:100%;background:#1c2018;background-image:radial-gradient(ellipse at center,#4a553730,transparent 70%)}.asset-visual::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -1px #ffffff06}.asset-visual img{display:block;width:100%;height:100%;object-fit:contain;padding:23px;transition:transform .45s cubic-bezier(.2,.65,.3,1);filter:drop-shadow(0 10px 12px #0005)}.asset-card:hover .asset-visual img{transform:scale(1.05)}.asset-card[data-category=maps] .asset-visual img,.asset-card[data-category=artwork] .asset-visual img,.asset-card[data-category=videos] .asset-visual img{object-fit:cover;padding:0;filter:none}.asset-card[data-category=emblems] .asset-visual img{padding:26px}.asset-card[data-category=calling-cards] .asset-visual img{padding:20px 14px}.asset-card[data-category=camos] .asset-visual img{padding:16px;object-fit:contain}.asset-format{position:absolute;top:10px;left:10px;font-size:10px;letter-spacing:1px;border:1px solid #75815e33;border-radius:3px;padding:4px 6px;background:#10150dc4;color:#c1c9b5;z-index:1}.asset-open{position:absolute;right:11px;bottom:11px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--brand-accent);color:#1a1c12;border-radius:50%;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s}.asset-card:hover .asset-open,.asset-card:focus-visible .asset-open{opacity:1;transform:translateY(0)}.asset-caption{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:15px 15px 16px;min-height:72px;width:100%}.asset-caption>span:first-child{min-width:0}.asset-name{display:block;font-size:16px;font-weight:500;line-height:1.2;overflow-wrap:anywhere}.asset-subtitle{display:block;font-size:12px;color:#8c9680;line-height:1.3;margin-top:5px}.asset-index{font-size:11px;font-variant-numeric:tabular-nums;color:#67715a}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;color:var(--text);background:#10150d77;backdrop-filter:blur(5px)}.video-play svg{width:17px;height:17px;fill:currentColor;margin-left:3px}.collection-bottom{margin-top:24px;padding-top:17px;border-top:1px solid #2b3124;display:flex;justify-content:space-between;font-size:12px;color:#788268;gap:15px}.subtle-label{font-size:11px;letter-spacing:1.5px}.empty-state{min-height:315px;border:1px dashed #38402e;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty-mark{font-size:35px;font-weight:300;color:#707b5f}.empty-state h3{font-size:22px;font-weight:500;margin:16px 0 8px}.empty-state p{font-size:14px;color:var(--muted);margin:0;line-height:1.5;max-width:360px}.text-button,.sample-link{background:none;border:0;color:var(--brand-accent);font:inherit;font-size:14px;cursor:pointer;margin-top:20px;padding:5px}.page-status{padding:40px 0;color:var(--muted)}.asset-dialog{width:min(1060px,94vw);max-width:none;max-height:92dvh;overflow:auto;padding:0;background:#191d15;color:var(--text);border:1px solid #4a533c;border-radius:10px;box-shadow:0 30px 100px #0009}.asset-dialog::backdrop{background:#070a06d9;backdrop-filter:blur(10px)}.detail-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #323a27}.detail-heading>span{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#a8b595}.close-detail{width:38px;height:38px;border:1px solid #49513d;border-radius:50%;color:var(--text);background:none;font-size:26px;line-height:1;cursor:pointer}.close-detail:hover{background:var(--brand-accent);color:var(--bg)}.detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr)}.detail-media{display:grid;place-items:center;min-height:400px;padding:30px;background:#11170d;background-image:radial-gradient(ellipse at center,#55653636,transparent 80%);position:relative}.detail-media img{max-width:100%;max-height:440px;object-fit:contain;filter:drop-shadow(0 15px 15px #0004)}.detail-media video{width:100%;max-height:450px;display:block}.detail-media.is-video{padding:0;background:#000}.detail-info{padding:31px 25px;display:flex;flex-direction:column;align-items:flex-start}.detail-info .eyebrow{font-size:11px;letter-spacing:1.6px;line-height:1.5;margin-bottom:10px}.detail-info h2{font-size:42px;font-weight:500;line-height:1.05;letter-spacing:0}.detail-subtype{font-size:14px;color:#a2ad95;margin:9px 0 24px}.detail-facts{width:100%;margin:0 0 26px}.detail-facts>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #323a28;font-size:12px}.detail-facts dt{color:#8d9a7e}.detail-facts dd{margin:0;text-align:right}.download-asset{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:13px 15px;font-size:14px;font-weight:600;border-radius:4px;color:#15190f;background:var(--brand-accent);margin-top:auto}.download-asset:hover{background:#ffe642}.detail-source{display:block;font-size:13px;color:#bec6b2;margin-top:17px}.detail-source:hover{color:var(--brand-accent)}.detail-rights{font-size:11px;line-height:1.5;color:#7d896e;margin:20px 0 0}.media-status{position:absolute;max-width:80%;padding:12px 16px;border:1px solid #515a43;border-radius:4px;background:#10170de8;font-size:14px;text-align:center}.asset-modal-open{overflow:hidden}
@media(min-width:1550px){.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-banner{min-height:270px}.library-layout{grid-template-columns:220px minmax(0,1fr);gap:46px}}
@media(max-width:1050px){.library-layout{grid-template-columns:176px minmax(0,1fr);gap:25px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-copy h1{font-size:60px}.banner-caption{font-size:11px}.category-button{padding:11px 10px;gap:10px}.sidebar-note p{font-size:23px}.detail-layout{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}}
@media(max-width:760px){.game-banner{min-height:230px;padding:26px 24px}.banner-copy h1{font-size:53px}.banner-caption{display:none}.banner-copy .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:30px}.library-layout{grid-template-columns:1fr;gap:23px;margin-top:23px}.library-sidebar{position:static;min-width:0}.sidebar-label,.sidebar-note{display:none}#category-nav{flex-direction:row;overflow:auto;gap:7px;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#515b3e transparent}.category-button{width:auto;white-space:nowrap;flex-shrink:0;border-color:#30382a;padding:10px 13px}.category-button svg{width:16px;height:16px}.category-button .category-count{margin-left:0}.collection-top{margin-bottom:17px}.collection-title h2{font-size:30px}.collection-tools{gap:10px}.sort-field label{display:none}.asset-grid{gap:12px}.asset-visual{aspect-ratio:1.2}.asset-visual img{padding:17px}.asset-card[data-category=emblems] .asset-visual img{padding:22px}.asset-caption{padding:13px 12px;min-height:73px}.asset-name{font-size:15px}.asset-subtitle{font-size:12px}.asset-index{display:none}.detail-layout{grid-template-columns:1fr}.detail-media{min-height:240px;max-height:360px;padding:25px}.detail-media img{max-height:300px}.detail-info{padding:24px}.detail-info h2{font-size:38px}.detail-facts{margin-bottom:22px}.detail-rights{margin-top:16px}.asset-format{font-size:10px}.game-page footer{margin-top:35px}}
@media(max-width:390px){.breadcrumb{padding:20px 0;font-size:12px}.game-banner{padding:22px 20px;min-height:220px}.banner-copy h1{font-size:46px}.banner-copy .eyebrow{font-size:10px}.collection-mark{display:none}.sort-field select{padding-left:9px;padding-right:18px;font-size:13px;max-width:120px}.collection-tools{gap:8px}.search-field{padding:0 9px;gap:8px}.search-field input{font-size:13px}.search-field kbd{display:none}.asset-grid{gap:10px}.asset-caption{padding:12px 10px}.asset-visual img{padding:13px}.asset-card[data-category=calling-cards] .asset-visual img{padding:15px 9px}.subtle-label{display:none}}
@media(prefers-reduced-motion:reduce){.asset-card:hover .asset-visual img{transform:none}}
.breadcrumb{padding-top:18px;padding-bottom:18px}.game-banner{min-height:180px;padding:26px 32px}.banner-copy .eyebrow{margin-bottom:17px}.banner-copy h1{font-size:clamp(42px,4.7vw,70px)}.library-layout{margin-top:28px}.collection-top{margin-bottom:16px}.collection-tools{margin-bottom:18px}.asset-visual{aspect-ratio:1.7}.sample-label,.asset-format,.asset-index,.subtle-label,.detail-info .eyebrow,.detail-rights{font-size:12px}
@media(max-width:760px){.game-banner{min-height:200px;padding:24px}.banner-copy h1{font-size:50px}.banner-copy .eyebrow{font-size:12px}.asset-visual{aspect-ratio:1.2}.library-layout{margin-top:22px}.sample-label{font-size:12px}}
@media(max-width:390px){.game-banner{padding:22px 20px}.banner-copy h1{font-size:43px}.banner-copy .eyebrow{font-size:12px;letter-spacing:.5px}}
.asset-grid[data-view=videos]{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid[data-view=videos] .asset-visual{aspect-ratio:16/9}
@media(max-width:760px){.asset-grid[data-view=videos]{grid-template-columns:1fr}}
.detail-heading{position:sticky;top:0;z-index:2;background:#191d15}
.asset-card[data-local=true] .asset-name{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.asset-card[data-local=true] .asset-caption{min-height:60px}.asset-card[data-format=GIF] .asset-format{color:var(--brand-accent)}.asset-grid[data-view=calling-cards] .asset-visual{aspect-ratio:3}.asset-grid[data-view=calling-cards] .asset-visual img{padding:9px 12px}.pagination{display:flex;align-items:center;gap:13px;color:var(--text)}.pagination button{border:1px solid #414935;border-radius:4px;background:#1b2115;color:var(--text);padding:9px 12px;cursor:pointer;font:inherit;font-size:13px}.pagination button:hover:not(:disabled){border-color:var(--brand-accent);color:var(--brand-accent)}.pagination button:disabled{opacity:.35;cursor:default}.pagination>span{font-size:12px;white-space:nowrap;color:var(--muted)}.collection-bottom{align-items:center}.detail-info{min-width:0}.detail-info h2{overflow-wrap:anywhere}#detail-filename-row{display:block}#detail-filename{text-align:left;font-family:inherit;font-size:12px;line-height:1.6;margin-top:7px;overflow-wrap:anywhere;color:#c8d0bd}
@media(max-width:760px){.asset-grid[data-view=calling-cards]{grid-template-columns:1fr}.asset-grid[data-view=calling-cards] .asset-visual{aspect-ratio:3.5}.collection-bottom{flex-wrap:wrap;gap:15px}.pagination{width:100%;justify-content:space-between}}
.animated-filter{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;height:44px;padding:0 13px;border:1px solid #35392e;border-radius:5px;background:#181b15;color:var(--muted);font:inherit;font-size:14px;white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.animated-filter svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.animated-filter:hover{color:var(--text);border-color:#8a906f}.animated-filter[aria-pressed=true]{color:var(--brand-accent);border-color:#ffda0066;background:#ffda0010}.animated-filter[aria-pressed=true] svg{fill:currentColor}.animated-filter:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}
@media(max-width:760px){.collection-tools{flex-wrap:wrap}.collection-tools .search-field{flex:1 1 100%}.collection-tools .sort-field{margin-left:auto}}

/* Let the original artwork define each preview. */
.asset-grid {
  gap: 26px 20px;
  align-items: start;
}
.asset-card {
  overflow: visible;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.asset-card:hover { box-shadow: none; }
.asset-card:focus-visible { outline: 1px solid var(--brand-accent); outline-offset: 5px; }
.asset-visual {
  background: #171918;
  border-radius: 0;
}
.asset-visual::after {
  display: block;
  inset: auto 0 0;
  height: 2px;
  z-index: 2;
  background: var(--brand-accent);
  box-shadow: none;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .28s cubic-bezier(.2,.7,.3,1);
}
.asset-visual img {
  filter: none;
  transition: transform .4s cubic-bezier(.2,.7,.3,1);
}
.asset-card:hover .asset-visual img { transform: none; opacity: 1; }
.asset-card[data-category=calling-cards] .asset-visual { aspect-ratio: 4; }
.asset-card[data-category=calling-cards] .asset-visual img {
  padding: 0;
  object-fit: contain;
  filter: none;
}
.asset-caption,
.asset-card[data-local=true] .asset-caption {
  min-height: 0;
  padding: 11px 0 0;
  background: none;
}
.asset-name,
.asset-card[data-local=true] .asset-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: #c7cbc6;
  transition: color .18s;
}
.video-play { transition: color .2s, background .2s, border-color .2s; }
.asset-card:focus-visible .asset-visual::after { transform: scaleX(1); }
.asset-card:focus-visible .asset-visual img { transform: scale(1.025); }
.asset-card:focus-visible .asset-name { color: var(--brand-accent); }
.asset-card:focus-visible .video-play {
  color: var(--bg);
  background: var(--brand-accent);
  border-color: var(--brand-accent);
}
@media(hover:hover) and (pointer:fine) {
  .asset-card:hover .asset-visual::after { transform: scaleX(1); }
  .asset-card:hover .asset-visual img { transform: scale(1.025); }
  .asset-card:hover .asset-name { color: var(--brand-accent); }
  .asset-card:hover .video-play {
    color: var(--bg);
    background: var(--brand-accent);
    border-color: var(--brand-accent);
  }
}
@media(prefers-reduced-motion:reduce) {
  .asset-card:hover .asset-visual img,
  .asset-card:focus-visible .asset-visual img { transform: none; }
  .asset-visual::after,
  .asset-visual img,
  .video-play { transition: none; }
}
.collection-mark { display: none; }
.collection-title > span { border: 0; padding: 0; }
.collection-title h2 { font-size: 34px; }
.search-field,
.sort-field select,
.animated-filter {
  background: #161817;
  border-color: #353936;
  border-radius: 2px;
}
.category-button { border-radius: 2px; }
.asset-dialog { border-radius: 2px; border-color: #3c413c; background: #171918; }
.detail-heading { background: #171918; }
.detail-media { background: #101211; }
.detail-media img { filter: none; }
.detail-media[data-category=calling-cards] { min-height: 240px; padding: 20px; }
.detail-media[data-category=calling-cards] img { width: 100%; height: auto; }
.close-detail { border-radius: 2px; }
.detail-info h2 { line-height: 1.1; }
@media(max-width:760px) {
  .asset-grid { grid-template-columns: 1fr; gap: 23px; }
  .asset-card[data-category=calling-cards] .asset-visual { aspect-ratio: 4; }
  .asset-card[data-category=calling-cards] .asset-visual img { padding: 0; }
  .asset-caption,
  .asset-card[data-local=true] .asset-caption { padding: 9px 0 0; }
  .detail-media[data-category=calling-cards] { min-height: 160px; padding: 16px; }
}