/* Home-page product explanation: concise, scannable and visibly part of the game. */
.home-explainer{position:relative;z-index:1;width:min(1050px,100%);margin:54px auto 10px;padding:46px 0 0;border-top:1px solid #363636;color:#eee}
.home-explainer-head{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:72px;align-items:end;margin-bottom:30px}
.home-explainer-kicker{margin:0 0 8px!important;color:#cb6822!important;font-size:11px!important;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}
.home-explainer h2{max-width:560px;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.02;letter-spacing:-1.8px}
.home-explainer h3{margin:0;color:#fff;font-size:19px;line-height:1.25;letter-spacing:-.3px}
.home-explainer p{margin:0;color:#aaa;font-size:15px;line-height:1.6}
.home-explainer-head>p{max-width:58ch;font-size:16px;color:#bbb}
.home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #3c3c3c;border-radius:12px;background:#131413;overflow:hidden}
.home-steps section{min-width:0;padding:24px 26px}
.home-steps section+section{border-left:1px solid #3c3c3c}
.home-steps section>span{display:block;margin-bottom:24px;color:#cb6822;font-size:11px;font-weight:900;letter-spacing:1px}
.home-steps h3{margin-bottom:8px}
.home-steps p{font-size:14px}
.home-depth{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:0;margin-top:18px;border:1px solid #49311f;border-radius:12px;background:linear-gradient(135deg,#17130f,#111);overflow:hidden}
.home-depth-copy{padding:30px 32px}
.home-depth-copy h3{margin-bottom:10px;font-size:25px}
.home-depth-copy>p:not(.home-explainer-kicker){max-width:63ch}
.home-depth-copy>a{display:inline-block;margin-top:18px;color:#ffb886;font-size:14px;font-weight:800;text-decoration:none}
.home-depth-copy>a:hover,.home-depth-copy>a:focus-visible{color:#fff}
.home-depth-facts{display:grid;border-left:1px solid #49311f;background:rgba(203,104,34,.045)}
.home-depth-facts>div{display:flex;flex-direction:column;justify-content:center;padding:17px 22px}
.home-depth-facts>div+div{border-top:1px solid #49311f}
.home-depth-facts strong{margin-bottom:4px;color:#fff;font-size:13px}
.home-depth-facts span{color:#929292;font-size:12px;line-height:1.45}
.home-explainer-foot{display:flex;justify-content:space-between;gap:36px;align-items:center;padding:24px 2px}
.home-explainer-foot>p{max-width:60ch;font-size:13px;color:#858585}
.home-explainer-foot>div{display:flex;gap:20px;align-items:center;flex:0 0 auto}
.home-explainer-foot a{color:#bbb;font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}
.home-explainer-foot a:hover,.home-explainer-foot a:focus-visible{color:#fff}
.home-explainer-foot .home-explainer-primary{padding:10px 14px;border:1px solid #6b4326;border-radius:7px;color:#ffb886}
.home-explainer a:focus-visible{outline:2px solid #ffb886;outline-offset:4px}
@media(max-width:900px){
  .home-explainer{margin-top:42px;padding-top:36px}
  .home-explainer-head{grid-template-columns:1fr;gap:16px}
  .home-depth{grid-template-columns:1fr}
  .home-depth-facts{grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid #49311f}
  .home-depth-facts>div+div{border-top:0;border-left:1px solid #49311f}
  .home-explainer-foot{align-items:flex-start;flex-direction:column;gap:18px}
}
@media(max-width:650px){
  .home-explainer{margin-top:34px;padding-top:30px}
  .home-steps{grid-template-columns:1fr}
  .home-steps section{padding:20px}
  .home-steps section+section{border-left:0;border-top:1px solid #3c3c3c}
  .home-steps section>span{margin-bottom:12px}
  .home-depth-copy{padding:24px 20px}
  .home-depth-facts{grid-template-columns:1fr}
  .home-depth-facts>div+div{border-left:0;border-top:1px solid #49311f}
  .home-explainer-foot>div{align-items:flex-start;flex-direction:column;gap:14px}
}

/* Align the tabs, hero copy and gameplay panels to one shared content edge. */
.home-hero h1,.home-hero p{margin-left:0!important;margin-right:0!important}

/* Quiet home navigation: content links, not competing controls. */
.home-view-tabs{position:relative;z-index:2;display:flex;justify-content:flex-start;gap:30px;width:100%;margin:20px 0 12px;padding:0;border:0;background:transparent}
.home-view-tabs button{position:relative;flex:0 0 auto;min-height:34px;padding:0 2px;border:0;background:transparent;color:#858585;font:inherit;font-size:14px;font-weight:750;letter-spacing:.01em;cursor:pointer;transition:color .18s ease}
.home-view-tabs button:hover{color:#eee}
.home-view-tabs button.active{color:#fff}
.home-view-tabs button::after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:2px;border-radius:2px;background:#df711f;opacity:0;transform:scaleX(.45);transition:opacity .18s ease,transform .18s ease;transform-origin:center}
.home-view-tabs button:hover::after{opacity:.4;transform:scaleX(1)}
.home-view-tabs button.active::after{opacity:1;transform:scaleX(1)}
.home-view-tabs button:focus-visible{outline:2px solid #ffb886;outline-offset:4px}
.home-tab-hidden{display:none!important}
#home.home-view-info .home-explainer{margin-top:10px;padding-top:26px;border-top:0}
@media(max-width:650px){.home-view-tabs{width:100%;margin-top:14px;gap:24px}.home-view-tabs button{font-size:13px}}