.ex-root{position:relative;margin:auto;width:min(100%,520px);color:#f5e8c2;font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.ex-root *{box-sizing:border-box}.ex-root button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ex-root button:focus-visible{outline:3px solid #f8df8e;outline-offset:4px}.ex-map{position:relative;aspect-ratio:941/1672;background:#126782 url('runtime/map.webp') center/100% 100% no-repeat;isolation:isolate;overflow:hidden;border-radius:22px}.ex-map-title{position:absolute;top:2.8%;left:8%;right:8%;margin:0;text-align:center;color:#163e43;text-shadow:0 1px 0 #fff1c9;font-family:"Songti SC","STSong",serif;font-weight:800;font-size:clamp(23px,6vw,34px);letter-spacing:.16em}.ex-map-subtitle{position:absolute;top:9%;left:6%;right:6%;margin:0;text-align:center;font-size:11px;color:#244d4b;background:#f7e9bbd9;border:1px solid #b5b783;border-radius:15px;padding:2px 8px}.ex-island{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:118px;min-height:46px;border:2px solid #493d28;border-radius:17% 13% 19% 12%/20% 24% 17% 20%;padding:6px 12px 5px;background:linear-gradient(#fff0c8,#dfc58f);color:#28473e;box-shadow:0 3px 0 #284f47b3,inset 0 0 0 2px #fff6d66b;font-size:15px!important;font-weight:800!important;white-space:nowrap}.ex-island small{font-size:9px;font-weight:400;color:#78633e;line-height:1.3}.ex-island[data-scene=sea]{left:34%;top:32.5%}.ex-island[data-scene=cliff]{left:66%;top:56%}.ex-island[data-scene=coast]{left:38%;top:80.5%}.ex-home{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);min-height:44px;border:1px solid #d5c398;border-radius:20px;background:#143f45e8;color:#f3e3b9;padding:7px 20px;font-size:12px!important}.ex-destination{position:relative;min-height:min(880px,100svh);background-color:#12505b;background-size:cover;background-position:center;border-radius:22px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}.ex-destination::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#102f4333,transparent 35%,#10344255)}.ex-destination[data-scene=sea]{background-image:url('runtime/sea.webp')}.ex-destination[data-scene=cliff]{background-image:url('runtime/cliff.webp')}.ex-destination[data-scene=coast]{background-image:url('runtime/coast.webp')}.ex-navigation{display:flex;justify-content:space-between;gap:8px;padding:14px 13px}.ex-navigation button{min-height:44px;border:1px solid #cfca9a;border-radius:14px;background:#153e43dd;color:#fff1cd;padding:6px 13px;font-size:12px}.ex-entry{margin:auto 18px 24px;background:#f4e7c8f5;border:2px solid #67573a;border-radius:25px 13px 28px 15px;padding:19px 18px 18px;color:#31483d;box-shadow:0 5px 0 #173e36a6}.ex-entry h2{font-family:"Songti SC","STSong",serif;font-size:27px;letter-spacing:.1em;margin:0 0 6px}.ex-entry p{font-size:12px;color:#726c4d;margin:5px 0 16px}.ex-entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ex-entry-actions button{min-height:52px;border:2px solid #473d28;border-radius:14px;background:#b84931;color:#fff1cf;box-shadow:0 3px 0 #6c3024;font-weight:700;font-size:15px}.ex-entry-actions button+button{background:#355f51;box-shadow:0 3px 0 #214238}.ex-entry small{display:block;margin-top:12px;font-size:10px;color:#84744e}.ex-status{margin:12px 8px 0;text-align:center;color:#d7dabb;font-size:11px;min-height:32px}.ex-map .ex-path-spark{position:absolute;left:57%;top:63%;width:5px;height:5px;background:#fff0bc;border-radius:50%;box-shadow:0 0 10px #ffe7a5;pointer-events:none;animation:ex-glimmer 4s ease-in-out infinite}.ex-paused *{animation-play-state:paused!important}@keyframes ex-glimmer{0%,100%{opacity:.2}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.ex-path-spark{animation:none!important}}@media(max-width:370px){.ex-island{min-width:112px;font-size:14px!important;padding:5px 10px}.ex-entry{margin-left:13px;margin-right:13px}.ex-entry-actions button{font-size:14px}}

/* Preserve the full atlas and all three labels within a short phone viewport. */
.ex-map{width:min(100%,calc((100svh - 90px) * .562799));margin:auto}