:root{--bg:#090a12;--panel:#10131f;--panel2:#171a28;--text:#f4f5f8;--muted:#9ca3b6;--line:#282d3f;--red:#8d1d24;--red2:#c43d31;--orange:#ff7a1b;--gold:#ffb347;--purple:#44305d;--shadow:0 20px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 78% 8%,rgba(78,47,108,.22),transparent 34%),radial-gradient(circle at 13% 33%,rgba(134,26,31,.18),transparent 30%),linear-gradient(180deg,#080910,#0c0e18 62%,#090a11);color:var(--text);min-height:100vh}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.35;z-index:-1}.ambient-one{width:420px;height:220px;background:#c43d31;left:-160px;top:260px}.ambient-two{width:520px;height:260px;background:#564075;right:-220px;top:20px}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1380px)/2));border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,9,16,.76);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:.2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,var(--red2),var(--orange));box-shadow:0 0 28px rgba(255,112,31,.18)}nav{display:flex;gap:24px;align-items:center}nav a{color:#d8dbe5;text-decoration:none;font-weight:600;font-size:14px}nav a:hover{color:white}.page-shell{max-width:1380px;margin:auto;padding:38px 28px 70px}.hero-copy{padding:30px 0 28px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--gold);font-weight:800}.hero-copy h1{font-size:clamp(38px,5vw,72px);max-width:800px;line-height:.98;margin:12px 0 18px;letter-spacing:-.04em}.hero-copy p{max-width:760px;color:var(--muted);font-size:17px;line-height:1.65}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:10px 0 24px}.search-box{width:min(440px,100%);background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:12px;padding:13px 15px;color:white;outline:none}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.model-card{background:linear-gradient(180deg,rgba(25,29,44,.94),rgba(14,16,26,.96));border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:.2s transform,.2s border-color}.model-card:hover{transform:translateY(-3px);border-color:rgba(255,140,73,.35)}.model-thumb{display:block;aspect-ratio:4/3;background:#111522;overflow:hidden}.model-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.28s transform}.model-card:hover .model-thumb img{transform:scale(1.025)}.card-body{padding:16px}.card-title{color:white;text-decoration:none;font-weight:750;font-size:17px}.card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:11px}.price{font-weight:800;color:#ffd6bd}.format-badge,.badge{font-size:11px;border:1px solid #41465a;border-radius:999px;padding:5px 8px;color:#c9cdda;background:#161a26}.empty{padding:55px;border:1px dashed #33394d;border-radius:16px;text-align:center;color:var(--muted)}.product-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(320px,1fr);gap:42px;align-items:start}.gallery-view{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;position:sticky;top:104px}.thumb-strip{display:flex;flex-direction:column;gap:11px}.thumb-button{border:1px solid var(--line);padding:0;border-radius:10px;background:#111522;overflow:hidden;cursor:pointer;aspect-ratio:1}.thumb-button.active{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange)}.thumb-button img{width:100%;height:100%;object-fit:cover}.hero-image{background:#111522;border:1px solid var(--line);border-radius:16px;overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}.hero-image img{width:100%;height:100%;object-fit:contain}.product-info h1{font-size:44px;line-height:1.02;margin:9px 0 14px;letter-spacing:-.03em}.lede{color:#b7bdcb;font-size:17px;line-height:1.65}.specs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}.buy-card{background:linear-gradient(180deg,#171a27,#11131d);border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0}.buy-card h3{margin:0 0 5px}.buy-card .license-price{font-size:28px;font-weight:850;margin:10px 0}.buy-card p{color:var(--muted);font-size:14px;line-height:1.55}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:11px;padding:13px 17px;font-weight:800;text-decoration:none;cursor:pointer}.button-primary{color:white;background:linear-gradient(135deg,var(--red2),var(--orange));box-shadow:0 9px 24px rgba(201,64,43,.2)}.button-secondary{color:white;background:#262b3b;border:1px solid #3a4156}.button-danger{background:#5a1e24;color:white}.button-block{width:100%}.content-panel{background:rgba(16,19,31,.83);border:1px solid var(--line);border-radius:16px;padding:28px;margin-top:28px}.content-panel h2{margin-top:0}.richtext{color:#c2c7d4;line-height:1.75}.notice{padding:13px 15px;border:1px solid #554531;background:#241e18;border-radius:10px;color:#ffd9af;margin:15px 0}.success{border-color:#315640;background:#17251d;color:#c8f4d6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-weight:700;font-size:13px;color:#d4d7e1}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#0e111b;color:white;border-radius:10px;padding:12px 13px;outline:none}.field textarea{min-height:130px;resize:vertical}.checks{display:flex;gap:10px;flex-wrap:wrap}.check-pill{display:flex;gap:7px;align-items:center;background:#151925;border:1px solid var(--line);border-radius:10px;padding:9px 11px}.auth-card{max-width:500px;margin:55px auto;background:#121622;border:1px solid var(--line);border-radius:16px;padding:28px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:collapse;background:#11141f}.data-table th,.data-table td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#9ea5b5}.data-table tr:last-child td{border-bottom:0}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.site-footer{max-width:1380px;margin:auto;padding:30px 28px 45px;border-top:1px solid rgba(255,255,255,.07);color:#7f8799;display:flex;justify-content:space-between;gap:20px;font-size:13px}.footer-note{text-align:right}@media(max-width:900px){.product-layout{grid-template-columns:1fr}.gallery-view{position:static}.site-header{padding:0 18px}.page-shell{padding:28px 18px 55px}nav{gap:12px}.product-info h1{font-size:36px}.form-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}.footer-note{text-align:left}}@media(max-width:600px){nav a:nth-child(2){display:none}.gallery-view{grid-template-columns:1fr}.thumb-strip{order:2;display:grid;grid-template-columns:repeat(5,1fr)}.hero-image{order:1}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:12px}.card-title{font-size:14px}.card-meta{align-items:flex-start;flex-direction:column}.hero-copy h1{font-size:42px}}

.button.disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35);}


