.ov-map-page{color:#244a43;margin:10px 0 20px}
.ov-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ov-map-heading h1{margin:3px 0 7px;font-size:clamp(24px,4vw,34px);line-height:1.3}
.ov-map-heading p{margin:0;line-height:1.5}
.ov-map-eyebrow{color:#567569;font-size:12px;letter-spacing:.1em}
.ov-map-content{padding-top:4px}
.ov-map-pause{width:18px;height:18px;vertical-align:middle;margin:0 7px 12px 3px}
.ov-map-pause-label{display:inline;font-size:14px;line-height:1.5}
.ov-map-illustration{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c6d9bc;border-radius:18px;background:#e7f0dc;padding:0 20px 16px}
.ov-map-sky{position:relative;height:72px;overflow:hidden;pointer-events:none;background:linear-gradient(#d7ede9,#e7f0dc);margin:0 -20px}
.ov-map-cloud{position:absolute;top:28px;left:12%;width:88px;height:22px;background:#fffdf8;border-radius:30px;opacity:.85;animation:ov-map-cloud-drift 6s ease-in-out infinite alternate;will-change:transform;--ov-cloud-scale:1}
.ov-map-cloud:before,.ov-map-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit;width:33px;height:33px;left:14px;top:-17px}
.ov-map-cloud:after{left:40px;top:-12px;width:38px;height:32px}
.ov-map-cloud-two{left:auto;right:12%;top:38px;--ov-cloud-scale:.78;transform:scale(.78);animation-duration:8s;animation-delay:-3s}
.ov-map-center{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:9px 12px;border-radius:14px;background:#fffdf6;color:#244a43;border:1px solid #bfd1b5;margin:-2px auto 18px;max-width:430px}
.ov-map-center>span{font-weight:700}
.ov-map-center>a{color:#0f766e;font-size:13px;padding:6px 3px;min-height:36px}
.ov-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px;position:relative}
.ov-map-grid:before{content:"";position:absolute;background:#eee5d2;width:18px;top:-18px;bottom:-20px;left:calc(50% - 9px);z-index:-1}
.ov-map-street{display:block;position:relative;min-width:0;border:2px solid transparent;border-radius:16px;background:#f8faed;padding:14px 16px 12px;color:#244a43;text-decoration:none;transition:border-color .2s,transform .2s}
.ov-map-street:hover{border-color:#498872;transform:translateY(-2px)}
.ov-map-street.is-current{border-color:#0f766e}
.ov-map-street:after{content:"";position:absolute;inset:-2px;border-radius:16px;border:3px solid #519d80;opacity:0;pointer-events:none}
.ov-map-street.is-current:after,.ov-map-street:focus-visible:after{animation:ov-map-soft-glow 1.6s ease-in-out 2}
.ov-map-street-name{display:block;font-size:clamp(17px,2.5vw,22px);line-height:1.35;text-align:center;overflow-wrap:anywhere;min-height:30px}
.ov-map-street-scene{display:flex;align-items:flex-end;justify-content:center;gap:14px;height:100px;margin:6px 0 0}
.ov-map-house{position:relative;display:block;flex:0 1 54px;min-width:24px;height:55px;background:#eddfbf;border-radius:2px;box-shadow:3px 4px 0 #d2dcc8}
.ov-map-house:before{content:"";position:absolute;left:-4px;right:-4px;top:-16px;height:20px;background:#467a69;clip-path:polygon(0 100%,14% 0,86% 0,100% 100%)}
.ov-map-house:nth-of-type(3){height:66px}
.ov-map-house-window{position:absolute;left:12%;right:12%;top:14px;height:17px;background:repeating-linear-gradient(90deg,#95b9ab 0,#95b9ab 10px,#eddfbf 10px,#eddfbf 13px)}
.ov-map-house-door{position:absolute;left:40%;bottom:0;height:18px;width:12px;background:#467a69}
.ov-map-tree{display:block;position:relative;width:27px;height:58px;flex:0 0 27px;transform-origin:50% 100%;animation:ov-map-tree-sway 6s ease-in-out infinite alternate}
.ov-map-tree:before{content:"";position:absolute;width:7px;height:32px;left:10px;bottom:0;border-radius:2px;background:#957e5b}
.ov-map-tree>span{display:block;position:absolute;left:-2px;top:0;width:31px;height:37px;border-radius:50% 50% 42% 42%;background:#679473}
.ov-map-tree-two{animation-delay:-3s;animation-duration:7s}
.ov-map-street-road{display:block;height:14px;border-radius:5px;background:#eee5d2;margin:7px -8px 11px}
.ov-map-street-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;font-size:13px;line-height:1.5}
.ov-map-street-footer>span:last-child{color:#0f766e;font-weight:700}
.ov-map-gate{display:block;width:fit-content;max-width:100%;margin:20px auto 0;padding:9px 18px;border:1px solid #bfd1b5;border-radius:14px;background:#fffdf6;color:#244a43;min-height:44px;text-align:center;text-decoration:none}
.ov-map-empty{text-align:center;padding:18px 8px;line-height:1.6}
.ov-map-admin-link{margin-top:14px}
#ov-map-pause:checked~.ov-map-illustration .ov-map-cloud,#ov-map-pause:checked~.ov-map-illustration .ov-map-tree,#ov-map-pause:checked~.ov-map-illustration .ov-map-street:after{animation-play-state:paused}
.ov-town-street-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:10px 0}
.ov-town-street-label{display:inline-block;padding:6px 12px;border-radius:10px;background:#e6f2ed;color:#245848;font-weight:700;font-size:15px;overflow-wrap:anywhere;animation:ov-map-street-arrive 1.1s ease-out 1}
.ov-town-street-tools .btn{min-height:44px}
.ov-street-admin .ov-street-admin-section{margin:14px 0}
.ov-street-edit{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:12px 0;border-bottom:1px solid #d8ded5}
.ov-street-edit>label:first-of-type{flex:1 1 190px}
.ov-street-edit>label:nth-of-type(2){flex:0 1 100px}
.ov-street-edit label,.ov-street-assign label{display:flex;flex-direction:column;gap:5px;font-size:13px}
.ov-street-edit input:not([type=checkbox]),.ov-street-assign input,.ov-street-assign select{width:100%;min-height:44px;font:inherit;font-size:16px}
.ov-street-edit .ov-street-check{flex-direction:row;align-items:center;align-self:center;min-height:44px}
.ov-street-check input{width:18px;height:18px}
.ov-street-assign{display:flex;align-items:end;gap:8px;flex-wrap:wrap;min-width:260px}
.ov-street-assign>label:first-of-type{flex:1 1 150px}
.ov-street-assign>label:nth-of-type(2){flex:0 1 85px}
.ov-street-table-wrap{overflow-x:auto}
.ov-street-table th,.ov-street-table td{vertical-align:top;overflow-wrap:anywhere}
@media(max-width:540px){.ov-map-street-scene .ov-map-house:nth-of-type(n+4){display:none}}
@keyframes ov-map-cloud-drift{from{transform:translateX(-16px) scale(var(--ov-cloud-scale,1))}to{transform:translateX(32px) scale(var(--ov-cloud-scale,1))}}
@keyframes ov-map-tree-sway{from{rotate:-2deg}to{rotate:2deg}}
@keyframes ov-map-soft-glow{0%,100%{opacity:0}50%{opacity:.7}}
@keyframes ov-map-street-arrive{0%{opacity:.7;transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:540px){.ov-map-illustration{padding:0 10px 14px}.ov-map-sky{margin:0 -10px;height:65px}.ov-map-grid{gap:18px 16px}.ov-map-grid:before{width:10px;left:calc(50% - 5px)}.ov-map-street{padding:12px 9px 10px}.ov-map-street-scene{gap:7px;height:88px}.ov-map-house{flex-basis:35px;min-width:16px;height:47px}.ov-map-house-door{width:8px;height:14px}.ov-map-tree{width:18px;flex-basis:18px;height:48px}.ov-map-tree:before{left:7px;width:5px;height:26px}.ov-map-tree>span{left:-2px;width:22px;height:30px}.ov-map-street-footer{font-size:12px;justify-content:center;text-align:center}.ov-map-street-name{font-size:17px;min-height:44px}.ov-map-street-road{margin-left:-3px;margin-right:-3px}.ov-map-center{font-size:14px;gap:6px;padding:7px 9px;margin-bottom:14px}.ov-map-heading .btn{font-size:13px}.ov-street-edit>label:first-of-type{flex-basis:100%}.ov-street-assign{min-width:215px}.ov-street-table{font-size:13px}.ov-street-table td:first-child{min-width:130px}}
@media(prefers-reduced-motion:reduce){.ov-map-page *,.ov-town-street-label{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 2026-10-15: compact street and MAP pages only. */
body.ov-town-view .site-header,body.ov-map-view .site-header{padding:5px 12px;position:relative;min-height:54px}
body.ov-town-view .site-header .brand,body.ov-map-view .site-header .brand{font-size:15px;line-height:1.25}
body.ov-town-view .container,body.ov-map-view .container{padding-top:8px;padding-bottom:16px}
.ov-town.ov-town-compact{display:flex;flex-direction:column;min-width:0}
.ov-town.ov-town-compact .ov-town-intro{order:0!important;margin:0 0 5px!important}
.ov-town.ov-town-compact .ov-town-intro h1{font-size:clamp(18px,4.8vw,25px);line-height:1.3;margin:0;overflow-wrap:anywhere}
.ov-town.ov-town-compact .ov-town-street-tools{order:1;display:flex;flex-wrap:wrap;gap:6px;margin:0 0 7px}
.ov-town.ov-town-compact .ov-town-street-label{padding:4px 8px;font-size:13px;min-width:0;max-width:100%;margin-right:auto}
.ov-town.ov-town-compact .ov-town-street-tools .btn{font-size:13px;min-height:44px;padding:7px 9px;white-space:nowrap}
.ov-town.ov-town-compact .ov-controls.ov-town-actions{order:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0 0 8px!important}
.ov-town.ov-town-compact .ov-town-actions [data-status]{grid-column:1/-1;min-height:28px;padding:3px 9px;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.ov-town.ov-town-compact .ov-controls.ov-town-actions>.btn{min-height:44px;padding:7px 6px;font-size:14px;line-height:1.35}
.ov-town.ov-town-compact .ov-town-actions [data-enter-shop]{font-weight:800}
.ov-town.ov-town-compact .ov-viewport{order:3!important}
.ov-town.ov-town-compact>.flash{order:4}
.ov-town.ov-town-compact .ov-help{order:5!important;margin:8px 0 0;font-size:13px}
.ov-town.ov-town-compact .ov-help summary{cursor:pointer;min-height:44px;padding:10px 0;color:#53636d}
.ov-town.ov-town-compact .ov-help p{margin:0 0 8px}
.ov-map-view .ov-map-page{margin:0 0 12px}
.ov-map-view .ov-map-heading{flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 6px}
.ov-map-view .ov-map-heading>div{min-width:0}
.ov-map-view .ov-map-heading h1{font-size:24px;line-height:1.25;margin:0 0 2px}
.ov-map-view .ov-map-heading p{font-size:13px;line-height:1.4}
.ov-map-view .ov-map-heading>.btn{min-height:44px;padding:7px 10px;font-size:13px;flex-shrink:0}
.ov-map-view .ov-map-content{position:relative;padding-top:0}
.ov-map-view .ov-map-pause{margin-bottom:8px}
.ov-map-view .ov-map-pause-label{display:inline-block;min-height:44px;padding:10px 0;font-size:13px;vertical-align:middle}
.ov-map-view .ov-map-sky{height:60px}
@media(max-width:760px){
 body.ov-town-view .container,body.ov-map-view .container{padding:8px 10px 16px}
 .ov-town.ov-town-compact .ov-viewport{height:300px!important;min-height:300px!important;max-height:300px!important}
 .ov-town.ov-town-compact .ov-walk-arrow{width:44px;height:66px;font-size:32px}
 .ov-map-view .ov-map-illustration{padding-bottom:10px}
 .ov-map-view .ov-map-grid{gap:14px 16px}
 .ov-map-view .ov-map-center{margin-bottom:10px;padding:3px 8px;gap:4px}
 .ov-map-view .ov-map-center>a{min-height:44px;display:inline-flex;align-items:center;padding:4px}
 .ov-map-view .ov-map-street{padding:9px 9px 8px}
 .ov-map-view .ov-map-street-name{min-height:24px;font-size:17px}
 .ov-map-view .ov-map-street-scene{height:78px;margin-top:4px}
 .ov-map-view .ov-map-street-road{margin-top:5px;margin-bottom:6px;height:10px}
 .ov-map-view .ov-map-street-footer{gap:3px;font-size:12px}
 .ov-map-view .ov-map-gate{margin-top:12px}
}