/* Product geometry only. Company identity comes from witb-brand.css. */
:root{--fantasy-text:var(--brand-text);--fantasy-muted:var(--brand-muted);--fantasy-navy:var(--brand-night);--fantasy-navy-panel:var(--brand-panel);--fantasy-navy-raised:var(--brand-raised);--fantasy-border:var(--brand-line);--fantasy-gold:var(--brand-gold);--fantasy-cyan:var(--brand-cyan);--fantasy-radius:var(--brand-radius)}
body{font-family:var(--brand-font);background:var(--brand-background);color:var(--brand-text)}
.site-head{background:var(--brand-navy);border-color:var(--brand-line)}
.head-inner{flex-wrap:wrap;gap:16px;padding-block:14px}.brand{flex-shrink:0}.brand img{object-fit:contain;width:88px;height:59px}
.nav{gap:4px;flex-wrap:wrap}.nav a{background:transparent;border:1px solid transparent;border-radius:var(--brand-control-radius);min-height:44px}.nav a[aria-current=page]{background:var(--brand-raised);border-color:var(--brand-gold)}
.intro,.game-card,.change-card,.box,.early-banner{background:var(--brand-panel);border-color:var(--brand-line);border-radius:var(--brand-radius);box-shadow:none}.intro{border-top:2px solid var(--brand-gold)}
.intro h1{font-size:clamp(2rem,4.2vw,3.6rem);max-width:24ch;line-height:1.06}.intro p{max-width:64ch}.section{margin-top:32px}.cards{gap:18px}.game-card h2{font-size:1.5rem}.game-card h3{font-size:1.25rem}.game-card p{font-size:.98rem}.box h2:not(:first-child){margin-top:26px}
.explanation{border-top:1px solid var(--brand-line);margin:16px 0 0}.explanation summary{cursor:pointer;min-height:48px;padding:13px 2px;color:var(--brand-cyan);font-weight:750;line-height:1.45}.explanation>div{padding:0 0 14px}.explanation>div p:first-child{margin-top:0}.explanation[open] summary{color:var(--brand-gold)}
.pro-bridge{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:32px 0;padding:22px 24px;border:1px solid var(--brand-line);border-left:3px solid var(--brand-gold);border-radius:var(--brand-radius);background:var(--brand-raised)}.pro-bridge strong{display:block;font-size:1.2rem}.pro-bridge p{max-width:65ch;margin:8px 0 0;color:var(--brand-muted)}.pro-bridge>a{min-height:44px;display:flex;align-items:center;flex-shrink:0}
.timeline{list-style:none;padding:0;margin:12px 0}.timeline li{border-left:2px solid var(--brand-gold);padding:0 0 22px 20px}.timeline li:last-child{padding-bottom:0}.paths{gap:20px}.paths ul{padding-left:20px}.paths li{margin:12px 0}.button,button{border-radius:var(--brand-control-radius);background:var(--brand-cyan);color:var(--brand-night);box-shadow:none}.button:hover,button:hover{background:var(--brand-cyan);filter:brightness(1.08)}button.secondary,.secondary{background:var(--brand-raised);color:var(--brand-text)}
.change-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr)}.change-card h3{font-size:1rem}.change-card a,.box a{overflow-wrap:anywhere}summary:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:4px}
@media(max-width:700px){.head-inner{gap:10px}.nav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.nav a{text-align:center;justify-content:center;font-size:.83rem;padding:9px 4px;white-space:normal}.intro{padding:24px 20px}.cards,.paths,.change-card{grid-template-columns:minmax(0,1fr)}.pro-bridge{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.game-card,.box,.change-card{padding:20px}.timeline li{padding-left:14px}.brand img{width:72px;height:48px}.section{margin-top:24px}}