body{margin:0;font-family:sans-serif;background:#1a1a2e;color:#fff;overflow:hidden}#ui{position:absolute;top:0;left:0;right:0;padding:8px;background:#000a;display:flex;gap:6px;flex-wrap:wrap;align-items:center;z-index:2}button{padding:6px 10px;border:0;border-radius:6px;background:#e94560;color:#fff;cursor:pointer}button.on{background:#0c8}button.alt{background:#3a5fcd}#log{position:absolute;bottom:0;left:0;padding:8px;background:#0008;max-height:28%;overflow:auto;width:420px;font-size:13px}#info{position:absolute;right:0;top:90px;background:#0008;padding:8px;width:250px;font-size:13px;max-height:70%;overflow:auto}.city #rooms,.city #hire,.city #proj,.city #gig{display:none}@media (max-width:760px){#ui{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px}#ui>*,#rooms>*{flex:none}#rooms{display:flex;gap:6px}#info{display:none}#log{width:auto;right:0;max-height:16%;font-size:12px}}
#log div{margin:0}
#info b{display:block;margin-top:4px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}