#gameServerList{position:absolute;top:0;left:0;width:100%;height:100%;background:#dbdbdb;color:#fff;font-family:Arial;display:none;flex-direction:column}.serverlist-header{background:linear-gradient(145deg,#373b42,#2b2e34);width:100%;height:5%;display:flex;align-items:center}.serverlist-header h1{font-size:1.3em;color:#dfdfdf;margin-left:20px}.lobby-desc{background:linear-gradient(135deg,#3d4450,#323841);width:100%;height:4%;box-sizing:border-box;display:flex;align-items:center;flex-direction:row;text-align:left;border:1px solid;border-color:#202731;color:#a4a4a4;overflow-y:auto;scrollbar-gutter:stable}#lobbylist{scrollbar-gutter:stable;flex:1;overflow-y:auto;background:linear-gradient(135deg,#282b32,#23262e);display:flex;flex-direction:column}.lobby-desc::-webkit-scrollbar,#lobbylist::-webkit-scrollbar{width:8px}#lobbylist::-webkit-scrollbar-thumb{background:#434e5d;border-radius:4px}#lobbylist::-webkit-scrollbar-thumb:hover{background-color:#65768e}.lobbylist-item{padding:4px 0;color:#fff;display:flex;flex-direction:row;text-align:left;transition:background .1s;cursor:pointer;align-items:center;justify-content:space-between;color:#ccc}.lobbylist-item.selected{background:linear-gradient(90deg,#21415c 55%,#078bff00 95%);color:#ededed}.lobbylist-column{font-size:1.1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lobbylist-name{padding-left:25px;width:45%}.lobbylist-host{width:25%}.lobbylist-players{width:15%}.lobbylist-status{flex:1}.right-border{border-color:#ffffff4f}.serverlist-footer{display:flex;background:linear-gradient(15deg,#373b42,#2b2e34);width:100%;border:1px solid;box-sizing:border-box;border-color:#2a313d;height:7%;align-items:center;justify-content:space-between}.footer-right,.footer-left{padding:0 20px;display:flex;gap:20px}button{padding:10px 60px;background:#3d4450;border:none;border-radius:3px;color:#fff;box-shadow:0 0 8px #0002;font-size:1.2em;cursor:pointer;transition:background .2s}.button-unavailable{background-color:#fff0}button:hover{background:#5b6577}.modal{font-family:Arial;flex-direction:row;color:#dfdfdf;position:fixed;display:grid;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#0009}.modal-content{background:linear-gradient(135deg,#373a4b,#2a2d3e);margin:auto;min-width:300px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;border-radius:5px}.modal h2{font-size:1.5em;margin:0 0 20px}button:disabled{opacity:.5;cursor:default;background:#3d4450}.input-row{display:flex;align-items:center;margin-bottom:15px}.input-row label{width:120px;font-weight:600}.input-row input{flex:1;padding:8px 12px;border-radius:5px;border:2px solid transparent;background-color:#3b3f54;color:#fff;font-size:1em;box-sizing:border-box;outline:none}.input-row input:focus{border:2px solid;background-color:#484e6f;border-color:#2e5893}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hidden{display:none}