/* Homepage/header polish */
.site-header{
  gap:26px;
}
.game-strip{
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  min-width:0;
  padding:0 18px;
}
.game-chip{
  width:58px;
  height:34px;
  border-radius:9px;
  border:1px solid #555d70;
  background:linear-gradient(180deg,#141824,#0d1018);
  display:grid;
  place-items:center;
  color:#e8ebf3;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:.18s transform,.18s border-color,.18s background;
}
.game-chip:hover{
  transform:translateY(-2px);
  border-color:rgba(255,140,73,.7);
  background:linear-gradient(180deg,#1b202e,#11141e);
}
.game-chip-mark{
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}

.home-hero{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);
  gap:58px;
  align-items:center;
  padding:34px 0 48px;
}
.home-hero .hero-copy{
  padding:0;
}
.home-hero .toolbar{
  margin-top:56px;
  margin-bottom:0;
}

.featured-model{
  display:block;
  color:inherit;
  text-decoration:none;
  background:linear-gradient(180deg,rgba(17,20,31,.94),rgba(9,11,18,.96));
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  padding:14px;
  box-shadow:var(--shadow);
  transition:.2s transform,.2s border-color;
}
.featured-model:hover{
  transform:translateY(-3px);
  border-color:rgba(255,140,73,.42);
}
.featured-kicker{
  color:var(--gold);
  text-transform:uppercase;
  font-weight:850;
  letter-spacing:.16em;
  font-size:10px;
  padding:2px 2px 10px;
}
.featured-image{
  aspect-ratio:16/10;
  background:#080a10;
  border-radius:12px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.06);
}
.featured-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.featured-placeholder{
  font-size:64px;
  font-weight:900;
  letter-spacing:-.06em;
  color:#30374b;
}
.featured-info{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:13px 3px 1px;
}
.featured-info strong{
  display:block;
  font-size:16px;
}
.featured-info span{
  display:block;
  margin-top:3px;
  font-size:12px;
  color:var(--muted);
}
.featured-price{
  font-weight:850;
  white-space:nowrap;
  color:#ffd6bd;
}
.featured-empty{
  cursor:default;
}

.footer-admin{
  margin-top:8px;
}
.footer-admin a{
  color:#aeb4c2;
  text-decoration:none;
  font-size:12px;
}
.footer-admin a:hover{
  color:white;
}

@media(max-width:1180px){
  .game-strip{gap:8px;padding:0 8px}
  .game-chip{width:44px;height:32px}
  .home-hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:34px}
}
@media(max-width:980px){
  .game-strip{display:none}
  .home-hero{grid-template-columns:1fr}
  .featured-model{max-width:680px}
  .home-hero .toolbar{margin-top:30px}
}


/* Brand + platform badge refinement */
.brand-logo{
  width:300px;
  min-width:300px;
  display:flex;
  align-items:center;
}
.brand-logo img{
  display:block;
  width:300px;
  max-width:100%;
  height:auto;
}
.game-strip{
  gap:14px;
}
.game-chip{
  width:auto;
  min-width:72px;
  height:36px;
  padding:0 13px;
  border-radius:10px;
  border:1px solid rgba(180,188,205,.44);
  background:
    radial-gradient(circle at 30% 20%, rgba(255,124,64,.08), transparent 48%),
    linear-gradient(180deg,#151925,#0c0f17);
}
.game-chip:first-child{
  border-color:rgba(255,126,61,.65);
  box-shadow:0 0 0 1px rgba(255,126,61,.08) inset;
}
.game-chip-mark{
  font-size:11px;
  letter-spacing:.07em;
  white-space:nowrap;
}
.game-chip:first-child .game-chip-mark{
  color:#ffb076;
}
@media(max-width:1280px){
  .brand-logo{width:250px;min-width:250px}
  .brand-logo img{width:250px}
  .game-chip{min-width:58px;padding:0 9px}
}
@media(max-width:1080px){
  .brand-logo{width:220px;min-width:220px}
  .brand-logo img{width:220px}
}


/* Admin image manager */
.admin-image-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;
  margin-top:8px;
}
.admin-image-card{
  background:rgba(8,10,16,.72);
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.admin-image-card>img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:8px;
  background:#07090e;
  border:1px solid rgba(255,255,255,.06);
}
.admin-image-hero,
.admin-image-delete{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  cursor:pointer;
}
.admin-image-hero{
  color:#ffd2b7;
}
.admin-image-delete{
  color:#ff9e9e;
}
.admin-image-replace{
  display:block;
  font-size:12px;
  color:var(--muted);
}
.admin-image-replace span{
  display:block;
  margin-bottom:5px;
}
.admin-image-replace input[type=file]{
  width:100%;
  font-size:11px;
}


/* Keep Admin model images from taking over the building */
.admin-image-grid{
  grid-template-columns:repeat(auto-fill,minmax(150px,180px));
  justify-content:start;
  align-items:start;
}

.admin-image-card{
  width:180px;
  max-width:100%;
  padding:8px;
}

.admin-image-card > img{
  width:100%;
  height:120px;
  aspect-ratio:auto;
  object-fit:cover;
}

.admin-image-card input[type="file"]{
  max-width:100%;
  font-size:10px;
}

@media(max-width:600px){
  .admin-image-grid{
    grid-template-columns:repeat(auto-fill,minmax(135px,1fr));
  }
  .admin-image-card{
    width:auto;
  }
  .admin-image-card > img{
    height:100px;
  }
}