html,body{height:100%;width:100%;overflow:hidden;margin:0;padding:0;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-ms-touch-action:none;font-family:sans-serif}#ui{position:absolute;top:10px;left:10px;z-index:1;background:#fffffff2;padding:10px 10px 0;border-radius:8px;width:280px}#menu input,#menu select,#menu button{width:100%;display:flex;max-width:300px;margin:5px auto;padding:4px;font-size:16px;box-sizing:border-box;justify-content:space-between;align-items:center}#menu button{border-radius:2px;border:1px solid gray}#menu button:hover{color:#fff;background:#0056b3;cursor:pointer}#menu legend{font-weight:700}.createRoom{display:flex;flex-direction:row;align-items:center;width:100%}#createRoom select{flex:1;max-width:300px}.flex-label{display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;margin-left:5px}.flex-label input{width:auto!important;flex-shrink:0}.invalid-input{border:2px solid red;outline:none}#canvas-container{position:absolute;top:0;left:0;height:100%;width:100%}#roomList{margin-top:10px;max-height:150px;overflow-y:auto;border:1px solid #ccc;padding:5px}#roomList div{padding:4px;background:#eee;margin:2px 0;cursor:pointer;border-radius:4px}#roomList div:hover{background:#ddd}#touch-controls,#touch-controls *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch-controls{position:absolute;z-index:2;width:100%;bottom:0}#touch-controls{display:none}@media (hover: none) and (pointer: coarse){#touch-controls{display:block}}#touch-controls button{width:80px;height:80px;font-size:36px;opacity:.8;border-radius:16px;border:none;background:#333;color:#fff;display:flex;align-items:center;justify-content:center;touch-action:none;line-height:1;padding:0}@media (max-width: 600px){#touch-controls button{width:64px;height:64px;font-size:30px}}#btn-jump{position:absolute;right:20px;bottom:20px}#touch-wheel{position:absolute;bottom:20px;left:20px;width:200px;height:200px;border-radius:50%;border:2px solid white;background:#0003;touch-action:none;z-index:3}.tooltip-container{position:relative;display:inline-block}.tooltip-content{display:none;position:absolute;top:10px;left:10px;background-color:#000000d9;color:#fff;padding:8px;font-size:14px;line-height:1.5;border-radius:4px;white-space:nowrap;z-index:10}.tooltip-container:hover .tooltip-content{display:block}.tooltip-button{background:#222;color:#fff;padding:4px 8px;border:none;border-radius:4px;cursor:help;font-size:12px}#statsOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;justify-content:center;align-items:center;background:#0009;color:#fff;font-size:1.5em;text-align:center;z-index:9999;font-size:16px;flex-direction:column;pointer-events:none}.controls-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.controls-panel{background:#fff;padding:20px;border-radius:8px;color:#333;font-size:16px;display:flex;flex-direction:column;gap:10px;width:280px}.controls-panel input[type=text],.controls-panel input[type=range]{width:100%}.stats-table{position:absolute;top:10px;margin:0 auto}.self-row{background-color:#2a4a7a;color:#fff;font-weight:700}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:50px;height:50px;border:6px solid #ddd;border-top:6px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.hidden{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}