.guest-shell{height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:64px minmax(0,1fr)}.guest-header{grid-column:1/-1;background:#101c2b;color:white;display:flex;align-items:center;gap:24px;padding:0 22px;z-index:4}.guest-header>span{font-size:.8rem;color:#bacbd4}.guest-login-link{margin-left:auto;color:#fff;font-size:.85rem}.guest-map-area{position:relative;min-height:300px;background:#d3e2e9}.guest-map-area #guest-map{position:absolute;inset:0}.guest-panel{background:#fff;overflow:auto;border-left:1px solid #e1e7ec;z-index:2}.guest-panel-inner{padding:28px}.guest-panel h1{font-size:1.8rem;margin:0 0 8px}.guest-panel h2{font-size:1.05rem}.guest-selection{background:#f3f7f8;border:1px solid #dce6e9;border-radius:8px;padding:15px;margin:24px 0;min-height:105px}.guest-selection h2{margin:0 0 8px}.guest-selection p{margin:0;font-size:.88rem;line-height:1.5}.guest-login{border-top:1px solid #e1e7ec}.guest-login .auth-form{margin-top:15px}.guest-login .auth-form input:not([type=hidden]){margin-bottom:2px}.guest-map-hint,#guest-map-status{position:absolute;z-index:2;background:#ffffffea;padding:8px 11px;border-radius:5px;font-size:.78rem;box-shadow:0 2px 12px #0002}.guest-map-hint{left:18px;bottom:18px}.guest-map-area #guest-map-status{left:18px;top:18px}.guest-marker{width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:#174f68;color:#fff;box-shadow:0 2px 9px #102c4099;cursor:pointer;display:grid;place-items:center;font-size:15px;padding:0}.guest-marker.army{background:#8b5932}.guest-marker.selected{outline:3px solid #f5b843}.guest-marker:hover{transform:scale(1.15)}@media(max-width:750px){.guest-shell{height:auto;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:58px 60dvh auto}.guest-header{grid-column:1}.guest-header>span{display:none}.guest-panel{border:0}.guest-panel-inner{padding:24px}.guest-map-area{min-height:350px}}
.guest-map-legend{position:absolute;z-index:2;right:16px;bottom:18px;display:flex;gap:12px;flex-wrap:wrap;background:#102535e8;color:#edf5f2;padding:9px 12px;border-radius:6px;font-size:.7rem}.guest-map-legend span{display:inline-flex;align-items:center;gap:6px}.guest-map-legend i{display:inline-block;width:20px;border-top:3px solid #efbc70}.guest-map-legend .guest-ferry-swatch{border-top:3px dashed #83cbe2}.guest-map-legend .guest-boundary-swatch{border-top:2px dashed #8ed6c4}@media(max-width:750px){.guest-map-legend{left:12px;right:12px;bottom:12px;justify-content:center}.guest-map-hint{display:none}}
.guest-battle-marker{width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:#a54635;color:#fff;box-shadow:0 2px 12px #230d0baa;cursor:pointer;padding:0;font-size:19px}.guest-battle-marker:hover{transform:scale(1.1)}.guest-map-legend .guest-trail-swatch{border-top:3px dashed #f5b843}
/* Guest symbols share the game's strategic map language without exposing strength. */
.guest-shell #guest-map .maplibregl-canvas{filter:brightness(.88) saturate(.72) contrast(1.04)}
.guest-shell .guest-map-area{overflow:hidden}
.guest-shell .guest-map-area::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 42%,#020d1c6b 100%),linear-gradient(180deg,#03122125,transparent 24%,transparent 72%,#03122130)}
.guest-shell .guest-object-marker{position:absolute;display:grid;place-items:center;padding:0;min-width:0;min-height:0;color:#fff;cursor:pointer;transform:none;transition:filter .18s,scale .18s}
.guest-shell .base-marker{width:23px;height:23px;border:1px solid #ffffffb0;border-radius:4px;background:var(--faction-color,#a6b0bb);box-shadow:0 2px 7px #000b,0 0 0 2px #451c24}
.guest-shell .base-marker::before{content:"♜";position:static;inset:auto;transform:none;border:0;font-size:16px;line-height:1;opacity:1;color:#fff}
.guest-shell .base-marker::after{content:attr(data-map-label);position:absolute;top:27px;left:50%;transform:translateX(-50%);padding:2px 5px;border:1px solid #527797;border-radius:4px;background:#081c2de8;color:#fff;font:700 10px/1.2 system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0008}
.guest-shell .army-marker{width:30px;height:30px;border:1px solid #ffffffb0;border-radius:50%;background:var(--faction-color,#a6b0bb);box-shadow:0 2px 8px #000d,0 0 0 2px #562028}
.guest-shell .army-marker::before{content:"◆";font-size:15px;line-height:1;position:static;color:#fff}
.guest-shell .army-marker::after{content:attr(data-name);position:absolute;top:26px;left:50%;transform:translateX(-50%);padding:2px 5px;min-width:30px;border:1px solid #6a9cc0;border-radius:4px;background:#091b2d;color:#fff;font:700 10px/1.2 system-ui,sans-serif;white-space:nowrap;box-shadow:0 2px 8px #0008}
.guest-shell .army-marker.is-marching{box-shadow:0 2px 8px #000d,0 0 0 3px #f3a8649c}
.guest-shell .army-marker.is-fighting{animation:guestBattlePulse 1.3s ease-out infinite}
.guest-shell .army-marker.is-fighting::before{content:"⚔";font-size:20px}
.guest-shell .guest-object-marker.is-selected{box-shadow:0 0 0 3px #f8d58a,0 0 18px #f8d58a88}
.guest-shell .battle-callout-active{display:flex;flex-direction:column;gap:1px;width:116px;height:auto;min-height:34px;padding:4px 6px;border:1px solid #f0786b;border-radius:6px;background:linear-gradient(145deg,#270d17f5,#0c1a29f9);color:#fff;box-shadow:0 3px 9px #000b,0 0 8px #e54e4b77;text-align:center;cursor:pointer;animation:guestBattlePulse 2.2s ease-in-out infinite}
.guest-shell .battle-callout-label{color:#ff9a88;font-size:.5rem;font-weight:800;letter-spacing:.08em}
.guest-shell .battle-callout-active strong{font-size:.65rem;line-height:1.2;white-space:nowrap}
@keyframes guestBattlePulse{50%{box-shadow:0 3px 9px #000b,0 0 15px 6px #e54e4b99}}
@media(prefers-reduced-motion:reduce){.guest-shell .army-marker.is-fighting,.guest-shell .battle-callout-active{animation:none}}
.guest-shell.map-zoom-wide .battle-callout-active{width:28px;height:28px;min-height:28px;padding:0;border-radius:50%;display:grid;place-items:center}.guest-shell.map-zoom-wide .battle-callout-active .battle-callout-label{font-size:0;letter-spacing:0}.guest-shell.map-zoom-wide .battle-callout-active .battle-callout-label::before{content:"⚔";font-size:15px}.guest-shell.map-zoom-wide .battle-callout-active strong{display:none}
.guest-route-focus{margin-top:12px;padding:8px 11px;border:1px solid #b98126;border-radius:5px;background:#fff3d7;color:#49320d;font:700 .78rem system-ui,sans-serif;cursor:pointer}.guest-route-focus:hover{background:#ffe8af}

.guest-clans{margin:0 0 22px}.guest-clans h2{margin:0 0 9px}.guest-clan-legend{display:flex;flex-wrap:wrap;gap:8px}.guest-clan-legend span{display:inline-flex;align-items:center;gap:6px;background:#f3f7f8;border:1px solid #dce6e9;border-radius:4px;padding:5px 7px;font-size:.76rem}.guest-clan-legend i{width:11px;height:11px;border-radius:3px;display:inline-block;flex:none}

.guest-shell .army-marker.guest-label-hidden::after{display:none}
.guest-shell .maplibregl-ctrl-bottom-left{z-index:3;bottom:15px;left:16px}
.guest-shell .maplibregl-ctrl-scale{margin:0!important;background:#fffef0ed;color:#102535;border-color:#102535;font:700 11px/1.3 system-ui,sans-serif;padding:2px 5px}
@media(max-width:750px){.guest-shell .maplibregl-ctrl-bottom-left{bottom:56px;left:12px}}