#island-overview{position:fixed;inset:0;z-index:10;overflow:hidden;background:#067bd1;color:#345871;touch-action:manipulation}
#overview-water{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
#overview-map{position:absolute;left:50%;top:49%;width:min(calc(100vw - 18px),calc((100dvh - 185px)*1.5));aspect-ratio:3/2;transform:translate(-50%,-45%);isolation:isolate}
#overview-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}
#overview-builds{position:absolute;inset:0;pointer-events:none}.overview-piece{position:absolute;display:block}.overview-piece>.sprite-window{width:100%;height:100%;aspect-ratio:auto}.overview-crop>.crop-art{animation:plant-sway 4s ease-in-out infinite;transform-origin:50% 100%}.overview-person>.paper-character{height:100%;width:auto;filter:drop-shadow(0 3px 2px #123f5666)}
#overview-map button{position:absolute;z-index:4;min-height:46px;min-width:46px;touch-action:manipulation;color:#315d76;font-size:12px}
#overview-farm-area{left:31%;top:53%;width:26%;height:16%;background:transparent;border:0;border-radius:18px}
#overview-map .island-spot{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #fff5c9cc;border-radius:24px;background:#fff9e9ee;padding:8px 13px;box-shadow:0 4px 15px #174e6b44;white-space:nowrap;transform:translate(-50%,-50%)}
.island-spot .ui-icon{width:24px;height:24px}.island-spot span{display:flex;flex-direction:column;text-align:left;font-weight:600;line-height:1.5}.island-spot small{font-size:9px;font-weight:400;color:#79909e}
#overview-home{left:42%;top:46%}#overview-friends{left:63%;top:50%}#overview-farm{left:43%;top:75%}#overview-dock{left:85%;top:76%}
#overview-boat{position:absolute;width:13%;height:auto;left:79%;top:77%;pointer-events:none;animation:mascot-float 4.5s ease-in-out infinite;filter:drop-shadow(0 5px 2px #13486044)}
.overview-caption{position:absolute;left:50%;top:128px;z-index:3;transform:translateX(-50%);text-align:center;color:#fff8e4;text-shadow:0 2px 6px #153c67;font-size:12px;line-height:1.6;pointer-events:none;max-width:90vw;white-space:nowrap}.overview-caption h2{font-size:23px;letter-spacing:2px;margin:0 0 4px}.overview-caption p{margin:0}.overview-caption small{display:block;font-size:10px;margin-top:3px;color:#e1f2ff}
#overview-image-note{position:absolute;left:10%;right:10%;top:45%;text-align:center;color:#fff8e8;background:#23577bcc;border-radius:15px;padding:16px;font-size:12px}
.overview-bottom{position:fixed;z-index:13;left:50%;bottom:130px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:#fff9e9ee;color:#3c657a;border:1px solid #ffffffa6;border-radius:26px;padding:10px 14px;box-shadow:0 4px 20px #184c7133;white-space:nowrap}.overview-bottom p{margin:0;font-size:11px;line-height:1.8}.overview-bottom p small{display:block;font-size:10px;color:#7a8c98}.overview-bottom button{display:flex;align-items:center;gap:7px;min-height:44px;border-radius:22px;background:#3c779d;color:#fff9e6;padding:9px 12px;font-size:11px}.overview-bottom button .ui-icon{width:21px;height:21px;filter:brightness(0) invert(1)}
#island-view-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:94px;border-radius:24px;padding:9px 13px;font-size:12px}.camera-controls #island-view-toggle img{width:21px;height:21px}
body.overview-mode #world{visibility:hidden;pointer-events:none}body.overview-mode #farm-tools,body.overview-mode .mail-notice,body.overview-mode #dock-cta,body.overview-mode #zoom-in,body.overview-mode #zoom-out,body.overview-mode #camera-center{display:none!important}body.overview-mode .camera-controls{top:108px}body.overview-mode .farm-footer p{display:none}body:not(.overview-mode) .overview-only{display:none!important}
@media(min-width:1101px){body.overview-mode .secondary-actions{bottom:22px}.overview-caption{top:112px}}
@media(max-width:700px){#overview-map{top:47%;width:calc(100vw - 2px);transform:translate(-50%,-50%)}.overview-caption{top:155px;font-size:11px}.overview-caption h2{font-size:20px}.overview-caption small{font-size:10px}.overview-bottom{bottom:130px;gap:9px;padding:9px 11px;max-width:calc(100vw - 24px)}.overview-bottom p{font-size:10px}.overview-bottom p small{font-size:9px}.overview-bottom button{font-size:10px;padding:8px 10px;gap:5px}#overview-map .island-spot{font-size:10px;gap:4px;padding:7px 8px;min-height:44px;border-radius:20px}.island-spot .ui-icon{width:19px;height:19px}.island-spot small{display:none}#overview-farm{left:40%;top:84%}#overview-home{left:42%;top:43%}#overview-dock{left:84%;top:83%}#overview-friends{left:72%;top:53%}body.overview-mode .secondary-actions{top:105px;bottom:auto}body.overview-mode .camera-controls{top:103px}.camera-controls #island-view-toggle{min-width:96px;font-size:11px}#overview-ai>span{max-width:70px}}
@media(max-height:650px) and (min-width:701px){.overview-caption{top:98px}.overview-caption h2{font-size:17px}.overview-caption small{display:none}#overview-map{width:min(calc(100vw - 10px),calc((100dvh - 125px)*1.5));top:47%}.overview-bottom{left:24px;bottom:135px;transform:none}.overview-bottom p small{display:none}}
@media(prefers-reduced-motion:reduce){#overview-boat,.overview-crop>.crop-art{animation:none!important}}
@media(min-width:701px) and (max-height:850px){.overview-bottom{left:auto;right:24px;bottom:145px;transform:none;background:transparent;border:0;box-shadow:none;padding:0}.overview-bottom p{display:none}}
@media(max-width:700px){body.overview-mode .camera-controls{top:155px}.overview-caption{top:205px}.overview-caption h2{font-size:18px}}