/* Illustrated tabletop board */
.board-wrap{padding:16px 8px 35px}.board{width:min(100%,760px);height:auto;aspect-ratio:2/3;position:relative;margin:auto;border:6px solid #f7f4e8;background:url("assets/howard-homecoming-board-v2.png") center/100% 100% no-repeat;box-shadow:9px 9px 0 var(--red),0 0 0 2px var(--gold),inset 0 0 24px #0005;overflow:hidden}.board:before{content:"HOMECOMING AT THE MECCA";position:absolute;z-index:5;inset:1.3% 2% auto auto;color:#fff;background:#003a63ee;border:2px solid var(--gold);padding:5px 8px;font-size:clamp(.48rem,1.8vw,.8rem);letter-spacing:.08em}.route-line{display:none}.space{width:24px;height:24px;border:2px solid #fff;border-radius:8px;background:transparent!important;box-shadow:none;z-index:6;color:transparent}.space.checkpoint{width:34px;height:34px;border-radius:50%;background:#003a63e8!important;color:#fff;border:2px solid var(--gold);box-shadow:0 0 0 2px var(--red),3px 3px 0 #00101c}.space.reached{filter:brightness(1.3);box-shadow:0 0 15px #fff,0 0 25px var(--gold)}.space-num{display:none}.landmark{font-size:1rem}.space-label{display:none}.bison-token{width:36px;height:36px;font-size:1.9rem}@media(min-width:720px){.board{height:auto}.space{width:38px;height:38px}.space.checkpoint{width:50px;height:50px}.landmark{font-size:1.4rem}.space-label{display:block;width:130px;transform:translate(-50%,-115%);font-size:.62rem;line-height:1}.space-label b{background:#001c31e8;padding:4px 5px;border:1px solid #ffffff80}.bison-token{width:52px;height:52px;font-size:2.7rem}}
.board-wrap{padding:16px 8px 35px}.board{width:min(100%,760px);height:auto;aspect-ratio:2/3;position:relative;margin:auto;border:6px solid #f7f4e8;background:url("assets/howard-homecoming-board-v2.png") center/100% 100% no-repeat;box-shadow:9px 9px 0 var(--red),0 0 0 2px var(--gold),inset 0 0 24px #0005;overflow:hidden}.board:before{content:"HOMECOMING AT THE MECCA";position:absolute;z-index:5;inset:1.3% 2% auto auto;color:#fff;background:#003a63ee;border:2px solid var(--gold);padding:5px 8px;font-size:clamp(.48rem,1.8vw,.8rem);letter-spacing:.08em}.route-line{display:none}.space{width:24px;height:24px;border:2px solid #fff;border-radius:8px;background:transparent!important;box-shadow:none;z-index:6;color:transparent}.space.checkpoint{width:34px;height:34px;border-radius:50%;background:#003a63e8!important;color:#fff;border:2px solid var(--gold);box-shadow:0 0 0 2px var(--red),3px 3px 0 #00101c}.space.reached{filter:brightness(1.3);box-shadow:0 0 15px #fff,0 0 25px var(--gold)}.space-num{display:none}.landmark{font-size:1rem}.space-label{display:none}.bison-token{width:36px;height:36px;font-size:1.9rem}@media(max-width:719px){.board-wrap{padding:10px 0 28px}.board{width:min(92vw,calc((100svh - 210px)*.6667));min-width:270px}.game-header{padding:8px 12px}.scorebar{top:51px;padding:5px 10px}.board-screen{padding-bottom:145px}.turn-card{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.dice-btn{width:76px;min-height:80px}.die{font-size:2rem}}@media(min-width:720px){.board{height:auto}.space{width:38px;height:38px}.space.checkpoint{width:50px;height:50px}.landmark{font-size:1.4rem}.space-label{display:block;width:130px;transform:translate(-50%,-115%);font-size:.62rem;line-height:1}.space-label b{background:#001c31e8;padding:4px 5px;border:1px solid #ffffff80}.bison-token{width:52px;height:52px;font-size:2.7rem}}