#toolbar{display:flex;align-items:stretch;justify-content:space-evenly;height:100%}#toolbar .item{border:black 1px solid;min-width:150px;background-color:gray;flex-grow:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}#toolbar .item:hover{background:#1E2A1C}#toolbar .item:active{background-color:#2e412c}#toolbar .item.active{background-color:#33265a}#toolbar .item:first-child{border-bottom-left-radius:8px}#toolbar .item:last-child{border-bottom-right-radius:8px}.navigation{padding:0 16px;background:#858165;position:sticky;top:0;box-shadow:#1e2a1c 0 10px 5px;border-radius:0 0 8px 8px;display:flex}.navigation .placeholder{flex-grow:1}.stats{color:gray;min-width:250px;max-height:calc(100dvh - 70px);overflow-y:scroll}.stats .throws-table{border:2px solid #33265A}.stats .throws-table thead th{background-color:#33265a}.stats .throws-table td,.stats .throws-table th{border:1px solid #33265A;min-width:80px;text-align:center}.stats .throws-table tr:nth-child(2n){background-color:#1e2a1c}.stats .throws-table tr:nth-child(odd){background-color:#2e412c}.stats .throws-table tr:hover{background-color:#00f}.stats .stats-table{border:2px solid #33265A}.stats .stats-table th{background-color:#33265a}.stats .stats-table th,.stats .stats-table td{border:1px solid #33265A;text-align:center}#app{display:grid;grid-template-rows:72px auto}#app .content-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px}#lobby{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px}#lobby>*{border:2px solid red;border-radius:16px;padding:16px}#lobby .session-list ul{list-style-type:none}#lobby .session-list ul li{margin-bottom:20px}.login-page{z-index:1000;position:fixed;width:100vw;height:100vh}.login-page .backdrop{position:absolute;width:100vw;height:100vh;background-color:#000;z-index:inherit;opacity:.8}.login-page .container{z-index:1001;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login-page .container .modal{z-index:inherit;width:300px;min-height:120px;min-width:300px;background-color:#d3d3d3;border-radius:4px;border:2px solid gray;padding:16px;box-shadow:2px 2px 4px gray;display:flex;flex-direction:column;justify-content:space-evenly}.login-page .container .modal input,.login-page .container .modal button{height:32px;border-radius:8px;font-size:16px}.login-page .container .modal .error{color:red}body{background-color:#2e412c;margin:0;font-family:Roboto;color:#141521}