*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;overflow:hidden;background:#0b0b0d;color:#e8e8ea;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}#hud{position:fixed;top:10px;left:10px;z-index:10;background:#0f0f12d9;border:1px solid #2c2c33;border-radius:6px;padding:8px 10px;min-width:360px}.hud-row{display:flex;align-items:center;gap:8px;padding:2px 0}.hud-row>div:first-child{width:56px;color:#8a8a94;flex:none}#status{color:#9fc7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#stats{color:#7fe08a}#id-input{flex:1;min-width:0;background:#0b0b0d;color:#e8e8ea;border:1px solid #3a3a44;border-radius:4px;padding:4px 6px;font:inherit}#load-btn{background:#1f5fd6;color:#fff;border:none;border-radius:4px;padding:4px 12px;font:inherit;cursor:pointer}#load-btn:hover{background:#2a6fe6}#hint{position:fixed;bottom:8px;left:10px;max-width:calc(100vw - 320px);color:#6d6d78;user-select:none;z-index:10}#map-panel{position:fixed;bottom:8px;right:10px;width:248px;z-index:10;background:#0f0f12e0;border:1px solid #2c2c33;border-radius:6px;padding:6px}.map-title{color:#8a8a94;font-size:11px;text-align:center;margin-bottom:5px;cursor:move;user-select:none}.map-canvas{display:block;width:100%;height:auto;border:1px solid #3a3a44;border-radius:3px;cursor:crosshair;image-rendering:pixelated}.map-caption{margin-top:5px;font-size:11px;line-height:14px;color:#9fc7ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}