@charset "UTF-8";*{-webkit-user-select:none;user-select:none}#panel{text-transform:uppercase;background-color:#fff;text-align:center;font-size:10px;line-height:12px;position:absolute;top:0;left:0;right:0;height:24px;padding-left:80px;z-index:4;overflow:hidden}#logo{position:absolute;left:5px;top:0;font-size:16px;line-height:24px;width:70px;height:24px;margin:0;text-align:center}#panel table{height:100%;width:100%}#panel table td{border:1px solid #555;background-color:#00000080;text-shadow:0 0 2px #333;white-space:nowrap;overflow:hidden;width:25%;display:none}#panel table td.active{background-color:#333}#panel table td div.panel-bar-wrapper{display:flex;width:100%;height:100%;gap:1px}#panel table td div.panel-bar-block,#panel table td div.panel-bar-block-empty{flex:1}#panel table td div.panel-bar-blink{animation:pulse-effect 2s infinite ease-out}@keyframes pulse-effect{50%{background-color:#888}}#stat{position:absolute;inset:30px 0 40px;z-index:7;margin:auto;background:#191919e6;border-radius:5px;border:3px solid #fff;overflow:hidden;width:90%;max-width:550px;font-size:10px;line-height:12px;color:#fff}#stat .stat-head{display:table;width:92%;margin:3% auto 1%;text-transform:capitalize;border-bottom:1px solid #fff;font-size:1.2em;line-height:1.2em}#stat .stat-head span{display:table-cell}#stat .stat-tables{width:92%;margin:3% auto 1%}#stat table{width:100%;margin:0 auto 3%;border-spacing:0;table-layout:fixed;font-size:1em;line-height:1.2em;border-collapse:collapse}#stat table td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1%}#stat .stat-head span:nth-child(1),#stat table td:nth-child(1){width:40%}#stat .stat-head span:nth-child(2),#stat table td:nth-child(2){text-align:center;width:15%}#stat .stat-head span:nth-child(3),#stat table td:nth-child(3){width:15%;text-align:right}#stat .stat-head span:nth-child(4),#stat table td:nth-child(4){width:15%;text-align:right}#stat .stat-head span:nth-child(5),#stat table td:nth-child(5){width:15%;text-align:right}#vote{display:block;position:absolute;top:30px;left:5px;margin:auto;padding:5px;z-index:5;width:250px;color:#fff;background:#03649b80;text-shadow:0 0 1px #000;white-space:nowrap;border:3px solid #fff;border-radius:5px}#vote .vote-title{font-size:14px;line-height:16px;font-weight:700;margin:3px 3px 0;white-space:normal}#vote .vote-list{margin:0;padding:5px 0 0 5px;list-style-position:inside;font-size:12px;line-height:17px}#vote .vote-list li{text-overflow:ellipsis;overflow:hidden}#vote .vote-nav{padding:0 0 0 5px;margin-top:10px}#vote .vote-nav p{display:none;margin:0}#vote .vote-nav p.active{display:block}#chat{position:absolute;bottom:0;left:0;right:0;z-index:3}#chat-box{width:92%;font-size:14px;line-height:18px;margin:0 auto 40px}#chat-box .line,#chat-box .line1,#chat-box .line2,#chat-box .line3{opacity:1;transition:all 2s;word-wrap:break-word;text-shadow:1px 1px 1px #333;padding:2px 5px}#chat-box .line:before,#chat-box .line1:before,#chat-box .line2:before,#chat-box .line3:before{content:attr(data-name);margin-right:5px;font-weight:700}#chat-box .line:before{color:red}#chat-box .line1:before{color:#f56}#chat-box .line2:before{color:#7ed}#chat-box .line3:before{color:#fe5}#cmd{display:none;position:absolute;left:0;right:0;bottom:0;width:92%;margin:0 auto 5px;font-size:17px;line-height:23px;outline:none;border:3px solid #099;border-radius:5px;opacity:.9}#auth{background-color:#222;position:absolute;width:100%;min-height:100%;top:0;left:0;z-index:8}#auth-form{background-color:#333;width:256px;margin:10px auto;border:1px solid #eee;text-shadow:1px 1px 1px #000;padding:10px;font-size:12px;line-height:15px}#auth-form h2{font-size:21px;line-height:30px;margin:0 0 10px;text-align:center}#auth-form div.auth-field{padding:5px}#auth-name-input{margin-left:10px;width:140px;font-size:10px;line-height:12px}#auth-error{color:#e00;font-size:12px;line-height:15px;min-height:15px;margin:0 5px}#auth-enter{display:block;margin:3px auto}#auth-link{font-size:9px;height:15px;margin:0;padding:0 5px;text-shadow:none;display:flex;justify-content:space-between}#auth-link p{margin:0}#auth-link p a{color:#ff0}#auth-link p:nth-child(1){text-align:left}#auth-link p:nth-child(2){text-align:right}.auth-inform{background-color:#444;padding:7px 13px;margin:10px 0;border-radius:4px;border:1px solid #999}.auth-inform h4{margin:0 0 4px;text-align:center}.auth-inform p{margin:0;padding:1px 4px}.auth-inform p.last{margin-bottom:10px}#tech-informer{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;background-color:#000;color:#fff;font-size:20px;line-height:24px;white-space:pre-line}#game-informer{position:absolute;top:0;left:0;z-index:6;padding-top:30vh;width:100%;height:calc(100% - 30vh);color:#fff;font-size:clamp(24px,16px + 4vw,48px);font-weight:700;background:transparent;text-align:center;text-transform:uppercase;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,2px 2px 4px rgba(0,0,0,.7);opacity:0;animation:appearFromCenter .8s ease-out forwards}@keyframes appearFromCenter{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}#lobby{background-color:#222;position:absolute;width:100%;min-height:100%;top:0;left:0;z-index:8}#lobby-panel{background-color:#333;width:400px;max-width:90%;margin:10px auto;border:1px solid #eee;text-shadow:1px 1px 1px #000;padding:10px;font-size:12px;line-height:15px}#lobby-panel h2{font-size:21px;line-height:30px;margin:0 0 10px;text-align:center}#lobby-search{display:block;width:100%;box-sizing:border-box;margin-bottom:10px;font-size:12px;line-height:18px}#lobby-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.lobby-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;margin-bottom:4px;background-color:#444;border:1px solid #555;cursor:pointer}.lobby-card:hover{background-color:#555}.lobby-card-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-card-info{color:#aaa;white-space:nowrap}.lobby-card-rating{min-width:32px;text-align:right;color:#8f8}.lobby-card-latency{min-width:48px;text-align:right;color:#ff0}#lobby-empty{text-align:center;color:#888;margin:20px 0}#lobby-more{display:block;margin:8px auto 0}#lobby-user{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px;color:#aaa}#lobby-auth{background-color:#222;position:absolute;width:100%;min-height:100%;top:0;left:0;z-index:8}#lobby-auth-login,#lobby-auth-nick{background-color:#333;width:400px;max-width:90%;margin:10px auto;border:1px solid #eee;text-shadow:1px 1px 1px #000;padding:10px;font-size:12px;line-height:15px;text-align:center}#lobby-auth-login h2,#lobby-auth-nick h2{font-size:21px;line-height:30px;margin:0 0 10px}#lobby-auth-login-buttons{display:flex;flex-direction:column;gap:8px}#lobby-auth-nick-input{display:block;width:100%;box-sizing:border-box;margin-bottom:10px;font-size:12px;line-height:18px}#lobby-auth-login-error,#lobby-auth-nick-error{color:#f56;margin:8px 0}