#weather-label{position:absolute;left:25px;top:85px;color:#d3c7a8;background:#0f171cb5;border-left:2px solid #b99c60;padding:7px 12px;font:11px system-ui;letter-spacing:.8px;pointer-events:none}
#princess-notice{position:absolute;z-index:4;top:155px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(540px,85%);padding:15px 20px;background:linear-gradient(135deg,#332225f2,#12171bf5);border:1px solid #d3a575;box-shadow:0 6px 28px #0009;color:#ffdfb6;font:15px/1.5 Georgia,serif;text-align:center;pointer-events:none}
#princess-notice::after{content:'';position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:#18191c;border-right:1px solid #d3a575;border-bottom:1px solid #d3a575;transform:rotate(45deg)}
@media(max-width:600px){#weather-label{left:12px;top:71px;padding:5px 8px;font-size:10px}#princess-notice{top:145px;font-size:13px;padding:10px 14px}}
@media(max-height:500px){#princess-notice{top:112px;font-size:12px;padding:8px 12px}}