:root{color-scheme:dark;--text:#e5e9df;--muted:#a7b19c;--gold:#ded28c;--line:#91a17a30;--surface:#35412f;--ct:#abc8db;--t:#dec691;font-family:"Segoe UI",Arial,sans-serif;color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#111810;display:flex;flex-direction:column}button,input,select{font:inherit}button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input:focus,select:focus{outline:none;border-color:#c9cc9955}button{border:0}a{text-decoration:none}.backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#10180bc4 0%,#15201080 42%,#10160e40 100%),linear-gradient(0deg,#10170e80,transparent 70%),url('/classic-background-v4.jpg') center center/cover}.grain{pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000004 3px 4px);z-index:-1}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:48px;padding:5px 5.6vw;background:#35412ff2;border-bottom:1px solid #84957255}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.5px}.brand>span{color:var(--gold)}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;margin-top:8px;color:var(--muted)}.profile-button{display:flex;gap:9px;align-items:center;min-height:36px;background:transparent;border:0;padding:3px 0;text-align:left;border-radius:0;font-family:"Segoe UI",Arial,sans-serif}.profile-button strong{font-size:13px;font-weight:600;letter-spacing:.7px}.profile-button small{display:none}.avatar{width:27px;height:27px;display:grid;place-items:center;border:1px solid #b5c09b55;color:var(--gold);font-size:12px}.chevron{margin-left:7px;color:var(--muted)}.home{display:block;width:100%;max-width:none;margin:0;padding:32px 8.5vw 50px;flex:1}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--gold);font-weight:600}h1{font-weight:650;font-size:clamp(35px,4vw,58px);line-height:1.1;letter-spacing:-1.8px;margin:20px 0 20px}.intro p{font-size:15px;line-height:1.8;color:#b9c2ae;margin-bottom:23px;max-width:720px}.live{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#c0cbb3;font-size:11px;letter-spacing:0}.dot{width:6px;height:6px;border-radius:50%;background:#b4c78d;box-shadow:0 0 12px #b4c78d55}.separator{opacity:.35;margin:0 2px}.main-menu{position:fixed;left:var(--home-menu-left,18vw);top:clamp(90px,65vh,calc(100vh - 280px));display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:300px;max-width:calc(100vw - 48px);margin:0}.menu-item{display:block;background:transparent;border:0;padding:10px 0;text-align:left;color:#ffcc00;font-family:"Segoe UI",Arial,sans-serif;font-size:23px;line-height:1.35;font-weight:600;letter-spacing:-.3px;text-transform:none;border-radius:0;transition:color .35s ease;text-shadow:0 1px 3px #0008}.main-menu .menu-item:hover{color:#ffe56b;background:transparent}.menu-item.primary{color:#ffcc00;background:transparent;border:0;font-size:25px}.menu-item.subdued{font-size:21px;color:#ffcc00;margin-top:3px}.home-note{margin-top:39px;font-size:10px;letter-spacing:.7px;color:#89967f;display:flex;align-items:center;gap:12px}.note-rule{height:1px;width:35px;background:#7f8d7055}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;width:100%;padding:13px 5.6vw;background:#293421ed;border-top:1px solid #81906a55;color:#aeb9a1;font-size:10px;letter-spacing:.6px}.footer-divider{padding:0 10px;opacity:.4}
[hidden]{display:none!important}#shade{position:fixed;inset:0;background:#08100575;backdrop-filter:blur(3px);z-index:10}.window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(940px,calc(100vw - 40px));max-height:88vh;overflow:auto;background:#35412ff5;border:1px solid #a7b58b55;border-radius:4px;box-shadow:0 28px 90px #0008;z-index:11}.window-header{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border-bottom:1px solid var(--line)}.window-header .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:7px}h2{font-size:23px;letter-spacing:-.5px;margin:0;font-weight:600}.close{color:var(--muted);font-size:26px;background:none;padding:1px 5px}.close:hover{color:var(--text)}.tabs{display:flex;gap:24px;padding:0 26px;border-bottom:1px solid var(--line)}.tab{background:none;padding:17px 0 13px;color:var(--muted);font-size:12px;border-bottom:2px solid transparent}.tab.active{color:var(--gold);border-color:var(--gold)}.toolbar{display:flex;align-items:center;gap:10px;padding:19px 26px 15px}.search{flex:1}.input,input,select{background:#26322066;border:1px solid var(--line);border-radius:2px;color:var(--text);padding:10px 12px;font-size:12px}.search input{width:100%}.soft-button{background:#46533a;padding:10px 14px;color:#d4ddc9;border:1px solid var(--line);border-radius:2px;font-size:11px}.soft-button:hover{background:#526044}.table-wrap{margin:0 26px;overflow:auto;min-height:290px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#28331f88;font-size:9px;color:var(--muted);font-weight:600;letter-spacing:.7px;padding:11px 10px}td{font-size:12px;padding:14px 10px;border-bottom:1px solid #a7b58b15}tr.server{cursor:pointer}tr.server:hover{background:#53614555}tr.server.selected{background:#b5ad5440}td.server-name{font-weight:600}td small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.star{background:none;font-size:17px;padding:0;color:var(--gold)}.empty{text-align:center;color:var(--muted);padding:50px 12px}.status-mark{display:inline-block;width:5px;height:5px;background:#a7bf85;border-radius:50%;margin-right:7px}.num{text-align:right}.ping{color:#b8ca98}.window-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 26px;border-top:1px solid var(--line);margin-top:15px;background:#2d39277a}.selection-label{font-size:11px;color:var(--muted)}.selection-label strong{color:var(--text);display:block;font-weight:500;margin-bottom:4px}.action{background:var(--gold);color:#29301e;padding:11px 24px;font-weight:600;font-size:12px;border-radius:2px}.action:hover{background:#e9dfa2}.detail{padding:26px;display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.map-preview{height:220px;background:linear-gradient(transparent,#172015bb),url('assets/background.png') center/cover;border:1px solid var(--line);display:flex;align-items:flex-end;padding:18px}.map-preview strong{font-size:24px}.map-preview small{display:block;font-size:11px;margin-top:6px;color:#c5cfb9}.details-list{display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:12px}.details-list small{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.description{font-size:12px;color:#b8c2aa;line-height:1.8;margin-top:22px}.content-pad{padding:25px 26px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px}.field{display:block;margin-bottom:21px}.field>span{font-size:11px;display:block;margin-bottom:9px;color:#c8d1bf}.field input,.field select{width:100%;font-size:14px}.field small,.helper{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:8px}.section-title{font-size:12px;font-weight:600;margin:0 0 17px}.sprays{display:flex;gap:9px}.spray{display:grid;place-items:center;font-size:24px;width:64px;height:64px;border:1px solid var(--line);background:#283421;color:#c7cfb9}.spray.chosen{border-color:var(--gold);background:#5a65443b}.range{padding:0!important;accent-color:var(--gold)}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin:17px 0;font-size:12px}.toggle-row input{accent-color:var(--gold);width:16px;height:16px}.notice{padding:16px;background:#2935227a;border:1px solid var(--line);font-size:12px;line-height:1.8;color:#c0cbb5}.notice strong{color:var(--gold)}.account-hero{display:flex;align-items:center;gap:17px;margin-bottom:25px}.account-hero .avatar{width:54px;height:54px;font-size:22px}.account-hero h3{font-size:24px;margin:0 0 7px}.account-hero p{color:var(--muted);margin:0;font-size:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.stat-box{padding:12px;border:1px solid var(--line);background:#29352288}.stat-box small{font-size:10px;color:var(--muted);display:block;margin-bottom:6px}.stat-box strong{font-size:20px;color:var(--gold);font-weight:500}.server-access{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.server-access small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.badge{padding:5px 9px;background:#dace7930;border:1px solid #dace7940;color:var(--gold);font-size:9px;letter-spacing:.5px}.quit-content{text-align:center;padding:37px 28px}.quit-content p{color:var(--muted);font-size:13px;line-height:1.8}.quit-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.demo-play{position:fixed;inset:0;z-index:5;background:url('assets/background.png') center/cover}.demo-play .play-top{position:absolute;top:0;left:0;right:0;background:#303d2a88;display:flex;justify-content:center;gap:30px;padding:20px;font-size:20px}.demo-play .play-bottom{position:absolute;bottom:0;left:0;right:0;background:#303d2aab;padding:20px;text-align:center;font-size:12px}.demo-play .play-title{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 2px 10px #000}.play-title h2{font-size:34px}.play-title p{font-size:13px}.demo-play .crosshair{position:absolute;left:50%;top:58%;color:#c5dcb0;font-size:30px;font-weight:300}.play-bottom button{margin-left:18px}#toast{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);background:#526044;border:1px solid #a7b58b55;padding:12px 22px;z-index:30;font-size:12px;box-shadow:0 7px 25px #0004}
@media(min-width:1600px){.home{padding-top:10vh}}@media(max-height:770px){.home{padding-top:2vh}.home-note{margin-top:20px}.topbar{padding-top:5px;padding-bottom:5px}h1{font-size:42px}.window{max-height:94vh}}@media(max-width:700px){.topbar{padding:5px 20px}.home{padding:5vh 24px 90px}.brand{font-size:12px}.brand small{font-size:7px}.profile-button small,.chevron{display:none}.intro p{font-size:13px}.page-footer{padding:12px 24px;letter-spacing:.3px}.window{width:calc(100vw - 20px)}.window-header,.content-pad{padding:20px}.toolbar{padding:15px;flex-wrap:wrap}.toolbar .search{flex-basis:100%}.table-wrap{margin:0 15px}.window-footer{padding:16px}.tabs{padding:0 20px;gap:20px}.two-col,.detail{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.main-menu{width:100%}.window h2{font-size:21px}td{padding:12px 8px}.home-note{display:none}}

.form-error{font-size:12px;color:#edb6a8;line-height:1.6;min-height:1.6em}form .action{width:100%}


.menu-label{min-width:0}


.home-console{width:min(820px,61vw);max-width:100%;padding:0 12px 12px;background:#4a563dd9;border:1px solid #74826355;color:#dce3d3;font-family:"Segoe UI",Arial,sans-serif}
.home-panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0 11px;border:0;background:transparent}
.home-panel-header h2{font-size:20px;line-height:1.2;font-weight:400;margin:0}
.home-panel-header>span{font-size:9px;letter-spacing:1px;color:#c5c39a}
.home-panel-header small{font-size:9px;font-weight:400;color:var(--gold);margin-left:7px}
.home-console-content{height:clamp(280px,37vh,400px);min-height:0;overflow:auto;scrollbar-color:#6b7859 #3b452f;scrollbar-width:auto;padding:8px;background:#303a27aa;border:1px solid #74826355;border-top-color:#29332080;border-left-color:#29332080;font:14px/1.45 Consolas,"Courier New",monospace;color:#aeb9a1}
.home-console-content p{margin:0 0 8px}
.console-prefix{color:var(--gold);font-weight:600;margin-right:8px}
.console-muted{color:#aeb9a1}









.about-page{max-width:980px;margin:auto;padding:50px 5.6vw 80px}
.about-page h1{font-size:36px;letter-spacing:-1px}
.about-page>p{color:#bec8b2;line-height:1.8;max-width:740px}
.about-faq{margin-top:35px}
.about-faq details{border-bottom:1px solid #81906a45;padding:18px 0}
.about-faq summary{font-size:15px;font-weight:600;color:var(--gold);cursor:pointer}
.about-faq p{font-size:14px;line-height:1.8;color:#bec8b2;max-width:740px;margin:14px 0 0}
.about-back{margin-top:30px;width:max-content;max-width:100%}
@media(max-width:1000px){.home{padding:30px 6vw 50px}.home-panel-header{flex-wrap:wrap}}
@media(max-width:620px){.home .main-menu{left:24px;top:clamp(90px,55vh,calc(100vh - 280px));width:calc(100vw - 48px);max-width:300px;margin:0}.topbar{gap:12px}.profile-button{gap:7px}.profile-button strong{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{letter-spacing:1px}.about-page{padding:30px 24px 70px}.about-page h1{font-size:30px}}



.brand-mark{width:28px;height:28px;display:grid;place-items:center;background:#475339;border:1px solid #a8ad7880;color:var(--gold);font-size:20px;font-weight:600}
.brand-caption{color:#dce3d3}
.footer-brand{font-weight:600}
.footer-link{color:#d5dcbf}
.footer-link:hover{color:var(--gold)}
@media(prefers-reduced-motion:reduce){.menu-item{transition:none}}

.home-console-content h1{font:inherit;letter-spacing:0;margin:0 0 12px;color:inherit}
@media(max-width:1000px){.home-console{width:min(820px,100%)}}

.home-console-close{display:grid;place-items:center;width:27px;height:27px;padding:0;background:#414d35;border:1px solid #74826366;color:#dce3d3;font:24px/1 Arial,sans-serif;cursor:default}
.home-console-command-row{display:flex;gap:12px;margin-top:12px}
.home-console-command-row input{min-width:0;flex:1;height:36px;padding:6px 9px;background:#303a27aa;border:1px solid #74826355;border-top-color:#29332080;border-left-color:#29332080;color:#aeb9a1;font:14px/1.4 Consolas,"Courier New",monospace}
.home-console-submit{min-width:95px;padding:5px 14px;background:#4b573e;border:1px solid #74826366;color:#e1e7d5;font:16px/1.4 "Segoe UI",Arial,sans-serif;cursor:default}

.home-stage{position:static;margin:0;padding:0;max-width:100%}

.home-console-submit.console-submitting{background:#65734d;border-color:#aeb98b;box-shadow:inset 1px 1px 3px #17200e80}

.console-command-field{position:relative;flex:1;min-width:0}.home-console-command-row .console-command-field input{width:100%;caret-color:transparent}.console-command-cursor{position:absolute;inset:1px;overflow:hidden;white-space:pre;pointer-events:none;padding:5px 8px;font:14px/1.4 Consolas,"Courier New",monospace;color:#aeb9a1}.console-command-cursor>span:first-child{visibility:hidden}.console-caret{display:inline-block;position:relative;top:2px;animation:console-caret-blink 1s steps(1,end) infinite}.home-console.console-closed{visibility:hidden;pointer-events:none}@keyframes console-caret-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.console-caret{animation:none}}

#window[data-panel="servers"]{font-family:Consolas,"Courier New",monospace;border-radius:0}#window[data-panel="servers"] button,#window[data-panel="servers"] input{font-family:inherit}#window[data-panel="servers"] th,#window[data-panel="servers"] td{font-size:13px;font-weight:400;letter-spacing:0}#window[data-panel="servers"] .tab,#window[data-panel="servers"] .selection-label{font-size:13px}#window[data-panel="servers"] #refresh{width:150px;height:38px;font-size:13px;white-space:nowrap}#window[data-panel="servers"] #server-info,#window[data-panel="servers"] #add-favorite{width:auto;flex-shrink:0;height:38px;padding:8px 12px;font-size:13px;font-weight:400;white-space:nowrap}#window[data-panel="servers"] #connect{width:150px;height:38px;padding:8px 12px;font-size:13px;font-weight:400}#window[data-panel="servers"] .window-footer>div:last-child{display:flex;gap:6px}.shield-cell{width:28px;text-align:center}.server-shield{display:inline-flex;vertical-align:middle;color:#c7d0b9}.server-shield.offline{opacity:.35}

#window[data-panel="servers"] th{border:1px solid #84957226;background:#26322066}#window[data-panel="servers"] th.shield-cell{padding:8px 6px;vertical-align:middle}#window[data-panel="servers"] th.shield-cell svg{display:block;margin:auto}

#window[data-panel="servers"] td{padding:9px 10px}#window[data-panel="servers"] .search{min-width:120px}#window[data-panel="servers"] .selection-label.guest-warning{color:#d8cd8e;font-size:12px;line-height:1.5}

#window[data-panel="details"]{width:min(620px,calc(100vw - 30px));font-family:Consolas,"Courier New",monospace;border-radius:0}#window[data-panel="details"] button{font-family:inherit}#window[data-panel="details"] .window-header{padding:15px 20px}#window[data-panel="details"] .eyebrow{display:none}.game-info{padding:20px}.game-info-fields{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:14px;margin:0 0 24px}.game-info-fields dt{text-align:right;color:#aeb9a1}.game-info-fields dd{margin:0;overflow-wrap:anywhere}.game-player-list{height:220px;overflow:auto;border:1px solid #84957240;background:#26322066}.game-player-list table{white-space:normal}.game-player-list th{position:sticky;top:0;background:#414e37;border:1px solid #84957240;font:14px Consolas,"Courier New",monospace;letter-spacing:0;padding:7px 10px}.game-player-list td{font:14px Consolas,"Courier New",monospace;padding:7px 10px}.game-info-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 20px 20px}.game-info-actions button{padding:8px 12px;min-width:100px;height:38px;font-size:14px;font-weight:400}@media(max-width:620px){.game-info-fields{grid-template-columns:80px 1fr}.game-info-actions{gap:6px}.game-info-actions button{min-width:0;flex:1}}

#game-info-layer{width:min(620px,calc(100vw - 30px));max-height:90vh;overflow:auto;padding:0;border:1px solid #a7b58b55;background:#35412f;color:#dbe1d1;font-family:Consolas,"Courier New",monospace;box-shadow:0 28px 90px #0008}#game-info-layer::backdrop{background:#08100555}#game-info-layer .window-header{padding:15px 20px}#game-info-layer button{font-family:inherit}.menu-item.subdued:hover{color:#ffe56b}#window[data-panel="faq"]{font-family:Consolas,"Courier New",monospace}.faq-layout{display:grid;grid-template-columns:210px 1fr;min-height:360px;padding:24px;gap:24px}.faq-categories{display:flex;flex-direction:column;gap:8px}.faq-categories button{text-align:left;font:13px Consolas,"Courier New",monospace}.faq-categories button[aria-pressed="true"]{color:var(--gold);border-color:#dace7955}.faq-answers h3{font-size:17px;margin:0 0 16px;color:var(--gold)}.faq-answers details{border-bottom:1px solid #84957233;padding:12px 0}.faq-answers summary{cursor:pointer;font-size:14px;line-height:1.5}.faq-answers p{font-size:13px;line-height:1.8;color:#b9c4ad;margin:12px 0 4px}@media(max-width:620px){.faq-layout{grid-template-columns:1fr;padding:18px;gap:18px}.faq-categories{flex-direction:row;flex-wrap:wrap}.faq-categories button{flex:1 1 120px}}

#join-flow-layer{width:min(880px,calc(100vw - 30px));max-height:90vh;overflow:auto;padding:0;border:1px solid #a7b58b55;background:#35412f;color:#dbe1d1;font-family:Consolas,"Courier New",monospace;box-shadow:0 28px 90px #0008}#join-flow-layer::backdrop{background:#08100575}#join-flow-layer button,#join-flow-layer input{font-family:inherit}.join-split{display:grid;grid-template-columns:1fr 1fr;padding:26px;gap:28px}.join-split h3{font-size:19px;color:var(--gold);margin:0 0 14px}.join-split p{font-size:13px;line-height:1.7;color:#b9c4ad}.join-account{border-left:1px solid #84957240;padding-left:28px}.join-auth-tabs{display:flex;gap:8px;margin:18px 0}.join-auth-tabs button[aria-pressed="true"]{color:var(--gold);border-color:#dace7955}#join-flow-layer .field{margin-bottom:15px}#join-flow-layer .field input{font-size:13px}.join-split .join-note{margin-top:25px;font-size:12px}.join-success{grid-column:1/-1;padding:20px}.join-split .form-error{color:#e3a18e}@media(max-width:620px){.join-split{grid-template-columns:1fr;padding:20px;gap:24px}.join-account{border-left:0;border-top:1px solid #84957240;padding-left:0;padding-top:24px}#join-flow-layer .window-header{padding:18px}}

/* CSENDLESS_HOME_MENU_V1: common desktop widths, independent of console height. */
@media(min-width:1280px){:root{--home-menu-left:18vw}}
@media(min-width:1440px){:root{--home-menu-left:19vw}}
@media(min-width:1920px){:root{--home-menu-left:20vw}}
@media(min-width:2400px){:root{--home-menu-left:22vw}}
@media(min-width:3200px){:root{--home-menu-left:calc(50vw - 760px)}}
@media(max-height:600px){.main-menu{top:80px}.menu-item{padding-top:6px;padding-bottom:6px}}