@font-face{font-family:Steam Play;src:url(assets/fonts/play-regular.ttf);font-weight:400}@font-face{font-family:Steam Play;src:url(assets/fonts/play-bold.ttf);font-weight:700}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#303d4f;color:#ced2d6;font:10.5px 'Steam Play',sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:1px solid #ced2d6;outline-offset:1px}
#main-menu{position:fixed;inset:0;background:#303d4f;overflow:auto;font-weight:bold}#menu-tabs{height:25px;position:relative;border-bottom:3px solid #3d4b61;min-width:640px}#menu-tabs button{position:absolute;top:0;height:22px;border:0;border-radius:0;background:#2d3342;color:#657389;padding:0;font:bold 14px 'Steam Play';letter-spacing:1px}#menu-tabs button.active{background:#3d4b61;color:#ced2d6}#menu-tabs .soldat{right:0;width:86px;background:#377c31;color:#ced2d6;font-size:12px;letter-spacing:0}
.steam-tab{position:relative;width:640px;height:475px}.native-label,.native-control,.native-box,.native-button{position:absolute}.native-label{line-height:12px;white-space:pre-line}.heading{color:#939caa;background:#2d3342;line-height:12px}.native-box{border:1px solid #2d3342;overflow:visible}.box-title{position:absolute;top:-7px;left:9px;padding:0 1px;background:#303d4f;line-height:12px}.native-button{background:#3b8e37;border:1px solid #0c3c0c;border-radius:0;padding:0;font-size:12px;line-height:14px}.native-button:hover:not(:disabled){background:#439b3e}.native-control{display:flex;align-items:center;gap:4px;height:15px;white-space:nowrap}.native-control input[type=checkbox],.native-control input[type=radio]{appearance:none;margin:0;width:11px;height:11px;flex:none;position:relative;cursor:pointer}.native-control input[type=checkbox]{background:#2d3342;border:1px solid #2d3342}.native-control input[type=checkbox]:checked:after{content:'';position:absolute;left:2px;top:0;width:4px;height:7px;border:solid #59b957;border-width:0 2px 2px 0;transform:rotate(40deg)}.native-control input[type=radio]{border:1px solid #408b40;border-radius:50%}.native-control input[type=radio]:checked:after{content:'';position:absolute;inset:2px;background:#58b556;border-radius:50%}.native-control input:disabled{cursor:default}
.native-entry{position:absolute;background:#3d4b61;border:0;border-radius:0;height:19px;padding:2px 5px;font-weight:bold;outline-offset:0}.native-spinner{position:absolute;height:19px;background:#3d4b61;display:flex;align-items:center;padding-left:5px}.native-spinner input{background:transparent;border:0;width:calc(100% - 23px);padding:0;font-weight:bold;appearance:textfield;outline-offset:0}.native-spinner input::-webkit-inner-spin-button{appearance:none}.spinner-actions{margin-left:auto;display:flex;gap:1px;padding-right:2px}.spinner-actions button{width:10px;height:13px;padding:0;background:#364657;border:1px solid #8a9baa;position:relative}.spinner-actions button:after{content:'';position:absolute;left:2px;top:4px;border:3px solid transparent;border-top-color:#060c10}.spinner-actions button:first-child:after{top:1px;border-top-color:transparent;border-bottom-color:#060c10}
.native-combo{position:absolute;height:19px;background:#3d4b61}.native-combo select{appearance:none;background:transparent;border:0;border-radius:0;width:100%;height:100%;padding:0 16px 0 5px;font-weight:bold;cursor:pointer}.native-combo:after{pointer-events:none;content:'';position:absolute;right:0;top:0;width:12px;height:100%;background:#3b8e37}.native-combo:before{pointer-events:none;content:'';position:absolute;right:3px;top:8px;border:3px solid transparent;border-top-color:#4e637b;z-index:1}.native-combo select:disabled{cursor:default}.native-combo button{width:100%;height:100%;text-align:left;padding:0 16px 0 5px;background:transparent;border:0;font-weight:bold}.swatch{display:inline-block;width:12px;height:10px;border:1px solid #202a38;margin-right:4px;vertical-align:-1px}
.native-combo.open{z-index:30}.native-combo .combo-trigger{position:relative;z-index:1}.combo-popup{position:absolute;z-index:3;top:19px;left:0;width:100%;max-height:230px;overflow-y:auto;overflow-x:hidden;background:#2d394d;border:1px solid #9ba8b5;scrollbar-color:#c2c2c2 #f4f4f4;scrollbar-width:auto}.native-combo .combo-popup .combo-option{display:block;width:100%;height:13px;padding:0 2px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;border:0;font-size:10.5px;line-height:13px}.native-combo .combo-popup .combo-option:hover,.native-combo .combo-popup .combo-option:focus-visible{background:#1684d2;color:white;outline:0}.native-combo .combo-popup .combo-option[aria-selected=true]{color:#eaf3e8}.color-popup{max-height:112px}.color-popup .swatch{width:10px;height:9px;margin-right:5px;vertical-align:0}.browser-color-picker{position:absolute;left:0;top:19px;width:1px;height:1px;opacity:0;pointer-events:none}.rotation-list{position:absolute;top:19px;left:0;width:calc(100% - 12px);max-height:117px;overflow-y:auto;background:#2d394d;scrollbar-width:thin}.rotation-list:empty{display:none}.rotation-entry{height:13px;line-height:13px;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bot-list{position:absolute;left:495px;top:172px;width:130px;height:138px;background:#3d4b61;border:1px solid #2d3342}#bot-scroll{position:absolute;top:10px;bottom:9px;width:100%;overflow:auto;scrollbar-width:none}#bot-scroll::-webkit-scrollbar{display:none}#bot-list .scroll-arrow{position:absolute;left:0;width:128px;height:9px;border:0;border-radius:0;background:#a60100;padding:0;font-size:0}#bot-list .scroll-arrow:after{position:absolute;content:'';left:61px;top:1px;border:3px solid transparent;border-bottom-color:#bbb}#bot-list .scroll-arrow.down{bottom:0}#bot-list .scroll-arrow.down:after{top:3px;border-bottom-color:transparent;border-top-color:#bbb}.bot-row{display:flex;align-items:center;gap:4px;height:19px;padding-left:5px;white-space:nowrap;color:#9ca6b6}.bot-row input{appearance:none;width:11px;height:11px;margin:0;border:1px solid #28384b;background:#3d4b61}.bot-row input:checked:after{display:block;content:'✓';color:#59b957;line-height:10px;font-size:11px}
#menu-status{position:fixed;bottom:12px;right:12px;max-width:360px;font:11px 'Steam Play',sans-serif;z-index:3}#status:empty,#notice:empty,#soundstatus:empty{display:none}#notice{color:#e7bb8b}#editor-content{margin:14px 0;min-width:300px}#editor-content p{line-height:1.5}#editor-content ol{max-height:250px;overflow:auto;padding-left:24px}#editor-content li{padding:4px}#editor-content li button{margin-left:5px}#editor-content input[type=color]{width:100%;height:50px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

#gamma{position:absolute}#gamma::-webkit-slider-thumb{appearance:none;width:0;height:0}
html,body,#main-menu,#main-menu *{overscroll-behavior:none}
.native-combo .rotation-list .rotation-entry{display:block;width:100%;height:13px;line-height:13px;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;background:transparent;border:0}.native-combo .rotation-list .rotation-entry:hover,.native-combo .rotation-list .rotation-entry:focus-visible{background:#1684d2;color:white;outline:0}
.native-combo.map-combo .map-current{position:absolute;left:0;top:0;width:calc(100% - 12px);height:19px;padding:0 5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-combo.map-combo .map-arrow{position:absolute;right:0;top:0;width:12px;height:19px;padding:0;z-index:2}
.room-browser{width:100%;min-width:640px;height:calc(100vh - 25px);padding:15px 8px 12px;display:flex;flex-direction:column;gap:10px}.room-connection{display:flex;align-items:center;gap:25px;padding:2px 8px}.room-connection .native-entry{position:static;width:40%}.room-actions{display:flex;gap:40px;margin:28px 4px 0}.room-browser .native-button{position:static;width:32%;height:40px}.room-browser p{margin:0 5px}.room-table-wrap{flex:1;min-height:120px;background:#3d4b61;overflow:auto}.room-browser table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.room-browser th{background:#f4f4f4;color:#788088;font-weight:normal;border-right:1px solid #939caa;padding:1px 7px}.room-browser td{padding:2px 7px}.room-browser tbody tr:nth-child(even){background:#2d394d}.room-browser tbody tr[aria-selected=true]{background:#1684d2;color:white}.room-bottom{display:flex;justify-content:space-between}.room-bottom .native-button{height:24px}

.room-connection .room-password{width:25%;max-width:260px}

.room-admin-controls{display:grid;gap:10px}.room-admin-controls p{margin:0}.room-admin-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.room-admin-row label{display:flex;align-items:center;gap:6px;white-space:nowrap}.room-admin-row select{flex:1;min-width:100px;max-width:210px}.room-admin-row .room-password{flex:1;min-width:180px;padding:5px;background:#263746;border:1px solid #738a9e;color:inherit;border-radius:3px}.room-admin-controls button:disabled,.room-admin-controls select:disabled{opacity:.5}#menu-dialog:has(.room-admin-controls){max-height:calc(100dvh - 30px);overflow:auto}

#menu-dialog{font:bold 11px 'Steam Play',sans-serif;background:#303d4f;color:#ced2d6;border:1px solid #59748c;padding:16px;max-height:calc(100dvh - 30px);overflow:auto}#menu-dialog h2{font:bold 14px 'Steam Play',sans-serif;letter-spacing:0}#menu-dialog button.native-button{position:static;background:#3b8e37;border:1px solid #0c3c0c;border-radius:0;padding:5px 12px}#menu-dialog input,#menu-dialog select{background:#3d4b61;color:inherit;border:0;border-radius:0;padding:3px 5px}#menu-dialog label{display:flex;align-items:center;gap:6px}#menu-dialog::backdrop{background:#0005}