:root{color-scheme:dark;font-family:monospace}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#05060f;color:#f2e3c0;overflow:hidden}
#yz{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.yz-title{margin:0;font-size:11px;color:#6b7ba8;letter-spacing:.14em;text-align:center}
#sky{image-rendering:pixelated;display:block;touch-action:none}
#yz-labels{position:fixed;pointer-events:none}
.yz-label{position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:11px;letter-spacing:.1em;color:#6b7ba8;text-shadow:0 0 6px #05060f,0 1px 0 #05060f}
.yz-hud{position:fixed;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}
.yz-btn{padding:7px 11px;border:3px solid #3d3a74;background:#101936;color:#c9d4ff;font-size:11px;font-weight:bold;letter-spacing:.06em;text-decoration:none;box-shadow:3px 3px #05060f}
.yz-btn-go{border-color:#ffd166;color:#ffd166}.yz-btn:hover,.yz-btn:focus-visible{background:#1a2450;color:#fff5d1}
.yz-panel{position:fixed;left:0;right:0;bottom:0;z-index:5;min-height:92px;padding:10px max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom));border-top:3px solid #3d3a74;background:rgba(8,10,22,.94)}
.yz-panel-head{margin:0 0 5px;font-size:12px;font-weight:bold;letter-spacing:.08em;color:#5fe8d8;min-height:14px}.yz-panel-body{margin:0;font-size:12px;line-height:1.7;color:#f2e3c0;word-break:keep-all;overflow-wrap:break-word}.yz-panel.is-person .yz-panel-head{color:#ffd166}.yz-panel.is-empty .yz-panel-head{color:#8f6bd6}
@media (max-width:520px){.yz-panel-body{font-size:11px}.yz-btn{font-size:10px;padding:6px 8px}}