header{gap:24px}header .header-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}header .header-actions .language-switch{margin-left:0}header .header-actions button{min-height:44px;padding:0 18px;white-space:nowrap}header .account-button{background:#f35b21;color:#fff;border:1px solid #f35b21;border-radius:999px;font-weight:600;min-width:78px}header .account-button:hover{background:#ff7137;border-color:#ff7137;color:#fff}body button,body .primary,body .hero .secondary,body .mode-switch button,body .hub-tabs button,body .pager button{border-radius:999px}body .notice-link{border-radius:12px}.account-button:disabled{opacity:.65}#site-login{box-sizing:border-box;width:calc(100% - 32px);max-width:424px;max-height:calc(100dvh - 32px);margin:auto;padding:36px;border:1px solid #3b484b;border-radius:24px;background:linear-gradient(160deg,#1c292d,#151e21 65%);color:#f0f3ed;overflow:auto;box-shadow:0 24px 90px #0008}#site-login::backdrop{background:#050a0cd9;backdrop-filter:blur(6px)}#site-login form{margin:0;position:relative;min-width:0}#site-login .auth-mark{display:block;width:88px;height:42px;object-fit:contain;filter:brightness(0) invert(1)}#site-login h2{font-size:30px;line-height:1.25;margin:22px 0 26px;letter-spacing:0}#site-login label{display:block;margin:20px 0;color:#bcc7c7;font-size:13px}#site-login input{box-sizing:border-box;width:100%;min-width:0;height:50px;padding:0 16px;margin-top:9px;border:1px solid #425256;border-radius:13px;background:#10191c;color:#fff;font-size:16px}#site-login input:focus-visible{outline:2px solid #ff8952;outline-offset:2px}#site-login .auth-submit{width:100%;height:50px;margin-top:8px;background:#f35b21;border:1px solid #f35b21;border-radius:999px;color:#fff;font-weight:700;font-size:16px;cursor:pointer}#site-login .auth-submit:hover{background:#ff7137;border-color:#ff7137}#site-login .auth-close{position:absolute;right:-14px;top:-14px;width:44px;height:44px;padding:0;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff20;border-radius:50%;background:#ffffff05;color:#b8c3c5;font:24px Arial;cursor:pointer}#site-login-error{font-size:13px;line-height:1.65;color:#ffab8c;margin:12px 0}#site-login-error:empty{display:none}#site-login button:disabled{opacity:.6;cursor:wait}body dialog:not(#site-login){border-radius:22px}@media(max-width:1100px){header{flex-wrap:wrap;height:auto;min-height:92px;padding:14px 24px;gap:10px}header nav{order:3;width:100%;justify-content:flex-start;gap:24px;margin:0;overflow:auto}header .brand{margin-right:auto}}@media(max-width:700px){header{padding:14px 16px;row-gap:8px;min-height:110px}header .brand{font-size:20px;letter-spacing:-.5px}header .brand-eye{display:none!important}header .header-actions{gap:7px}header .header-actions button{font-size:12px;min-height:40px;padding:0 13px}header .account-button{min-width:62px}header nav{justify-content:space-between;font-size:12px;gap:18px;min-height:38px}header nav>*{min-height:38px}#site-login{padding:28px;max-width:400px;border-radius:22px}#site-login h2{font-size:28px}.inventory-filters input,.inventory-filters select{border-radius:12px}}@media(max-width:359px){header{padding:12px 14px}header .brand{font-size:18px}header .header-actions{gap:5px}header .header-actions button{padding:0 10px}.language-switch .ui-icon{width:14px;height:14px}header .account-button{min-width:55px}}

#site-login .captcha-row{display:flex;gap:10px;align-items:center;margin-top:9px}#site-login .captcha-row input{margin:0;flex:1;width:0;letter-spacing:5px}#site-login .captcha-refresh{padding:0;border:1px solid #526269;background:#dce8e8;border-radius:12px;width:144px;height:50px;flex:none;overflow:hidden;cursor:pointer}#site-login .captcha-refresh img{display:block;width:144px;height:48px}#site-login label small{display:block;margin-top:8px;color:#83999f;font-size:11px}@media(max-width:359px){#site-login{padding:24px}#site-login .captcha-row input{padding:0 10px;letter-spacing:2px}}

header nav a[hidden]{display:none!important}

#site-login .auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#83999f;font-size:12px}#site-login .auth-divider:before,#site-login .auth-divider:after{content:"";height:1px;flex:1;background:#3b4d53}#site-login .steam-button{width:100%;min-height:50px;padding:12px 18px;border:1px solid #668a37;border-radius:999px;background:#344e28;color:#f2f6ed;font-size:16px;font-weight:700;cursor:pointer}#site-login .steam-button:hover{background:#426333}#site-login .steam-status{font-size:13px;line-height:1.7;color:#bcc7c7;overflow-wrap:anywhere;margin:14px 0 8px}#site-login .steam-continue{display:inline-flex;min-height:44px;align-items:center;color:#b9dc87;font-size:13px}#site-login .steam-cancel{display:block;margin-top:8px;min-height:44px;padding:8px 16px;border:1px solid #526269;border-radius:999px;background:transparent;color:#d7e1df;cursor:pointer}#site-login [hidden]{display:none!important}

/* Exact owner-supplied artwork. Luminance mask preserves the original silhouette. */
.owner-eye{display:inline-block;flex-shrink:0;width:88px;height:40px;background-color:#fff;filter:none!important;vertical-align:middle;-webkit-mask-image:url('/owner-eye-20261023.png');mask-image:url('/owner-eye-20261023.png');mask-mode:luminance;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
#site-login .auth-mark.owner-eye{display:block;width:88px;height:40px;filter:none!important;margin-bottom:14px}
.brand .owner-eye:not(.brand-eye){width:72px;height:33px}
.latency .server-nodes{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 12px}
.latency .server-node{margin:0;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #ffffff26;border-radius:5px;color:#eff2ef;font-size:15px;letter-spacing:.3px}
.latency .server-node:before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#8bd3a3}
.latency .server-choice{font-size:11px;color:#b7bfba;margin:0 0 5px}
@media(max-width:640px){header .brand-eye.owner-eye{display:block!important;width:44px!important;height:22px!important}.brand{gap:7px!important}header .brand{font-size:18px!important}.latency .server-nodes{margin:12px 0 10px;gap:10px}.latency .server-node{font-size:14px}}
