/* Generated from website navigation; run sync-website-header.py after website changes. */
.cs-header{--dark:#111923;--dark-2:#18232e;--paper:#eeede8;--white:#f8f9fa;--ink:#15212c;--muted:#667078;--blue:#a8d9ee;--orange:#efac70;--line:#ffffff24;--paper-line:#17263126;--mono:Consolas,"Courier New",monospace;font:16px/normal "Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-synthesis:none;color:var(--white);min-height:0;justify-content:normal;box-sizing:border-box}
.cs-header *{box-sizing:border-box}.cs-header a{color:inherit;text-decoration:none}.cs-header button{font:inherit}.cs-header img{display:block;max-width:100%;mix-blend-mode:normal}.cs-header svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.cs-header [hidden]{display:none!important}.cs-header a,.cs-header button{-webkit-tap-highlight-color:transparent}.cs-header a:focus-visible,.cs-header button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.cs-header{height:84px;position:sticky;top:0;z-index:20;background:#111923;display:flex;align-items:center;gap:28px;padding:0 38px;border-bottom:1px solid #ffffff20}
.cs-header .brand{display:flex;align-items:center;gap:12px}
.cs-header .brand>span{font:10px/1.5 var(--mono);letter-spacing:.1em}
.cs-header .brand strong{display:block;font:650 21px/1.2 "Segoe UI",sans-serif;letter-spacing:-.03em}
.cs-header .brand strong span{color:var(--orange)}
.cs-header .brand img{object-fit:contain}
.cs-header nav{display:flex;gap:32px;margin:auto;font-size:14px;color:#bdc6cf}
.cs-header nav a{padding:10px 0}
.cs-header nav a:hover{color:white}
.cs-header .header-tools{display:flex;gap:28px;align-items:center}
.cs-header .languages{display:flex;gap:6px;align-items:center;font:12px var(--mono);color:#65717d}
.cs-header .languages button{border:0;background:none;color:#9aa6b1;cursor:pointer;padding:8px 3px;font:12px var(--mono)}
.cs-header .languages button[aria-pressed=true]{color:white}
.cs-header .menu-button{display:none;background:none;border:0;padding:8px}
.cs-header .menu-button span{display:block;height:1px;width:24px;margin:6px 0;background:white}
@media(max-width:1200px){.cs-header{padding-inline:28px}
.cs-header nav{gap:22px}}
@media(max-width:960px){.cs-header nav{gap:17px}
.cs-header{gap:20px}
.cs-header .header-tools{gap:18px}
.cs-header .brand strong{font-size:19px}
.cs-header .brand{gap:8px}}
@media(max-width:780px){.cs-header{height:72px;padding-inline:20px}
.cs-header .brand img{width:34px;height:34px}
.cs-header .brand strong{font-size:18px}
.cs-header .brand>span{font-size:9px}
.cs-header .header-tools{margin-left:auto;gap:18px}
.cs-header .menu-button{display:block}
.cs-header nav{display:none;position:absolute;left:0;right:0;top:72px;padding:22px;background:#111923;border-bottom:1px solid var(--line);gap:24px;flex-wrap:wrap}
.cs-header nav.is-open{display:flex}}
.cs-header .brand{flex-shrink:0}
.cs-header .brand>span{white-space:nowrap}
.cs-header .brand img.brand-mark{width:64px;height:48px;flex:none;object-fit:contain}
@media(max-width:780px){.cs-header .brand img.brand-mark{width:56px;height:42px}}
.cs-header .brand{background:var(--dark);isolation:isolate}
.cs-header .brand img.brand-mark{mix-blend-mode:lighten}
.cs-header .languages{gap:5px}
.cs-header .languages>span{padding:0 2px}
.cs-header .languages button{display:inline-flex;align-items:center;gap:7px;padding:8px;border:1px solid transparent;border-radius:4px;font-size:14px;transition:background .2s,border-color .2s}
.cs-header .languages button:hover{background:#ffffff0b;color:var(--white)}
.cs-header .languages button[aria-pressed=true]{background:#a8d9ee10;border-color:#a8d9ee45;color:var(--white)}
.cs-header .languages .language-flag{width:24px;height:16px;stroke:none;flex:none;border-radius:2px;box-shadow:0 0 0 1px #ffffff20}
.cs-header .languages button:focus-visible{outline-offset:3px}
@media(max-width:780px){.cs-header{gap:12px}
.cs-header .header-tools{gap:8px}
.cs-header .languages{gap:3px}
.cs-header .languages>span{display:none}
.cs-header .languages button{font-size:12px;padding:7px 5px;gap:5px}
.cs-header .languages .language-flag{width:20px;height:14px}}
@media(max-width:420px){.cs-header{gap:8px;padding-inline:16px}
.cs-header .brand{gap:6px}
.cs-header .brand img.brand-mark{width:44px;height:36px}
.cs-header .brand strong{font-size:16px}
.cs-header .brand>span{font-size:8px}
.cs-header .header-tools{gap:4px}}
.cs-header .menu-button{width:40px;height:44px;flex:none;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.cs-header .menu-button span{width:22px;height:2px;margin:0;transition:transform .18s,opacity .18s}
.cs-header .menu-button[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
.cs-header .menu-button[aria-expanded=true] span:nth-child(2){opacity:0}
.cs-header .menu-button[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.cs-header .languages button{min-height:44px}
@media(max-width:1100px){.cs-header .header-tools{margin-left:auto}
.cs-header .menu-button{display:flex}
.cs-header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 24px;background:#111923;border-bottom:1px solid var(--line);box-shadow:0 12px 22px #0003;max-height:calc(100svh - 84px);overflow-y:auto;gap:0;flex-direction:column;align-items:stretch;font-size:16px}
.cs-header nav.is-open{display:flex}
.cs-header nav a{display:block;padding:14px 8px;min-height:48px;border-bottom:1px solid #ffffff10}
.cs-header nav a:last-child{border-bottom:0}
.cs-header nav a:hover,.cs-header nav a:focus-visible{color:var(--blue);background:#a8d9ee08}}
@media(max-width:780px){.cs-header nav{max-height:calc(100svh - 72px);padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.cs-header .menu-button span{transition:none}}
.cs-header nav>.languages{margin-left:clamp(12px,2vw,36px)}
.cs-header .language-label{display:none}
@media(max-width:1100px){.cs-header nav>.languages{margin:12px 0 0;padding:12px 8px 8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-family:inherit}
.cs-header .languages .language-label{display:block;grid-column:1/-1;font:13px/1.5 var(--mono);color:#a6b9c8;letter-spacing:.04em;margin-bottom:4px}
.cs-header nav .languages>span{display:none}
.cs-header nav .languages button{width:100%;min-height:48px;justify-content:flex-start;gap:9px;padding:10px 12px;border-color:#ffffff20;font-family:inherit;font-size:14px}
.cs-header nav .languages button[aria-pressed=true]{border-color:#a8d9ee70;background:#a8d9ee14}
.cs-header nav .language-name{display:inline;font-size:14px}
.cs-header nav .language-code{display:none}
.cs-header nav .language-flag{width:24px;height:16px}}
.cs-header nav .site-page-link{white-space:nowrap;padding:14px 10px;line-height:1.4;min-height:48px}
.cs-header nav .site-page-link.is-current{color:var(--white);text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:8px}
@media(min-width:1101px){.cs-header{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px}
.cs-header nav{justify-self:end;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,26px);margin:0}
.cs-header nav>.languages{margin-left:12px}
.cs-header .header-tools{display:none}}
@media(max-width:1100px){.cs-header nav .site-page-link{padding:15px 12px;min-height:50px}
.cs-header nav>.languages{margin-top:18px;border-top:1px solid #ffffff25;padding-top:20px}}
.cs-header .languages select{font:inherit;font-size:14px;line-height:1.4;min-height:44px;min-width:158px;max-width:100%;padding:9px 32px 9px 12px;color:var(--white);background:var(--dark-2);border:1px solid #a8d9ee45;border-radius:4px;cursor:pointer;color-scheme:dark}
.cs-header .languages select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.cs-header .languages select option{color:var(--white);background:var(--dark-2)}
@media(max-width:1100px){.cs-header nav>.languages{grid-template-columns:1fr}
.cs-header .languages select{width:100%;min-height:48px;font-size:16px}
.cs-header .languages .language-label{display:block}}
.cs-header nav .site-page-link[href$="kickstarter.html"]{background:#193b32;color:#c0ead9;border:1px solid #477767;border-radius:6px;padding:10px 15px;min-height:44px;font-weight:650}
.cs-header nav .site-page-link[href$="kickstarter.html"]:hover{background:#244e41;color:#e6fff3;border-color:#6b9d87}
.cs-header nav .site-page-link[href$="kickstarter.html"]:focus-visible{outline:2px solid #b0e2ca;outline-offset:4px}
.cs-header nav .site-page-link[href$="kickstarter.html"].is-current{text-decoration-color:#c0ead9;text-underline-offset:5px}
@media(max-width:780px){.cs-header nav .site-page-link[href$="kickstarter.html"]{margin-block:8px;min-height:48px;padding:13px 15px}}
.cs-header .simulator-navigation{position:relative;flex:none;color:#bdc6cf}
.cs-header .simulator-navigation summary{display:flex;align-items:center;gap:7px;padding:13px 0;min-height:44px;white-space:nowrap;cursor:pointer;list-style:none;font-size:inherit;line-height:1.4}
.cs-header .simulator-navigation summary::-webkit-details-marker{display:none}
.cs-header .simulator-navigation summary svg{width:16px;height:16px}
.cs-header .simulator-navigation[open] summary svg{transform:rotate(180deg)}
.cs-header .simulator-navigation summary:hover,.cs-header .simulator-navigation[open] summary{color:var(--blue)}
.cs-header .simulator-navigation summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:3px}
.cs-header .simulator-submenu{position:absolute;top:100%;left:-15px;min-width:235px;padding:8px;background:#18232e;border:1px solid #ffffff24;border-radius:6px;box-shadow:0 12px 24px #0005}
.cs-header .simulator-submenu a{display:block;padding:13px 15px;min-height:46px;border-radius:3px;white-space:nowrap}
.cs-header .simulator-submenu a:hover,.cs-header .simulator-submenu a:focus-visible{color:var(--blue);background:#a8d9ee10}
@media(min-width:1101px) and (max-width:1450px){.cs-header{gap:16px;padding-inline:24px}
.cs-header nav{gap:20px;font-size:13px}
.cs-header .brand{flex-shrink:0}}
@media(max-width:1250px){.cs-header .header-tools{margin-left:auto}
.cs-header .menu-button{display:flex}
.cs-header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 24px;background:#111923;border-bottom:1px solid var(--line);box-shadow:0 12px 22px #0003;max-height:calc(100svh - 84px);overflow-y:auto;gap:0;flex-direction:column;align-items:stretch;font-size:16px}
.cs-header nav.is-open{display:flex}
.cs-header nav .site-page-link{display:block;padding:15px 12px;min-height:50px;border-bottom:1px solid #ffffff10}
.cs-header .simulator-navigation summary{padding:15px 12px;min-height:50px;justify-content:space-between;border-bottom:1px solid #ffffff10;white-space:normal}
.cs-header .simulator-submenu{position:static;min-width:0;margin:0 12px 8px;padding:4px 8px;border:0;border-left:2px solid #a8d9ee60;border-radius:0;box-shadow:none}
.cs-header nav>.languages{margin-top:18px;border-top:1px solid #ffffff25;padding-top:20px;grid-template-columns:1fr}
.cs-header .languages select{width:100%;min-height:48px;font-size:16px}
.cs-header .languages .language-label{display:block}}
@media(max-width:780px){.cs-header nav{max-height:calc(100svh - 72px);padding-inline:20px}}
.cs-header .simulator-navigation summary{gap:10px}
.cs-header .simulator-navigation summary>svg{width:18px;height:18px;padding:2px;border:1px solid #a8d9ee35;border-radius:50%;color:#a8d9ee;transition:transform .18s,border-color .18s}
.cs-header .simulator-navigation[open] summary>svg{border-color:#a8d9ee80}
.cs-header .simulator-submenu{top:calc(100% + 10px);left:-20px;width:310px;min-width:0;padding:10px;background:linear-gradient(145deg,#20313e,#15212c);border:1px solid #7094aa50;border-radius:10px;box-shadow:0 18px 40px #0006,inset 0 1px 0 #ffffff09}
.cs-header .simulator-submenu::before{content:'';position:absolute;top:-6px;left:36px;width:10px;height:10px;background:#20313e;border-left:1px solid #7094aa50;border-top:1px solid #7094aa50;transform:rotate(45deg)}
.cs-header .simulator-submenu a.simulator-menu-card{display:flex;align-items:center;gap:14px;min-height:78px;padding:14px;border:1px solid transparent;border-radius:6px;white-space:normal;color:#e7edf2;transition:background .18s,border-color .18s}
.cs-header .simulator-submenu a.simulator-menu-card+a{margin-top:6px;border-top-color:#ffffff13}
.cs-header .simulator-menu-badge{display:grid;place-items:center;width:48px;height:48px;flex:none;background:#a8d9ee0c;border:1px solid #a8d9ee35;border-radius:6px;color:#a8d9ee;font:600 13px/1 var(--mono);letter-spacing:.03em}
.cs-header .simulator-menu-card:nth-child(2) .simulator-menu-badge{color:#efac70;border-color:#efac7040;background:#efac700a}
.cs-header .simulator-menu-copy{display:flex;flex-direction:column;gap:5px;flex:1}
.cs-header .simulator-menu-copy strong{font-size:15px;font-weight:600;line-height:1.3}
.cs-header .simulator-menu-copy small{font:11px/1.4 var(--mono);letter-spacing:.06em;color:#9eb4c4}
.cs-header .simulator-menu-arrow{width:18px;height:18px;color:#9eb4c4}
.cs-header .simulator-submenu a.simulator-menu-card:hover,.cs-header .simulator-submenu a.simulator-menu-card:focus-visible{background:#a8d9ee0c;border-color:#a8d9ee40;color:white}
.cs-header .simulator-menu-card:hover .simulator-menu-arrow{color:var(--orange)}
@media(max-width:1250px){.cs-header .simulator-submenu{position:static;width:auto;margin:5px 8px 12px;padding:6px;border:1px solid #7094aa35;border-radius:8px;box-shadow:none}
.cs-header .simulator-submenu::before{display:none}
.cs-header .simulator-submenu a.simulator-menu-card{min-height:76px;padding:12px}
.cs-header .simulator-navigation summary>svg{flex:none}
.cs-header .simulator-menu-copy strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cs-header .simulator-navigation summary>svg,.cs-header .simulator-submenu a.simulator-menu-card{transition:none}}
.cs-header .simulator-menu-card[data-simulator="bms"]{--sim-color:#a8d9ee;--sim-line:#a8d9ee60;--sim-tint:#a8d9ee10}
.cs-header .simulator-menu-card[data-simulator="dcs"]{--sim-color:#efac70;--sim-line:#efac7060;--sim-tint:#efac7010}
.cs-header .simulator-menu-card[data-simulator="war-thunder"]{--sim-color:#ef9292;--sim-line:#ef929260;--sim-tint:#ef929210}
.cs-header .simulator-menu-card[data-simulator] .simulator-menu-badge{color:var(--sim-color);border-color:var(--sim-line);background:var(--sim-tint)}
.cs-header .simulator-menu-card[data-simulator] .simulator-menu-arrow{color:var(--sim-color)}
.cs-header .simulator-submenu a.simulator-menu-card[data-simulator]:hover,.cs-header .simulator-submenu a.simulator-menu-card[data-simulator]:focus-visible{background:var(--sim-tint);border-color:var(--sim-line)}
.cs-header{max-width:none;margin:0}
.cs-header a{color:inherit}
@media(min-width:1101px) and (max-width:1250px){.cs-header{display:flex}
.cs-header .header-tools{display:flex;margin-left:auto}
.cs-header nav{position:absolute;justify-self:auto;justify-content:flex-start}
.cs-header nav>.languages{margin:18px 0 0;display:grid;grid-template-columns:1fr}
.cs-header .languages .language-label{display:block}
.cs-header .languages select{width:100%}}
.cs-header .simulator-submenu a.simulator-vehicle-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 8px 6px 60px;padding:12px 10px;min-height:46px;border-left:2px solid #ef929260;border-radius:0;color:#dce5eb;font-size:13px;line-height:1.5;white-space:normal}
.cs-header .simulator-submenu a.simulator-vehicle-link:hover,.cs-header .simulator-submenu a.simulator-vehicle-link:focus-visible,.cs-header .simulator-submenu a.simulator-vehicle-link[aria-current="page"]{background:#ef929210;color:#fff;border-left-color:#ef9292}
@media(max-width:1250px){.cs-header .simulator-submenu a.simulator-vehicle-link{margin-left:56px;font-size:15px}}
.cs-header .simulator-menu-card[data-simulator="ets2"]{--sim-color:#e6c68b;--sim-line:#e6c68b60;--sim-tint:#e6c68b10}
.cs-header .simulator-menu-card[data-simulator="ats"]{--sim-color:#e7b58e;--sim-line:#e7b58e60;--sim-tint:#e7b58e10}
.cs-header .simulator-submenu{width:320px;padding:6px}
.cs-header .simulator-submenu a.simulator-menu-card{min-height:58px;padding:10px 12px;gap:10px}
.cs-header .simulator-submenu a.simulator-menu-card+a{margin-top:2px}
.cs-header .simulator-menu-badge{width:36px;height:36px;font-size:11px;border-radius:5px}
.cs-header .simulator-menu-copy{gap:3px}
.cs-header .simulator-menu-copy strong{font-size:14px;line-height:1.3}
.cs-header .simulator-menu-copy small{font-size:10px;line-height:1.35}
.cs-header .simulator-menu-arrow{width:16px;height:16px;flex:none}
.cs-header .simulator-submenu a.simulator-vehicle-link{min-height:36px;margin:0 6px 2px 48px;padding:6px 8px;font-size:12px}
@media(max-width:1250px){.cs-header .simulator-submenu{width:auto;padding:4px;margin:4px 8px 8px}
.cs-header .simulator-submenu a.simulator-menu-card{min-height:58px;padding:9px 10px}
.cs-header .simulator-menu-copy strong{font-size:14px}
.cs-header .simulator-submenu a.simulator-vehicle-link{min-height:44px;margin-left:46px;font-size:12px}}
.cs-header .simulator-menu-card[data-simulator="farming"]{--sim-color:#b4d5a0;--sim-line:#b4d5a060;--sim-tint:#b4d5a010}
.cs-header .language-picker{position:relative;min-width:158px;font-family:"Segoe UI",Arial,sans-serif;color:#f8f9fa;font-size:14px;letter-spacing:normal}
.cs-header .language-picker>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;background:#18232e;border:1px solid #a8d9ee45;border-radius:4px;cursor:pointer;list-style:none;line-height:1.4}
.cs-header .language-picker>summary::-webkit-details-marker{display:none}
.cs-header .language-country-flag{display:inline-block;width:24px;height:16px;object-fit:cover;flex:none;border-radius:1px;box-shadow:0 0 0 1px #ffffff30}
.cs-header .language-picker-arrow{margin-left:auto;color:#b7c4ce;font-size:18px}
.cs-header .language-picker[open] .language-picker-arrow{transform:rotate(180deg)}
.cs-header .language-picker-options{position:absolute;right:0;top:calc(100% + 8px);z-index:25;width:220px;max-width:calc(100vw - 40px);padding:6px;background:#18232e;border:1px solid #7094aa50;border-radius:6px;box-shadow:0 12px 24px #0005}
.cs-header .language-picker-options>a{display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:46px;color:#e7edf2;font-size:15px;line-height:1.4;border-radius:3px}
.cs-header .language-picker-options>a:hover,.cs-header .language-picker-options>a:focus-visible,.cs-header .language-picker-options>a[aria-current="page"]{background:#a8d9ee14;color:#fff}
.cs-header .language-picker summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.cs-header .language-links .language-country-flag{width:21px;height:14px}
@media(max-width:1250px){.cs-header .languages>.language-picker{width:100%}
.cs-header .language-picker>summary{min-height:48px;font-size:16px}
.cs-header .language-picker-options{position:static;margin-top:8px;width:100%;max-width:none;box-shadow:none}
.cs-header .language-picker-options>a{min-height:48px;font-size:16px}}
.cs-header nav>a.site-page-link,.cs-header .simulator-navigation>summary,.cs-header .language-picker>summary{font-weight:400}.cs-header nav>a.site-page-link[href$="kickstarter.html"]{font-weight:650}