html,body{background:#101318;height:100%;margin:0;overflow:hidden}.menu{color:#e8eef7;z-index:10;background:#080a0e99;justify-content:center;align-items:center;font:16px system-ui,sans-serif;display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu-panel{box-sizing:border-box;background:#1a2029;border:1px solid #303a48;border-radius:8px;flex-direction:column;gap:8px;width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);padding:16px 20px;display:flex}.menu-panel h2{margin:0 0 4px;font-size:20px}.menu-settings{flex-direction:column;gap:2px;min-height:0;padding-right:12px;display:flex;overflow-y:auto}.menu-group{color:#8fa3bf;text-transform:uppercase;letter-spacing:.06em;margin:10px 0 2px;font-size:13px}.menu-row{grid-template-columns:1fr minmax(120px,200px) 52px;align-items:center;gap:12px;min-height:40px;display:grid}.menu-value{text-align:right;font-variant-numeric:tabular-nums}.menu-row input[type=range]{accent-color:#4f9cf0;width:100%;margin:0}.menu-button,.menu-choice{min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#242c38;border:1px solid #39475a;border-radius:6px;padding:0 14px}.menu-choice{text-align:center}.menu-map{flex-direction:column;gap:2px;padding:10px 14px;display:flex}.menu-map small,.menu-note{color:#a9b6c8;font-size:13px}.menu-note{margin:0 0 8px}.menu button:focus,.menu input:focus{outline-offset:2px;outline:2px solid #4f9cf0}#view{width:100vw;height:100vh;touch-action:none;height:100dvh;display:block}