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,#fffef6 10%,#f1e8ce 72%,#d9c9a5);border:1px solid #d4c5a5;border-top-color:white;border-left-color:#fffdf0;box-shadow:inset 2px 2px 3px #fff,inset -2px -3px 5px #af9c7644,3px 5px 0 #c4af87,4px 7px 0 #a78e64,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%,#574d40 0,#25241f 55%,#11120f 100%);box-shadow:inset 1px 2px 2px #0009,0 1px 1px #fff;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}