.board-game{background:#eadcc0}.board-game__seal,.board-game__table{background-image:linear-gradient(#21140c65,#21140c85),url('../assets/ranch-wood-real.webp');background-size:cover}.board-game__table{padding:11px;border:14px solid #56351e;box-shadow:inset 0 0 0 2px #e2b578,0 20px 38px #2a170c84}.board-game__table:before{z-index:3}#trail-canvas{height:clamp(570px,62vw,770px);background:#5e3d23;isolation:isolate}#trail-canvas canvas{position:absolute;inset:0;z-index:0}.board-game__controls{position:absolute;z-index:3;top:24px;left:24px;display:grid;grid-template-columns:repeat(3,58px);gap:9px;margin:0;width:auto}.board-stop{display:grid;place-items:center;min-height:58px;width:58px;height:58px;padding:4px;border:3px solid #3b2415;border-radius:50%;background:linear-gradient(#a57945b8,#4a2d19b8),url('../assets/ranch-wood-real.webp') center/cover;color:#f7e4bf;text-align:center;box-shadow:inset 0 0 0 2px #d6ad69,0 5px 10px #0009;transform:none}.board-stop small{font-size:.9rem;color:#fff0ce}.board-stop strong{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.board-stop:hover,.board-stop:focus-visible,.board-stop.is-selected{transform:scale(1.11);background:#d4a55b;color:#24170d;box-shadow:0 0 0 3px #f7dfac,0 7px 14px #000a}.board-stop.is-selected small{color:#29190f}.board-game__detail,html[data-theme="night"] .board-game__detail{position:absolute;z-index:2;right:20px;bottom:26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;width:min(52%,600px);min-height:290px;margin:0;padding:40px 55px 45px 61px;border:0;color:#23170d;background:url('../assets/ranch-sign.png') center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(7px 12px 8px #130a05a0)}.board-game__detail span,html[data-theme="night"] .board-game__detail span{color:#674115;font-size:.74rem;font-weight:800}.board-game__detail h3{font:600 clamp(2rem,3.2vw,3.4rem)/.86 var(--display);max-width:450px}.board-game__detail p,html[data-theme="night"] .board-game__detail p{grid-column:auto;max-width:420px;color:#362617;font-size:clamp(.72rem,1.1vw,.91rem);line-height:1.3}.board-game__detail small{font:800 .68rem var(--label);letter-spacing:.1em;color:#6e461d}.board-game__legend{position:absolute;z-index:2;bottom:5px;left:20px;right:20px;pointer-events:none;font-size:.62rem;text-shadow:0 2px 5px #000}.board-game__legend span:last-child{display:none}.trail-map[hidden]{display:none!important}.trail-intro{padding-bottom:40px}.board-game__note{font-size:.76rem}#trail-canvas:before{top:auto;bottom:10px;left:auto;right:18px;font-size:.61rem}#trail-canvas:after{display:none}#trail-canvas.board-fallback{display:block}
@media(max-width:900px){.board-game__detail,html[data-theme="night"] .board-game__detail{width:68%;min-height:305px;padding:40px 50px}.board-game__controls{grid-template-columns:repeat(2,52px)}.board-stop{width:52px;height:52px;min-height:52px}}
@media(max-width:690px){.board-game{padding-inline:15px}.board-game__top h2{font-size:5rem}.board-game__table{border-width:7px;padding:5px}#trail-canvas{height:680px}.board-game__controls{top:10px;left:10px;right:10px;grid-template-columns:repeat(6,1fr);gap:4px}.board-stop{width:min(13vw,50px);height:min(13vw,50px);min-height:0;justify-self:center}.board-stop small{font-size:.7rem}.board-game__detail,html[data-theme="night"] .board-game__detail{right:7px;left:7px;bottom:22px;width:auto;min-height:310px;padding:37px 45px 39px}.board-game__detail h3{font-size:clamp(1.85rem,8vw,2.8rem)}.board-game__detail p{font-size:.76rem}.board-game__legend{bottom:2px;left:10px;font-size:.53rem}.board-game__seal{padding:17px}.trail-intro{padding:38px 20px}}
@media(max-width:390px){.board-game__detail,html[data-theme="night"] .board-game__detail{padding-inline:33px}.board-game__detail p{font-size:.7rem}}
.board-game__controls{left:auto;right:28px}
.board-game__detail,html[data-theme="night"] .board-game__detail{color:#fff4dc;text-shadow:0 2px 4px #170b05,0 0 7px #170b05}
.board-game__detail span,html[data-theme="night"] .board-game__detail span,.board-game__detail small{color:#ffe2a4;text-shadow:0 2px 4px #170b05}
.board-game__detail p,html[data-theme="night"] .board-game__detail p{color:#fff6e5;font-size:clamp(.83rem,1.2vw,1rem);line-height:1.38;text-shadow:0 2px 4px #170b05,0 0 6px #170b05}
@media(max-width:690px){.board-game__controls{right:10px}.board-game__detail p,html[data-theme="night"] .board-game__detail p{font-size:.75rem}}
@media(max-width:690px){#trail-canvas{height:520px}.board-game__detail,html[data-theme="night"] .board-game__detail{min-height:275px;bottom:9px}.board-game__detail h3{font-size:clamp(1.65rem,7vw,2.5rem)}.board-game__detail p,html[data-theme="night"] .board-game__detail p{font-size:.68rem;line-height:1.22}.board-game__detail small{font-size:.53rem}}
.board-stop small{display:none}.board-stop:after{content:attr(data-step);font:700 1.1rem var(--label);color:#fff0ce}.board-stop.is-selected:after{color:#29190f}
@media(max-width:690px){#trail-canvas canvas{transform:translateY(-44px)}}