@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2) format("woff2"),url(/fonts/DepartureMono-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Departure Mono,monospace;font-size:11px;line-height:1.6;font-weight:400;color:#999;background-color:#0a0a0a;font-synthesis:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}::selection{background:#c41e1e;color:#eee}#root{max-width:720px;margin:0 auto;padding:2rem;text-align:center}.logo-container{display:flex;flex-direction:column;align-items:center;margin:1rem 0 1.5rem}.logo-wolfenstein{font-size:8px;line-height:1.1;margin:0 0 .5rem;color:#c41e1e;white-space:pre;font-weight:700;letter-spacing:0;text-shadow:0 0 4px rgba(196,30,30,.4)}.logo-emblem{font-size:9px;line-height:1;margin:.5rem 0;color:#666;white-space:pre;letter-spacing:0}.logo-enemy{font-size:8px;line-height:1.1;margin:.5rem 0 0;color:#c41e1e;white-space:pre;font-weight:700;letter-spacing:0;text-shadow:0 0 4px rgba(196,30,30,.4)}h1{font-size:22px;line-height:1.2;margin:0 0 2px;color:#c41e1e;letter-spacing:.15em;text-transform:uppercase}.subtitle{color:#555;margin-bottom:0;font-size:13px;letter-spacing:.3em;text-transform:uppercase}.divider{color:#282828;margin:1.5rem 0;letter-spacing:0}.cards{display:flex;gap:1.5rem;justify-content:center}.card{flex:1;max-width:280px;background:transparent;border:1px solid #282828;padding:0;cursor:pointer;transition:border-color .15s;text-align:center}.card:hover{border-color:#c41e1e}.card:hover .card-label{color:#c41e1e}.card-inner{padding:1.2rem 1rem}.card-label{font-size:15px;color:#ccc;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;transition:color .15s}.card-art{color:#666;font-size:13px;line-height:1.3;margin-bottom:.8rem;white-space:pre}.card p{margin:0;color:#666;font-size:13px;line-height:1.5}.card-hint{display:block;padding:.4rem 0;border-top:1px solid #282828;color:#333;font-size:13px;transition:color .15s}.card:hover .card-hint{color:#c41e1e}.home-name-field{max-width:300px;margin:0 auto 1.5rem;text-align:left}.home-name-field label{display:block;margin-bottom:.3rem;color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.home-name-field input{width:100%;padding:.5em .6em;background:#0a0a0a;border:1px solid #282828;color:#ccc;font-size:13px;font-family:Departure Mono,monospace;box-sizing:border-box}.home-name-field input::-webkit-credentials-auto-fill-button,.home-name-field input::-webkit-contacts-auto-fill-button,.home-name-field input::-webkit-textfield-decoration-container>*{display:none!important;visibility:hidden!important}.home-name-field input:focus{outline:none;border-color:#c41e1e;color:#c41e1e}.home-name-field .field-hint{display:block;margin-top:.2rem;color:#444;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.section-header{text-align:center;margin-bottom:.5rem;color:#555;font-size:15px;letter-spacing:.15em;text-transform:uppercase}.section-desc{text-align:center;color:#444;font-size:13px;margin:0 0 1.25rem;letter-spacing:.05em}.form-view{max-width:400px;margin:0 auto;text-align:left}.form-view h2{text-align:center;margin-bottom:1.5rem;color:#ccc;font-size:15px;letter-spacing:.15em;text-transform:uppercase}.field{margin-bottom:1.25rem}.field label{display:block;margin-bottom:.3rem;color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.field select,.field input{width:100%;padding:.5em .6em;background:#0a0a0a;border:1px solid #282828;color:#ccc;font-size:13px;font-family:Departure Mono,monospace;box-sizing:border-box}.field select:focus,.field input:focus{outline:none;border-color:#c41e1e;color:#c41e1e}.field input.room-code-input{font-size:26px;text-align:center;letter-spacing:.3em;text-transform:uppercase;padding:.4em}.field input.room-code-input::placeholder{color:#282828}.toggle-label{display:flex;align-items:center;gap:.5em;color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.toggle-label input[type=checkbox]{accent-color:#c41e1e;cursor:pointer}.toggle-status{color:#444;font-size:12px;margin-left:auto}.field-hint{display:block;margin-top:.2rem;color:#444;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.btn-primary{width:100%;padding:.6em;background:transparent;color:#c41e1e;border:1px solid #c41e1e;font-size:13px;font-family:Departure Mono,monospace;cursor:pointer;transition:background .15s,color .15s;text-transform:uppercase;letter-spacing:.15em}.btn-primary:hover{background:#c41e1e;color:#0a0a0a}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-primary:disabled:hover{background:transparent;color:#c41e1e}.back-link{display:block;margin-top:1.25rem;color:#555;font-size:13px;cursor:pointer;text-align:center;width:100%;letter-spacing:.1em}.back-link:hover{color:#c41e1e}.footer{margin-top:2.5rem;color:#333;font-size:12px;letter-spacing:.05em}@media(max-width:560px){.cards{flex-direction:column;align-items:center}.card{max-width:100%}}.player-settings{margin-top:1.25rem;margin-bottom:1.25rem}.player-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.player-settings-title{color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.player-settings-badge{color:#c41e1e;font-size:12px;letter-spacing:.05em}.player-settings-section{border:1px solid #282828;margin-bottom:.5rem}.player-settings-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5em .6em;background:transparent;border:none;color:#888;font-size:13px;font-family:Departure Mono,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-align:left}.player-settings-section-toggle:hover{color:#ccc}.player-settings-section-toggle-left{display:flex;align-items:center;gap:.5em}.player-settings-section-arrow{display:inline-block;transition:transform .1s}.player-settings-section.open .player-settings-section-arrow{transform:rotate(90deg)}.player-settings-section-count{color:#c41e1e;font-size:12px}.player-settings-section-body{display:none;padding:.25em .6em .6em;border-top:1px solid #1a1a1a}.player-settings-section.open .player-settings-section-body{display:block}.player-setting-field{display:flex;align-items:center;gap:.5em;margin-bottom:.5em}.player-setting-field:last-child{margin-bottom:0}.player-setting-label{flex:0 0 160px;position:relative;cursor:help}.player-setting-label-text{display:block;color:#555;font-size:12px;text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-setting-field.modified .player-setting-label-text{color:#c41e1e}.player-setting-input{flex:1;min-width:0}.player-setting-input input[type=number],.player-setting-input select{width:100%;padding:.3em .4em;background:#0a0a0a;border:1px solid #282828;color:#ccc;font-size:12px;font-family:Departure Mono,monospace;box-sizing:border-box}.player-setting-range{display:flex;align-items:center;gap:.5em}.player-setting-range input[type=range]{flex:1;accent-color:#c41e1e}.player-setting-range-value{min-width:3ch;text-align:right;color:#ccc;font-size:11px}.player-setting-field.modified .player-setting-input input,.player-setting-field.modified .player-setting-input select{border-color:#c41e1e}.player-setting-input input:focus,.player-setting-input select:focus{outline:none;border-color:#c41e1e;color:#c41e1e}.player-setting-toggle{display:flex;align-items:center;gap:.4em}.player-setting-toggle input[type=checkbox]{accent-color:#c41e1e;cursor:pointer}.player-setting-toggle-status{color:#444;font-size:11px;text-transform:uppercase}.player-setting-suffix{color:#444;font-size:11px;text-transform:uppercase;flex-shrink:0}.player-setting-mode{color:#7a7a7a;font-size:10px;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.player-setting-reset{flex-shrink:0;background:transparent;border:none;color:#c41e1e;font-size:13px;font-family:Departure Mono,monospace;cursor:pointer;padding:0 .2em;visibility:hidden}.player-setting-field.modified .player-setting-reset{visibility:visible}.player-setting-reset:hover{color:#f44}.player-setting-tooltip{display:none;position:absolute;left:0;bottom:calc(100% + 6px);width:220px;padding:.4em .5em;background:#1a1a1a;border:1px solid #282828;color:#999;font-size:12px;font-family:Departure Mono,monospace;line-height:1.4;text-transform:none;letter-spacing:0;white-space:normal;z-index:10;pointer-events:none}.player-setting-label:hover .player-setting-tooltip{display:block}.server-browser{max-width:600px;margin:0 auto;text-align:left}.server-browser h2{text-align:center;margin-bottom:1.5rem;color:#ccc;font-size:15px;letter-spacing:.15em;text-transform:uppercase}.server-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:1.25rem}.server-table th{text-align:left;color:#555;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:.4em .6em;border-bottom:1px solid #282828}.server-table td{padding:.5em .6em;border-bottom:1px solid #1a1a1a;color:#999;vertical-align:middle}.server-table tr:hover td,.server-table .col-map{color:#ccc}.server-table .col-players{text-align:center;white-space:nowrap}.server-table .col-name{color:#888}.server-table .col-status{text-align:center;white-space:nowrap}.server-table .col-action{text-align:right;width:1%;white-space:nowrap}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.4em;vertical-align:middle}.status-live .status-dot{background:#4caf50;box-shadow:0 0 4px #4caf5099}.status-idle .status-dot{background:#666}.status-sleep .status-dot{background:transparent;border:1px solid #444}.status-live .status-label{color:#4caf50}.status-idle .status-label{color:#666}.status-sleep .status-label{color:#444}.btn-join{background:transparent;color:#c41e1e;border:1px solid #c41e1e;padding:.25em .8em;font-size:12px;font-family:Departure Mono,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:background .15s,color .15s}.btn-join:hover{background:#c41e1e;color:#0a0a0a}.btn-join:disabled{opacity:.3;pointer-events:none}.btn-join-wrapper.disabled{cursor:not-allowed;position:relative}.btn-join-wrapper.disabled:hover:after{content:attr(data-tooltip);position:absolute;right:0;bottom:calc(100% + 6px);background:#1a1a1a;color:#ccc;border:1px solid #333;padding:.3em .6em;font-size:11px;white-space:nowrap;pointer-events:none;z-index:10}.server-browser-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:1.25rem}.btn-refresh{background:transparent;color:#555;border:1px solid #282828;padding:.4em 1.2em;font-size:13px;font-family:Departure Mono,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:border-color .15s,color .15s}.btn-refresh:hover{border-color:#c41e1e;color:#c41e1e}.btn-refresh:disabled{opacity:.3;cursor:not-allowed}.server-browser-loading,.server-browser-empty{text-align:center;color:#444;font-size:13px;padding:2rem 0;letter-spacing:.1em;text-transform:uppercase}.server-browser-inline{max-width:100%}.server-browser-error{text-align:center;color:#c41e1e;font-size:13px;padding:1rem 0}@media(max-width:560px){.server-browser{max-width:100%}.server-table .col-name{display:none}.server-table th:nth-child(3){display:none}}.server-settings{margin-top:1.5rem;margin-bottom:1.25rem}.server-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.server-settings-title{color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.server-settings-badge{color:#c41e1e;font-size:12px;letter-spacing:.05em}.cvar-section{border:1px solid #282828;margin-bottom:.5rem}.cvar-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5em .6em;background:transparent;border:none;color:#888;font-size:13px;font-family:Departure Mono,monospace;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-align:left}.cvar-section-toggle:hover{color:#ccc}.cvar-section-toggle-left{display:flex;align-items:center;gap:.5em}.cvar-section-arrow{display:inline-block;transition:transform .1s}.cvar-section.open .cvar-section-arrow{transform:rotate(90deg)}.cvar-section-count{color:#c41e1e;font-size:12px}.cvar-section-body{display:none;padding:.25em .6em .6em;border-top:1px solid #1a1a1a}.cvar-section.open .cvar-section-body{display:block}.cvar-field{display:flex;align-items:center;gap:.5em;margin-bottom:.5em}.cvar-field:last-child{margin-bottom:0}.cvar-field-label{flex:0 0 160px;position:relative;cursor:help}.cvar-field-label-text{display:block;color:#555;font-size:12px;text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvar-field.modified .cvar-field-label-text{color:#c41e1e}.cvar-field-input{flex:1;min-width:0}.cvar-field-input input[type=number],.cvar-field-input input[type=text],.cvar-field-input select{width:100%;padding:.3em .4em;background:#0a0a0a;border:1px solid #282828;color:#ccc;font-size:12px;font-family:Departure Mono,monospace;box-sizing:border-box}.cvar-field.modified .cvar-field-input input,.cvar-field.modified .cvar-field-input select{border-color:#c41e1e}.cvar-field-input input:focus,.cvar-field-input select:focus{outline:none;border-color:#c41e1e;color:#c41e1e}.cvar-field-suffix{color:#444;font-size:11px;text-transform:uppercase;flex-shrink:0}.cvar-field-reset{flex-shrink:0;background:transparent;border:none;color:#c41e1e;font-size:13px;font-family:Departure Mono,monospace;cursor:pointer;padding:0 .2em;visibility:hidden}.cvar-field.modified .cvar-field-reset{visibility:visible}.cvar-field-reset:hover{color:#f44}.cvar-field-toggle{display:flex;align-items:center;gap:.4em}.cvar-field-toggle input[type=checkbox]{accent-color:#c41e1e;cursor:pointer}.cvar-field-toggle-status{color:#444;font-size:11px;text-transform:uppercase}.cvar-field-tooltip{display:none;position:absolute;left:0;bottom:calc(100% + 6px);width:200px;padding:.4em .5em;background:#1a1a1a;border:1px solid #282828;color:#999;font-size:12px;font-family:Departure Mono,monospace;line-height:1.4;text-transform:none;letter-spacing:0;white-space:normal;z-index:10;pointer-events:none}.cvar-field-label:hover .cvar-field-tooltip{display:block}