main{max-width:1480px;grid-template-columns:minmax(0,1fr) 255px;gap:18px}.board{border-width:7px;border-radius:23px}.board>svg{border-radius:15px}.intro h1{font-size:clamp(25px,3.4vw,42px)}.intro{margin-bottom:15px}.side{gap:15px}.help-panel{display:none}.panel{padding:12px}.player{min-height:45px;margin:3px 0}.avatar{width:48px;height:48px}.panel h2{font-size:21px}.die{width:53px;height:53px;padding:9px}.dice{margin:14px 0}.roll{font-size:21px}.message{margin-top:13px}.tile:hover{filter:brightness(1.08)}.park-sign text{font-size:15px}.board.zoomed>svg{min-width:1536px}
@media(max-width:1000px){main{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.side>.panel:first-child{padding:5px 7px}.side>.panel:first-child>.label,.side>.panel:first-child>h2{display:none}#players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.player{display:grid;grid-template-columns:1fr;text-align:center;position:relative;padding:2px}.avatar{width:57px;height:57px;margin:auto}.player small{display:none}.pos{position:absolute;right:2px;top:3px;font-size:11px;min-width:18px;padding:1px}.turn{grid-column:auto;grid-row:auto}.player b{font-size:12px}.board{border-width:5px}}
@media(max-width:600px){main{padding:0 6px 16px;gap:12px}.intro h1{font-size:26px;padding:0 12px}.side{grid-template-columns:1fr}.board{border-radius:15px}.board>svg{border-radius:9px}.turn{position:sticky;bottom:8px;display:grid;grid-template-columns:120px 1fr}.tile text{font-size:24px}.tile[data-tile="0"] text{font-size:11px}.park-sign text{font-size:15px}.brand{font-size:25px}.intro p{font-size:11px}.board.zoomed>svg{min-width:1200px}}
.destination-art{display:block;width:100%;max-height:290px;margin:auto;border-radius:14px;background:#b1d47e}.destination .route-stop{filter:drop-shadow(0 0 3px #ffe7ab)}
.special-stop .special-halo{filter:drop-shadow(0 2px 1px #41311e66)}.special-stop:focus-visible{outline:none}.special-stop:focus-visible .special-halo,.special-stop:hover .special-halo{stroke:#fff;stroke-width:4}.special-stop .stop-emblem{filter:drop-shadow(0 2px 1px #41311e44)}
.intro .stop-key{display:inline-block;max-width:calc(100% - 24px);padding:8px 15px;border-radius:12px;background:#fff2d4;color:#514529;font-size:13px;font-weight:800;line-height:1.5;box-shadow:0 2px 0 #84603430;text-shadow:none}.special-stop .special-halo{filter:drop-shadow(0 1px 1px #41311e44)}
.dice{perspective:650px;gap:18px;padding:8px 4px 13px}.die{position:relative;isolation:isolate;overflow:visible;background:linear-gradient(135deg,#ff6565 10%,#dc242d 72%,#a20e1b);border:1px solid #a91622;border-top-color:#ffaaa5;border-left-color:#ff8b85;box-shadow:inset 2px 2px 3px #ffc4ba,inset -2px -3px 5px #76000c66,3px 5px 0 #ae1722,4px 7px 0 #790b17,6px 11px 10px #3e2b2255;transform:rotate(-7deg);border-radius:12px}.die:nth-child(2){transform:rotate(9deg)}.die .pip{border-radius:50%;background:radial-gradient(circle at 65% 75%,#fff 0,#fff7e9 65%,#e7d7c7 100%);box-shadow:inset 1px 2px 2px #9a162344,0 1px 1px #ffb8ad;transform:scale(.86)}.rolling .die{animation:dice-tumble .18s linear infinite}.rolling .die:nth-child(2){animation-direction:reverse}@keyframes dice-tumble{0%{transform:translateY(-4px) rotate(-14deg)}50%{transform:translateY(-11px) rotate(18deg)}100%{transform:translateY(-4px) rotate(-14deg)}}@media(max-width:600px){.dice{gap:15px;padding:6px 3px 12px}.die{width:48px;height:48px;padding:8px;gap:3px}}@media(prefers-reduced-motion:reduce){.rolling .die{animation:none}}
header{padding-top:12px;padding-bottom:12px;margin-bottom:8px}.intro{display:none}@media(max-width:600px){body{padding-bottom:185px}header{padding:8px;gap:7px;margin:0}.brand{font-size:22px}header button{padding:8px 10px;font-size:11px}main{padding-top:0;gap:10px}.board{margin:0;scroll-margin-top:6px}.board>svg{aspect-ratio:724/2172}.side .turn{position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:9;padding:9px 12px;box-shadow:0 6px 25px #23462b77}.turn .message{max-height:4.5em;overflow:auto;font-size:12px}.side .turn .dice{margin:4px 0 7px}.board.camera-focus>svg{height:var(--camera-height);aspect-ratio:auto}.board.zoomed>svg{min-width:1000px}}
.board.group-camera{height:var(--camera-viewport);overflow:scroll;position:relative;overscroll-behavior:contain;touch-action:pan-x pan-y;scroll-behavior:auto;scrollbar-width:thin}.board.group-camera>svg{width:var(--camera-width)!important;height:var(--camera-canvas-height)!important;min-width:0!important;max-width:none;aspect-ratio:auto;margin:var(--camera-pad-top,0px) auto 0}.board.group-camera:focus-visible{outline:3px solid #ffe5a8;outline-offset:2px}


.park-film-poster{height:290px;object-fit:contain}

#fullscreen{display:none}@media(min-width:1001px){header{max-width:none;padding-inline:22px}main,.online-game main{max-width:none;width:100%;padding-inline:18px;padding-bottom:12px;grid-template-columns:minmax(0,1fr) 255px}.bottom{display:none}#fullscreen{display:inline-block}}

@media(min-width:1001px){#zoom{display:none}.board.group-camera{overflow:hidden;touch-action:auto}.board.group-camera>svg{margin-left:auto;margin-right:auto}header{padding-top:8px;padding-bottom:8px;margin-bottom:4px}main{padding-bottom:0}.side{max-height:calc(100dvh - 100px);overflow:auto}}

#eventDialog button[hidden]{display:none!important}

@media(max-width:600px){html,body{max-width:100%;overflow-x:clip}main,.side,.board{min-width:0;max-width:100%}.board.group-camera{overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.board.group-camera>svg{width:100%!important;min-width:0!important;max-width:100%;margin-left:0;margin-right:0}}

@media(max-width:600px){.bottom{display:none}body{padding-bottom:130px}main{gap:5px;padding-bottom:5px}.side{gap:5px}.side .turn{left:6px;right:6px;bottom:max(4px,env(safe-area-inset-bottom));padding:6px 9px;grid-template-columns:96px 1fr;column-gap:9px;border-radius:13px}.turn .label{font-size:9px;margin:0;letter-spacing:.6px}.side .turn .dice{margin:3px 0 4px;padding:3px 2px 6px;gap:11px}.turn .die{width:36px;height:36px;padding:6px;gap:3px;border-radius:9px}.turn .roll{font-size:17px;padding:7px 9px;min-height:41px;border-radius:11px}.turn .roll:disabled{font-size:13px}.turn .message{font-size:11px;line-height:1.3;min-height:0;max-height:2.6em;margin-top:3px;padding:4px 6px}.side .avatar{width:43px;height:43px}.side .player{margin:0;padding:0}.board.group-camera>svg{width:var(--camera-width)!important;max-width:none;margin-left:0;margin-right:0}.board.group-camera{touch-action:pan-y;overflow-x:hidden}}