@charset "UTF-8";:root{--bg-page: #000;--bg-overlay: #222;--bg-card: #333;--surface: #444;--surface-2: #555;--text: #ccc;--text-strong: #fff;--text-muted: #aaa;--text-dim: #888;--border: #eee;--border-soft: #555;--border-mid: #999;--accent: #099;--accent-soft: #7ed;--link: #ff0;--ok: #8f8;--error: #e00;--error-soft: #f56;--radius: 5px;--radius-sm: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--font: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif}*{-webkit-user-select:none;user-select:none}.panel{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);margin:var(--space-3) auto;text-shadow:1px 1px 1px #000;font-size:12px;line-height:15px;color:var(--text);font-family:var(--font)}.panel-narrow{width:256px}.panel-wide{width:400px;max-width:90%}.panel h2{font-size:21px;line-height:30px;margin:0 0 var(--space-3) 0;text-align:center;color:var(--text-strong)}.btn{display:block;box-sizing:border-box;font-family:var(--font);font-size:12px;line-height:18px;color:var(--text);background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer}.btn:hover{background-color:var(--surface-2)}.btn:active{background-color:var(--bg-card)}.btn:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.btn:disabled{opacity:.5;cursor:default}.form-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:var(--space-2) 0}.form-label{color:var(--text-muted)}.field-text,.field-number,.field-select{box-sizing:border-box;font-family:var(--font);font-size:12px;line-height:18px;color:var(--text-strong);background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.field-text:hover,.field-number:hover,.field-select:hover{border-color:var(--border-mid)}.field-text:focus-visible,.field-number:focus-visible,.field-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.field-text:disabled,.field-number:disabled,.field-select:disabled{opacity:.5}.field-select{appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23ccc'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center}.field-toggle-switch{position:relative;flex:none;width:34px;height:18px}.field-toggle-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.field-toggle-track{position:absolute;inset:0;background-color:var(--surface);border:1px solid var(--border-soft);border-radius:9px;transition:background-color .15s}.field-toggle-track:before{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background-color:var(--text-muted);transition:transform .15s}.field-toggle-switch input:checked+.field-toggle-track{background-color:var(--accent);border-color:var(--accent)}.field-toggle-switch input:checked+.field-toggle-track:before{transform:translate(16px);background-color:var(--text-strong)}.field-toggle-switch input:focus-visible+.field-toggle-track{box-shadow:0 0 0 1px var(--accent)}@media(prefers-reduced-motion:reduce){.field-toggle-track,.field-toggle-track:before{transition:none}}.field-range-wrap{display:inline-flex;align-items:center;gap:var(--space-2)}.field-range{accent-color:var(--accent)}.field-range-value{min-width:2.5em;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-strong)}.field-segmented{display:inline-flex;border:1px solid var(--border-soft);border-radius:var(--radius-sm);overflow:hidden}.field-segmented-btn{font-family:var(--font);font-size:12px;line-height:18px;color:var(--text);background-color:var(--surface);border:none;border-right:1px solid var(--border-soft);padding:var(--space-1) var(--space-2);cursor:pointer}.field-segmented-btn:last-child{border-right:none}.field-segmented-btn:hover{background-color:var(--surface-2)}.field-segmented-btn.active{background-color:var(--accent);color:var(--text-strong)}.field-segmented-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--accent)}#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:var(--bg-overlay);position:absolute;width:100%;min-height:100%;top:0;left:0;z-index:8}#auth-error{color:var(--error);font-size:12px;line-height:15px;min-height:15px;margin:0 var(--space-2)}#auth-enter{display:block;margin:var(--space-1) 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:var(--link)}#auth-link p:nth-child(1){text-align:left}#auth-link p:nth-child(2){text-align:right}.auth-inform{background-color:var(--surface);padding:var(--space-2) var(--space-3);margin:var(--space-3) 0;border-radius:var(--radius-sm);border:1px solid var(--border-mid)}.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:var(--bg-overlay);position:absolute;width:100%;min-height:100%;top:0;left:0;z-index:8}#lobby-create{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}#lobby-name{width:100%}#lobby-search{display:block;width:100%;margin-bottom:var(--space-3)}#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:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-1);background-color:var(--surface);border:1px solid var(--border-soft);cursor:pointer}.lobby-card:hover{background-color:var(--surface-2)}.lobby-card-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-card-info{color:var(--text-muted);white-space:nowrap}.lobby-card-rating{min-width:32px;text-align:right;color:var(--ok)}.lobby-card-latency{min-width:48px;text-align:right;color:var(--link)}#lobby-empty{text-align:center;color:var(--text-dim);margin:var(--space-4) 0}#lobby-more{display:block;margin:8px auto 0}#lobby-user{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--text-muted)}#lobby-auth{background-color:var(--bg-overlay);position:absolute;width:100%;min-height:100%;top:0;left:0;z-index:8}#lobby-auth-login,#lobby-auth-nick{text-align:center}#lobby-auth-login-buttons{display:flex;flex-direction:column;gap:8px}#lobby-auth-login-buttons .btn,#lobby-auth-nick-submit,#lobby-host,#lobby-user-logout{width:100%}#lobby-auth-nick-input{display:block;width:100%;margin-bottom:10px}#lobby-auth-login-error,#lobby-auth-nick-error{color:var(--error-soft);margin:8px 0}