.map-stage>.world-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;cursor:default}#world-map[hidden]+.world-overlay,.city-mode .world-overlay{display:none}.map-stage.map3d-loading:after{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid #ffffff55;border-top-color:#fff3c0;border-radius:50%;animation:map3d-spin .9s linear infinite;pointer-events:none}.city-mode .map-stage.map3d-loading:after{display:none}@keyframes map3d-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.map-stage.map3d-loading:after{animation:none}}#map-mode{font-weight:700;letter-spacing:.02em}.map-stage>.map-atmo{position:absolute;left:78px;top:26px;display:flex;align-items:center;gap:6px;padding:4px 11px 4px 8px;border:1px solid #e5d2a259;border-radius:999px;background:#1f3349d9;color:#f4ead2;font-size:var(--fs10);font-weight:600;line-height:18px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0b17262e}.map-atmo i{display:flex;color:#f2cf7a}.map-atmo.night i{color:#c4d3f5}.map-atmo[data-weather=rain] i,.map-atmo[data-weather=storm] i,.map-atmo[data-weather=fog] i,.map-atmo[data-weather=cloudy] i{color:#cfd9e4}.map-atmo[data-weather=snow] i{color:#e8f2ff}.map-atmo[data-season=spring]{border-color:#f1b6c766}.map-atmo[data-season=summer]{border-color:#9fd08a66}.map-atmo[data-season=autumn]{border-color:#e9a25b77}.map-atmo[data-season=winter]{border-color:#cfe2f577}#world-map[hidden]~.map-atmo,.city-mode .map-atmo{display:none}@media(max-width:850px){.map-stage>.map-atmo{left:58px;top:18px;padding:3px 9px 3px 7px}}@media(max-width:850px){.map-controls #map-mode{order:1;grid-column:2;font-size:15px}.map-controls #map-mode~.chat-launcher{grid-column:2}}.map-controls{pointer-events:none}.map-controls>*{pointer-events:auto}.castle-look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.castle-look-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;padding:6px 6px 9px;text-align:center;background:#1b2e45;border-color:#8498ac40;color:#e4e3d6}.castle-look-card:hover:not([aria-disabled=true]):not([aria-pressed=true]){background:#243b56;border-color:#a6b7c766}.castle-look-card[aria-pressed=true]{border-color:#dfbf78;background:#dfbf781a;box-shadow:inset 0 0 0 1px #dfbf7840}.castle-look-card[aria-pressed=true]:after{content:"✓";position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:#dfbf78;color:#25354e;font-size:var(--fs9);font-weight:700;line-height:18px}.castle-look-card.locked{border-style:dashed;border-color:#8498ac59;cursor:help}.castle-look-art{position:relative;display:block;aspect-ratio:5/4;border-radius:6px;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 64%,#2f4b6a,#15263a 78%)}.castle-look-art img{position:relative;display:block;width:100%;height:100%;object-fit:contain;color:transparent}.castle-look-art img:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80'%3E%3Cellipse cx='50' cy='69' rx='38' ry='6' fill='%230d1826' opacity='.55'/%3E%3Cpath d='M20 68V40l6-14 6 14v10h8V32l10-18 10 18v18h8V40l6-14 6 14v28z' fill='%233b5878'/%3E%3C/svg%3E") center 58%/64% no-repeat,radial-gradient(ellipse 70% 55% at 50% 64%,#2f4b6a,#15263a 78%)}.castle-look-card.locked img{opacity:.5;filter:grayscale(.65) brightness(.85)}.castle-look-card b{font-size:var(--fs11);font-weight:600;color:#f2e4c2;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.castle-look-card small{font-size:var(--fs9);color:#bac9d7;line-height:1.35}.castle-look-card[aria-pressed=true] small{color:#ecd08a}.castle-look-card.locked b{color:#c9cfd6}.castle-look-card.locked small{color:#93a5b8}
