:root{--pink:#db557d;--text:#233c38;--text-mid:#4b5e59;--surface:#fff;--shell:600px}
.map-card-hdr{background:#fff!important}.food-card img{height:200px!important;background:#f3f5ef}.spot-close-button{position:sticky;top:10px;left:calc(100% - 50px);margin-bottom:-40px;z-index:10;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #dbe4db;background:#fffffff0;color:#284e41;font-size:26px;line-height:1;box-shadow:0 2px 12px #24413315}#_barcodeBox{max-width:var(--shell)!important;max-height:90dvh;overflow:auto;overscroll-behavior:contain}
html{scroll-behavior:smooth;background:#edf2ee;-webkit-text-size-adjust:100%}
body{max-width:var(--shell);margin:auto;background:#fafbf8;color:#233c38;font-size:15px;line-height:1.7;box-shadow:0 0 80px #2046320d;overflow-x:clip}
*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit;touch-action:manipulation}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #23766a;outline-offset:3px}
.header{position:relative;padding:19px 18px;background:#fff;border-bottom:0;gap:12px}.header-text h1{font-size:18px;letter-spacing:-.6px}.header-text p{font-size:12px!important;line-height:1.6}.header-logo{flex-shrink:0}.header-book-btn{padding:11px 15px}
.language-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 16px 14px;background:#fff}.language-bar button{min-height:38px;border:1px solid #e1e8e3;background:#f7f9f6;border-radius:9px;font-size:12px;font-weight:650;white-space:nowrap;color:#3e5950}.language-bar button[aria-pressed=true]{color:#fff;background:#284f43;border-color:#284f43}
.tab-bar{position:sticky;top:0;z-index:100;max-width:var(--shell);padding:6px 8px;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e7ece6;gap:0}.tab-btn{flex:1;min-width:0;min-height:56px;font-size:12px;padding:6px 2px;line-height:1.35;border-radius:11px;white-space:normal;overflow-wrap:anywhere}.tab-btn.active{background:#fbeaf0;color:#b3325c}.tab-btn .ti{font-size:19px;margin-bottom:4px}
.scroll-content{padding:20px 16px 95px}.fade-up{opacity:1!important;transform:none!important;animation:none!important}.section-label{font-size:16px;line-height:1.6;margin:24px 0 12px;letter-spacing:-.3px}.warn-box{font-size:13px;line-height:1.8;padding:16px}.info-row{line-height:1.85}.card{border:1px solid #e9eee8;box-shadow:0 5px 18px #23463206}
.readable-copy{font-size:14px!important;line-height:1.85!important;overflow-wrap:anywhere}.readable-small{font-size:12px!important;line-height:1.65!important}p,.spot-tip{word-break:normal;overflow-wrap:anywhere}
.map-card{overflow:hidden;border:1px solid #dce8df;border-radius:24px;background:#fff;box-shadow:0 8px 24px #1c493607}.map-card-hdr{padding:20px 18px 14px;display:block}.map-card-hdr h2{font-size:18px;color:#254f43;letter-spacing:-.5px}.map-card-hdr>span{display:block;font-size:12px;margin-top:3px;color:#687d72}.map-svg-wrap{padding:4px 6px;background:#e8f3ef;isolation:isolate}#udo-map{display:block;width:100%;height:auto;overflow:visible}#map-arrow-group,#routeDot,.wave,#ferry-boat{display:none!important}#map-car-emoji{pointer-events:none;filter:drop-shadow(0 2px 2px #24453540)}
.map-motion{position:absolute;right:14px;bottom:14px;min-width:40px;min-height:40px;border:1px solid #d1e1d7;border-radius:50%;background:#ffffffeb;color:#285044;font-size:16px;z-index:3}.map-pin-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:14px}.map-place{display:flex;align-items:center;gap:8px;text-align:left;min-height:44px;border:1px solid #e5ebe4;background:#fff;border-radius:10px;padding:9px;color:#345247;font-size:12px;line-height:1.5}.map-place .place-num{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#ecf3ed;font-size:11px;font-weight:800;color:#3c6152}.map-place:active{background:#f5e7ec}.map-place[data-spot=coconara]{border-color:#f0c2d0;background:#fff4f7}.map-note{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 12px;color:#476453;background:#f7faf5;font-size:12px}
.spot-popup{max-width:var(--shell);max-height:90dvh;padding-bottom:calc(30px + env(safe-area-inset-bottom));overscroll-behavior:contain;border:1px solid #e1e8df;box-shadow:0 -15px 90px #193a3530}.spot-photo-slider{height:auto!important;min-height:0;background:#eef3ee;overflow:hidden}.spot-photo-slides{height:auto!important;align-items:center}.spot-photo-slide{display:block;width:100%;min-width:100%;height:auto!important;max-height:60dvh;object-fit:contain!important;flex-shrink:0;background:#eef3ee;cursor:zoom-in}.spot-photo-empty{min-height:180px}.spot-popup-body{padding:20px 22px 0}.spot-popup-title{font-size:24px;line-height:1.35}.spot-popup-desc{font-size:15px;line-height:1.95;white-space:pre-line;color:#3e554b}.spot-tip{font-size:14px;line-height:1.8}.photo-credit{padding:8px 15px;background:#f7f9f6;font-size:10px!important;line-height:1.6!important;color:#6b7e72;overflow-wrap:anywhere}.photo-credit a{color:inherit;text-decoration:underline}.owner-narration-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#456556;margin:16px 0 -4px}.owner-narration-label:before{content:'🛵';display:grid;place-items:center;width:28px;height:28px;background:#f1f5e9;border-radius:50%}
img:not(.vehicle-sprite){object-fit:contain!important}.food-photo-slider,.food-photo-slides{height:auto!important}.food-photo-slide{height:auto!important;max-height:380px;object-fit:contain!important;background:#f5f6f1}.dalkom-photo-item{height:auto!important;aspect-ratio:auto!important}.dalkom-photo-item img{height:auto!important;width:100%}#galleryOverlay img{object-fit:contain!important;max-height:75dvh}
.vehicle-stage{position:relative;height:clamp(230px,65vw,325px);overflow:hidden;background:linear-gradient(180deg,#eff7f1,#fffdf4);display:flex;align-items:center;justify-content:center;perspective:850px}.vehicle-stage.fami{background:linear-gradient(180deg,#fff6e6,#fffcf3)}.vehicle-stage.open{background:linear-gradient(180deg,#edf5fa,#fcfdff)}.vehicle-sprite{position:relative;z-index:1;width:78%;height:82%;object-fit:contain;animation:vehicle-drive 7.5s ease-in-out infinite;transform-origin:50% 85%;filter:drop-shadow(0 10px 8px #28463813);will-change:transform}.vehicle-stage.fami .vehicle-sprite{animation-delay:-2.5s}.vehicle-stage.open .vehicle-sprite{animation-delay:-5s}.vehicle-lane{position:absolute;left:0;right:0;bottom:13%;height:1px;background:#748f7840}.vehicle-lane:after{content:'';position:absolute;top:14px;left:-50%;width:200%;height:2px;background:repeating-linear-gradient(90deg,#9aad9540 0 20px,transparent 20px 55px);animation:road-travel 1.5s linear infinite}.motion-toggle{position:absolute;z-index:2;bottom:10px;right:10px;min-height:34px;padding:6px 10px;border:1px solid #dce4d8;border-radius:20px;background:#ffffffdd;color:#4b6152;font-size:11px}.vehicle-original-copy{padding:16px 18px 5px;background:#fff}.vehicle-original-copy p{margin:0 0 10px;font-size:14px;line-height:1.8}.vehicle-original-copy p:first-child{font-weight:800;color:#2f5345}.vehicle-original-copy .vehicle-restriction{font-size:12px;padding:10px 12px;background:#fff4f1;color:#8c483f;border-radius:9px}.vehicle-cert{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 6px}.vehicle-cert span{font-size:11px;border:1px solid #dce6da;border-radius:20px;padding:3px 8px;color:#5e745b}.motion-paused .vehicle-sprite,.motion-paused .vehicle-lane:after{animation-play-state:paused!important}
@keyframes vehicle-drive{0%,100%{transform:translate3d(-7%,0,0) rotate(-1deg) rotateY(-7deg)}24%{transform:translate3d(0,-5px,8px) rotate(.5deg) rotateY(0)}50%{transform:translate3d(7%,0,0) rotate(1deg) rotateY(7deg)}75%{transform:translate3d(0,-3px,8px) rotate(-.5deg) rotateY(0)}}@keyframes road-travel{to{transform:translateX(-55px)}}
#qna-popup{max-width:var(--shell)!important;max-height:88dvh;overflow:auto;overscroll-behavior:contain;padding-bottom:calc(30px + env(safe-area-inset-bottom))!important}#qna-popup-q{font-size:17px!important;line-height:1.65!important}#qna-popup-a{font-size:15px!important;line-height:1.95!important}.coupon-popup,.slide-panel{max-width:var(--shell);max-height:90dvh;overflow:auto;overscroll-behavior:contain}.coupon-popup-bg{padding:16px}.coupon-popup{width:min(100%,560px)}
@media(min-width:650px){.header{padding:24px}.language-bar{grid-template-columns:repeat(6,1fr);padding:0 20px 18px}.language-bar button{font-size:11px;padding:5px 2px}.scroll-content{padding:24px}.map-place{font-size:13px}.vehicle-stage{height:340px}}
.header{background:#fff!important;padding:20px 16px!important}.header-text h1{font-size:17px!important;color:#294d40!important;white-space:normal!important;overflow:visible!important;line-height:1.5}.header-text p,.header-text p span{color:#687b70!important}.header>a{box-shadow:none!important;background:#faedf1!important;color:#a92e54!important;white-space:normal!important;text-align:center}.header-logo{width:46px!important;height:46px!important}.tab-item{flex:1;min-width:0;min-height:58px;font-size:12px;line-height:1.4;padding:6px 2px;white-space:normal;overflow-wrap:anywhere;border-radius:10px}.tab-item.active{background:#fbeaf0;color:#b3325c}.tab-item .ti{font-size:19px}.panel{max-width:var(--shell)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}