.board-game{position:relative;padding:100px clamp(22px,6vw,104px) 105px;background:#e8dcc6;color:#211810;overflow:hidden}.board-game:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 13%,#fff9e2a3,transparent 35%),repeating-linear-gradient(0deg,transparent 0 120px,#6e4a1b0d 121px 122px)}.board-game>*{position:relative}.board-game__top{display:grid;grid-template-columns:1.5fr .6fr;gap:30px;align-items:end;margin-bottom:45px}.board-game__top h2{font:500 clamp(5rem,8vw,10rem)/.77 var(--display);margin:0 0 22px}.board-game__top h2 em{color:#9f7134}.board-game__top p:not(.eyebrow){max-width:580px;color:#534635}.board-game__seal{justify-self:end;display:flex;flex-direction:column;gap:12px;min-width:260px;border:1px solid #8e6336;padding:23px 26px;background:linear-gradient(#23160ee8,#23160ee8),url('../assets/walnut-grain.webp') center/cover;color:#f8e9d0;box-shadow:8px 9px 0 #b6976d}.board-game__seal span,.board-game__seal small{font:700 .78rem var(--label);letter-spacing:.12em;color:#e0bd7e}.board-game__seal strong{font:500 2.3rem var(--display)}
.board-game__table{border:12px solid #4c2e1a;outline:2px solid #b88a50;background:linear-gradient(#21160f60,#21160f60),url('../assets/walnut-grain.webp') center/cover;box-shadow:inset 0 0 0 2px #d1a365,0 19px 35px #3c281b6b;padding:12px}.board-game__table:before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid #d6b47780}#trail-canvas{width:100%;height:clamp(360px,55vw,690px);background:radial-gradient(ellipse at center,#d3bc90 0,#9c7e55 55%,#4f3825 100%);overflow:hidden}#trail-canvas canvas{display:block;width:100%;height:100%}.board-game__legend{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;color:#f1d7a9;font:700 .78rem var(--label);letter-spacing:.1em}
.board-game__controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:26px}.board-stop{display:flex;flex-direction:column;text-align:left;gap:13px;min-height:112px;padding:17px 13px;border:2px solid #654525;background:linear-gradient(#392416bd,#392416bd),url('../assets/walnut-grain.webp') center/cover;color:#f2e2c8;box-shadow:3px 5px 0 #a78b63;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.board-stop:hover,.board-stop:focus-visible{transform:translateY(-5px);box-shadow:3px 10px 0 #a78b63}.board-stop.is-selected{border-color:#dcad66;background:linear-gradient(#21140ec4,#21140ec4),url('../assets/walnut-grain.webp') center/cover;box-shadow:inset 0 0 0 2px #d4a762,3px 5px 0 #a78b63}.board-stop small{font:700 .68rem var(--label);letter-spacing:.1em;color:#d5b377}.board-stop strong{font:500 clamp(1.15rem,1.7vw,1.65rem)/1.06 var(--display)}.board-game__detail{display:grid;grid-template-columns:160px 1fr auto;gap:12px 28px;align-items:center;margin-top:23px;border-left:5px solid #b78949;padding:27px 30px;background:#fff8e8;box-shadow:0 9px 25px #3c281b1d}.board-game__detail span{font:700 .85rem var(--label);letter-spacing:.15em;color:#79582b}.board-game__detail h3{font:500 clamp(2rem,3.2vw,3.7rem)/.95 var(--display);margin:0}.board-game__detail p{grid-column:2;max-width:670px;margin:0;color:#514535}.board-game__detail a{grid-column:3;grid-row:1/3;align-self:end;border-bottom:1px solid #8b622f;font:700 .8rem var(--label);letter-spacing:.12em;padding:8px 0}.board-game__note{margin:25px 0 0;font-size:.88rem;color:#665543}
html[data-theme="night"] .board-game{background:#211b15;color:#f5e6cb}html[data-theme="night"] .board-game__top p:not(.eyebrow),html[data-theme="night"] .board-game__note{color:#d8c7ad}html[data-theme="night"] .board-game__detail{background:#30251b;color:#f6ead6;box-shadow:0 9px 25px #0005}html[data-theme="night"] .board-game__detail p{color:#e0d1bd}html[data-theme="night"] .board-game__detail span{color:#dbb878}
@media(max-width:1050px){.board-game__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.board-game__detail{grid-template-columns:1fr}.board-game__detail p,.board-game__detail a{grid-column:1;grid-row:auto;justify-self:start}}
@media(max-width:690px){.board-game{padding:75px 22px}.board-game__top{grid-template-columns:1fr}.board-game__seal{justify-self:stretch;min-width:0}.board-game__table{border-width:7px;padding:5px}#trail-canvas{height:350px}.board-game__legend{font-size:.65rem}.board-game__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.board-stop{min-height:100px}.board-game__detail{padding:22px 18px}.board-game__top h2{font-size:5.7rem}}
@media(prefers-reduced-motion:reduce){.board-stop{transition:none}}
#trail-canvas{position:relative}#trail-canvas:before{content:"MGR / THE GOLDEN TRAIL";position:absolute;z-index:1;top:16px;left:18px;color:#f6ddb3;font:700 .7rem var(--label);letter-spacing:.18em;text-shadow:0 2px 5px #221409}#trail-canvas:after{content:"START  →  DISCOVER  →  BOOK  →  GROW";position:absolute;z-index:1;right:18px;bottom:14px;color:#f6ddb3;font:700 .7rem var(--label);letter-spacing:.13em;text-shadow:0 2px 5px #221409}#trail-canvas.board-fallback{display:grid;place-items:center;padding:25px;color:#fff0d3;text-align:center;font:500 2rem var(--display)}