.map-screen{max-width:1100px}
.home-map-heading{display:grid;grid-template-columns:1fr 112px;gap:12px;align-items:center}.home-map-title{display:flex;align-items:center;gap:14px;min-width:0}.home-map-title>.kid-back{min-width:44px;min-height:44px;font-size:22px!important;padding:7px!important}.home-age{display:flex;flex-direction:column;gap:3px;font-size:18px;font-weight:700;line-height:1.2;color:#123e52}.home-age select{width:112px;min-height:44px;border:2px solid #9cc6b7;border-radius:12px;background:#fffdf4;color:#123e52;font:700 18px/1.2 "Trebuchet MS",sans-serif;padding:7px 10px}
@media(max-width:600px){.home-map-heading{grid-template-columns:1fr 106px;gap:8px}.home-map-title{gap:8px}.home-map-title h2{font-size:23px}.home-age select{width:106px}.home-map-title>.kid-back{width:44px;flex-shrink:0}}
.world-map,.district-map{position:relative;flex:1;min-height:0;width:100%;overflow:clip;border:2px solid #a4cfc5;border-radius:24px;background:#bde5e1;isolation:isolate}
.world-map{background:radial-gradient(ellipse at 25% 22%,#d2eee4 0 13%,transparent 14%),radial-gradient(ellipse at 75% 78%,#a5dbdb 0 13%,transparent 14%),linear-gradient(150deg,#c4e9e1,#90cecf)}
.world-map::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 40% 60%,transparent 0 45px,#e4f7ed66 46px 48px,transparent 49px 80px);pointer-events:none;z-index:-1}
.map-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.map-routes path{stroke:#fff9db;stroke-width:7;stroke-dasharray:12 14;fill:none;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px #548b7c33)}
.route-landscape{display:none}
.world-island,.location-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:transparent!important;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;color:#123e52!important;z-index:1;text-align:center;cursor:pointer}
.world-island{width:160px}.world-island svg{display:block;width:120px;height:88px;filter:drop-shadow(0 7px 0 #285e6930);transition:transform .2s}.world-island:hover svg{transform:translateY(-5px)}.world-island strong{background:#fffaf0ed;border:1px solid #99c2b6;border-radius:10px;padding:5px 10px;font-size:22px;line-height:1.2;white-space:nowrap}.world-island>span{font-size:18px;font-weight:700;background:#dff1e8d9;border-radius:8px;padding:2px 8px}
.map-compass{position:absolute;right:15px;top:10px;font-size:38px;color:#458a85;line-height:1}.map-sea-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:19px;font-weight:700;letter-spacing:1px;color:#256a70;white-space:nowrap}
.district-map{background-size:100% 100%;background-position:center}.district-name{position:absolute;right:12px;top:10px;font-size:21px;font-weight:800;color:#123e52;background:#fff9e5eb;padding:6px 11px;border:1px solid #bfcfa8;border-radius:10px;margin:0;z-index:1;line-height:1.2}
.district-map .map-routes path{stroke:#fff8e3;stroke-width:8;filter:drop-shadow(0 2px 1px #27545380)}
.location-node{width:155px;gap:6px}.location-pin{width:66px;height:66px;display:flex;align-items:center;justify-content:center;position:relative;border:4px solid #fff8e1;border-radius:50%;background:var(--island-color);box-shadow:0 4px 0 #365f5266;color:#fff}.location-pin>b{font-size:27px;font-weight:800;line-height:1}.location-pin>span{position:absolute;right:-10px;bottom:-5px;background:#fff7db;color:#123e52;border-radius:50%;border:2px solid #b8c9a5;width:29px;height:29px;font-size:21px;display:grid;place-items:center;line-height:1}.location-node strong{font-size:21px;line-height:1.2;background:#fffdf1f5;border-radius:9px;padding:4px 8px;border:1px solid #b5c8ab;color:#123e52;max-width:100%}.location-node:disabled{opacity:1;cursor:not-allowed}.location-node:disabled .location-pin{background:#a7b9b3;color:#163e48}.location-node:disabled strong{background:#edf3e7;color:#37594f}.location-done .location-pin{background:#16866d;border-color:#ffdf7f}.location-done .location-pin>span{background:#ffdf7f}
.map-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:48px}.map-controls .kid-pager{gap:12px}.map-controls .kid-pager button{min-width:48px;padding:3px 10px}.map-controls .kid-pager span{font-size:20px}.map-controls .kid-practice{padding:9px 18px;font-size:20px;min-height:48px}
.sailing-card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#d8f2ecee;z-index:4;font-size:24px;font-weight:800;text-align:center;padding:20px}.sailing-card>span{font-size:65px;animation:sailboat .6s ease-in-out infinite alternate}@keyframes sailboat{to{transform:translateX(30px) rotate(7deg)}}
#modal-content.kid-modal .visit-landmark{font-size:60px!important;line-height:1.1!important;margin-bottom:10px;color:#138d81!important}
@media(max-width:600px){
 .world-island{width:116px;gap:2px}.world-island svg{width:94px;height:65px}.world-island strong{font-size:18px;white-space:normal;padding:4px 6px;max-width:116px}.world-island>span{font-size:17px;padding:2px 6px}.map-compass{font-size:29px;right:9px;top:9px}.map-sea-label{font-size:16px;bottom:6px;letter-spacing:0}.map-routes path{stroke-width:4;stroke-dasharray:7 9}.location-node{width:112px;gap:5px}.location-pin{width:48px;height:48px;border-width:3px}.location-pin>b{font-size:23px}.location-pin>span{width:23px;height:23px;font-size:17px;right:-8px;bottom:-4px}.location-node strong{font-size:18px;padding:3px 5px;line-height:1.15}.district-name{font-size:17px;top:7px;right:8px;padding:5px 7px}.district-map .map-routes path{stroke-width:5}.map-controls{gap:8px;min-height:46px}.map-controls .kid-pager{gap:8px;min-height:44px}.map-controls .kid-pager button{min-width:44px;font-size:24px!important;min-height:44px;padding:3px 8px}.map-controls .kid-pager span{font-size:18px}.map-controls .kid-practice{font-size:18px;padding:8px 10px;min-height:44px}.world-map,.district-map{border-radius:18px}
}
@media(max-height:650px) and (max-width:600px){.world-island svg{height:51px;width:80px}.world-island strong{font-size:18px}.world-island>span{font-size:16px}.map-sea-label{display:none}.location-node{width:106px}.location-pin{width:44px;height:44px}.location-pin>b{font-size:22px}.location-node strong{font-size:18px}.district-name{font-size:16px}}
@media(max-height:500px) and (min-width:601px){
 .world-island,.location-node{left:var(--lx);top:var(--ly)}.route-portrait{display:none}.route-landscape{display:block}.world-island{width:112px;gap:2px}.world-island svg{width:75px;height:47px}.world-island strong{font-size:18px;padding:3px 5px;white-space:normal}.world-island>span{font-size:16px;padding:1px 5px}.map-sea-label{font-size:17px;bottom:5px}.map-compass{font-size:25px}.location-node{width:118px;gap:4px}.location-pin{width:46px;height:46px}.location-pin>b{font-size:23px}.location-pin>span{width:23px;height:23px;font-size:17px}.location-node strong{font-size:18px;padding:3px 5px}.district-name{font-size:17px;padding:4px 8px;top:6px}.map-controls{min-height:44px}.map-controls .kid-pager{min-height:44px}.map-controls .kid-pager button{min-height:44px;font-size:24px!important}.map-controls .kid-practice{min-height:44px;padding:7px 15px;font-size:18px}.district-map .map-routes path,.map-routes path{stroke-width:4}
}
#app-container .kid-screen[data-island] #puzzle-canvas{background:var(--map-puzzle-wash)!important;border-color:var(--map-accent)}.kid-screen[data-island] .kid-heading h2{color:var(--map-accent)}
.world-island>span{line-height:1.2}@media(max-height:650px) and (max-width:600px){.world-island{gap:1px}.world-island svg{height:45px;width:75px}.world-island strong{padding:3px 5px}.world-island>span{padding:1px 5px}}