/* Forever Island: immersive map and whitelist harbourmaster */
.live-world-card{grid-template-columns:minmax(0,1fr);margin-top:45px}
.live-world-copy{padding:30px 34px 25px}
.live-world-copy h3{margin:12px 0 14px;line-height:1.02}
.live-world-copy p{max-width:960px}
.live-world-note{max-width:980px}
.live-map-preview{min-height:480px;border-top:2px solid #708e67}
.live-map-preview img{opacity:.33}
.map-launch-overlay{cursor:pointer}
.live-map-embed{min-height:650px;border-top:2px solid #668e66}
.live-map-embed iframe{height:min(80dvh,820px);min-height:650px}
.map-rescue{margin-top:22px;color:#abc8ab;font-size:12px;max-width:460px}
.map-rescue[hidden]{display:none!important}
.map-rescue summary{cursor:pointer;display:list-item;width:max-content;max-width:100%;color:#c4d6b0;font:700 13px var(--pixel);padding:6px 0}
.map-rescue p{margin:8px 0}
.map-rescue a{display:inline-flex;margin:0 0 7px;color:#e7dca6;font:700 14px var(--pixel);text-decoration:underline;text-underline-offset:4px}
.map-rescue a:hover{color:#fdf0bd}
.join-dialog{width:min(930px,calc(100vw - 32px));max-width:930px;max-height:min(94dvh,1000px);overflow-y:auto;padding:30px;background:linear-gradient(160deg,#233c2c,#10221a 70%);color:#f1f6df;border:4px solid #9fbe75;box-shadow:10px 12px #09120b}
.join-dialog::backdrop{background:#030c07d9;backdrop-filter:blur(7px)}
.join-close{right:0;margin:0 0 10px 10px;cursor:pointer}
.join-heading{margin:10px 0 27px}
.join-heading h2{font:700 clamp(37px,5.7vw,67px)/.97 var(--pixel);margin:12px 0 14px;text-shadow:3px 4px #0a1710}
.join-heading h2 span{color:#b2ef91}
.join-heading p{color:#c1d5b9;max-width:630px;line-height:1.65;margin:0}
.join-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:21px;align-items:stretch}
.join-invite,.join-form{padding:24px;background:#1b3124;border:2px solid #547c4f;min-width:0}
.join-invite{background:radial-gradient(circle at 15% 8%,#6f915443,transparent 35%),linear-gradient(#315038,#1a2d22);display:flex;flex-direction:column;align-items:flex-start}
.join-mini-icon{display:block;font-size:76px;line-height:1;margin-bottom:19px;filter:drop-shadow(4px 5px #122018)}
.join-layout h3{font:700 clamp(27px,3vw,38px)/1 var(--pixel);margin:10px 0 17px;color:#f6edc0}
.join-invite p{color:#cfe0c5;font-size:13px;line-height:1.8}
.join-invite code{display:block;width:100%;padding:15px 10px;background:#0f231b;border:2px dashed #96bb7e;color:#e9f5cc;font:700 clamp(13px,1.65vw,18px)/1.3 var(--pixel);word-break:break-word;text-align:center;margin:20px 0 15px}
.join-invite .pixel-btn{width:100%;font-size:17px}
.join-invite .join-warning{margin-top:auto;padding-top:20px;font-weight:700;color:#ffe4a0}
.join-form{display:flex;flex-direction:column}
.join-form label{color:#dcebc7;font:700 13px var(--pixel);margin:16px 0 6px}
.join-form label em{color:#ffd18d;font-style:normal}
.join-form input,.join-form textarea{display:block;width:100%;border:2px solid #759c64;background:#0b1b14;padding:12px 13px;color:#fff9d9;font:600 15px/1.5 var(--body);border-radius:0;min-height:43px;transition:border-color .15s}
.join-form textarea{resize:vertical;min-height:85px}
.join-form input::placeholder,.join-form textarea::placeholder{color:#91a993;opacity:1}
.join-form input:focus-visible,.join-form textarea:focus-visible{outline:3px solid #f4d99a;outline-offset:1px}
.join-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.join-submit{margin:22px 0 0;min-height:49px;cursor:pointer}
.join-submit:disabled{opacity:.6;cursor:wait}
.join-status{min-height:20px;margin:12px 0 3px!important;line-height:1.6;font-weight:700;font-size:13px}
.join-status[data-state=loading]{color:#e6d28c}
.join-status[data-state=success]{color:#aef592}
.join-status[data-state=error]{color:#ffa9a2}
.join-privacy{color:#a9baa6;font-size:11px;line-height:1.6;margin-top:10px}
@media(max-width:800px){.join-dialog{padding:19px}.join-layout{grid-template-columns:1fr}.join-invite,.join-form{padding:20px}.join-mini-icon{font-size:45px;margin-bottom:10px}.join-invite .join-warning{margin-top:8px;padding-top:10px}.live-map-embed,.live-map-embed iframe{min-height:500px}}
@media(max-width:570px){.live-world-copy{padding:23px 18px}.live-map-preview{min-height:340px}.live-map-embed,.live-map-embed iframe{min-height:470px}.join-dialog{width:calc(100vw - 16px);max-height:96dvh;padding:15px;border-width:3px;box-shadow:3px 4px #09120b}.join-heading{margin:4px 0 20px}.join-heading h2{font-size:clamp(36px,10.5vw,51px)}.join-invite,.join-form{padding:17px}.join-layout h3{font-size:28px}.join-form label{margin-top:12px}.join-submit{font-size:15px}}
@media(prefers-reduced-motion:reduce){.map-launch-overlay{transition:none}.join-form input,.join-form textarea{transition:none}}