:root{color-scheme:dark;--void:#09080f;--ink:#f2ecdc;--muted:#928b9d;--panel:#12101a;--panel2:#191521;--line:#3b3044;--cyan:#22e3d4;--mag:#ff3aa7;--amber:#ffc14d;--red:#ff5266;--violet:#9f7cff;--gn-left-width:220px;--gn-right-width:220px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--void);color:var(--ink);font-family:"Courier New",monospace}body{background-image:linear-gradient(rgba(34,227,212,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,227,212,.025) 1px,transparent 1px);background-size:16px 16px}button{font:inherit}.ag-subnav{height:34px;display:grid;grid-template-columns:1fr minmax(180px,520px) 1fr;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--line);background:#100e18}.ag-site-menu{display:flex;gap:6px}.ag-site-menu button,.module,.back-button{font:700 11px/1 "Courier New";letter-spacing:.08em;color:var(--muted);background:none;border:0;cursor:pointer}.ag-site-menu button:hover,.ag-site-menu button:focus,.ag-site-menu button.active{color:var(--cyan)}.ag-header-ad{min-width:0}.ag-signal{justify-self:end;font-size:9px;color:var(--muted);white-space:nowrap}.ag-signal i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.ag-shell{display:grid;grid-template-columns:var(--gn-left-width) minmax(0,1fr) var(--gn-right-width);min-height:calc(100dvh - 146px)}.ag-left,.ag-right{background:#0e0c15;border-color:var(--line);overflow:auto}.ag-left{border-right:1px solid var(--line)}.ag-right{border-left:1px solid var(--line)}.rail-head{padding:18px 14px;color:var(--amber);font-weight:900}.rail-head span{display:block;margin-top:3px;color:var(--muted);font-size:9px}.module{display:grid;grid-template-columns:28px 1fr;width:100%;padding:13px 12px;text-align:left;border-top:1px solid #211d2b}.module b{grid-row:1/3;color:#6d617a}.module small{display:block;margin-top:5px;color:#686071;font-size:9px}.module.active{color:var(--cyan);background:linear-gradient(90deg,rgba(34,227,212,.14),transparent);box-shadow:inset 3px 0 var(--cyan)}.workspace{min-width:0;padding:24px 24px 72px;overflow:auto}.store-page{width:min(1180px,100%);margin:auto}.eyebrow,.section-head small,.simple-head small,.detail-grid small,.sparkz-card small{margin:0;color:var(--mag);font-size:10px;font-weight:900;letter-spacing:.16em}.store-hero{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:24px;align-items:end;padding:18px 0 24px;border-bottom:1px solid var(--line)}.store-hero h1,.simple-head h1,.detail-hero h1{margin:7px 0;font-size:clamp(30px,4.8vw,62px);line-height:.94;letter-spacing:-.07em}.store-hero p,.simple-head p,.detail-hero p,.detail-grid p,.vault-grid p,.empty-state p,.sparkz-card p{color:var(--muted);line-height:1.55}.hero-stat{padding:18px;border:1px solid var(--line);background:var(--panel);text-align:center}.hero-stat small,.hero-stat span{display:block;color:var(--muted);font-size:9px}.hero-stat strong{display:block;color:var(--cyan);font-size:54px}.featured-strip{display:grid;grid-template-columns:minmax(240px,.7fr) 1.3fr;gap:26px;align-items:center;margin:22px 0;padding:18px;border:1px solid #4d3d59;background:linear-gradient(135deg,#1b1624,#0e0c15)}.featured-art,.game-cover,.detail-mark{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid currentColor;background:radial-gradient(circle at 65% 30%,color-mix(in srgb,currentColor 35%,transparent),transparent 32%),linear-gradient(145deg,#21182c,#09080f);color:var(--cyan)}[data-tone=amber]{color:var(--amber)}[data-tone=magenta]{color:var(--mag)}[data-tone=red]{color:var(--red)}[data-tone=violet]{color:var(--violet)}.featured-art{min-height:210px}.featured-art:before,.game-cover:before,.detail-mark:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 18px,currentColor 19px 20px);opacity:.08}.featured-art b{font-size:76px;letter-spacing:-.12em}.featured-art span{position:absolute;left:12px;bottom:10px;font-size:9px;letter-spacing:.12em}.featured-strip h2{margin:5px 0;font-size:35px}.featured-strip p{color:var(--muted);line-height:1.55}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 12px}.section-head h2{margin:4px 0 0}.section-head>span{color:var(--muted);font-size:10px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-card{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:235px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel))}.game-cover{width:100%;border:0;border-right:1px solid currentColor;cursor:pointer}.game-cover span{font-size:54px;font-weight:900;letter-spacing:-.1em}.game-cover i{position:absolute;left:9px;bottom:9px;padding:5px 7px;background:#08070d;color:currentColor;font-size:9px;font-style:normal}.game-copy{display:flex;flex-direction:column;padding:16px}.game-copy>small{color:currentColor;font-size:9px}.game-copy h2{margin:6px 0;font-size:25px}.game-copy p{flex:1;margin:4px 0 12px;color:var(--muted);font-size:12px;line-height:1.5}.game-meta{display:flex;gap:10px;flex-wrap:wrap;color:#766e80;font-size:8px}.store-button{align-self:flex-start;margin-top:12px;padding:9px 12px;border:1px solid var(--cyan);background:#0d1d20;color:var(--cyan);font-size:10px;font-weight:900;cursor:pointer}.store-button.primary{background:var(--amber);border-color:#ffe093;color:#17101b}.store-button:disabled{cursor:not-allowed;opacity:.55}.economy-banner{display:grid;grid-template-columns:1fr auto;gap:20px;margin-top:24px;padding:24px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(159,124,255,.14),rgba(34,227,212,.07))}.economy-banner h2{margin:5px 0}.economy-banner p{margin-bottom:0;color:var(--muted)}.economy-icons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.economy-icons span{padding:10px;border:1px solid #554766;background:#100e18;color:var(--amber);font-size:10px}.back-button{padding:8px 0;margin-bottom:14px}.detail-hero{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:center;padding:24px;border:1px solid currentColor;background:linear-gradient(145deg,#1d1727,#0e0c15)}.detail-mark{height:280px;font-size:90px;font-weight:900}.status-pill,.vault-grid span{display:inline-block;padding:5px 8px;border:1px solid currentColor;color:var(--amber);font-size:9px;font-weight:900}.detail-grid,.vault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.detail-grid article,.vault-grid article{padding:20px;border:1px solid var(--line);background:var(--panel)}.detail-grid h2,.vault-grid h2{margin:7px 0}.simple-head{padding:22px 0;border-bottom:1px solid var(--line)}.vault-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.vault-grid b{font-size:38px;color:var(--violet)}.record-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.record-board div{padding:20px;border:1px solid var(--line);background:var(--panel);text-align:center}.record-board strong,.record-board span{display:block}.record-board strong{color:var(--cyan);font-size:36px}.record-board span{color:var(--muted);font-size:9px}.empty-state{text-align:center;padding:50px 20px;border:1px dashed #52455e}.empty-state b{font-size:50px;color:var(--amber)}.sparkz-card{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:24px;margin:22px 0;padding:22px;border:1px solid var(--amber);background:linear-gradient(120deg,rgba(255,193,77,.12),var(--panel))}.sparkz-orb{display:grid;place-items:center;width:110px;height:110px;border:2px solid var(--amber);border-radius:50%;box-shadow:0 0 30px rgba(255,193,77,.18);font-size:56px;color:var(--amber)}.sparkz-card strong{display:block;margin-top:6px;font-size:28px}.ag-ticker{position:fixed;z-index:50;left:0;right:var(--gn-right-width);bottom:38px;height:26px;display:flex;align-items:center;gap:10px;padding:0 12px;border-top:1px solid var(--line);background:#100e18;color:var(--muted);font-size:9px;overflow:hidden;white-space:nowrap}.ag-ticker span{color:var(--mag);font-weight:900}@media(max-width:1100px){.game-grid{grid-template-columns:1fr}.vault-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.ag-shell{display:block;min-height:calc(100dvh - 174px)}.workspace{padding:18px 14px 78px}.ag-subnav{height:64px}.ag-ticker{right:0}.store-hero{grid-template-columns:1fr}.hero-stat{display:none}}@media(max-width:650px){.ag-signal{display:none}.featured-strip,.game-card,.detail-hero,.sparkz-card{grid-template-columns:1fr}.featured-art{min-height:170px}.game-cover{min-height:170px;border-right:0;border-bottom:1px solid currentColor}.detail-mark{height:190px}.detail-grid,.vault-grid,.record-board{grid-template-columns:1fr}.economy-banner{grid-template-columns:1fr}.economy-icons{grid-template-columns:1fr 1fr}.store-hero h1,.simple-head h1,.detail-hero h1{font-size:36px}.workspace{overflow:visible}.ag-ticker{bottom:36px}}

/* ArcadeGridz platform availability */
.platform-badges{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin:16px 0 18px;
}
.platform-badges button{
 min-width:132px;
 padding:9px 12px;
 border:1px solid #45515c;
 background:#161c22;
 color:#7d8993;
 text-align:left;
 opacity:.62;
 cursor:not-allowed;
}
.platform-badges button b{
 display:block;
 font:900 11px "Courier New",monospace;
 letter-spacing:.04em;
}
.platform-badges button small{
 display:block;
 margin-top:3px;
 color:#59636c;
 font:800 8px "Courier New",monospace;
}

/* Canonical ArcadeGridz / GRiDDiM Network game splash */
.ag-game-splash{
 position:absolute;
 inset:0;
 display:grid;
 place-items:center;
 overflow:hidden;
 background:#02070d;
 color:#fff;
 z-index:20;
}
.ag-splash-grid{
 position:absolute;
 inset:-30%;
 background:
  linear-gradient(rgba(38,229,238,.10) 1px,transparent 1px),
  linear-gradient(90deg,rgba(38,229,238,.10) 1px,transparent 1px);
 background-size:36px 36px;
 transform:perspective(700px) rotateX(58deg) translateY(18%);
 animation:agSplashGrid 1.1s linear both;
}
.ag-splash-core{
 position:relative;
 z-index:2;
 min-width:min(560px,80%);
 text-align:center;
 text-shadow:0 0 14px #22e3d4;
 animation:agSplashCore 1.1s ease both;
}
.ag-splash-core small{
 color:#ff3aa7;
 font:900 12px "Courier New",monospace;
 letter-spacing:.35em;
}
.ag-splash-core h1{
 margin:10px 0 8px;
 color:#fff;
 font:900 clamp(42px,7vw,82px)/.9 "Courier New",monospace;
 letter-spacing:-.06em;
}
.ag-splash-line{
 height:2px;
 margin:14px auto;
 width:72%;
 background:linear-gradient(90deg,transparent,#22e3d4,#ff3aa7,transparent);
 animation:agSplashScan .55s ease-in-out infinite alternate;
}
.ag-splash-core b{
 display:block;
 color:#ffdc49;
 font:900 15px "Courier New",monospace;
 letter-spacing:.12em;
}
.ag-splash-core p{
 margin:8px 0 0;
 color:#7ca0ae;
 font:800 10px "Courier New",monospace;
 letter-spacing:.18em;
}
@keyframes agSplashGrid{
 from{opacity:0;transform:perspective(700px) rotateX(58deg) translateY(30%) scale(1.15)}
 to{opacity:1;transform:perspective(700px) rotateX(58deg) translateY(18%) scale(1)}
}
@keyframes agSplashCore{
 0%{opacity:0;transform:scale(.94)}
 18%{opacity:1;transform:scale(1.02)}
 82%{opacity:1}
 100%{opacity:0;transform:scale(1.01)}
}
@keyframes agSplashScan{
 from{opacity:.35;transform:scaleX(.72)}
 to{opacity:1;transform:scaleX(1)}
}

.ag-splash-logos{
 display:flex;
 justify-content:center;
 align-items:center;
 gap:26px;
 margin-bottom:18px;
}
.ag-splash-logos img{
 max-width:260px;
 max-height:105px;
 width:auto;
 height:auto;
 object-fit:contain;
 filter:drop-shadow(0 0 12px rgba(34,227,212,.45));
}
.ag-splash-logos span{
 color:#ff3aa7;
 font:900 28px "Courier New",monospace;
}
.ag-splash-present{
 margin:0;
 color:#9db4c0!important;
 font:900 12px "Courier New",monospace!important;
 letter-spacing:.18em!important;
}
.ag-splash-core>b{
 font-size:22px!important;
 letter-spacing:.14em!important;
}

/* Browser density polish */
.featured-carousel{
 min-height:220px!important;
 height:clamp(220px,27vh,290px)!important;
}

.featured-carousel-copy{
 padding-top:18px!important;
 padding-bottom:18px!important;
}

.featured-carousel-copy h1{
 font-size:clamp(30px,4vw,50px)!important;
 line-height:.95!important;
 margin:5px 0 7px!important;
}

.game-card h2{
 font-size:clamp(18px,1.8vw,25px)!important;
 line-height:1!important;
}

.detail-hero h1{
 font-size:clamp(32px,4.5vw,56px)!important;
 line-height:.95!important;
}

/* ArcadeGridz canonical typography */
:root{
 --ag-display:"Bahnschrift","Arial Narrow","Segoe UI",Arial,sans-serif;
 --ag-mono:"Courier New",monospace;
}

/* Main storefront language */
html,body,
button{
 font-family:var(--ag-display);
}

.store-hero h1,
.simple-head h1,
.detail-hero h1,
.featured-carousel-copy h1,
.game-copy h2,
.section-head h2,
.detail-grid h2,
.vault-grid h2,
.economy-banner h2,
.sparkz-card h2,
.rail-head{
 font-family:var(--ag-display);
 font-stretch:condensed;
 font-weight:700;
 letter-spacing:.015em;
}

.ag-site-menu button,
.module,
.back-button,
.store-button{
 font-family:var(--ag-display);
 font-weight:700;
 letter-spacing:.06em;
}

.featured-carousel-copy h1{
 letter-spacing:-.025em!important;
}

.game-copy h2{
 letter-spacing:.01em!important;
}

/* Keep small system/telemetry language technical */
.eyebrow,
.section-head small,
.simple-head small,
.detail-grid small,
.sparkz-card small,
.game-meta,
.status-pill,
.ag-signal,
.ag-ticker,
.game-cover i,
.rail-head span,
.module small,
.platform-badges,
.ag-splash-present{
 font-family:var(--ag-mono);
}

/* Splash uses logos + sleek game title */
.ag-splash-core>b{
 font-family:var(--ag-display)!important;
 font-weight:700!important;
 letter-spacing:.08em!important;
}

/* Catalog classification + metrics */
.game-tags{
 display:flex;
 flex-wrap:wrap;
 gap:5px;
 margin-bottom:5px;
}
.game-tags span{
 padding:4px 7px;
 border:1px solid currentColor;
 background:rgba(0,0,0,.22);
 font:800 8px var(--ag-mono);
 letter-spacing:.08em;
 opacity:.88;
}

.featured-metrics,
.detail-metrics{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin:10px 0;
}
.featured-metrics span{
 padding:5px 8px;
 border:1px solid var(--line);
 background:rgba(0,0,0,.28);
 color:var(--muted);
 font:800 9px var(--ag-mono);
}

.detail-metrics span{
 min-width:92px;
 padding:9px 11px;
 border:1px solid var(--line);
 background:#100e18;
}
.detail-metrics small,
.detail-metrics b{
 display:block;
}
.detail-metrics small{
 color:var(--muted);
 font:800 8px var(--ag-mono);
 letter-spacing:.1em;
}
.detail-metrics b{
 margin-top:3px;
 color:var(--cyan);
 font:700 18px var(--ag-display);
}

/* Ratings */
.rating-control{
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 gap:14px;
 margin:12px 0 4px;
}
.rating-control>div:first-child small,
.rating-control>div:first-child strong{
 display:block;
}
.rating-control>div:first-child small{
 color:var(--muted);
 font:800 8px var(--ag-mono);
}
.rating-control>div:first-child strong{
 margin-top:3px;
 font:700 14px var(--ag-display);
}
.rating-stars{
 display:flex;
 gap:2px;
}
.rating-stars button{
 padding:2px;
 border:0;
 background:none;
 color:#51485a;
 font-size:24px;
 cursor:pointer;
}
.rating-stars button:hover,
.rating-stars button.active{
 color:var(--amber);
}
.rating-signin{
 color:var(--muted);
 font:800 9px var(--ag-mono);
}

/* Browser filtering + sorting */
.browser-head{
 gap:20px;
}
.browser-controls{
 display:flex;
 justify-content:flex-end;
 align-items:flex-end;
 flex-wrap:wrap;
 gap:8px;
}
.browser-controls label{
 display:grid;
 gap:3px;
}
.browser-controls label span{
 color:var(--muted);
 font:800 8px var(--ag-mono);
 letter-spacing:.1em;
}
.browser-controls select{
 min-width:150px;
 padding:7px 28px 7px 9px;
 border:1px solid var(--line);
 background:#100e18;
 color:var(--ink);
 font:700 10px var(--ag-display);
}
.browser-controls>b{
 padding:8px 0;
 color:var(--muted);
 font:800 9px var(--ag-mono);
}

@media(max-width:700px){
 .browser-head{
  display:block;
 }
 .browser-controls{
  justify-content:flex-start;
  margin-top:10px;
 }
 .browser-controls label{
  flex:1 1 145px;
 }
 .browser-controls select{
  width:100%;
  min-width:0;
 }
}

/* Featured carousel collision fix */
.featured-carousel-copy{
 padding-left:74px!important;
 padding-right:74px!important;
 padding-bottom:42px!important;
 box-sizing:border-box;
}

.featured-metrics{
 position:relative;
 z-index:3;
 margin-top:8px!important;
 margin-bottom:0!important;
}

.featured-carousel-controls{
 pointer-events:none;
}

.featured-carousel-controls>button{
 pointer-events:auto;
 position:absolute!important;
 top:50%!important;
 transform:translateY(-50%)!important;
 z-index:6!important;
}

.featured-carousel-controls>button:first-child{
 left:26px!important;
}

.featured-carousel-controls>button:last-child{
 right:26px!important;
}

.featured-carousel-controls>div{
 position:absolute;
 left:50%;
 bottom:12px;
 transform:translateX(-50%);
 z-index:6;
 pointer-events:auto;
}

.sq-controls{
 display:none!important;
}

.sq-agent-controls{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:6px;
 margin:10px 0;
}

.sq-agent-controls button{
 min-height:32px;
 border:1px solid #23e7ef;
 background:#07131d;
 color:#7df9ff;
 font:800 10px var(--ag-mono);
 letter-spacing:.06em;
 cursor:pointer;
}

.sq-agent-controls button:last-child{
 grid-column:1/-1;
}

/* Verified top-3 high-score crawl */
.ag-ticker{
 padding:0!important;
}

.ticker-track{
 display:inline-flex;
 align-items:center;
 flex:none;
 width:max-content;
 gap:12px;
 padding-left:100%;
 animation:agScoreTicker 150s linear infinite;
 will-change:transform;
}

.ticker-track>strong{
 color:var(--cyan);
 font-size:9px;
 letter-spacing:.08em;
}

.ticker-score{
 display:inline-flex;
 align-items:center;
 gap:4px;
 color:var(--ink)!important;
}

.ticker-score b{
 color:var(--muted);
}

.ticker-score.empty{
 color:var(--muted)!important;
}

.ticker-trophy{
 display:inline-block;
 width:12px;
 height:12px;
 clip-path:polygon(
  25% 0,75% 0,75% 18%,100% 18%,100% 48%,
  82% 48%,72% 67%,58% 75%,58% 84%,
  78% 84%,78% 100%,22% 100%,22% 84%,
  42% 84%,42% 75%,28% 67%,18% 48%,
  0 48%,0 18%,25% 18%
 );
}

.ticker-trophy.gold{background:#ffd84d}
.ticker-trophy.silver{background:#c7d0d8}
.ticker-trophy.bronze{background:#c47a42}

.ticker-sep{
 color:var(--mag)!important;
 margin:0 8px;
}

.ag-ticker:hover .ticker-track{
 animation-play-state:paused;
}

@keyframes agScoreTicker{
 from{transform:translateX(0)}
 to{transform:translateX(-50%)}
}

/* Featured hero metrics placement — hard override */
.featured-carousel{
 position:relative!important;
 min-height:250px!important;
 height:clamp(250px,29vh,310px)!important;
 overflow:hidden!important;
}

.featured-carousel-copy{
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 padding:22px 82px 70px 28px!important;
 min-height:100%!important;
 box-sizing:border-box!important;
}

.featured-metrics{
 position:absolute!important;
 left:28px!important;
 bottom:18px!important;
 right:auto!important;
 top:auto!important;
 margin:0!important;
 display:flex!important;
 flex-wrap:nowrap!important;
 gap:8px!important;
 z-index:8!important;
}

.featured-metrics span{
 flex:0 0 auto!important;
 white-space:nowrap!important;
}

.featured-carousel-controls{
 position:absolute!important;
 inset:0!important;
 z-index:10!important;
 pointer-events:none!important;
}

.featured-carousel-controls>button{
 position:absolute!important;
 top:50%!important;
 transform:translateY(-50%)!important;
 pointer-events:auto!important;
}

.featured-carousel-controls>button:first-child{
 left:18px!important;
}

.featured-carousel-controls>button:last-child{
 right:18px!important;
}

.featured-carousel-controls>div{
 position:absolute!important;
 left:50%!important;
 bottom:14px!important;
 transform:translateX(-50%)!important;
 pointer-events:auto!important;
}

/* Half the current high-score ticker speed */
.ticker-track{
 animation-duration:300s!important;
}

/* Browser/catalog polish pass */

/* Remove text overlays from cover images */
.game-cover>span,
.game-cover>i{
 display:none!important;
}

/* Catalog badges */
.game-badges{
 display:flex;
 flex-wrap:wrap;
 gap:6px;
 margin:0 0 7px;
}

.game-badge{
 display:inline-flex;
 align-items:center;
 min-height:20px;
 padding:3px 7px;
 border:1px solid var(--line);
 background:rgba(7,10,18,.9);
 font:900 8px/1 "Courier New",monospace;
 letter-spacing:.09em;
 white-space:nowrap;
}

.game-badge.beta{
 color:var(--cyan);
 border-color:var(--cyan);
}

.game-badge.rank{
 color:var(--amber);
 border-color:var(--amber);
}

/* Featured hero */
.featured-carousel{
 position:relative!important;
 min-height:290px!important;
 height:auto!important;
 padding-bottom:42px!important;
 overflow:hidden!important;
}

.featured-carousel-copy{
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 min-height:248px!important;
 padding:22px 34px!important;
 box-sizing:border-box!important;
}

.featured-metrics{
 position:static!important;
 display:flex!important;
 flex-wrap:wrap!important;
 gap:8px!important;
 margin:10px 0 0!important;
}

.featured-metrics span{
 white-space:nowrap!important;
}

.featured-carousel .store-actions{
 display:flex!important;
 flex-wrap:wrap!important;
 gap:8px!important;
 margin-top:10px!important;
 padding-bottom:4px!important;
}

.featured-carousel .store-actions .store-button{
 margin-top:0!important;
}

/* Arrows + dots live in their own bottom strip */
.featured-carousel-controls{
 position:absolute!important;
 left:0!important;
 right:0!important;
 bottom:0!important;
 top:auto!important;
 height:42px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:14px!important;
 padding:5px 14px!important;
 border-top:1px solid var(--line)!important;
 background:rgba(5,8,15,.92)!important;
 pointer-events:auto!important;
 z-index:20!important;
}

.featured-carousel-controls>.featured-arrow{
 position:static!important;
 inset:auto!important;
 transform:none!important;
 display:grid!important;
 place-items:center!important;
 width:32px!important;
 height:28px!important;
 padding:0!important;
 pointer-events:auto!important;
}

.featured-carousel-controls>.featured-dots{
 position:static!important;
 inset:auto!important;
 transform:none!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 gap:7px!important;
 pointer-events:auto!important;
}

/* High-score ticker */
.ticker-track{
 animation-duration:var(--ag-ticker-duration,600s)!important;
 padding-left:0!important;
 opacity:1!important;
 color:var(--ink)!important;
}

.ticker-track,
.ticker-track span,
.ticker-track strong,
.ticker-score,
.ticker-score b{
 opacity:1!important;
}

.ticker-score{
 color:var(--ink)!important;
}

.ticker-score.empty{
 color:var(--muted)!important;
 opacity:1!important;
}

.ag-ticker{
 color:var(--ink)!important;
 opacity:1!important;
}

@keyframes agScoreTicker{
 from{transform:translateX(0)}
 to{transform:translateX(-50%)}
}

@media(max-width:650px){
 .featured-carousel{
  min-height:340px!important;
 }

 .featured-carousel-copy{
  min-height:298px!important;
  padding:18px!important;
 }

 .featured-carousel-controls{
  height:42px!important;
 }
}


/* Arcade game focus-loss pause screen */
.ag-focus-pause{
 position:absolute;
 z-index:999;
 inset:0;
 display:grid;
 place-items:center;
 background:rgba(2,5,12,.88);
 text-align:center;
}

.ag-focus-pause>div{
 width:min(520px,82%);
 padding:30px;
 border:2px solid var(--cyan,#22e3d4);
 background:#07121e;
 box-shadow:8px 8px 0 var(--pink,#ff3aa7);
}

.ag-focus-pause small{
 color:#ffdc49;
 font:900 11px "Courier New",monospace;
 letter-spacing:.1em;
}

.ag-focus-pause h2{
 margin:8px 0;
 color:#fff;
 font:900 48px/1 "Courier New",monospace;
}

.ag-focus-pause p{
 color:#b9b0c4;
 font:13px/1.5 "Courier New",monospace;
}

.ag-focus-pause button{
 margin-top:10px;
 padding:11px 18px;
 border:1px solid #22e3d4;
 background:#0d292c;
 color:#22e3d4;
 font:900 12px "Courier New",monospace;
 cursor:pointer;
}


/* ==========================================================
   ArcadeGridz home/catalog metadata + leaderboards
   ========================================================== */

.game-tag-groups{
 display:grid;
 gap:7px;
 margin:8px 0;
}

.game-tag-group{
 display:flex;
 align-items:center;
 gap:8px;
 flex-wrap:wrap;
}

.game-tag-group>small{
 min-width:68px;
 color:#6f7b8d;
 font:900 8px "Courier New",monospace;
 letter-spacing:.1em;
}

.game-tag-group .game-tags{
 display:flex;
 flex-wrap:wrap;
 gap:5px;
}

.game-tag-group .game-tags span{
 margin:0;
}

.game-badge.coming-soon{
 border-color:#586176;
 color:#9fa8ba;
}

.game-badge.live{
 border-color:#68ff9c;
 color:#68ff9c;
}

.home-intro{
 display:grid;
 grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);
 gap:20px;
 margin:20px 0;
 padding:24px;
 border:1px solid #303847;
 background:#090c14;
}

.home-intro small,
.home-tour small,
.home-build-note small{
 color:#22e3d4;
 font:900 9px "Courier New",monospace;
 letter-spacing:.12em;
}

.home-intro h2,
.home-build-note h2{
 margin:5px 0 10px;
}

.home-intro p,
.home-tour p,
.home-build-note p{
 color:#9fa8ba;
 line-height:1.55;
}

.home-stats{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:8px;
}

.home-stats span{
 display:grid;
 place-items:center;
 min-height:90px;
 border:1px solid #303847;
 background:#0e111b;
 color:#8f99aa;
 font:900 9px "Courier New",monospace;
 text-align:center;
}

.home-stats b{
 display:block;
 color:#ffc14d;
 font-size:24px;
}

.home-tour{
 display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:10px;
 margin:18px 0;
}

.home-tour article{
 display:flex;
 flex-direction:column;
 min-height:210px;
 padding:18px;
 border:1px solid #303847;
 background:#0c1019;
}

.home-tour h3{
 margin:7px 0;
 color:#fff;
}

.home-tour p{
 flex:1;
 font-size:11px;
}

.home-build-note,
.featured-empty{
 margin:18px 0;
 padding:24px;
 border:1px solid #3e3156;
 background:linear-gradient(135deg,#0c1019,#131020);
}

.featured-empty h2{
 margin:5px 0;
}

.scoreboards{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:14px;
 margin-top:18px;
}

.scoreboard-card{
 display:grid;
 grid-template-columns:130px 1fr;
 gap:14px;
 padding:14px;
 border:1px solid #303847;
 background:#0b0e16;
}

.scoreboard-card>img{
 width:130px;
 height:130px;
 object-fit:cover;
 image-rendering:auto;
}

.scoreboard-head{
 min-width:0;
}

.scoreboard-head h2{
 margin:3px 0 8px;
}

.scoreboard-head>small{
 color:#22e3d4;
 font:900 8px "Courier New",monospace;
}

.scoreboard-rows{
 grid-column:1/-1;
 display:grid;
 gap:4px;
 margin:0;
 padding:0;
 list-style:none;
}

.scoreboard-rows li{
 display:grid;
 grid-template-columns:42px minmax(0,1fr) auto;
 gap:10px;
 align-items:center;
 padding:8px 10px;
 border-top:1px solid #202737;
 font:11px "Courier New",monospace;
}

.scoreboard-rows li b{
 color:#ffc14d;
}

.scoreboard-rows li strong{
 color:#22e3d4;
}

.scoreboard-empty{
 grid-column:1/-1;
 padding:16px;
 border-top:1px solid #202737;
 color:#626d7e;
 font:900 10px "Courier New",monospace;
 text-align:center;
}

@media(max-width:1000px){
 .home-tour{grid-template-columns:repeat(2,minmax(0,1fr))}
 .scoreboards{grid-template-columns:1fr}
}

@media(max-width:700px){
 .home-intro{grid-template-columns:1fr}
 .home-stats{grid-template-columns:1fr 1fr 1fr}
 .home-tour{grid-template-columns:1fr}
 .scoreboard-card{grid-template-columns:90px 1fr}
 .scoreboard-card>img{width:90px;height:90px}
}

/* ==========================================================
   Arcade typography pass
   ========================================================== */

:root{
 --arcade-display:"Bahnschrift Condensed","Arial Narrow","Segoe UI",Arial,sans-serif;
 --arcade-ui:"Segoe UI",Arial,sans-serif;
 --arcade-mono:"Consolas","Lucida Console",monospace;
}

/* Major headings / navigation */
.rail-head,
.module,
.ag-site-menu button,
.store-button,
.back-button,
.eyebrow,
.section-head small,
.simple-head small,
.detail-grid small,
.sparkz-card small,
.game-copy h2,
.detail-hero h1,
.simple-head h1,
.featured-carousel h1,
.featured-carousel-copy h1,
.home-intro h2,
.home-tour h3,
.home-build-note h2,
.scoreboard-head h2,
.game-badge,
.status-pill{
 font-family:var(--arcade-display)!important;
 letter-spacing:.035em;
}

/* General descriptive UI */
.game-copy p,
.detail-hero p,
.detail-grid p,
.home-intro p,
.home-tour p,
.home-build-note p,
.scoreboard-card,
.browser-controls,
.game-tag-group,
.rating-control{
 font-family:var(--arcade-ui)!important;
}

/* Keep numeric/score-like data crisp */
.game-meta,
.featured-metrics,
.scoreboard-rows,
.home-stats,
.ag-ticker{
 font-family:var(--arcade-mono)!important;
}


/* ==========================================================
   Main rail cyberpunk navigation frames
   ========================================================== */

.ag-left .module{
 position:relative;
 margin:6px 8px;
 width:calc(100% - 16px);
 padding:12px 12px;
 border:1px solid #3d3448;
 background:
  linear-gradient(135deg,rgba(34,227,212,.035),transparent 42%),
  linear-gradient(315deg,rgba(255,58,167,.03),transparent 38%),
  #100e18;
 clip-path:polygon(
  8px 0,
  100% 0,
  100% calc(100% - 8px),
  calc(100% - 8px) 100%,
  0 100%,
  0 8px
 );
 box-shadow:
  inset 0 0 0 1px rgba(255,255,255,.018),
  inset 3px 0 0 rgba(34,227,212,.08);
 transition:
  border-color .16s ease,
  background .16s ease,
  box-shadow .16s ease,
  color .16s ease,
  transform .16s ease;
}

.ag-left .module::after{
 content:"";
 position:absolute;
 inset:3px;
 pointer-events:none;
 border-top:1px solid rgba(34,227,212,.08);
 border-right:1px solid rgba(255,58,167,.055);
}

.ag-left .module:hover,
.ag-left .module:focus-visible{
 color:var(--cyan);
 border-color:#52706e;
 background:
  linear-gradient(90deg,rgba(34,227,212,.10),transparent 58%),
  linear-gradient(315deg,rgba(255,58,167,.055),transparent 40%),
  #111019;
 box-shadow:
  inset 3px 0 0 var(--cyan),
  0 0 12px rgba(34,227,212,.08);
 transform:translateX(1px);
 outline:none;
}

.ag-left .module.active{
 color:var(--cyan);
 border-color:rgba(34,227,212,.65);
 background:
  linear-gradient(90deg,rgba(34,227,212,.16),rgba(34,227,212,.025) 68%),
  #10121a;
 box-shadow:
  inset 3px 0 0 var(--cyan),
  inset 0 0 18px rgba(34,227,212,.045),
  0 0 14px rgba(34,227,212,.09);
}

.ag-left .module.active::after{
 border-top-color:rgba(34,227,212,.28);
 border-right-color:rgba(255,58,167,.12);
}


/* Game detail leaderboard */
.detail-scoreboard{
 margin-top:18px;
 padding:18px 20px 20px;
 border:1px solid var(--line);
 background:linear-gradient(135deg,rgba(34,227,212,.045),rgba(255,58,167,.025)),var(--panel);
}

.detail-scoreboard .section-head{
 margin:0 0 12px;
}

.detail-scoreboard .scoreboard-rows{
 margin:0;
}



/* Home page top spacing cleanup */
.workspace:has(.ag-home){
 padding-top:8px;
}

.ag-home{
 margin-top:0;
}



/* ArcadeGridz ticker container hard fix */
.ag-ticker{
 display:grid!important;
 grid-template-columns:170px minmax(0,1fr)!important;
 align-items:center!important;
 overflow:hidden!important;
 padding:0!important;
}

.ag-ticker > span{
 position:relative!important;
 z-index:3!important;
 display:flex!important;
 align-items:center!important;
 height:100%!important;
 padding:0 12px!important;
 background:#100e18!important;
 color:var(--mag)!important;
 white-space:nowrap!important;
 border-right:1px solid var(--line)!important;
}

/* Important: only the inner .ticker-track may animate */
#ticker{
 position:relative!important;
 min-width:0!important;
 width:100%!important;
 overflow:hidden!important;
 transform:none!important;
 animation:none!important;
 translate:none!important;
}

/* Child crawl owns all horizontal motion */
#ticker .ticker-track{
 position:relative!important;
 left:0!important;
 margin:0!important;
}


/* ==========================================================
   High-score feed label spacing tighten
   ========================================================== */

.ag-ticker{
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:4px!important;
 column-gap:4px!important;
 padding:0!important;
}

.ag-ticker > span{
 flex:0 0 auto!important;
 margin:0!important;
 padding:0 2px 0 10px!important;
 white-space:nowrap!important;
}

#ticker{
 flex:1 1 auto!important;
 min-width:0!important;
 margin:0 0 0 -2px!important;
 padding:0!important;
 overflow:hidden!important;
}

#ticker .ticker-track{
 margin-left:0!important;
 padding-left:0!important;
}

/* END FEED LABEL TIGHTEN */


/* ==========================================================
   High Scores horizontal leaderboard layout
   ========================================================== */

.scoreboards{
 display:grid!important;
 grid-template-columns:1fr!important;
 gap:12px!important;
 margin-top:18px!important;
}

.scoreboard-card{
 display:grid!important;
 grid-template-columns:220px minmax(0,1fr)!important;
 grid-template-rows:auto 1fr!important;
 column-gap:20px!important;
 row-gap:8px!important;
 align-items:start!important;
 padding:14px!important;
 min-height:150px!important;
 border:1px solid #303847!important;
 background:
  linear-gradient(90deg,rgba(34,227,212,.025),transparent 38%),
  #0b0e16!important;
}

.scoreboard-cover-link{
 grid-column:1!important;
 grid-row:1 / 3!important;
 display:block!important;
 width:220px!important;
 height:140px!important;
 margin:0!important;
 padding:0!important;
 overflow:hidden!important;
 border:1px solid #364254!important;
 background:#070a10!important;
 cursor:pointer!important;
}

.scoreboard-cover-link img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 object-fit:contain!important;
 object-position:center!important;
 image-rendering:auto!important;
 transition:transform .16s ease,opacity .16s ease!important;
}

.scoreboard-cover-link:hover img,
.scoreboard-cover-link:focus-visible img{
 transform:scale(1.025)!important;
 opacity:.9!important;
}

.scoreboard-head{
 grid-column:2!important;
 grid-row:1!important;
 min-width:0!important;
}

.scoreboard-head>small{
 display:block!important;
 margin-bottom:3px!important;
 color:var(--cyan)!important;
}

.scoreboard-game-title{
 display:block!important;
 margin:0 0 8px!important;
 padding:0!important;
 border:0!important;
 background:none!important;
 color:var(--ink)!important;
 font-family:var(--arcade-display)!important;
 font-size:25px!important;
 font-weight:900!important;
 letter-spacing:.035em!important;
 text-align:left!important;
 cursor:pointer!important;
}

.scoreboard-game-title:hover,
.scoreboard-game-title:focus-visible{
 color:var(--cyan)!important;
 outline:none!important;
}

.scoreboard-card .scoreboard-rows{
 grid-column:2!important;
 grid-row:2!important;
 width:100%!important;
 margin:0!important;
}

.scoreboard-card .scoreboard-rows li{
 display:grid!important;
 grid-template-columns:42px minmax(0,1fr) minmax(90px,auto)!important;
 gap:12px!important;
 align-items:center!important;
 padding:7px 10px!important;
 border-top:1px solid #202737!important;
}

.scoreboard-card .scoreboard-rows li strong{
 text-align:right!important;
}

/* Old direct-image rule no longer owns leaderboard art */
.scoreboard-card>img{
 width:auto!important;
 height:auto!important;
}

@media(max-width:700px){
 .scoreboard-card{
  grid-template-columns:110px minmax(0,1fr)!important;
  column-gap:12px!important;
 }

 .scoreboard-cover-link{
  width:110px!important;
  height:110px!important;
 }

 .scoreboard-game-title{
  font-size:21px!important;
 }

 .scoreboard-card .scoreboard-rows{
  grid-column:1 / -1!important;
  grid-row:3!important;
  margin-top:4px!important;
 }
}

/* END High Scores horizontal leaderboard layout */


/* ==========================================================
   High Scores compact title-row refinement
   ========================================================== */

.scoreboard-card{
 grid-template-columns:220px minmax(0,1fr)!important;
 grid-template-rows:auto auto!important;
 padding:10px!important;
 column-gap:16px!important;
 row-gap:4px!important;
 min-height:0!important;
 align-items:start!important;
}

.scoreboard-cover-link{
 width:220px!important;
 height:164px!important;
 grid-row:1 / 3!important;
 align-self:start!important;
}

.scoreboard-head{
 grid-column:2!important;
 grid-row:1!important;
}

.scoreboard-title-row{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:16px!important;
 width:100%!important;
}

.scoreboard-game-title{
 flex:1 1 auto!important;
 min-width:0!important;
 margin:0!important;
}

.scoreboard-title-tags{
 flex:0 0 auto!important;
 display:flex!important;
 align-items:center!important;
 justify-content:flex-end!important;
 gap:6px!important;
 margin-left:auto!important;
}

.scoreboard-title-tags .game-badges,
.scoreboard-title-tags .game-badge{
 margin:0!important;
}

.scoreboard-card .scoreboard-rows{
 grid-column:2!important;
 grid-row:2!important;
 align-self:start!important;
}

.scoreboard-card .scoreboard-rows li{
 min-height:0!important;
 padding:6px 10px!important;
 line-height:1.1!important;
}

@media(max-width:700px){
 .scoreboard-card{
  grid-template-columns:110px minmax(0,1fr)!important;
 }

 .scoreboard-cover-link{
  width:110px!important;
  height:110px!important;
 }

 .scoreboard-title-row{
  align-items:flex-start!important;
  gap:8px!important;
 }

 .scoreboard-title-tags{
  flex-wrap:wrap!important;
 }

 .scoreboard-card .scoreboard-rows{
  grid-column:1 / -1!important;
  grid-row:3!important;
 }
}

/* END High Scores compact title-row refinement */


/* ==========================================================
   High Scores ultra-compact spacing
   ========================================================== */

.scoreboard-card{
 padding:6px!important;
 column-gap:14px!important;
 row-gap:0!important;
 min-height:0!important;
}

.scoreboard-cover-link{
 height:152px!important;
}

.scoreboard-head{
 margin:0!important;
 padding:0!important;
}

.scoreboard-head>small{
 margin:0 0 1px!important;
 line-height:1!important;
}

.scoreboard-title-row{
 min-height:32px!important;
 margin:0!important;
 padding:0!important;
}

.scoreboard-game-title{
 margin:0!important;
 padding:0!important;
 line-height:1!important;
}

.scoreboard-title-tags{
 margin:0!important;
 padding:0!important;
}

.scoreboard-card .scoreboard-rows{
 margin:0!important;
 padding:0!important;
}

.scoreboard-card .scoreboard-rows li{
 padding:5px 10px!important;
 min-height:0!important;
 line-height:1!important;
}

.scoreboard-card .scoreboard-rows li:first-child{
 margin-top:0!important;
}

@media(max-width:700px){
 .scoreboard-card{
  padding:6px!important;
  column-gap:10px!important;
 }

 .scoreboard-cover-link{
  height:104px!important;
 }
}

/* END High Scores ultra-compact spacing */


/* ==========================================================
   High Scores structural gap fix
   ========================================================== */

.scoreboard-card{
 display:grid!important;
 grid-template-columns:220px minmax(0,1fr)!important;
 grid-template-rows:auto!important;
 gap:12px!important;
 align-items:start!important;
 align-content:start!important;
 padding:6px!important;
 min-height:0!important;
}

/* Natural-size full cover: no fixed-height letterboxing */
.scoreboard-cover-link{
 grid-column:1!important;
 grid-row:1!important;
 display:block!important;
 width:220px!important;
 height:auto!important;
 min-height:0!important;
 align-self:start!important;
 margin:0!important;
 padding:0!important;
 overflow:hidden!important;
}

.scoreboard-cover-link img{
 display:block!important;
 width:100%!important;
 height:auto!important;
 max-height:none!important;
 aspect-ratio:auto!important;
 object-fit:contain!important;
 object-position:center!important;
 margin:0!important;
 padding:0!important;
}

/* Entire right side is now one compact vertical stack */
.scoreboard-body{
 grid-column:2!important;
 grid-row:1!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 justify-content:flex-start!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 gap:2px!important;
}

.scoreboard-head{
 grid-column:auto!important;
 grid-row:auto!important;
 margin:0!important;
 padding:0!important;
 min-height:0!important;
}

.scoreboard-title-row{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:12px!important;
 min-height:0!important;
 margin:0!important;
 padding:0 0 3px!important;
}

.scoreboard-title-tags{
 display:flex!important;
 align-items:center!important;
 justify-content:flex-end!important;
 gap:6px!important;
 margin:0!important;
 padding:0!important;
}

.scoreboard-body .scoreboard-rows{
 grid-column:auto!important;
 grid-row:auto!important;
 width:100%!important;
 margin:0!important;
 padding:0!important;
 align-self:auto!important;
}

.scoreboard-body .scoreboard-rows li{
 padding:5px 10px!important;
 min-height:0!important;
 margin:0!important;
 line-height:1!important;
}

@media(max-width:700px){
 .scoreboard-card{
  grid-template-columns:110px minmax(0,1fr)!important;
 }

 .scoreboard-cover-link{
  width:110px!important;
  height:auto!important;
 }

 .scoreboard-body{
  grid-column:2!important;
  grid-row:1!important;
 }

 .scoreboard-body .scoreboard-rows{
  margin-top:4px!important;
 }
}

/* END High Scores structural gap fix */

/* ==========================================================
   Game Details profile/banner redesign
   ========================================================== */

.detail-profile{
 overflow:hidden;
 border:1px solid #4a3d55;
 background:#0b0e16;
}

.detail-banner{
 position:relative;
 display:grid;
 place-items:center;
 width:100%;
 height:clamp(220px,31vw,340px);
 overflow:hidden;
 background:
  linear-gradient(rgba(7,9,15,.36),rgba(7,9,15,.82)),
  var(--detail-art) center/cover no-repeat;
 border-bottom:1px solid #45364e;
}

.detail-banner::before{
 content:"";
 position:absolute;
 inset:-20px;
 background:var(--detail-art) center/cover no-repeat;
 filter:blur(18px) brightness(.45);
 transform:scale(1.08);
}

.detail-banner img{
 position:relative;
 z-index:1;
 display:block;
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:center;
}

.detail-profile-body{
 padding:18px 20px 20px;
}

.detail-title-row{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:20px;
}

.detail-title-row>div:first-child{
 min-width:0;
}

.detail-title-row small{
 color:var(--cyan);
 font:900 9px var(--arcade-mono);
 letter-spacing:.12em;
}

.detail-title-row h1{
 margin:3px 0 0;
 font-family:var(--arcade-display);
 font-size:clamp(38px,6vw,68px);
 line-height:.92;
 letter-spacing:.02em;
}

.detail-title-badges{
 flex:0 0 auto;
 align-self:center;
}

.detail-title-badges .game-badges{
 justify-content:flex-end;
 margin:0;
}

.detail-meta-row{
 margin-top:14px;
 padding-top:12px;
 border-top:1px solid #282331;
}

.detail-meta-row .game-tag-groups{
 display:flex;
 flex-wrap:wrap;
 gap:10px 22px;
}

.detail-meta-row .game-tag-group{
 display:flex;
 align-items:center;
 gap:8px;
}

.detail-description{
 margin:14px 0;
 max-width:900px;
 color:#b8afc2;
 line-height:1.55;
}

.detail-metrics{
 display:grid;
 grid-template-columns:repeat(3,minmax(100px,150px));
 gap:8px;
 margin:12px 0;
}

.detail-metrics>span{
 padding:10px 12px;
 border:1px solid #313746;
 background:#0d1119;
}

.detail-metrics small,
.detail-metrics b{
 display:block;
}

.detail-metrics small{
 color:#777084;
 font-size:8px;
}

.detail-metrics b{
 margin-top:3px;
 color:var(--cyan);
 font-size:18px;
}

.detail-controls-row{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:12px;
 margin-top:10px;
}

.detail-controls-row .rating-control{
 flex:1 1 420px;
 margin:0;
}

.detail-controls-row .store-button{
 flex:0 0 auto;
 margin:0;
}

.detail-profile .platform-badges{
 margin:12px 0 0;
}

.detail-scoreboard{
 margin-top:12px;
}

.personal-scoreboard{
 border-color:#44375c;
 background:
  linear-gradient(135deg,rgba(159,124,255,.06),transparent 55%),
  var(--panel);
}

.personal-scoreboard .section-head>span{
 color:var(--violet);
 font:900 9px var(--arcade-mono);
}

.personal-score-signin{
 margin:10px 0 0;
 color:var(--muted);
 font:900 9px var(--arcade-mono);
 letter-spacing:.08em;
}

/* Main score page: fit personal best into existing title row */
.scoreboard-my-best{
 flex:0 0 auto;
 margin-left:auto;
 color:#7f788a;
 font:800 8px var(--arcade-mono);
 white-space:nowrap;
}

.scoreboard-my-best b{
 color:var(--violet);
 font-size:9px;
}

.scoreboard-title-row{
 gap:8px!important;
}

.scoreboard-title-tags{
 margin-left:6px!important;
}

@media(max-width:700px){
 .detail-banner{
  height:210px;
 }

 .detail-profile-body{
  padding:14px;
 }

 .detail-title-row{
  align-items:flex-start;
 }

 .detail-title-row h1{
  font-size:38px;
 }

 .detail-meta-row .game-tag-groups{
  display:grid;
 }

 .detail-metrics{
  grid-template-columns:repeat(3,1fr);
 }

 .scoreboard-my-best{
  font-size:7px;
 }

 .scoreboard-my-best b{
  font-size:8px;
 }
}


/* ==========================================================
   PERSONAL SCORES + GAME DETAILS PROFILE REDESIGN v2
   ========================================================== */

.detail-page{
 padding-top:0!important;
}

.detail-profile{
 display:block!important;
 overflow:hidden!important;
 border:1px solid #473a52!important;
 background:#0b0e16!important;
}

.detail-banner{
 position:relative!important;
 display:grid!important;
 place-items:center!important;
 width:100%!important;
 height:clamp(230px,32vw,360px)!important;
 overflow:hidden!important;
 border-bottom:1px solid #46384f!important;
 background:#070910!important;
}

.detail-banner-blur{
 position:absolute!important;
 inset:-30px!important;
 background-position:center!important;
 background-size:cover!important;
 filter:blur(24px) brightness(.38)!important;
 transform:scale(1.08)!important;
 opacity:.75!important;
}

.detail-banner::after{
 content:""!important;
 position:absolute!important;
 inset:0!important;
 background:
  linear-gradient(90deg,rgba(5,7,12,.18),transparent 25%,transparent 75%,rgba(5,7,12,.18)),
  linear-gradient(0deg,rgba(5,7,12,.55),transparent 45%)!important;
 pointer-events:none!important;
}

.detail-banner>img{
 position:relative!important;
 z-index:2!important;
 display:block!important;
 width:100%!important;
 height:100%!important;
 object-fit:contain!important;
 object-position:center!important;
}

.detail-profile-body{
 padding:16px 20px 18px!important;
}

.detail-title-row{
 display:flex!important;
 justify-content:space-between!important;
 align-items:center!important;
 gap:20px!important;
}

.detail-title-copy{
 min-width:0!important;
}

.detail-title-copy>small{
 color:var(--cyan)!important;
 font:900 9px var(--arcade-mono)!important;
 letter-spacing:.12em!important;
}

.detail-title-copy h1{
 margin:3px 0 0!important;
 font-family:var(--arcade-display)!important;
 font-size:clamp(38px,6vw,68px)!important;
 line-height:.9!important;
 letter-spacing:.025em!important;
}

.detail-title-badges{
 flex:0 0 auto!important;
}

.detail-title-badges .game-badges{
 display:flex!important;
 justify-content:flex-end!important;
 gap:6px!important;
 margin:0!important;
}

.detail-meta-row{
 margin-top:12px!important;
 padding-top:10px!important;
 border-top:1px solid #292431!important;
}

.detail-meta-row .game-tag-groups{
 display:flex!important;
 align-items:flex-end!important;
 flex-wrap:wrap!important;
 gap:10px 22px!important;
}

.detail-meta-row .game-tag-group{
 display:flex!important;
 align-items:center!important;
 gap:7px!important;
 margin:0!important;
}

.detail-meta-row .game-tag-group>small{
 margin:0!important;
}

.detail-description{
 max-width:900px!important;
 margin:12px 0!important;
 color:#b9b0c1!important;
 line-height:1.5!important;
}

.detail-stats-row{
 display:flex!important;
 align-items:stretch!important;
 gap:8px!important;
 margin:10px 0!important;
}

.detail-stats-row>span{
 min-width:115px!important;
 padding:8px 11px!important;
 border:1px solid #303747!important;
 background:#0d1119!important;
}

.detail-stats-row small,
.detail-stats-row b{
 display:block!important;
}

.detail-stats-row small{
 color:#777080!important;
 font:800 8px var(--arcade-mono)!important;
}

.detail-stats-row b{
 margin-top:2px!important;
 color:var(--cyan)!important;
 font:900 17px var(--arcade-mono)!important;
}

.detail-action-row{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:14px!important;
 margin-top:10px!important;
}

.detail-action-row .rating-control{
 flex:1 1 auto!important;
 margin:0!important;
}

.detail-action-row>.store-button{
 flex:0 0 auto!important;
 margin:0!important;
}

.detail-platforms{
 margin:10px 0 0!important;
}

.detail-scoreboard{
 margin-top:10px!important;
 padding:14px 18px 16px!important;
}

.personal-scoreboard{
 border-color:#45365d!important;
 background:
  linear-gradient(135deg,rgba(159,124,255,.06),transparent 55%),
  var(--panel)!important;
}

.personal-best-summary{
 margin-left:auto!important;
 color:#81788d!important;
 font:800 9px var(--arcade-mono)!important;
 white-space:nowrap!important;
}

.personal-best-summary b{
 color:var(--violet)!important;
 font-size:11px!important;
}

.personal-score-signin{
 margin-top:8px!important;
 color:var(--muted)!important;
 font:900 8px var(--arcade-mono)!important;
 letter-spacing:.08em!important;
}


/* High Scores page compact personal-best line */
.scoreboard-my-best{
 flex:0 0 auto!important;
 margin-left:auto!important;
 color:#797283!important;
 font:800 7px var(--arcade-mono)!important;
 white-space:nowrap!important;
}

.scoreboard-my-best b{
 color:var(--violet)!important;
 font-size:9px!important;
}

.scoreboard-title-row{
 gap:7px!important;
}

.scoreboard-title-tags{
 flex:0 0 auto!important;
 margin-left:3px!important;
}

.scoreboard-title-tags .game-badges{
 display:flex!important;
 gap:4px!important;
 margin:0!important;
}

.scoreboard-title-tags .game-badge{
 padding:4px 6px!important;
 font-size:7px!important;
}

.scoreboard-game-title{
 font-size:23px!important;
 line-height:.95!important;
}


/* Mobile */
@media(max-width:700px){
 .detail-banner{
  height:210px!important;
 }

 .detail-profile-body{
  padding:13px!important;
 }

 .detail-title-row{
  align-items:flex-start!important;
 }

 .detail-title-copy h1{
  font-size:38px!important;
 }

 .detail-meta-row .game-tag-groups{
  display:grid!important;
  gap:6px!important;
 }

 .detail-stats-row{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
 }

 .detail-stats-row>span{
  min-width:0!important;
 }

 .detail-action-row{
  display:block!important;
 }

 .detail-action-row>.store-button{
  margin-top:10px!important;
 }

 .scoreboard-my-best{
  font-size:6px!important;
 }

 .scoreboard-my-best b{
  font-size:8px!important;
 }
}

/* END PERSONAL SCORES + GAME DETAILS PROFILE REDESIGN v2 */

/* ==========================================================
   Homepage card background bleed-through
   ========================================================== */

.ag-home .home-intro,
.ag-home .home-tour article,
.ag-home .home-build-note,
.ag-home .featured-empty{
 background:
  linear-gradient(
   135deg,
   rgba(12,16,25,.76),
   rgba(19,16,32,.70)
  )!important;
 backdrop-filter:blur(2px);
 -webkit-backdrop-filter:blur(2px);
}

.ag-home .home-tour article{
 border-color:rgba(90,94,118,.55)!important;
}

.ag-home .home-intro{
 border-color:rgba(82,72,101,.62)!important;
}

.ag-home .home-stats > *{
 background:rgba(12,15,24,.58)!important;
}

/* Slightly stronger opacity behind body copy for readability */
.ag-home .home-tour p,
.ag-home .home-intro p,
.ag-home .home-build-note p{
 text-shadow:0 1px 2px rgba(0,0,0,.65);
}

/* END Homepage card background bleed-through */

/* ==========================================================
   Homepage glass transparency v2 - intentionally visible
   ========================================================== */

.ag-home .home-intro{
 background:rgba(8,10,17,.42)!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}

.ag-home .home-tour article{
 background:rgba(8,10,17,.35)!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 border-color:rgba(110,105,135,.58)!important;
}

.ag-home .home-build-note{
 background:rgba(8,10,17,.42)!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}

.ag-home .featured-empty{
 background:rgba(8,10,17,.38)!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}

.ag-home .home-stats > *{
 background:rgba(8,10,17,.30)!important;
}

/* END Homepage glass transparency v2 */

.score-unverified{font-style:normal;font-size:.72em;letter-spacing:.06em;padding:0 .35em;border:1px solid currentColor;border-radius:3px;opacity:.7;vertical-align:middle}