:root{--color-teal:#26c6c6;--color-white:#fff;--color-text:#333;--color-text-light:#888;--color-border:#e0e0e0;--color-overlay:rgba(0,0,0,.5);--transition-smart:0.3s ease-out;--header-pad:20px;--footer-height:40px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-out-back:cubic-bezier(0.34,1.3,0.64,1);--ease-in-sharp:cubic-bezier(0.55,0,1,0.45);--ease-smooth:cubic-bezier(0.4,0,0.2,1)}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;height:100%;overflow:clip;overscroll-behavior:none;touch-action:pan-x pan-y;width:100%}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}#app,body{background:#fff}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:clip;position:relative;width:100%}#map-container{flex:1;min-height:0;position:relative}@media(min-width:1024px){#map-container{bottom:40px;bottom:var(--footer-height);flex:none;left:0;position:absolute;right:0;top:0}}#map-viewport{cursor:grab;height:100%;overflow:clip;position:relative;width:100%}#map-viewport:active{cursor:grabbing}#map-inner{height:1362px;isolation:isolate;left:0;position:absolute;top:0;transform-origin:0 0;width:2178px;will-change:transform}.map-group{inset:0}.map-group,.map-layer{pointer-events:none;position:absolute}.map-layer{-webkit-user-drag:none;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-layer-key="base/ground-bricks"]{opacity:1}.map-district{cursor:pointer;pointer-events:auto;transition:filter .2s cubic-bezier(.55,0,1,.45),translate .2s cubic-bezier(.55,0,1,.45),opacity .2s cubic-bezier(.55,0,1,.45);transition:filter .2s var(--ease-in-sharp),translate .2s var(--ease-in-sharp),opacity .2s var(--ease-in-sharp)}.map-layer--multiply{transition:opacity .2s cubic-bezier(.55,0,1,.45),filter .2s cubic-bezier(.55,0,1,.45),translate .2s cubic-bezier(.55,0,1,.45);transition:opacity .2s var(--ease-in-sharp),filter .2s var(--ease-in-sharp),translate .2s var(--ease-in-sharp);will-change:transform}.map-district--hovered.map-layer--multiply{filter:blur(1.5px);opacity:.5;transition:opacity .3s cubic-bezier(.34,1.3,.64,1) 0ms,filter .3s cubic-bezier(.34,1.3,.64,1) 0ms,translate .3s cubic-bezier(.34,1.3,.64,1) 0ms;transition:opacity .3s var(--ease-out-back) var(--hover-delay,0ms),filter .3s var(--ease-out-back) var(--hover-delay,0ms),translate .3s var(--ease-out-back) var(--hover-delay,0ms);translate:3px -2px}.map-district--hovered[data-layer-key="districts/7ku/windmill-fan-shadow"]{filter:none;opacity:1;translate:0 -4px}.map-district--hovered[data-static]{filter:none;transition:none;translate:none}.map-district--hovered:not([data-static]):not(.map-layer--multiply){filter:drop-shadow(0 3px 12px rgba(100,100,100,.25));filter:drop-shadow(0 3px 12px var(--district-hover-shadow,rgba(100,100,100,.25)));transition:filter .3s cubic-bezier(.34,1.3,.64,1) 0ms,translate .3s cubic-bezier(.34,1.3,.64,1) 0ms;transition:filter .3s var(--ease-out-back) var(--hover-delay,0ms),translate .3s var(--ease-out-back) var(--hover-delay,0ms);translate:0 -4px}@keyframes obj-float{0%{translate:0 0}50%{translate:0 -7px}to{translate:0 0}}@keyframes shadow-breathe{0%{filter:blur(0);opacity:1;translate:0 0}50%{filter:blur(.8px);opacity:.75;translate:3px -2px}to{filter:blur(0);opacity:1;translate:0 0}}[data-layer-key="districts/3ku/monument-bigbook"],[data-layer-key="districts/7ku/flask-body"]{animation:obj-float 3s ease-in-out infinite}@keyframes ball-float-y{0%{transform:translateY(0)}50%{transform:translateY(-7px)}to{transform:translateY(0)}}[data-layer-key="districts/1ku/ball-a"],[data-layer-key="districts/1ku/ball-b"],[data-layer-key="districts/1ku/ball-c"],[data-layer-key="districts/1ku/ball-d"],[data-layer-key="districts/1ku/ball-e"],[data-layer-key="districts/1ku/shadow-ball-a"],[data-layer-key="districts/1ku/shadow-ball-b"],[data-layer-key="districts/1ku/shadow-ball-c"],[data-layer-key="districts/1ku/shadow-ball-d"],[data-layer-key="districts/1ku/shadow-ball-e"]{--hover-delay:0ms!important}.map-district--hovered[data-layer-key="districts/1ku/shadow-ball-a"],.map-district--hovered[data-layer-key="districts/1ku/shadow-ball-b"],.map-district--hovered[data-layer-key="districts/1ku/shadow-ball-c"],.map-district--hovered[data-layer-key="districts/1ku/shadow-ball-d"],.map-district--hovered[data-layer-key="districts/1ku/shadow-ball-e"]{filter:blur(1.5px);opacity:.5;translate:0 -4px}[data-layer-key="districts/1ku/ball-a"]{animation:ball-float-y 3.2s ease-in-out -.4s infinite}[data-layer-key="districts/1ku/ball-b"]{animation:ball-float-y 3.6s ease-in-out -1.2s infinite}[data-layer-key="districts/1ku/ball-c"]{animation:ball-float-y 2.8s ease-in-out -.8s infinite}[data-layer-key="districts/1ku/ball-d"]{animation:ball-float-y 3.4s ease-in-out -2s infinite}[data-layer-key="districts/1ku/ball-e"]{animation:ball-float-y 3s ease-in-out -.2s infinite}@keyframes ball-shadow-breathe{0%{filter:blur(0);opacity:1;transform:translate(0)}50%{filter:blur(.8px);opacity:.75;transform:translate(3px,-2px)}to{filter:blur(0);opacity:1;transform:translate(0)}}[data-layer-key="districts/1ku/shadow-ball-a"]{animation:ball-shadow-breathe 3.2s ease-in-out -.4s infinite}[data-layer-key="districts/1ku/shadow-ball-b"]{animation:ball-shadow-breathe 3.6s ease-in-out -1.2s infinite}[data-layer-key="districts/1ku/shadow-ball-c"]{animation:ball-shadow-breathe 2.8s ease-in-out -.8s infinite}[data-layer-key="districts/1ku/shadow-ball-d"]{animation:ball-shadow-breathe 3.4s ease-in-out -2s infinite}[data-layer-key="districts/1ku/shadow-ball-e"]{animation:ball-shadow-breathe 3s ease-in-out -.2s infinite}[data-layer-key="districts/7ku/shadow-flask"]{animation:shadow-breathe 3s ease-in-out infinite}[data-layer-key="districts/4ku/building-f"]{animation:obj-float 4.2s ease-in-out infinite}[data-layer-key="districts/4ku/landmark-obj-2"]{animation:obj-float 3.6s ease-in-out -1.2s infinite}[data-layer-key="districts/4ku/landmark-obj-1"]{animation:obj-float 4.8s ease-in-out -.5s infinite}[data-layer-key="districts/4ku/landmark-obj-4-body"]{animation:obj-float 3.4s ease-in-out -2s infinite}[data-layer-key="districts/4ku/landmark-ground"]{animation:obj-float 5s ease-in-out -1.8s infinite}[data-layer-key="districts/3ku/monument-bigbook-shadow"]{animation:shadow-breathe 3s ease-in-out infinite}[data-layer-key="districts/4ku/ground-shadow-i"]{animation:shadow-breathe 4.2s ease-in-out infinite}[data-layer-key="districts/4ku/building-c"]{animation:obj-float 3.8s ease-in-out -.8s infinite}[data-layer-key="districts/4ku/building-c-shadow"]{animation:shadow-breathe 3.8s ease-in-out -.8s infinite}[data-layer-key="districts/4ku/building-b-body"]{animation:obj-float 4.4s ease-in-out -1.5s infinite}[data-layer-key="districts/4ku/building-b-shadow"]{animation:shadow-breathe 4.4s ease-in-out -1.5s infinite}[data-layer-key="districts/5ku/pillar"]{animation:obj-float 4s ease-in-out -.6s infinite}[data-layer-key="districts/5ku/shadow-pillar"]{animation:shadow-breathe 4s ease-in-out -.6s infinite}[data-layer-key="districts/4ku/landmark-obj-4"]{animation:shadow-breathe 3.4s ease-in-out -2s infinite}[data-layer-key="districts/4ku/landmark-obj-shadow-2"]{animation:shadow-breathe 3.6s ease-in-out -1.2s infinite}[data-layer-key="districts/4ku/landmark-obj-3"]{animation:shadow-breathe 4.8s ease-in-out -.5s infinite}[data-layer-key="districts/4ku/landmark-obj-shadow-1"]{animation:shadow-breathe 5s ease-in-out -1.8s infinite}@keyframes splash-y{0%{translate:0 0}40%{translate:0 -5px}to{translate:0 2px}}@keyframes splash-fade{0%{opacity:0}8%{opacity:1}65%{opacity:.8}90%{opacity:0}to{opacity:0}}[data-layer-key="districts/6ku/splash-1"]{animation:splash-y 2.4s cubic-bezier(.15,0,.85,1) -.3s infinite,splash-fade 2.4s linear -.3s infinite}[data-layer-key="districts/6ku/splash-4"]{animation:splash-y 2.6s cubic-bezier(.15,0,.85,1) -1.8s infinite,splash-fade 2.6s linear -1.8s infinite}[data-layer-key="districts/6ku/splash-5"]{animation:splash-y 2s cubic-bezier(.15,0,.85,1) -.7s infinite,splash-fade 2s linear -.7s infinite}[data-layer-key="districts/6ku/splash-8"]{animation:splash-y 2.2s cubic-bezier(.15,0,.85,1) -1.2s infinite,splash-fade 2.2s linear -1.2s infinite}[data-layer-key="districts/6ku/splash-9"]{animation:splash-y 1.9s cubic-bezier(.15,0,.85,1) -.1s infinite,splash-fade 1.9s linear -.1s infinite}[data-layer-key="districts/6ku/splash-2"]{animation:splash-y 1.5s cubic-bezier(.15,0,.85,1) -1s infinite,splash-fade 1.5s linear -1s infinite}[data-layer-key="districts/6ku/splash-3"]{animation:splash-y 1.4s cubic-bezier(.15,0,.85,1) -.5s infinite,splash-fade 1.4s linear -.5s infinite}[data-layer-key="districts/6ku/splash-6"]{animation:splash-y 1.6s cubic-bezier(.15,0,.85,1) -1.4s infinite,splash-fade 1.6s linear -1.4s infinite}[data-layer-key="districts/6ku/splash-7"]{animation:splash-y 1.3s cubic-bezier(.15,0,.85,1) -.8s infinite,splash-fade 1.3s linear -.8s infinite}[data-layer-key="districts/2ku/barber-pole-stripes"]{animation:barber-spin 3.3s linear infinite;background-color:#fff;background-image:url(../img/map/layers/districts/2ku/barber-pole-stripes-tile.webp);background-position:0 0;background-repeat:repeat-y;background-size:100% auto;-o-object-position:-9999px -9999px;object-position:-9999px -9999px}@keyframes barber-spin{0%{background-position-y:0}to{background-position-y:-54.76px}}@keyframes windmill-spin{0%{rotate:0deg}to{rotate:1turn}}[data-layer-key="districts/7ku/windmill-fan"]{animation:windmill-spin 12s linear infinite;transform-origin:61.9% 53%}[data-layer-key="districts/7ku/windmill-fan-shadow"]{animation:windmill-spin-shadow 12s linear infinite;transform-origin:61.9% 53%}@keyframes windmill-spin-shadow{0%{rotate:0deg;scale:1.07}to{rotate:1turn;scale:1.07}}@keyframes lotus-sway{0%{transform:scale(.97) rotate(-2deg)}25%{transform:scale(1.03) rotate(2.5deg)}50%{transform:scale(.98) rotate(-1.5deg)}75%{transform:scale(1.02) rotate(3deg)}to{transform:scale(.97) rotate(-2deg)}}@keyframes lotus-drift{0%{translate:0 0}50%{translate:0 -3px}to{translate:0 0}}[data-layer-key="districts/6ku/lotus-a"]{animation:lotus-sway 9s ease-in-out 0s infinite,lotus-drift 7s ease-in-out -1s infinite;transform-origin:center bottom}[data-layer-key="districts/6ku/lotus-b"]{animation:lotus-sway 11s ease-in-out -2.1s infinite,lotus-drift 8s ease-in-out -3s infinite;transform-origin:center bottom}[data-layer-key="districts/6ku/lotus-c"]{animation:lotus-sway 8.5s ease-in-out -1.3s infinite,lotus-drift 6.5s ease-in-out -.5s infinite;transform-origin:center bottom}[data-layer-key="districts/6ku/lotus-road"]{animation:lotus-sway 10s ease-in-out -3.5s infinite,lotus-drift 7.5s ease-in-out -2s infinite;transform-origin:center bottom}@media(prefers-reduced-motion:reduce){.map-district,.map-layer--multiply{transition:none}[data-layer-key="districts/1ku/ball-a"],[data-layer-key="districts/1ku/ball-b"],[data-layer-key="districts/1ku/ball-c"],[data-layer-key="districts/1ku/ball-d"],[data-layer-key="districts/1ku/ball-e"],[data-layer-key="districts/1ku/shadow-ball-a"],[data-layer-key="districts/1ku/shadow-ball-b"],[data-layer-key="districts/1ku/shadow-ball-c"],[data-layer-key="districts/1ku/shadow-ball-d"],[data-layer-key="districts/1ku/shadow-ball-e"],[data-layer-key="districts/2ku/barber-pole-stripes"],[data-layer-key="districts/3ku/monument-bigbook"],[data-layer-key="districts/3ku/monument-bigbook-shadow"],[data-layer-key="districts/4ku/building-b-body"],[data-layer-key="districts/4ku/building-b-shadow"],[data-layer-key="districts/4ku/building-c"],[data-layer-key="districts/4ku/building-c-shadow"],[data-layer-key="districts/4ku/building-f"],[data-layer-key="districts/4ku/ground-shadow-i"],[data-layer-key="districts/4ku/landmark-ground"],[data-layer-key="districts/4ku/landmark-obj-1"],[data-layer-key="districts/4ku/landmark-obj-2"],[data-layer-key="districts/4ku/landmark-obj-3"],[data-layer-key="districts/4ku/landmark-obj-4"],[data-layer-key="districts/4ku/landmark-obj-4-body"],[data-layer-key="districts/4ku/landmark-obj-shadow-1"],[data-layer-key="districts/4ku/landmark-obj-shadow-2"],[data-layer-key="districts/5ku/pillar"],[data-layer-key="districts/5ku/shadow-pillar"],[data-layer-key="districts/6ku/lotus-a"],[data-layer-key="districts/6ku/lotus-b"],[data-layer-key="districts/6ku/lotus-c"],[data-layer-key="districts/6ku/lotus-road"],[data-layer-key="districts/6ku/splash-1"],[data-layer-key="districts/6ku/splash-2"],[data-layer-key="districts/6ku/splash-3"],[data-layer-key="districts/6ku/splash-4"],[data-layer-key="districts/6ku/splash-5"],[data-layer-key="districts/6ku/splash-6"],[data-layer-key="districts/6ku/splash-7"],[data-layer-key="districts/6ku/splash-8"],[data-layer-key="districts/6ku/splash-9"],[data-layer-key="districts/7ku/flask-body"],[data-layer-key="districts/7ku/shadow-flask"],[data-layer-key="districts/7ku/windmill-fan"],[data-layer-key="districts/7ku/windmill-fan-shadow"]{animation:none}}@keyframes layer-drop-in{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.map-layer--animate{animation:layer-drop-in .56s cubic-bezier(.22,1,.36,1) forwards;animation:layer-drop-in .56s var(--ease-out-quint) forwards;opacity:0;pointer-events:none!important}@keyframes layer-fade-in{0%{opacity:0}to{opacity:1;opacity:var(--layer-opacity,1)}}.map-layer--animate-fade{animation:layer-fade-in .7s cubic-bezier(.4,0,.2,1) forwards;animation:layer-fade-in .7s var(--ease-smooth) forwards;opacity:0;pointer-events:none!important}@keyframes cloud-drop-in{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}.map-layer--animate-cloud{animation:cloud-drop-in 1.4s cubic-bezier(.22,1,.36,1) forwards;animation:cloud-drop-in 1.4s var(--ease-out-quint) forwards;opacity:0;pointer-events:none!important}@media(prefers-reduced-motion:reduce){.map-layer--animate,.map-layer--animate-cloud,.map-layer--animate-fade{animation:none;opacity:1;opacity:var(--layer-opacity,1)}}@keyframes cloud-float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.015)}to{transform:translateY(0) scale(1)}}.map-layer--cloud-float{animation:cloud-float 7s ease-in-out infinite;animation:cloud-float var(--cloud-float-duration,7s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--cloud-float-offset,0s)}@media(prefers-reduced-motion:reduce){.map-layer--cloud-float{animation:none}}@keyframes pin-drop{0%{opacity:0;transform:translateY(-24px)}40%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes pin-rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}#popup-layer{inset:0;pointer-events:none;position:absolute;z-index:20}.popup{align-items:center;display:flex;flex-direction:column;pointer-events:auto;position:absolute;transform-origin:bottom center}.popup--hidden{opacity:0;pointer-events:none}.popup--visible{opacity:1;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity .2s var(--ease-smooth)}.popup--card-expanded{z-index:1}.popup--pins-only{pointer-events:none}.popup--pins-only .popup__pin{pointer-events:auto}.popup--pins-only .popup__card-outer{pointer-events:none;visibility:hidden}.popup__pin{align-items:flex-end;cursor:pointer;display:flex}.popup__pin:focus-visible{outline:none;scale:1.45;transform-origin:bottom center}.popup__pin--hidden{opacity:0;pointer-events:none}.popup__pin--drop{animation:pin-drop .4s cubic-bezier(.34,1.3,.64,1) forwards;animation:pin-drop .4s var(--ease-out-back) forwards;pointer-events:auto}.popup__pin--rise{animation:pin-rise .22s cubic-bezier(.55,0,1,.45) forwards;animation:pin-rise .22s var(--ease-in-sharp) forwards;pointer-events:none}.popup__card-outer{--card-color:#26c6c6;padding-bottom:15px;pointer-events:none}.popup__card-outer,.popup__card-outer:after{bottom:0;left:50%;position:absolute;translate:-50% 0}.popup__card-outer:after{border-left:9px solid transparent;border-right:9px solid transparent;border-top:15px solid var(--card-color);content:"";opacity:0;transition:opacity .28s cubic-bezier(.4,0,.2,1);transition:opacity .28s var(--ease-smooth)}.popup--card-expanded .popup__card-outer:after{opacity:1}.popup__card{background:var(--card-color);border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;opacity:0;padding:10px;pointer-events:none;transform:translateY(10px) scale(.93);transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.34,1.3,.64,1);transition:opacity .28s var(--ease-smooth),transform .35s var(--ease-out-back);width:240px}.popup__card--visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.popup__open-link{align-items:center;background:none;border:none;color:#fff;color:var(--card-title-color,#fff);cursor:pointer;display:flex;font:inherit;gap:12px;height:36px;justify-content:space-between;padding:0;position:relative;text-decoration:none;transition:opacity .15s;width:100%}.popup__open-link:hover{opacity:.85}.popup__open-link:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:2px}.popup__card-header{align-items:center;display:flex;z-index:1}.popup__district-badge{align-items:center;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.popup__badge-icon{border-radius:50%;height:36px;width:36px}.popup__district-name{color:inherit;font-size:14px;font-weight:500;left:0;letter-spacing:.02em;overflow:hidden;pointer-events:none;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.popup__open-arrow{align-items:center;display:flex;flex-shrink:0;z-index:1}.popup__card-content{align-items:center;background:#fff;border-radius:6px;display:flex;min-height:56px;padding:0 10px}.popup__desc{color:#45433e;font-size:10px;font-weight:400;line-height:15px;margin:0}@media(prefers-reduced-motion:reduce){.popup--visible{transition:none}.popup__pin--drop{animation:none;opacity:1}.popup__pin--rise{animation:none;opacity:0}.popup__card,.popup__card-outer:after{transition:none}}#loading-overlay{align-items:center;background:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;transition:opacity 1.1s cubic-bezier(.4,0,.2,1);transition:opacity 1.1s var(--ease-smooth);z-index:100}#loading-overlay.loading-overlay--done{opacity:0;pointer-events:none;transition-delay:1s}#loading-logo{transition:opacity .9s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.22,1,.36,1);transition:opacity .9s var(--ease-smooth),transform 1s var(--ease-out-quint)}.loading-overlay--done #loading-logo{opacity:0;transform:translateY(-18px)}#loading-logo img{height:72px;opacity:.9;width:auto}#loading-progress-bar{background:rgba(0,0,0,.06);bottom:0;height:2px;left:0;overflow:hidden;position:absolute;right:0}#loading-progress-fill{background:#26c6c6;background:var(--color-teal);height:100%;transition:width .3s cubic-bezier(.22,1,.36,1);transition:width .3s var(--ease-out-quint);width:0}body.is-loading .map-layer--animate,body.is-loading .map-layer--animate-cloud,body.is-loading .map-layer--animate-fade{animation-play-state:paused}.map-district--hovered.map-layer--animate,.map-district--hovered.map-layer--animate-cloud,.map-district--hovered.map-layer--animate-fade{filter:none!important;opacity:0!important;transition:none!important;translate:none!important}body.is-loading #popup-layer{visibility:hidden}@media(prefers-reduced-motion:reduce){#loading-logo,#loading-overlay,#loading-progress-fill{transition:none}}.modal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .3s ease;z-index:100}.modal:focus,.modal:focus-visible{outline:none}.modal--hidden{opacity:0;pointer-events:none}.modal__overlay{background:rgba(0,0,0,.5);inset:0;position:absolute}.modal__container{position:relative;z-index:1}.modal__content{-webkit-overflow-scrolling:touch;background:#fff;border-radius:10px;display:flex;flex-direction:column;max-height:80vh;max-height:80dvh;max-width:calc(100vw - 40px);overflow:hidden;overflow-y:auto;width:320px}.modal__img{background:#0db3b3;background:var(--modal-color,#0db3b3);flex-shrink:0;height:220px;overflow:hidden;position:relative}.modal__illust{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modal__img-title{bottom:12px;color:#fff;display:flex;flex-direction:column;gap:2px;left:16px;position:absolute}.modal__dist-num{font-size:20px;font-weight:600;line-height:1.5}.modal__dist-ku{font-size:17px;font-weight:700}.modal__dist-name{font-size:28px;font-weight:500;line-height:1.5}.modal__body{gap:20px;padding:20px 0 0}.modal__body,.modal__txt{display:flex;flex-direction:column}.modal__txt{gap:10px;padding:0 20px}.modal__heading{color:#45433e;font-size:16px;font-weight:500;line-height:24px;margin:0}.modal__desc{color:#45433e;font-size:14px;font-weight:400;line-height:21px;margin:0}.modal__links{background:#f5f5f5;padding:0 20px}.modal__links-inner{display:flex;flex-direction:column;gap:10px;padding:20px 0}.modal__banner{align-items:center;background:#fff;border-radius:10px;color:#45433e;display:flex;height:80px;overflow:hidden;text-decoration:none;transition:opacity .15s}.modal__banner:hover{opacity:.8}.modal__banner:focus-visible{outline:2px solid #26c6c6;outline:2px solid var(--color-teal);outline-offset:2px}.modal__banner-img{background:#a0a0a0;flex-shrink:0;height:80px;-o-object-fit:cover;object-fit:cover;width:80px}.modal__banner-info{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;padding:10px 0 10px 15px}.modal__banner-date{color:#888;font-size:11px}.modal__banner-date em{color:#ff4080;font-style:normal;font-weight:500}.modal__banner-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.modal__banner-arrow{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding-right:10px}.modal__close{background:none;border:none;cursor:pointer;opacity:.8;padding:4px;position:absolute;right:-8px;top:-48px;transition:opacity .15s}.modal__close:hover{opacity:1}.modal__close:focus-visible{outline:2px solid #26c6c6;outline:2px solid var(--color-teal);outline-offset:2px}@media(min-width:1024px){.modal__content{flex-direction:row;height:392px;max-height:80vh;overflow-y:hidden;padding-left:20px;width:640px}.modal__img{align-self:stretch;flex-shrink:0;height:auto;width:260px}.modal__body{-webkit-overflow-scrolling:touch;flex:1;gap:15px;overflow-y:auto;padding:20px}.modal__txt{gap:5px;padding:0}.modal__links{padding:20px}.modal__links-inner{padding:0}.modal__dist-num{font-size:26px;font-weight:600}.modal__dist-ku{font-size:22px}.modal__dist-name{font-size:28px;font-weight:600}.modal__img-title{bottom:16px;left:16px}.modal__close{right:0;top:-56px}}@media(prefers-reduced-motion:reduce){.modal{transition:none}}