#worldClock{display:none;position:fixed;z-index:20;left:50%;top:12px;transform:translateX(-50%);padding:5px 13px;border:1px solid #b79a5966;border-radius:16px;background:linear-gradient(135deg,#14242be8,#0b1521d9);color:#ecd8ac;font:12px Georgia,serif;letter-spacing:1px;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px #0005;pointer-events:none;white-space:nowrap}
body.playing #worldClock{display:block}
#worldClock[data-phase="夜"]{color:#c4d6f5;border-color:#758bab66}
@media(max-width:1100px){#worldClock{left:auto;right:max(10px,env(safe-area-inset-right));top:48px;transform:none;font-size:10px;letter-spacing:.5px;padding:3px 8px}}
@media(max-width:600px) and (orientation:portrait){#worldClock{top:auto;bottom:calc(24px + env(safe-area-inset-bottom));right:10px}}