:root{--bg:#171b18;--panel:#222821;--edge:#454d3a;--muted:#a6b09a;--gold:#d4bd78;--olive:#7f8e58;--text:#efeee4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-attachment:fixed;background:radial-gradient(ellipse at 90% 0,#343b28 0,transparent 48%),var(--bg);color:var(--text);font:15px/1.5 Tahoma,Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--edge);border-radius:3px;background:#30382b;color:var(--text);padding:11px 17px}button:hover{background:#3e4934;border-color:#8e9b70}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}.topbar{height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;background:#111611c9}.brand{font-size:15px;color:#f3f2ec;letter-spacing:1px;font-weight:bold}.brand span{color:#b4bd95}.brand b{font-weight:normal;font-size:11px;letter-spacing:2px;border-left:1px solid #69715b;padding-left:13px;margin-left:12px}.topbar nav{display:flex;gap:24px;align-items:center;font-size:12px}.topbar nav a{color:#bfc5b3}.quiet{padding:7px 14px;background:transparent}#identity{color:#d8cdab}main{max-width:1220px;margin:auto;padding:47px 32px 0}.intro{display:flex;align-items:end;justify-content:space-between;padding-bottom:37px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:bold;margin:0 0 14px}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:61px;line-height:1;letter-spacing:1px;font-weight:normal;margin:19px 0 22px}h1>span{color:var(--gold);margin-left:10px}h1 small{display:block;font:10px/1 Tahoma,sans-serif;letter-spacing:5px;margin-top:16px;color:#b7bda9}.lead{font-size:15px;color:#aeb6a4;margin:0;line-height:1.8}.pilot{font-size:10px;color:var(--gold);letter-spacing:1px;padding:16px 0}.pilot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a8bd77;margin-right:7px}.pilot strong{display:block;font-size:11px;letter-spacing:0;font-weight:normal;color:var(--muted);margin:8px 0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--edge)}.tabs button{border:0;border-radius:0;padding:15px 31px;color:#adb5a3;background:transparent}.tabs button[aria-selected=true]{background:#283025;color:var(--gold);box-shadow:inset 0 -2px var(--gold)}.panel{background:linear-gradient(120deg,#252d23,#1c231c);padding:27px;border:1px solid var(--edge);border-top:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-title h2{font-size:11px;color:var(--gold);font-weight:normal;margin:0;letter-spacing:1px}.section-title h2 span{font-size:15px;color:#e8eade;margin-left:11px;letter-spacing:0}.section-title>span{font-size:9px;letter-spacing:1.5px;color:#8d987f}.maps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.map{position:relative;padding:0;overflow:hidden;text-align:left;height:266px;border:1px solid #4a5340;background:#141b14;border-radius:3px}.map img{position:absolute;width:145%;height:110%;object-fit:cover;left:-20%;top:-10%;opacity:.75;transition:transform .25s}.map:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10190ff5,transparent 90%)}.map.selected{border-color:var(--gold);box-shadow:0 0 0 1px #d4bd7840}.map:hover img{transform:scale(1.04)}.map-info{position:absolute;bottom:48px;left:22px;right:15px;z-index:1}.map-info small{font-size:9px;letter-spacing:2px;color:#c6cbb8}.map-info strong{display:block;font:32px/1.3 Impact,Arial,sans-serif;letter-spacing:1px}.map-info>span{font-size:11px;color:#b9c1ac}.map i{position:absolute;bottom:0;left:0;right:0;text-align:center;font:normal 9px/34px Tahoma;letter-spacing:1.5px;z-index:1;background:#263021;border-top:1px solid #596246}.map.selected i{background:var(--gold);color:#25291d}.launch-row{display:grid;grid-template-columns:1fr 330px;gap:30px;border-top:1px solid #505940;margin-top:26px;padding-top:27px}.room-card .eyebrow{color:#a7b490;font-size:9px}.room-card h3{font-size:17px;font-weight:normal;margin:0 0 7px}.room-card p,.launch-actions p{font-size:11px;color:var(--muted);margin:0}.launch-actions{display:grid;gap:9px}.primary{display:block;background:var(--gold);color:#22281c;border:1px solid var(--gold);font-weight:bold;padding:13px 19px;border-radius:3px;text-align:center}.primary:hover{background:#e2cd90;border-color:#e2cd90;text-decoration:none}.primary>span{float:right;font-size:18px;line-height:20px}.secondary{background:transparent;color:#c7cfb8;border-color:#647052}.launch-actions p{text-align:center;font-size:10px}.roster{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.roster span{font-size:10px;padding:4px 8px;border:1px solid #566146;background:#303a29}.notice{margin:16px 0 0;color:var(--gold);font-size:12px}.notice:empty{display:none}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#7c8872;padding:24px 0 35px}footer a{color:#9da88c}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 35px}.setting{display:flex;flex-direction:column;gap:7px;color:#d4dbc8;font-size:12px}.setting-head{display:flex;justify-content:space-between}.setting output{color:var(--gold)}input[type=range]{accent-color:var(--gold);width:100%}input,select{background:#171e16;color:#e8ecdd;border:1px solid #606d51;border-radius:2px;padding:10px}input[type=checkbox]{accent-color:var(--gold);width:18px;height:18px}.check-setting{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4a553d;padding-bottom:13px;font-size:12px}.settings-footer{display:flex;gap:20px;align-items:center;margin-top:25px;color:var(--muted);font-size:11px}.bindings{display:grid;grid-template-columns:1fr 1fr;gap:9px 40px}.binding{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #454e39;padding:8px 0;font-size:12px}.binding button{min-width:95px;padding:6px 10px;font-size:11px}.binding button.capturing{border-color:var(--gold);color:var(--gold)}.hint{color:#a3ae94;font-size:11px;margin:20px 0}.gamebar{min-height:52px;display:flex;gap:8px;align-items:center;padding:8px 12px;background:#182016;flex-wrap:wrap}.gamebar button{font-size:11px;padding:7px 12px}.gamebar span{font-size:11px;color:var(--gold);margin-right:auto}.capture-hint{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#10170de8;color:#d6dec6;border:1px solid #8c9e6b70;padding:9px 19px;font-size:11px;pointer-events:none;border-radius:3px;white-space:nowrap}canvas{display:block;width:100%;height:calc(100vh - 52px);background:#000;outline:none}canvas:fullscreen{height:100vh;width:100vw}.ingame .topbar{display:none}dialog{background:#242d21;color:var(--text);border:1px solid #75845c;border-radius:5px;padding:32px;max-width:540px;width:calc(100% - 32px);box-shadow:0 30px 120px #000a}dialog::backdrop{background:#060b05c9;backdrop-filter:blur(4px)}dialog h2{font-size:25px;line-height:1.2;font-weight:normal;margin:0 0 14px}dialog>p:not(.eyebrow){font-size:12px;color:#b4bea5}.close{position:absolute;right:10px;top:8px;background:transparent;border:0;font-size:24px;padding:0 6px}.sso{margin-top:22px}.divider{font-size:9px;letter-spacing:1px;color:#97a585;text-align:center;margin:23px 0 16px}form label{font-size:11px;color:#b8c4a8;display:flex;flex-direction:column;gap:5px;margin:12px 0}form input{width:100%}form .primary{width:100%;margin-top:19px}.error{color:#f0b3a2;font-size:12px}.account-links{margin-bottom:0;font-size:11px}.teams{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.teams button{display:flex;flex-direction:column;align-items:center;padding:22px 9px;gap:7px;background:#1a2417}.team-icon{font:32px/1.3 Impact,Arial;color:var(--gold)}.teams strong{font-size:13px}.teams small{font-size:10px;color:var(--muted)}.appearance{font-size:11px;display:flex;flex-direction:column;gap:7px;margin-top:20px}#loadingDialog progress{width:100%;height:9px;accent-color:var(--gold);margin:20px 0}#loadingDialog{max-width:470px}#diagnostics{margin:0 25px 20px;font-size:10px;color:#87997a}#diagnostics pre{max-height:180px;overflow:auto;white-space:pre-wrap}#settingsDialog{max-width:690px}[hidden]{display:none!important}@media(max-width:760px){.topbar{padding:0 20px}.topbar nav{gap:10px}.topbar nav>a{display:none}.brand{font-size:12px}.brand b{display:none}main{padding:30px 17px 0}.intro{display:block;padding-bottom:23px}h1{font-size:43px}h1>span{margin-left:5px}.pilot{padding-bottom:0}.tabs button{padding:13px 23px}.panel{padding:18px}.section-title>span{display:none}.maps{gap:9px}.map{height:215px}.map-info{left:11px;right:7px}.map-info strong{font-size:24px}.map-info>span{display:none}.map-info small{font-size:8px}.launch-row{grid-template-columns:1fr;gap:20px}.settings-grid,.bindings{grid-template-columns:1fr}.gamebar button{font-size:10px;padding:6px 8px}.gamebar span{display:none}canvas{height:calc(100vh - 90px)}footer{display:block;line-height:2}footer a{display:block}.capture-hint{font-size:9px;padding:8px;width:90%;white-space:normal;text-align:center}.settings-footer{align-items:start;flex-direction:column}}

#game{position:fixed;inset:0;z-index:20;background:#000}.ingame{overflow:hidden}.ingame #diagnostics{display:none}
