@charset 'UTF-8';
/* Shared extensions to the approved Concept 01.2 styles.css. */
.primary-navigation a[aria-current='page']:after{transform:scaleX(1)}
.site-footer a{min-height:44px;display:inline-flex;align-items:center}
.footer-bottom{font-size:13px;line-height:1.7;flex-wrap:wrap}
.footer-bottom>p{flex-shrink:0}
.footer-bottom nav{gap:8px 24px}
.site-footer .footer-bottom nav a{min-height:44px}
.model-footnote{font-size:13px;line-height:1.8}
.inner-main>.page-width>.model-footnote{padding-bottom:40px}
/* Make incoming copy readable in the same frame as chapter activation.
   Inactive panels retain visibility:hidden, pointer-events:none and inert.
   Canvas interpolation remains independent of these presentation rules. */
.motion-enabled .chapter-panel,
.motion-enabled .chapter-panel.is-active{clip-path:none;transition:none}
.motion-enabled .chapter-panel .title-line>span,
.motion-enabled .chapter-panel>.eyebrow{transform:none;transition:none}
.motion-enabled .scene.has-chapter-art-slot .coordinate-top{top:var(--chapter-art-top);bottom:auto}
.motion-enabled .scene.has-chapter-art-slot .coordinate-bottom{bottom:var(--chapter-art-bottom)}
.motion-enabled .scene.is-exiting .scene-coordinate,.motion-enabled .scene.art-crowded .scene-coordinate{visibility:hidden}
.round-cta{display:inline-flex}
.inner-main{min-height:70svh;padding-top:88px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px 14px;list-style:none;font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--muted);padding-block:28px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:30px}
.breadcrumbs li+li:before{content:'/';padding-right:14px;color:var(--muted)}
.page-hero{padding-block:44px 72px;border-bottom:1px solid var(--line)}
.page-hero .eyebrow{margin-bottom:30px}
.page-hero h1{font-size:clamp(46px,6.3vw,100px);font-weight:400;line-height:1.03;letter-spacing:-.06em;max-width:1180px;text-wrap:balance}
.page-hero .lead{font-size:clamp(17px,1.5vw,22px);line-height:1.65;color:var(--muted);max-width:790px;margin-top:32px}
.page-hero .hero-actions{margin-top:30px}
.content-section{padding-block:72px}
.content-section>h2,.section-intro h2{font-size:clamp(30px,3.8vw,56px);line-height:1.1;font-weight:400;letter-spacing:-.045em;max-width:900px}
.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;margin-bottom:44px;align-items:end}
.section-intro>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:540px}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.route-card{min-width:0;padding:32px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6f5f0;transition:background .2s}
.route-card:hover{background:#e9e9ee}
.route-card .eyebrow{margin-bottom:42px;color:var(--muted)}
.route-card h2,.route-card h3{font-size:clamp(25px,2.6vw,39px);font-weight:400;letter-spacing:-.04em;line-height:1.15;margin-bottom:22px}
.route-card p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:24px}
.route-card .text-link{margin-top:auto;align-self:flex-start;white-space:normal;min-height:44px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;list-style:none;margin-top:36px}
.detail-grid>li,.detail-grid>article{border-top:1px solid var(--line);padding-block:30px 38px;min-width:0}
.detail-grid h2,.detail-grid h3{font-size:26px;font-weight:400;letter-spacing:-.035em;line-height:1.25;margin-bottom:16px}
.detail-grid p{font-size:16px;line-height:1.8;color:var(--muted);max-width:570px}
.detail-grid .eyebrow{font-size:10px;margin-bottom:18px;color:var(--accent)}
.route-band{background:#15171d;color:#f0efe9;--accent:#9399ff;padding-block:58px}
.route-band .page-width{display:flex;justify-content:space-between;align-items:center;gap:40px}
.route-band h2{font-size:clamp(30px,4vw,58px);font-weight:400;letter-spacing:-.05em;line-height:1.1}
.route-band p{font-size:16px;line-height:1.8;color:#abaeb8;max-width:650px;margin-top:20px}
.route-band .text-link{flex-shrink:0;white-space:normal;min-height:44px}
.page-links{display:flex;gap:16px 30px;flex-wrap:wrap;margin-top:30px}
.page-links a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px;line-height:1.6}
.gaming-hero{background:#15171d;color:#f0efe9;--muted:#abaeb8;--line:#3c3f49;--accent:#9399ff}
.game-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}
.game-feature h2{font-size:clamp(43px,5vw,78px);font-weight:400;letter-spacing:-.06em;line-height:1.05;margin-block:22px}
.game-feature p{font-size:17px;color:var(--muted);line-height:1.8;max-width:600px}
/* Existing company geometry is decorative, with no game-cover framing. */
.game-mark{position:relative;width:min(100%,280px);margin:0;padding:16px;justify-self:center;display:flex;align-items:center;justify-content:center}
.game-mark .static-emblem{position:relative;inset:auto;width:180px;height:150px;flex:none}
.prose{font-size:17px;line-height:1.85;max-width:800px;overflow-wrap:anywhere}
.prose h2{font-size:30px;font-weight:400;line-height:1.25;letter-spacing:-.035em;margin-block:42px 18px;scroll-margin-top:115px}
.prose h2:first-child{margin-top:0}
.prose p{margin-bottom:20px}
.prose ul,.prose ol{padding-left:24px;margin-block:16px 24px}
.prose li{padding-left:4px;margin-block:7px}
.prose a{color:#4149c9;text-decoration:underline;text-underline-offset:4px}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,800px);gap:8%;padding-block:64px 84px}
.legal-toc{align-self:start;position:sticky;top:115px}
.legal-toc h2{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:15px}
.legal-toc ul{list-style:none}
.legal-toc a{display:block;font-size:13px;line-height:1.5;padding:11px 0;border-bottom:1px solid var(--line)}
.legal-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.effective-date{font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--muted);margin-top:24px}
.notice{border-left:3px solid var(--accent);background:#e7e7ef;padding:20px 24px;font-size:15px;line-height:1.7;margin-block:28px;max-width:800px}
.inquiry-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 60px}
.inquiry-list>li{border-top:1px solid var(--line);padding-top:26px;scroll-margin-top:115px}
.inquiry-list h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;font-weight:400;margin-bottom:20px}
.inquiry-list ul{padding-left:20px;color:var(--muted);font-size:16px;line-height:1.8}
.inquiry-list li li{margin-block:10px}
.support-form{margin-top:30px;max-width:650px}
.support-form fieldset{border:1px solid var(--line);padding:26px;margin:0}
.support-form legend{font-size:16px;padding-inline:10px}
.support-form label{display:block;font-size:14px;margin-block:20px 8px}
.support-form input,.support-form textarea{display:block;width:100%;background:#f6f5f0;color:var(--ink);border:1px solid #9598a3;padding:13px;font-size:16px;line-height:1.5;border-radius:0}
.support-form textarea{resize:vertical;min-height:160px}
.support-form button{margin-top:24px}
.button:disabled{opacity:1;background:#dadbe1;color:#555964;border-color:#979ba6;transform:none}
.faq-list{max-width:1000px}
.faq-list details{border-top:1px solid var(--line);padding-block:8px}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;font-size:clamp(19px,2.2vw,28px);line-height:1.4;padding:24px 10px 24px 0;letter-spacing:-.02em}
.faq-list .prose{padding-block:0 20px;padding-right:25px}
.status-note{font-size:14px;line-height:1.7;color:var(--muted);margin-top:18px;max-width:620px}
@media(max-width:1000px){.route-card{padding:25px}.legal-layout{grid-template-columns:190px minmax(0,1fr);gap:6%}.detail-grid{gap:0 35px}}
@media(max-width:760px){
  .inner-main{padding-top:72px}.breadcrumbs{font-size:10px;padding-block:18px}.page-hero{padding-block:28px 44px}.page-hero .eyebrow{font-size:9px;margin-bottom:23px}.page-hero h1{font-size:clamp(42px,10.5vw,69px)}.page-hero .lead{font-size:17px;margin-top:25px}.content-section{padding-block:44px}.section-intro,.game-feature{grid-template-columns:1fr;gap:25px}.section-intro{margin-bottom:30px}.route-grid{grid-template-columns:1fr}.route-card{padding:28px}.route-card .eyebrow{margin-bottom:28px}.route-card h2,.route-card h3{font-size:31px}.detail-grid,.inquiry-list{grid-template-columns:1fr;gap:0}.detail-grid>li,.detail-grid>article{padding-block:27px}.inquiry-list>li{padding-block:26px}.route-band{padding-block:40px}.route-band .page-width{align-items:flex-start;flex-direction:column;gap:25px}.legal-layout{grid-template-columns:1fr;gap:35px;padding-block:36px 50px}.legal-toc{position:static}.legal-toc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.legal-toc a{min-height:44px}.prose{font-size:16px}.prose h2{font-size:27px}.support-form fieldset{padding:20px}.notice{padding:18px}.text-link{min-height:44px}.page-links{gap:5px 24px}
  html:not(.js) .site-header{height:auto;min-height:104px;align-items:flex-start;padding-block:18px;flex-wrap:wrap;gap:12px}
  html:not(.js) .site-header .primary-navigation{width:100%;justify-content:space-between;gap:8px;font-size:12px}
  html:not(.js) .inner-main{padding-top:125px}
  html:not(.js) .hero{padding-top:170px}
}
/* Mobile copy stays visible and each panel owns its overflow. */
@media screen and (max-width:760px){
  .chapter-panel .capability-list{display:grid;grid-template-columns:minmax(0,1fr);max-width:100%;column-gap:0}
  .chapter-panel .capability-list li{font-size:14px;line-height:1.5;padding-block:6px;gap:10px;overflow-wrap:anywhere}
  /* Reserve artwork space in addition to the navigation clearance. app.js
     measures the panel's visible boundary and scales/clips the canvas below
     it. Longer copy scrolls within its own panel, above the artwork region. */
  .motion-enabled .chapter-panels{bottom:calc(100px + clamp(120px,20svh,180px));overflow:visible;padding-block:0}
  .motion-enabled .chapter-panel,
  .motion-enabled .chapter-panel.is-active{
    position:absolute;top:0;left:var(--gutter);right:var(--gutter);
    height:auto;max-height:100%;padding:6px 8px 16px;
    overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;
    scroll-padding-block:12px;clip-path:none;transition:none
  }
  .motion-enabled .chapter-panel .title-line>span,
  .motion-enabled .chapter-panel>.eyebrow{transform:none;transition:none}
}
@media(prefers-reduced-motion:reduce){.route-card{transition:none}}
@media(forced-colors:active){.notice,.route-card{border:1px solid CanvasText}.game-mark{display:none}.prose a{color:LinkText}.button:disabled{color:GrayText}.page-hero,.route-band{background:Canvas;color:CanvasText}}
@media print{.inner-main{padding-top:0}.breadcrumbs,.legal-toc,.page-links,.support-form{display:none}.page-hero,.content-section,.legal-layout{padding-block:25px}.page-hero h1{font-size:42px}.legal-layout{display:block}.route-grid,.detail-grid,.inquiry-list{display:block}.route-card,.detail-grid>li,.inquiry-list>li,details{break-inside:avoid}.route-band,.gaming-hero{background:white;color:black}.prose a{color:black}.game-mark{display:none}}
