/* Cinematic WordGo cover. Shared site navigation stays unchanged. */
.wg-page .wg-hero{min-height:calc(100svh - 80px);grid-template-columns:minmax(320px,.83fr) minmax(560px,1.17fr);gap:3%;padding:100px 5% 120px;background:#081d1b;isolation:isolate}
.wg-hero:before{display:none}.wg-hero-bg .wg-landscape{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9}.wg-hero-bg:after{background:linear-gradient(90deg,#061a19e6 0%,#071d19b5 33%,#0b20211a 72%),linear-gradient(0deg,#071d1c 0%,transparent 30%,#071a1933 100%)}
.wg-hero-bg #hero-network{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;mix-blend-mode:screen}
.wg-hero h1{font-size:clamp(64px,6.4vw,106px);margin-top:24px;letter-spacing:-4px}.wg-hero h1 span{font-size:.3em;letter-spacing:9px}.wg-hero .wg-hero-lead{font-size:clamp(21px,1.8vw,29px);line-height:1.65}.wg-hero-text{font-size:14px;line-height:2.05;max-width:475px;color:#e5e6d9d6!important}.wg-hero-actions{gap:18px;margin-top:25px}.wg-hero .wg-over{letter-spacing:1.5px;font-size:10px}
.wg-showcase{position:relative;z-index:1;min-width:0;margin:0;width:100%;color:#f7efdc}.wg-showcase-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;border-bottom:1px solid #d7b77c40;padding:0 0 14px}.wg-showcase-top i{display:inline-block;width:6px;height:6px;background:#95e6bd;box-shadow:0 0 14px #7defb7;border-radius:50%;margin-right:9px}
.wg-showcase button{font:inherit;cursor:pointer}.wg-showcase button:focus-visible{outline:2px solid #e6d3a3;outline-offset:4px}.wg-showcase-top button{font-size:11px;border:1px solid #e0cba345;color:#e2d6b9;background:#0e29257a;padding:7px 11px;border-radius:20px}
.wg-stage{position:relative;height:460px;margin-top:8px}.wg-stage:before{content:'';position:absolute;inset:10% 8% 4% 0;border-radius:50%;background:radial-gradient(ellipse,#92d8cb15,transparent 66%);border:1px solid #b2c6a710;transform:rotate(-14deg)}
#hero-board-room{position:absolute;left:-4%;top:5px;width:86%;height:430px}.wg-stage canvas.bp-room-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;filter:drop-shadow(0 25px 24px #0008)}#hero-board-room .bp-scene-status{position:absolute;top:48%;left:22%;font-size:12px;color:#e4d5aa}#hero-fallback{width:100%;height:100%;object-fit:contain}
#hero-balloon{width:225px;max-width:65%;padding:12px 15px;background:linear-gradient(135deg,#fffdf4,#f7e7c6);color:#273c33;border:1px solid #e6c890;border-radius:17px;box-shadow:0 9px 32px #0004;transform:translate(-50%,-100%);transition:opacity .3s;top:40%;left:30%;z-index:3}#hero-balloon.on{transform:translate(-50%,-100%)}#hero-balloon:after{left:var(--tail,50%);border-top-color:#f7e7c6}#hero-balloon span{font-size:13px;font-weight:600;line-height:1.65}
.wg-position-label{position:absolute;bottom:10px;left:2%;display:grid;gap:6px}.wg-position-label span{font-size:9px;letter-spacing:2px;color:#b4cabd}.wg-position-label b{font-size:13px;color:#eed5a0;font-weight:500}

.wg-collection-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d6b77a40;padding:16px 0 12px}.wg-collection-head>div{display:grid;gap:4px}.wg-collection-head b{font-size:15px;font-weight:500}.wg-collection-head span{font-size:10px;letter-spacing:.4px;color:#b8c5b5}.wg-board-collection{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.wg-board-collection button{display:flex;align-items:center;text-align:left;gap:8px;min-width:0;border:1px solid #b5c9ad38;background:#102724b0;border-radius:10px;padding:10px 8px;color:#e1e3d2;transition:background .25s,border-color .25s}.wg-board-collection button[aria-pressed=true]{border-color:#d7b77c;background:#53674770}.wg-board-collection img{width:45px;height:44px;object-fit:contain}.wg-board-collection span{font-size:11px;line-height:1.5}.wg-board-collection small{display:block;font-size:7px;letter-spacing:.6px;color:#b9c6ae}.wg-showcase figcaption{font-size:9px;line-height:1.7;color:#a9beb3;margin-top:12px;max-width:90%}.wg-hero-chapters{left:5%;right:5%;bottom:24px;gap:8px 22px}
@media(min-width:1650px){.wg-stage{height:520px}#hero-board-room{height:480px}.wg-hero{max-height:1200px}}
@media(max-width:1100px){.wg-page .wg-hero{grid-template-columns:minmax(290px,.8fr) minmax(430px,1.2fr);padding:85px 4% 135px;gap:2%}.wg-hero-text{font-size:13px}.wg-stage{height:390px}#hero-board-room{height:340px;width:91%;top:10px}.wg-board-collection img{width:32px;height:32px}.wg-board-collection span{font-size:10px}.wg-board-collection small{display:none}.wg-position-label{bottom:7px}}
@media(max-width:800px){.wg-page .wg-hero{grid-template-columns:1fr;padding:80px 6% 35px;gap:35px}.wg-hero-copy{max-width:580px}.wg-hero h1{font-size:70px}.wg-hero-text{max-width:580px;font-size:13px}.wg-showcase{max-width:650px;margin:auto}.wg-stage{height:470px}#hero-board-room{height:400px;width:88%}.wg-hero-chapters{position:relative;left:auto;right:auto;bottom:auto;grid-column:1;line-height:1.7}.wg-hero-bg .wg-landscape{object-position:65% center}.wg-hero-bg:after{background:linear-gradient(180deg,#071b19d9,transparent 80%),linear-gradient(0deg,#071d1c,transparent 30%)}.wg-hero-bg #hero-network{object-position:right;opacity:.6}}
@media(max-width:480px){.wg-page .wg-hero{padding:65px 20px 28px}.wg-hero h1{font-size:60px}.wg-hero h1 span{font-size:26px}.wg-hero-actions{gap:18px 15px}.wg-stage{height:550px}#hero-board-room{left:-4%;top:0;width:108%;height:335px}.wg-position-label{top:300px;bottom:auto;left:0}.wg-position-label span{display:none}#hero-balloon{width:192px;padding:10px 12px}#hero-balloon span{font-size:11px}.wg-board-collection{gap:6px}.wg-board-collection button{display:grid;justify-items:center;text-align:center;padding:7px 4px;gap:2px}.wg-board-collection img{width:55px;height:40px}.wg-collection-head b{font-size:13px}.wg-showcase figcaption{max-width:100%;font-size:9px}}
@media(prefers-reduced-motion:reduce){.wg-showcase *{transition:none!important}}
/* Reserve room for the shared header, including its two-row mobile menu. */
.wg-page .wg-hero{padding-top:140px}.wg-showcase [hidden]{display:none!important}
@media(max-width:1100px){.wg-page .wg-hero{padding-top:140px}}
@media(max-width:800px){.wg-page .wg-hero{padding-top:155px}}
@media(max-height:540px) and (orientation:landscape){.wg-page .wg-hero{padding-top:45px}}

/* One complete board; recorded self-play is the focus. */
#hero-board-room{left:0;width:100%}.wg-stage{height:470px}.wg-position-label{bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:12px;left:2%;right:2%}.wg-position-label span{letter-spacing:.5px;font-size:10px}.wg-replay-actions{display:flex;gap:12px;align-items:center}#hero-restart{background:transparent;border:0;color:#dec694;font-size:11px;padding:6px}.wg-replay-track{height:2px;background:#b8cbbb25;margin:12px 2% 0}.wg-replay-track i{display:block;background:#e1c68d;height:100%;transition:width .4s}.wg-collection-head{border-top:0}
@media(min-width:1650px){.wg-stage{height:520px}#hero-board-room{height:480px}}
@media(max-width:1100px){.wg-stage{height:400px}#hero-board-room{height:355px}}
@media(max-width:800px){.wg-stage{height:460px}#hero-board-room{height:410px}}
@media(max-width:480px){.wg-stage{height:355px}#hero-board-room{height:310px;left:-3%;width:106%;top:0}.wg-position-label{top:auto;bottom:0;left:0;right:0}.wg-position-label span{display:none}.wg-position-label b{font-size:11px}#hero-restart{font-size:10px}#hero-balloon{max-width:74%;width:215px}.wg-showcase-top{letter-spacing:0}.wg-showcase-top span{font-size:11px}}