/* XGames clean theme: white page, space instead of boxes, lighter lines. Loaded after site.css. */
/* ---------- clean theme: white page, space instead of boxes, lighter lines ---------- */
:root{--paper:#FFFFFF;--paper-2:#F3F4F7;--line:#ECEEF2;--line-2:#DCDFE6;--ink-2:#5A6178;--ink-3:#9097AB;--soft:#F6F7F9}
html,body{background:#fff}
.nav{border-bottom-color:var(--line)}
.nav .wrap{height:68px}
.nav-links a[aria-current="page"]{border-bottom-color:var(--ink)}
.icon-btn{border-color:transparent;background:transparent}
.icon-btn:hover{border-color:transparent;background:var(--soft)}
.brick{border-radius:8px;font-weight:600}
.brick.ghost,.brick.blue,.brick.green{border-color:var(--line-2)}
.brick.ghost:hover,.brick.blue:hover,.brick.green:hover{background:var(--soft);border-color:var(--line-2)}
/* hero: light, the game screen carries the colour */
.pl-hero{background:transparent;color:var(--ink);padding:64px 0 24px;margin-top:0;border-radius:0;gap:56px}
.pl-eyebrow{color:var(--ink-2)}
.pl-eyebrow .dot.live{background:var(--go)}
.pl-hero h1{color:var(--ink);font-size:clamp(36px,4.2vw,58px);letter-spacing:-.035em}
.pl-hero h1 .grad{color:var(--ink);-webkit-text-fill-color:var(--ink)}
.pl-hero .lede{color:var(--ink-2)}
.pl-hero .brick:hover{background:var(--cobalt-2);border-color:var(--cobalt-2)}
.pl-hero .brick.ghost{color:var(--ink);border-color:var(--line-2);background:#fff}
.pl-hero .brick.ghost:hover{background:var(--soft);border-color:var(--line-2);color:var(--ink)}
html body .pl-token{background:var(--soft);border:0;color:var(--ink);border-radius:8px}
html body .pl-tk-txt{color:var(--ink)}
html body .pl-tk-ca{color:var(--ink-2)}
html body button.pl-tk-ca{color:var(--ink-2);border-color:var(--line-2);background:#fff}
html body button.pl-tk-ca:hover{border-color:var(--ink-3);color:var(--ink)}
html body .pl-tk-link{color:var(--ink)}
.pl-window{background:var(--soft);border:0;padding:8px;border-radius:14px}
.pl-bar{color:var(--ink-3)}
.pl-bar i{background:var(--line-2)}
html body .pl-bar a.mono,.pl-bar span{background:#fff;color:var(--ink-2)}
html body .pl-bar a.mono:hover{background:#fff;color:var(--ink)}
.pl-window .hero-media{border-radius:8px}
html body a.pl-float,.pl-float{box-shadow:0 1px 2px rgba(15,21,48,.06),0 8px 24px -10px rgba(15,21,48,.25)}
/* style list: plain links, not boxes */
.pl-styles{gap:4px 18px;padding:28px 0 0;border-top:1px solid var(--line);margin-top:40px}
.pl-styles>span{color:var(--ink-3);margin-right:4px}
.pl-chip{padding:2px 0;border:0;background:none;color:var(--ink-2);border-radius:0}
.pl-chip:hover{color:var(--cobalt);border:0}
/* steps: no dividers, more air */
.pl-how{padding-top:96px}
.pl-steps{border-top:0;gap:40px}
.pl-steps li,.pl-steps li+li{padding:0;margin:0;border:0}
.pl-steps .n{background:none;width:auto;height:auto;place-items:start;margin-bottom:12px;font-size:13px;color:var(--ink-3)}
.sec-h{margin-bottom:28px}
.live-sec{margin-top:96px}
/* surfaces: hairline, softer corners, no heavy hover */
.glass,.panel,.card,.stat,.gcard,.tbl-wrap,.callout,.pv-token,.toggle,.mcard,.idea,details.adv,.splitrow>div{border-color:var(--line);border-radius:14px}
.card:hover,.live-row:hover{border-color:var(--line-2)}
.seg{border:0;background:var(--soft);border-radius:8px}
.seg button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,21,48,.1)}
/* game tiles: picture + text, no frame */
.gtiles{gap:32px 22px}
.gtile{border:0;border-radius:0;background:none;overflow:visible}
.gtile:hover{border:0}
.gt-thumb{background:var(--soft);border:0;border-radius:14px;transition:background-color .15s}
.gtile:hover .gt-thumb{background:var(--paper-2)}
.gt-ico{border:0;box-shadow:0 8px 20px -12px rgba(15,21,48,.5)}
.gt-thumb .pill,.gt-mcap{box-shadow:0 1px 2px rgba(15,21,48,.08)}
.gt-body{padding:14px 2px 0}
.gt-stats{border-top:0;padding-top:10px}
.live-row{border-left:1px solid var(--line);border-color:var(--line);border-radius:14px}
.live-row:hover{border-left-color:var(--line-2)}
/* page headers + stat rows */
.stats,.metrics{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none}
.stat,.metrics>div{padding-left:0}
.stat+.stat,.metrics>div+div{border-left:0}
.coin-head{padding-block:48px 28px}
.coin-head .coin-img{border:0}
.tabs{margin-top:36px}
.tabs button[aria-selected="true"]{border-bottom-color:var(--ink)}
.chat{background:var(--soft)}
html body .msg.sys{border-color:transparent}
html body .msg .bubble{border-color:var(--line)}
.launch-top{border-bottom:0;padding-bottom:12px}
.lstep{border-bottom-color:var(--line)}
.preview{background:var(--soft);border:0}
.preview .pv-token,.preview .gcard{border:0}
.gthumb{border-bottom:0;background:var(--paper-2)}
.tile,.mcard,.idea{border-color:var(--line)}
input[type=text],input[type=number],input[type=password],input[type=url],select,textarea,.glass-input,.ticker,html body .slug-box{border-color:var(--line-2);border-radius:8px}
.pl-linkbox{background:var(--soft)}
footer{background:#fff;margin-top:120px}
.chip,.ca{border-color:var(--line);background:var(--soft)}
.chip.genre{background:var(--soft)}
.play-panel{border:0;background:none;border-radius:0}
.play-bar{padding:4px 0 14px}
.play-frame,html body .play-video{margin:0;border-radius:14px}
.build-strip{background:var(--soft);border:0}
.build-strip.live{box-shadow:inset 3px 0 0 var(--amber)}
@media (max-width:1000px){
  .pl-hero{padding:48px 0 16px;gap:36px}
  .pl-steps{row-gap:32px}
  .pl-steps li:nth-child(3){padding-left:0;margin-left:0}
}
@media (max-width:900px){.metrics>div:nth-child(odd){padding-left:0}}
@media (max-width:640px){
  .pl-hero{margin-top:0;padding:36px 0 8px;border-radius:0}
  .pl-steps{gap:28px}
  .pl-steps li,.pl-steps li+li{padding:0;border-top:0}
}