*{margin:0;padding:0;box-sizing:border-box}:root{--olive: #4a5240;--olive-dark: #2e3328;--panel: rgba(18, 22, 16, .92);--panel-border: #5a6448;--gold: #ffd700;--ua-blue: #0057b7;--text: #d8dcc8;--alert: #ff5544;--good: #4fd457;--bar-h: 200px;--tile: 98px;--minimap-w: 224px}html,body{width:100%;height:100%;overflow:hidden;background:#0a0d08;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;color:var(--text);-webkit-user-select:none;user-select:none}#app canvas{display:block}body.mode-attackmove,body.cursor-attack{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><circle cx='14' cy='14' r='9' fill='none' stroke='%23e02020' stroke-width='2.6'/><line x1='14' y1='0' x2='14' y2='7' stroke='%23e02020' stroke-width='2.6'/><line x1='14' y1='21' x2='14' y2='28' stroke='%23e02020' stroke-width='2.6'/><line x1='0' y1='14' x2='7' y2='14' stroke='%23e02020' stroke-width='2.6'/><line x1='21' y1='14' x2='28' y2='14' stroke='%23e02020' stroke-width='2.6'/><circle cx='14' cy='14' r='1.8' fill='%23e02020'/></svg>") 14 14,crosshair}body.cursor-enter{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M6 3 h16 v22 h-16 z' fill='none' stroke='%2344dd66' stroke-width='2.4'/><path d='M14 8 v10 M9 13 l5 5 l5 -5' fill='none' stroke='%2344dd66' stroke-width='2.6'/></svg>") 14 14,pointer}body.cursor-bauen{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M3 22 h22' stroke='%23ffc229' stroke-width='2.6'/><path d='M6 22 v-8 h6 v8' fill='none' stroke='%23ffc229' stroke-width='2.4'/><path d='M14 22 v-13 h8 v13' fill='none' stroke='%23ffc229' stroke-width='2.4'/><path d='M17 3 l4 4 l-4 4' fill='none' stroke='%23ffc229' stroke-width='2.2'/><path d='M7 7 h13' stroke='%23ffc229' stroke-width='2.2'/></svg>") 14 14,pointer}body.mode-weiterbauen{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M3 22 h22' stroke='%23ffc229' stroke-width='2.6'/><path d='M6 22 v-8 h6 v8' fill='none' stroke='%23ffc229' stroke-width='2.4'/><path d='M14 22 v-13 h8 v13' fill='none' stroke='%23ffc229' stroke-width='2.4'/><path d='M17 3 l4 4 l-4 4' fill='none' stroke='%23ffc229' stroke-width='2.2'/><path d='M7 7 h13' stroke='%23ffc229' stroke-width='2.2'/></svg>") 14 14,pointer}body.mode-demolish{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><circle cx='12' cy='17' r='8' fill='%23222' stroke='%23ff5522' stroke-width='2'/><path d='M17 11 l5 -6 M20 4 l2 2 M23 6 l-1 2 M21 3 l-2 1' stroke='%23ffaa22' stroke-width='2' fill='none'/></svg>") 12 17,crosshair}body.mode-satellite{cursor:cell}body.mode-place{cursor:copy}#selection-box{position:fixed;display:none;border:1.5px solid #6f6;background:#64ff6414;pointer-events:none;z-index:40}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}#hud button{pointer-events:auto}#topbar{position:absolute;top:0;left:0;right:0;height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;background:linear-gradient(180deg,#0c0f0af2,#0c0f0abf);border-bottom:2px solid var(--panel-border);pointer-events:auto}#top-left{display:flex;gap:22px;align-items:center;font-weight:700;letter-spacing:.5px}#hud-money{color:var(--gold);font-size:18px}#hud-income{color:var(--good);font-size:13px}#hud-date{color:#aab;font-size:14px}#top-right{display:flex;gap:8px}#top-right button{background:var(--olive-dark);color:var(--text);border:1.5px solid var(--panel-border);padding:5px 12px;font-weight:700;font-size:13px;cursor:pointer;border-radius:3px}#top-right button:hover{border-color:var(--gold);color:var(--gold)}#btn-sat.disabled{opacity:.55}#sat-cd{color:var(--gold);margin-left:4px;font-size:11px}#objectives{position:absolute;top:52px;left:12px;width:320px;background:var(--panel);border:1.5px solid var(--panel-border);border-radius:4px;padding:8px 10px;font-size:12.5px}#objectives h4{color:var(--gold);font-size:11px;letter-spacing:2px;margin-bottom:5px}#objectives ul{list-style:none}#objectives li{padding:2px 0;line-height:1.35}.obj-done{color:var(--good)}.obj-failed{color:var(--alert)}#banner{position:absolute;top:14%;left:50%;transform:translate(-50%) scale(.9);max-width:70%;padding:14px 34px;background:#78140fe0;border:2px solid var(--alert);border-radius:4px;font-size:21px;font-weight:700;text-align:center;color:#fff;text-shadow:0 2px 4px #000;opacity:0;transition:opacity .4s,transform .4s}#banner.show{opacity:1;transform:translate(-50%) scale(1)}#messages{position:absolute;left:12px;bottom:calc(var(--bar-h) + 10px);width:460px;display:flex;flex-direction:column;gap:3px;font-size:12.5px}.msg{background:#0a0d08d1;border-left:3px solid #778;padding:4px 9px;border-radius:2px;transition:opacity 1.2s}.msg-alert{border-left-color:var(--alert);color:#ffb0a8}.msg-bad{border-left-color:#c73;color:#f0c8a0}.msg-good{border-left-color:var(--good);color:#b8f0b8}.msg.fade{opacity:0}#bottombar{position:absolute;left:0;right:0;bottom:0;height:var(--bar-h);display:flex;background:linear-gradient(180deg,#141810f7,#0b0d09fc);border-top:2.5px solid var(--panel-border);pointer-events:auto;overflow:hidden}.zone-label{color:#8d9a70;font-size:9px;letter-spacing:2.2px;font-weight:700;text-transform:uppercase;flex:0 0 auto}#minimap-wrap{flex:0 0 auto;padding:8px 10px;border-right:2px solid var(--panel-border);display:flex;align-items:center;background:#00000040}#minimap{width:var(--minimap-w);height:calc(var(--minimap-w) * .75);border:1.5px solid #666;image-rendering:auto;cursor:pointer}#cmd-zone{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;padding:6px 12px;gap:6px;overflow:hidden}#queue-strip{flex:0 0 48px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(90,100,72,.55);padding-bottom:4px;overflow:hidden}#queue-strip .zone-label{flex:0 0 78px;letter-spacing:1.4px;line-height:1.2}.queue-items{flex:1 1 auto;display:flex;align-items:center;gap:5px;overflow:hidden;min-width:0}.queue-empty{font-size:11px;color:#6d7560;font-style:italic}.q-item{position:relative;flex:0 0 auto;width:44px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#171b12;border:1.5px solid var(--panel-border);border-radius:3px;cursor:pointer}.q-item.active{border-color:var(--gold);box-shadow:0 0 6px #ffd70038 inset}.q-item.pending{opacity:.62}.q-item.q-site{cursor:default;border-style:dashed}.q-item:hover{border-color:var(--alert)}.q-item.q-site:hover{border-color:var(--panel-border)}.q-art{font-size:19px;line-height:1;width:30px}.q-bar{display:block;width:34px;height:5px;background:#0a0c07;border:1px solid #3d442f}.q-bar>i{display:block;height:100%;width:0;background:var(--gold)}.q-item.q-site .q-bar>i{background:#6fa8ff}.q-src{position:absolute;top:-1px;right:1px;font-size:8px;opacity:.75}#command-card{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card-head{flex:0 0 auto;display:flex;align-items:baseline;gap:10px;margin-bottom:4px;overflow:hidden}.card-title{color:var(--gold);font-size:10.5px;letter-spacing:2px;font-weight:700;white-space:nowrap;flex:0 0 auto}.card-hint{font-size:10.5px;color:#8b9575;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.tile-grid{flex:1 1 auto;min-height:0;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px;overscroll-behavior-x:contain}.tile-grid::-webkit-scrollbar{height:8px}.tile-grid::-webkit-scrollbar-track{background:#0006;border-radius:4px}.tile-grid::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px;border:1px solid rgba(0,0,0,.45)}.tile-grid::-webkit-scrollbar-thumb:hover{background:var(--gold)}.cmd-tile{position:relative;flex:0 0 auto;width:var(--tile);height:var(--tile);display:flex;flex-direction:column;background:linear-gradient(180deg,#333a29,#1d2217);border:1.5px solid var(--panel-border);border-radius:3px;color:var(--text);cursor:pointer;padding:2px;font-family:inherit;transition:border-color .1s,transform .08s}.cmd-tile:hover{border-color:var(--gold);transform:translateY(-1px)}.cmd-tile:active{transform:translateY(0)}.cmd-tile.kind-cmd{background:linear-gradient(180deg,#2b3628,#161c12)}.cmd-tile.disabled{opacity:.42}.cmd-tile.disabled .tile-art{filter:grayscale(1)}.cmd-tile.disabled .tile-cost{color:var(--alert)}.cmd-tile.disabled:hover{border-color:#7a3b33}.cmd-tile.kind-building .tile-art.has-image,.cmd-tile.kind-unit .tile-art.has-image{box-shadow:inset 0 0 0 1px #00000073}.cmd-tile.kind-building .tile-art.has-image:after,.cmd-tile.kind-unit .tile-art.has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/art/ui/tile_frame.png) center / 100% 100% no-repeat;pointer-events:none;opacity:.85}.cmd-tile .tile-art{position:relative}.tile-art{flex:1 1 auto;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:2px;font-size:40px;line-height:1;min-height:0;width:100%}.tile-art.has-image .tile-emoji{display:none}.tile-label{flex:0 0 auto;font-size:10px;letter-spacing:.2px;text-transform:uppercase;color:#bcc6a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.35;padding:1px 2px 0}.tile-cost{position:absolute;right:3px;bottom:17px;font-size:11px;font-weight:700;color:var(--gold);background:#080a06e0;padding:0 2px;border-radius:2px;text-shadow:0 1px 2px #000;z-index:1}#selection-panel{flex:0 0 356px;border-left:2px solid var(--panel-border);padding:6px 12px;display:flex;flex-direction:column;gap:5px;overflow:hidden;background:#0000002e}.panel-hint{color:#7c8570;font-size:11px;letter-spacing:1.5px;font-weight:700;padding-top:10px;line-height:1.7}.panel-hint span{font-size:11px;letter-spacing:0;font-weight:400;color:#6d7560}.sel-single{display:flex;gap:10px;align-items:flex-start}.sel-portrait{flex:0 0 auto;width:116px;height:116px;font-size:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#333a29,#1a1f14);border:2px solid var(--panel-border);border-radius:4px;position:relative;overflow:hidden}.sel-portrait.has-image{border-color:transparent}.sel-portrait.has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/art/ui/frame_portrait.png) center / 100% 100% no-repeat;pointer-events:none}.sel-portrait.ru{border-color:#a33}.sel-portrait.neutral{border-color:#778}.sel-portrait.has-image.ru:after,.sel-portrait.has-image.neutral:after{filter:none}.sel-info{min-width:0;flex:1 1 auto}.sel-name{font-size:14px;font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-enemy{color:var(--alert);font-size:10px;border:1px solid var(--alert);padding:0 4px;border-radius:2px}.tag-civ{color:#aab;font-size:10px;border:1px solid #778;padding:0 4px;border-radius:2px}.sel-sub{font-size:11px;line-height:1.35;color:#9aa585}.sel-hp{height:9px;background:#111;border:1px solid #444}.sel-hp-fill{height:100%;background:linear-gradient(90deg,#3fd44f,#7ae052)}.sel-hpnum{font-size:10px;color:#9aa585;margin-top:2px}.sel-garrison{font-size:11px;color:var(--gold)}.sel-desc{font-size:11px;color:#9aa585;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.sel-multi{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;overflow-x:hidden;overflow-y:auto;min-height:0;padding-right:2px}.sel-multi::-webkit-scrollbar{width:8px}.sel-multi::-webkit-scrollbar-track{background:#0006;border-radius:4px}.sel-multi::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px;border:1px solid rgba(0,0,0,.45)}.sel-multi::-webkit-scrollbar-thumb:hover{background:var(--gold)}.sel-chip{position:relative;display:flex;flex-direction:column;align-items:center;width:78px;height:82px;padding:2px;background:linear-gradient(180deg,#333a29,#1d2217);border:1.5px solid var(--panel-border);border-radius:3px;cursor:pointer}.sel-chip.static{cursor:default;opacity:.75}.chip-art{flex:1 1 auto;display:flex;align-items:center;justify-content:center;font-size:34px;min-height:0;width:100%}.chip-count{color:var(--gold);font-weight:700;font-size:14px;line-height:1.15;text-shadow:0 1px 2px #000}.chip-hp{display:block;width:100%;height:4px;background:#0a0c07;margin-top:2px}.chip-hp>i{display:block;height:100%;background:linear-gradient(90deg,#3fd44f,#7ae052)}.tile-art.has-image{background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #0000008c,inset 0 -20px 18px -10px #000000bd}.q-art.has-image,.chip-art.has-image{border-radius:2px}.sel-portrait.has-image{background-color:#1a1f14}.tile-grid .tile-art:not(.has-image) .tile-emoji,.queue-items .tile-art:not(.has-image) .tile-emoji,#selection-panel .tile-art:not(.has-image) .tile-emoji{display:inline}#tooltip{position:fixed;left:0;top:0;max-width:280px;background:#0a0d08f7;border:1.5px solid var(--gold);border-radius:4px;padding:7px 10px;font-size:12px;color:var(--text);pointer-events:none;opacity:0;visibility:hidden;z-index:70;box-shadow:0 4px 14px #0009}#tooltip.show{opacity:1;visibility:visible}.tip-name{color:var(--gold);font-weight:700;font-size:13px}.tip-meta{font-size:11.5px;color:#cfd6b8;margin-top:2px}.tip-desc{font-size:11.5px;color:#a9b391;margin-top:4px;line-height:1.35}.tip-extra{font-size:11px;color:#8b9575;margin-top:4px;font-style:italic}@media(max-width:1420px){#selection-panel{flex-basis:322px}}@media(max-width:1240px){:root{--minimap-w: 196px;--tile: 88px}#selection-panel{flex-basis:286px;padding:6px 9px}#cmd-zone{padding:6px 9px}.sel-portrait{width:100px;height:100px;font-size:56px}.sel-chip{width:72px;height:78px}.chip-art{font-size:30px}}@media(max-width:1040px){:root{--minimap-w: 160px;--tile: 78px}#selection-panel{flex-basis:240px}.sel-portrait{width:82px;height:82px;font-size:46px}.sel-chip{width:64px;height:70px}.chip-art{font-size:26px}}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:60;pointer-events:auto}.overlay-box{background:var(--panel);border:2.5px solid var(--panel-border);border-radius:6px;padding:34px 44px;max-width:680px;text-align:center;overflow:hidden}.overlay-art{width:calc(100% + 88px);margin:-34px -44px 18px;height:180px;background-size:cover;background-position:center;border-bottom:2px solid var(--panel-border)}.overlay-box h1{font-size:26px;margin-bottom:12px;color:var(--gold)}.overlay-box.victory h1{color:var(--good)}.overlay-box.defeat h1{color:var(--alert)}.overlay-box h2{color:var(--gold);margin-bottom:14px;letter-spacing:2px}.overlay-box h3{color:var(--gold);margin:14px 0 6px;font-size:14px}.overlay-box p{line-height:1.5;margin-bottom:10px}.stats-row{display:flex;gap:26px;justify-content:center;margin:18px 0}.stats-row div{display:flex;flex-direction:column}.stats-row b{font-size:24px;color:var(--gold)}.stats-row span{font-size:11px;color:#99a}#highscores{position:fixed;top:0;right:0;bottom:0;left:0;z-index:360;display:flex;align-items:center;justify-content:center;background:#000000b8}.hs-box{width:min(760px,92vw);max-height:84vh;overflow:auto;background:var(--panel);border:2px solid var(--panel-border);border-radius:8px;padding:22px 26px 20px;text-align:center}.hs-box h2{margin:0 0 16px;font-size:22px;letter-spacing:3px;color:var(--gold)}.hs-hinweis{color:#c3c8bd;font-size:14px;margin:22px 0 6px}.hs-klein{color:#7d8478;font-size:12px;line-height:1.5;margin:0 0 12px}.hs-klein code{color:#9aa38f}.hs-table{width:100%;border-collapse:collapse;margin-bottom:18px}.hs-table th{font-size:11px;letter-spacing:1px;color:#99a;text-align:left;padding:6px 8px;border-bottom:1px solid var(--panel-border)}.hs-table td{font-size:14px;color:#d5d9cf;padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.hs-table .hs-platz{width:34px;color:#7d8478;font-variant-numeric:tabular-nums}.hs-table .hs-name{font-weight:700}.hs-table .hs-punkte,.hs-table .hs-zeit,.hs-table .hs-kills{text-align:right;font-variant-numeric:tabular-nums}.hs-table .hs-punkte{color:var(--gold);font-weight:700}.hs-table tr.rang-1 td{background:#f2c53d1a}.hs-table tr.rang-2 td{background:#ffffff0d}.hs-table tr.rang-3 td{background:#b4783c14}.score-box{max-width:460px;margin:4px auto 20px;border:1px solid var(--panel-border);border-radius:6px;background:#00000047;padding:12px 16px 10px}.score-table{width:100%;border-collapse:collapse}.score-table td{font-size:13px;padding:3px 0;color:#c3c8bd}.score-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.score-table i{color:#7d8478;font-style:normal}.score-table .plus{color:#8fd44a}.score-table .minus{color:#e06a5a}.score-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:9px;padding-top:9px;border-top:1px solid var(--panel-border)}.score-total span{font-size:12px;letter-spacing:2px;color:#99a}.score-total b{font-size:30px;color:var(--gold);font-variant-numeric:tabular-nums}.overlay-btn{background:var(--olive);border:2px solid var(--panel-border);color:#fff;font-size:15px;font-weight:700;padding:10px 26px;margin:6px;cursor:pointer;border-radius:4px;letter-spacing:1px}.overlay-btn:hover{border-color:var(--gold);color:var(--gold)}.overlay-btn.secondary{background:transparent;font-size:12px}.help-table{margin:0 auto;border-collapse:collapse;font-size:13px}.help-table td{padding:3px 14px;text-align:left}.help-table td:first-child{color:var(--gold);font-weight:700;white-space:nowrap}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:linear-gradient(180deg,#080a069e,#080a06db 60%,#080a06f5),url(/art/ui/splash_kyiv22.jpg) center / cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;opacity:1;transition:opacity .4s ease}#loader.done{opacity:0;pointer-events:none}#loader .loader-inner{display:flex;flex-direction:column;align-items:center;width:min(620px,82vw)}#loader .flag-stripe{width:300px;height:7px;display:flex;margin-bottom:16px}#loader .flag-stripe i{flex:1}#loader .flag-stripe i:first-child{background:var(--ua-blue)}#loader .flag-stripe i:last-child{background:var(--gold)}#loader h1{font-size:48px;letter-spacing:6px;color:#e8ecd8;text-shadow:0 3px 0 #000,0 0 40px rgba(255,215,0,.25);margin-bottom:4px}#loader .loader-logo{display:block;width:min(360px,70vw);height:auto;margin-bottom:10px;filter:drop-shadow(0 3px 0 #000) drop-shadow(0 0 22px rgba(255,215,0,.16));-webkit-user-select:none;user-select:none;pointer-events:none}#loader .loader-mode{font-size:13px;letter-spacing:4px;color:var(--gold);margin-bottom:26px}#loader .loader-bar{position:relative;width:100%;height:16px;background:#060805d9;border:1.5px solid var(--panel-border);border-radius:3px;overflow:hidden}#loader .loader-fill{display:block;height:100%;width:0;background:linear-gradient(180deg,#ffe14d,#d8a600);box-shadow:0 0 12px #ffd70073;transition:width .35s ease}#loader .loader-sheen{position:absolute;top:0;left:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:loader-sweep 1.15s linear infinite;will-change:transform}@keyframes loader-sweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}#loader .loader-row{width:100%;display:flex;justify-content:space-between;align-items:baseline;margin-top:9px;font-size:12.5px;color:#b8c0a8}#loader .loader-pct{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}#loader .loader-tip{margin-top:28px;font-size:12px;line-height:1.6;color:#8b9575;max-width:540px}#loader .loader-tiplabel{color:var(--gold);letter-spacing:1.5px;font-weight:700}#loader.failed .loader-fill{background:linear-gradient(180deg,#ff7a6a,#b02a1c)}#loader.failed .loader-sheen{animation:none}#menu{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a068c,#080a06d1 55%,#080a06f0),url(/art/ui/splash_kyiv22.jpg) center / cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 4vh;z-index:100;text-align:center}#menu .menu-hero{margin-bottom:18px;display:flex;flex-direction:column;align-items:center}#menu .menu-logo{display:block;width:min(440px,78vw);height:auto;filter:drop-shadow(0 3px 0 #000) drop-shadow(0 0 28px rgba(255,215,0,.18));-webkit-user-select:none;user-select:none;pointer-events:none}#menu .flag-stripe{width:340px;height:8px;display:flex;margin-bottom:18px}#menu .flag-stripe i{flex:1}#menu .flag-stripe i:first-child{background:var(--ua-blue)}#menu .flag-stripe i:last-child{background:var(--gold)}#menu h1{font-size:54px;letter-spacing:6px;color:#e8ecd8;text-shadow:0 3px 0 #000,0 0 40px rgba(255,215,0,.25);margin-bottom:6px}#menu h2{font-size:17px;color:var(--gold);letter-spacing:4px;margin-bottom:0;font-weight:400}#menu .briefing{max-width:640px;font-size:14px;line-height:1.65;color:#b8c0a8;margin-bottom:30px;padding:0 20px}#menu .mode-grid{display:flex;flex-direction:column;gap:14px;width:min(640px,90vw)}#menu .mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:16px 22px;background:linear-gradient(90deg,#0a0d08e0,#0a0d08b8 55%,#0a0d088c),linear-gradient(180deg,#4a52408c,#2a3024bf);background-size:cover;background-position:center;color:#fff;border:2px solid #7a8560;border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit;overflow:hidden}#menu .mode-btn.mode-campaign{background-image:linear-gradient(90deg,#0a0d08e6,#0a0d08b3,#0a0d0873),url(/art/ui/mode_campaign.jpg)}#menu .mode-btn.mode-skirmish{background-image:linear-gradient(90deg,#0a0d08e6,#0a0d08b3,#0a0d0873),url(/art/ui/mode_skirmish.jpg)}#menu .mode-btn.mode-multiplayer{background-image:linear-gradient(90deg,#0a0d08eb,#0a0d08cc 55%,#0a0d08a6),url(/art/ui/mode_multiplayer.jpg)}#menu .mode-btn:hover:not(.disabled){border-color:var(--gold);transform:translate(6px)}#menu .mode-btn:hover:not(.disabled) .mode-title{color:var(--gold)}#menu .mode-btn.disabled{opacity:.45;cursor:not-allowed}#menu .mode-title{font-size:19px;font-weight:700;letter-spacing:2px}#menu .mode-desc{font-size:12.5px;line-height:1.5;color:#b8c0a8;font-weight:400}#menu .mode-static{cursor:default}#menu .mode-static:hover{border-color:var(--gold)}#menu .diff-row{display:flex;gap:10px;margin-top:4px}#menu .diff-btn{font-family:inherit;font-size:13px;font-weight:700;letter-spacing:2px;padding:8px 22px;background:var(--olive-dark);color:var(--text);border:1.5px solid var(--panel-border);border-radius:4px;cursor:pointer;transition:all .12s}#menu .diff-btn:hover{border-color:var(--gold);color:var(--gold);transform:scale(1.06)}#menu .diff-btn[data-diff=hard]:hover{border-color:var(--alert);color:var(--alert)}#menu .soon-tag{font-size:10px;color:var(--gold);border:1px solid var(--gold);padding:1px 7px;border-radius:3px;vertical-align:middle;letter-spacing:1px}#menu .menu-note{margin-top:26px;font-size:11.5px;color:#667;max-width:560px;line-height:1.5}#loading-note{margin-top:14px;color:var(--gold);font-size:14px;display:none}#vorfilm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:420;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;opacity:1;transition:opacity .7s ease}#vorfilm.vorfilm-weg{opacity:0;pointer-events:none}#vorfilm .vorfilm-video{max-width:100%;max-height:100%;width:auto;height:auto;background:#000;opacity:0;transition:opacity .32s ease}#vorfilm.vorfilm-laeuft .vorfilm-video{opacity:1}#vorfilm .vorfilm-zeile{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(940px,90vw);font-family:Courier New,ui-monospace,monospace;font-size:clamp(12.5px,1.35vw,17px);line-height:1.7;letter-spacing:1px;color:#5df08a;text-shadow:0 0 14px rgba(70,240,130,.35);opacity:1;transition:opacity .45s ease}#vorfilm .vorfilm-zeile.weg{opacity:0}#vorfilm .vorfilm-cursor{display:inline-block;width:.55em;height:1em;margin-left:3px;vertical-align:-.15em;background:#5df08a;animation:vorfilm-blinken 1s step-end infinite}@keyframes vorfilm-blinken{0%,50%{opacity:1}50.01%,to{opacity:0}}#vorfilm .vorfilm-hinweis{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#96b49680;pointer-events:none}#splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:linear-gradient(180deg,#0000 68%,#060805b8),url(/art/ui/splash.jpg) center / contain no-repeat #0a0d08;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6vh;cursor:pointer;opacity:0;transition:opacity .32s ease;pointer-events:none}#splash.an{opacity:1;transition:opacity 1.2s ease-in-out;pointer-events:auto}#splash .splash-hint{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#d8d3c4;text-shadow:0 2px 6px #000;animation:splash-puls 2.4s ease-in-out infinite}@keyframes splash-puls{0%,to{opacity:.45}50%{opacity:1}}#name-entry{position:fixed;top:0;right:0;bottom:0;left:0;z-index:280;background:linear-gradient(180deg,#080a06b8,#080a06eb),url(/art/ui/splash_kyiv22.jpg) center / cover no-repeat;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .28s ease;padding:24px}#name-entry.an{opacity:1}#name-entry .name-entry-box{display:flex;gap:28px;align-items:center;width:min(780px,94vw);background:linear-gradient(180deg,#181c12fa,#0e110bfa);border:2px solid #7a8560;padding:26px 28px;box-shadow:0 18px 60px #000000a6}#name-entry .name-entry-portrait{flex:0 0 auto;align-self:flex-start}#name-entry .name-entry-privacy{margin:12px 0 0;font-size:11px;line-height:1.4;color:#6d7568;max-width:34em}#name-entry .name-entry-form{flex:1;min-width:0;text-align:left}#name-entry h2{margin:0 0 8px;font-size:18px;letter-spacing:4px;color:var(--gold);font-weight:400}#name-entry .name-entry-hint{margin:0 0 16px;font-size:13px;line-height:1.45;color:#b8c0a8}#name-entry .name-entry-label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#7d8478}#name-entry .name-entry-input{background:#0e100c;border:1.5px solid #7a8560;color:#e8ecd8;padding:10px 12px;font:inherit;font-size:16px;letter-spacing:.5px;text-transform:none}#name-entry .name-entry-input:focus{outline:none;border-color:var(--gold)}#name-entry .name-entry-err{color:#e06a5a;font-size:12px;margin:8px 0 0}#name-entry .name-entry-go{margin-top:18px}@media(max-width:520px){#name-entry .name-entry-box{flex-direction:column;text-align:center;gap:18px}#name-entry .name-entry-form{text-align:center}#name-entry .name-entry-label{align-items:center}#name-entry .name-entry-input{width:min(100%,260px)}}.general-portrait{--kante: 148px;width:var(--kante);display:flex;flex-direction:column;align-items:center;gap:8px}.general-portrait .gp-rahmen{position:relative;width:var(--kante);height:var(--kante)}.general-portrait .gp-bild,.general-portrait .gp-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;image-rendering:auto}.general-portrait .gp-bild{top:10%;right:10%;bottom:10%;left:10%;width:80%;height:80%}.general-portrait .gp-frame{pointer-events:none;z-index:1}.general-portrait .gp-lage{position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#080a06c7;color:var(--gold);font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;text-align:center;padding:6px}.general-portrait .gp-lage[hidden]{display:none}.general-portrait .gp-dreher{width:20px;height:20px;border:2px solid rgba(216,211,196,.25);border-top-color:var(--gold);border-radius:50%;animation:gp-drehen .9s linear infinite}@keyframes gp-drehen{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.general-portrait .gp-dreher{animation-duration:3s}}.general-portrait .gp-knoepfe{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.general-portrait .gp-btn{background:#0a0d08c7;border:1.5px solid #7a8560;color:#d8d3c4;font-family:inherit;font-size:9.5px;letter-spacing:1.2px;padding:6px 9px;cursor:pointer}.general-portrait .gp-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.general-portrait .gp-btn:disabled{opacity:.45;cursor:default}.general-portrait .gp-uniform{width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}.general-portrait .gp-uniform.aus{opacity:.4;pointer-events:none}.general-portrait .gp-uniform-titel{font-family:var(--schmal);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8d9478}.general-portrait .gp-farben{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.general-portrait .gp-farbe{width:26px;height:26px;padding:0;cursor:pointer;background:var(--farbe);border:1px solid #2b3122;border-radius:0;box-shadow:inset 0 1px #ffffff2e;transition:transform 90ms ease,box-shadow 90ms ease}.general-portrait .gp-farbe:hover{transform:translateY(-1px)}.general-portrait .gp-farbe.an{border-color:var(--gold);box-shadow:0 0 0 2px #ffd70059,inset 0 1px #fff3}.general-portrait .gp-gut{border-color:var(--gold);color:var(--gold)}.general-portrait .gp-still{background:none;border-color:transparent;color:#7d8478;text-transform:none;letter-spacing:.6px;font-size:10.5px}.general-portrait .gp-still:hover:not(:disabled){color:#b8c0a8;border-color:transparent}.general-portrait .gp-meldung{margin:0;font-size:10.5px;line-height:1.35;text-align:center;color:#97a07f}.general-portrait .gp-meldung.gp-fehler{color:#c8a24a}#menu .menu-actions{margin-top:16px;display:flex;gap:12px;justify-content:center}#menu .highscore-btn,#menu .settings-btn{background:#0a0d08c7;border:2px solid #7a8560;color:#d8d3c4;padding:9px 22px;font-size:13px;letter-spacing:2px;font-family:inherit;cursor:pointer}#menu .highscore-btn:hover,#menu .settings-btn:hover{border-color:var(--gold);color:var(--gold)}.email-signup{display:flex;flex-direction:column;align-items:stretch;gap:6px;max-width:100%}.email-signup-hint{margin:0;color:#9a947f;font-size:12px;line-height:1.35}.email-signup-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.email-signup-input{flex:1 1 160px;min-width:140px;background:#0a0d08d9;border:1px solid #7a8560;color:#e6e2d4;padding:8px 12px;font:inherit;font-size:13px;letter-spacing:.3px}.email-signup-input:focus{outline:none;border-color:var(--gold)}.email-signup-btn{background:#0a0d08c7;border:2px solid #7a8560;color:#d8d3c4;padding:8px 16px;font-size:12px;letter-spacing:1.6px;font-family:inherit;cursor:pointer;text-transform:uppercase;white-space:nowrap}.email-signup-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.email-signup-btn:disabled{opacity:.55;cursor:default}.email-signup-msg{margin:0;font-size:12px;color:#c8a24a}.email-signup-msg.err{color:#c45c4a}.email-signup-thanks{margin:0;color:var(--gold);font-size:13px;letter-spacing:.8px}.email-signup-saved{margin:0;font-size:11px;color:#667;word-break:break-all}#menu .menu-actions{flex-wrap:wrap;align-items:center}#menu .menu-email{flex:0 1 auto;max-width:none}.email-signup--compact{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px}.email-signup--compact .email-signup-hint{display:none}.email-signup--compact .email-signup-form{flex:0 1 auto;flex-wrap:nowrap;width:auto}.email-signup--compact .email-signup-input{flex:0 1 140px;width:140px;min-width:110px;max-width:180px}.email-signup--compact.email-signup--done{flex-direction:row;flex-wrap:wrap;gap:4px 10px}.email-signup--featured .email-signup-hint{font-size:13px;color:#c8c2b0;margin-bottom:4px}.email-signup--featured .email-signup-form{flex-wrap:nowrap}.email-signup--featured .email-signup-input{flex:0 1 200px;width:50%;max-width:240px;min-width:120px}.email-signup--featured .email-signup-btn{border-color:var(--gold);color:var(--gold);padding:10px 18px;font-size:13px;letter-spacing:1.2px;flex:0 0 auto}#highscores .hs-email{margin:12px 0 4px;max-width:420px}#settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;background:#040603a8;display:flex;align-items:center;justify-content:center}#settings .settings-box{width:min(360px,90vw);background:linear-gradient(180deg,#181c12fa,#0e110bfa);border:2px solid #7a8560;padding:24px 26px 18px;box-shadow:0 18px 60px #000000a6}#settings h3{font-size:15px;letter-spacing:5px;color:var(--gold);margin:0 0 18px;font-weight:400;text-align:center}#settings .set-kommandant{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #3a4230}#settings .set-namensfeld{width:100%;min-width:0;display:flex;flex-direction:column;gap:6px;color:#d8d3c4;font-size:13.5px}#settings .set-input{background:#1b2015;border:1px solid #3a4230;border-radius:3px;color:#d8d3c4;font-family:inherit;font-size:14px;padding:7px 9px;outline:none;min-width:0}#settings .set-input:focus{border-color:var(--gold)}#settings .set-row{display:grid;grid-template-columns:76px 1fr 30px;align-items:center;gap:12px;margin-bottom:13px;color:#d8d3c4;font-size:13.5px}#settings .set-val{text-align:right;color:#97a07f;font-variant-numeric:tabular-nums}#settings .set-lang .set-select{grid-column:2 / span 2}#settings .set-select{background:#1b2015;border:1px solid #3a4230;border-radius:3px;color:#d8d3c4;font-family:inherit;font-size:13px;padding:5px 8px;outline:none;cursor:pointer}#settings .set-select:disabled{opacity:.45;cursor:not-allowed}#settings .set-select:focus{border-color:var(--gold)}#settings input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#3a4230;border-radius:2px;outline:none;cursor:pointer}#settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--gold);border:2px solid #14170e;cursor:pointer}#settings input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--gold);border:2px solid #14170e;cursor:pointer}#settings .set-hint{font-size:11.5px;color:#8b9375;line-height:1.5;margin:-4px 0 16px;padding-left:88px}#settings .set-check{grid-template-columns:18px 1fr;cursor:pointer;margin-top:4px;margin-bottom:20px}#settings .set-check input{accent-color:var(--gold);width:15px;height:15px;cursor:pointer}#settings .settings-close{display:block;width:100%;background:#0a0d08e6;border:2px solid #7a8560;color:#d8d3c4;padding:9px 0;font-size:12.5px;letter-spacing:2px;font-family:inherit;cursor:pointer}#settings .settings-close:hover{border-color:var(--gold);color:var(--gold)}#menu .diff-btn.diff-ultra{border-color:#b8442e;color:#f0b7a4}#menu .diff-btn.diff-ultra:hover{border-color:#ff6a44;color:#ffd9cc;background:#5a1a1080}#gamemenu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:340;background:#040603a8;display:flex;align-items:center;justify-content:center}#gamemenu .gamemenu-box{width:min(360px,90vw);background:linear-gradient(180deg,#181c12fa,#0e110bfa);border:2px solid #7a8560;padding:24px 26px 18px;box-shadow:0 18px 60px #000000a6;display:flex;flex-direction:column;gap:10px}#gamemenu h3{font-size:15px;letter-spacing:5px;color:var(--gold);margin:0 0 10px;font-weight:400;text-align:center}#gamemenu .gm-btn{background:#0a0d08e6;border:2px solid #7a8560;color:#d8d3c4;padding:11px 0;font-size:13px;letter-spacing:2px;font-family:inherit;cursor:pointer}#gamemenu .gm-btn:hover{border-color:var(--gold);color:var(--gold)}#gamemenu .gm-quit{border-color:#8a3a2c;color:#e0b0a4}#gamemenu .gm-quit:hover{border-color:#ff6a44;color:#ffd9cc;background:#5a1a1080}#gamemenu .gm-hint{margin-top:6px;font-size:11.5px;color:#8b9375;text-align:center}#settings{z-index:360}body.mode-support{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><circle cx='14' cy='14' r='10' fill='none' stroke='%2366ff88' stroke-width='2.4'/><path d='M14 8 v12 M8 14 h12' stroke='%2366ff88' stroke-width='2.8'/></svg>") 14 14,crosshair}body.mode-pontoon{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M2 16 h24' stroke='%2366ddff' stroke-width='3'/><path d='M6 16 v5 M14 16 v5 M22 16 v5' stroke='%2366ddff' stroke-width='2.2'/><path d='M2 11 q12 -6 24 0' fill='none' stroke='%2366ddff' stroke-width='2'/></svg>") 14 16,crosshair}#lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:380;background:#040603b8;display:flex;align-items:center;justify-content:center}#lobby .lobby-box{width:min(520px,94vw);background:linear-gradient(180deg,#181c12fa,#0e110bfa);border:2px solid #7a8560;padding:24px 26px 18px;box-shadow:0 18px 60px #000000a6}#lobby h3{font-size:15px;letter-spacing:4px;color:var(--gold);margin:0 0 18px;font-weight:400;text-align:center}#lobby .lobby-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:12px;margin-bottom:16px}#lobby .lobby-label{font-size:12px;color:#8b9375;letter-spacing:1px}#lobby .lobby-input{background:#0a0d08e6;border:1.5px solid #5a6448;color:var(--text);font-family:inherit;font-size:13.5px;padding:8px 10px;outline:none}#lobby .lobby-input:focus{border-color:var(--gold)}#lobby .lobby-input:disabled{opacity:.55}#lobby .lobby-code-input{text-align:center;letter-spacing:6px;font-size:18px;text-transform:uppercase}#lobby .lobby-split{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:start}#lobby .lobby-or{align-self:center;color:#6f7a5c;font-size:11px;letter-spacing:2px;padding-top:8px}#lobby .lobby-half{display:flex;flex-direction:column;gap:8px}#lobby .lobby-btn{background:#0a0d08e6;border:2px solid #7a8560;color:#d8d3c4;padding:10px 0;font-size:12.5px;letter-spacing:2px;font-family:inherit;cursor:pointer}#lobby .lobby-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}#lobby .lobby-btn:disabled{opacity:.4;cursor:default}#lobby .lobby-primary{border-color:var(--ua-blue);color:#cfe0ff}#lobby .lobby-primary:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:#00286066}#lobby #lb-start:not([hidden]){display:block;width:100%;padding:13px 32px;margin-top:12px;font-size:13.5px}#lobby .lobby-hint{font-size:11px;color:#8b9375;line-height:1.45}#lobby .lobby-state{margin-top:18px;border-top:1px solid #3a4230;padding-top:16px}#lobby .lobby-code-show{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:14px}#lobby .lobby-code{font-size:30px;letter-spacing:10px;color:var(--gold);padding-left:10px;font-variant-numeric:tabular-nums}#lobby .lobby-copy{background:none;border:1.5px solid #5a6448;color:#97a07f;width:30px;height:30px;cursor:pointer;font-family:inherit;font-size:14px}#lobby .lobby-copy:hover{border-color:var(--gold);color:var(--gold)}#lobby .lobby-players{list-style:none;margin:0 0 14px;padding:0}#lobby .lobby-player{display:grid;grid-template-columns:26px 1fr auto 14px;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px;background:#0a0d0899;border-left:3px solid #3a4230;font-size:13px}#lobby .lobby-player.ist-ich{border-left-color:var(--gold)}#lobby .lobby-pname{color:var(--text)}#lobby .lobby-side{font-size:11px;color:#8b9375;letter-spacing:1px}#lobby .lobby-dot{width:9px;height:9px;border-radius:50%;background:#3a4230}#lobby .lobby-dot.an{background:var(--good);box-shadow:0 0 8px #4fd457b3}#lobby .lobby-status{font-size:12.5px;color:#97a07f;text-align:center;margin-bottom:14px;min-height:18px}#lobby .lobby-status.gut{color:var(--good)}#lobby .lobby-status.fehler{color:var(--alert)}#lobby .lobby-note{font-size:11px;color:#6f7a5c;line-height:1.5;margin-top:16px}#lobby .lobby-close{display:block;width:100%;margin-top:12px;background:none;border:1.5px solid #4a5240;color:#8b9375;padding:8px 0;font-size:11.5px;letter-spacing:2px;font-family:inherit;cursor:pointer}#lobby .lobby-close:hover{border-color:#8a3a2c;color:#e0b0a4}#netbar{position:absolute;top:52px;right:12px;z-index:200;display:flex;align-items:center;gap:8px;background:#121610db;border:1.5px solid var(--panel-border);padding:5px 10px;font-size:11.5px;color:#97a07f;font-variant-numeric:tabular-nums;pointer-events:none}#netbar .net-dot{width:8px;height:8px;border-radius:50%;background:#3a4230}#netbar .net-dot.net-ok{background:var(--good)}#netbar .net-dot.net-warte{background:var(--gold);animation:netpuls .7s infinite alternate}#netbar .net-dot.net-fehler{background:var(--alert)}#netbar.net-alarm{border-color:var(--alert);color:#ffb0a8}@keyframes netpuls{0%{opacity:.25}to{opacity:1}}#settings .set-row input[type=range]{--wert: 0;--fuell: calc(var(--wert) * (100% - 28px) + 14px);background-image:url(/art/ui/controls/slider_track.png),url(/art/ui/controls/slider_track.png);background-size:calc((100% - var(--fuell)) * 256 / 103) 100%,calc(100% * 256 / 152) 100%;background-position:100% 0,0 0;background-repeat:no-repeat,no-repeat}@font-face{font-family:Oswald;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/oswald-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/oswald-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/oswald-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DIN Vergleich;src:local("DIN Condensed Bold"),local("DINCondensed-Bold"),local("DIN Condensed");font-weight:400 700}.tile-art[data-icon=ru_bmp2]{background-image:url(/art/units/ru_bmp2.png)}.tile-art[data-icon=ru_bmp2] .tile-emoji{display:none}.tile-art[data-icon=ru_btr82]{background-image:url(/art/units/ru_btr82.png)}.tile-art[data-icon=ru_btr82] .tile-emoji{display:none}.tile-art[data-icon=ru_cruise_missile]{background-image:url(/art/units/ru_cruise_missile.png)}.tile-art[data-icon=ru_cruise_missile] .tile-emoji{display:none}.tile-art[data-icon=ru_harvester]{background-image:url(/art/units/ru_harvester.png)}.tile-art[data-icon=ru_harvester] .tile-emoji{display:none}.tile-art[data-icon=ru_il76]{background-image:url(/art/units/ru_il76.png)}.tile-art[data-icon=ru_il76] .tile-emoji{display:none}.tile-art[data-icon=ru_ka52]{background-image:url(/art/units/ru_ka52.png)}.tile-art[data-icon=ru_ka52] .tile-emoji{display:none}.tile-art[data-icon=ru_mi8]{background-image:url(/art/units/ru_mi8.png)}.tile-art[data-icon=ru_mi8] .tile-emoji{display:none}.tile-art[data-icon=ru_msta]{background-image:url(/art/units/ru_msta.png)}.tile-art[data-icon=ru_msta] .tile-emoji{display:none}.tile-art[data-icon=ru_pantsir]{background-image:url(/art/units/ru_pantsir.png)}.tile-art[data-icon=ru_pantsir] .tile-emoji{display:none}.tile-art[data-icon=ru_rifleman]{background-image:url(/art/units/ru_rifleman.png)}.tile-art[data-icon=ru_rifleman] .tile-emoji{display:none}.tile-art[data-icon=ru_t72]{background-image:url(/art/units/ru_t72.png)}.tile-art[data-icon=ru_t72] .tile-emoji{display:none}.tile-art[data-icon=ru_t90]{background-image:url(/art/units/ru_t90.png)}.tile-art[data-icon=ru_t90] .tile-emoji{display:none}.tile-art[data-icon=ru_ural]{background-image:url(/art/units/ru_ural.png)}.tile-art[data-icon=ru_ural] .tile-emoji{display:none}.tile-art[data-icon=ru_vdv]{background-image:url(/art/units/ru_vdv.png)}.tile-art[data-icon=ru_vdv] .tile-emoji{display:none}.tile-art[data-icon=ua_bohdana]{background-image:url(/art/units/ua_bohdana.png)}.tile-art[data-icon=ua_bohdana] .tile-emoji{display:none}.tile-art[data-icon=ua_btr4]{background-image:url(/art/units/ua_btr4.png)}.tile-art[data-icon=ua_btr4] .tile-emoji{display:none}.tile-art[data-icon=ua_buk]{background-image:url(/art/units/ua_buk.png)}.tile-art[data-icon=ua_buk] .tile-emoji{display:none}.tile-art[data-icon=ua_harvester]{background-image:url(/art/units/ua_harvester.png)}.tile-art[data-icon=ua_harvester] .tile-emoji{display:none}.tile-art[data-icon=ua_javelin]{background-image:url(/art/units/ua_javelin.png)}.tile-art[data-icon=ua_javelin] .tile-emoji{display:none}.tile-art[data-icon=ua_rifleman]{background-image:url(/art/units/ua_rifleman.png)}.tile-art[data-icon=ua_rifleman] .tile-emoji{display:none}.tile-art[data-icon=ua_stinger]{background-image:url(/art/units/ua_stinger.png)}.tile-art[data-icon=ua_stinger] .tile-emoji{display:none}.tile-art[data-icon=ua_t64]{background-image:url(/art/units/ua_t64.png)}.tile-art[data-icon=ua_t64] .tile-emoji{display:none}.tile-art[data-icon=ua_tb2]{background-image:url(/art/units/ua_tb2.png)}.tile-art[data-icon=ua_tb2] .tile-emoji{display:none}.tile-art[data-icon=bridge_span]{background-image:url(/art/buildings/bridge_span.png)}.tile-art[data-icon=bridge_span] .tile-emoji{display:none}.tile-art[data-icon=pontoon]{background-image:url(/art/buildings/pontoon.png)}.tile-art[data-icon=pontoon] .tile-emoji{display:none}.tile-art[data-icon=civ_an225]{background-image:url(/art/buildings/civ_an225.png)}.tile-art[data-icon=civ_an225] .tile-emoji{display:none}.tile-art[data-icon=civ_block]{background-image:url(/art/buildings/civ_block.png)}.tile-art[data-icon=civ_block] .tile-emoji{display:none}.tile-art[data-icon=civ_church]{background-image:url(/art/buildings/civ_church.png)}.tile-art[data-icon=civ_church] .tile-emoji{display:none}.tile-art[data-icon=civ_ctrl]{background-image:url(/art/buildings/civ_ctrl.png)}.tile-art[data-icon=civ_ctrl] .tile-emoji{display:none}.tile-art[data-icon=civ_hangar]{background-image:url(/art/buildings/civ_hangar.png)}.tile-art[data-icon=civ_hangar] .tile-emoji{display:none}.tile-art[data-icon=civ_house]{background-image:url(/art/buildings/civ_house.png)}.tile-art[data-icon=civ_house] .tile-emoji{display:none}.tile-art[data-icon=civ_khrush]{background-image:url(/art/buildings/civ_khrush.png)}.tile-art[data-icon=civ_khrush] .tile-emoji{display:none}.tile-art[data-icon=civ_radar]{background-image:url(/art/buildings/civ_radar.png)}.tile-art[data-icon=civ_radar] .tile-emoji{display:none}.tile-art[data-icon=civ_tower]{background-image:url(/art/buildings/civ_tower.png)}.tile-art[data-icon=civ_tower] .tile-emoji{display:none}.tile-art[data-icon=ru_camp]{background-image:url(/art/buildings/ru_camp.png)}.tile-art[data-icon=ru_camp] .tile-emoji{display:none}.tile-art[data-icon=ru_fob]{background-image:url(/art/buildings/ru_fob.png)}.tile-art[data-icon=ru_fob] .tile-emoji{display:none}.tile-art[data-icon=ua_barracks]{background-image:url(/art/buildings/ua_barracks.png)}.tile-art[data-icon=ua_barracks] .tile-emoji{display:none}.tile-art[data-icon=ua_bunker]{background-image:url(/art/buildings/ua_bunker.png)}.tile-art[data-icon=ua_bunker] .tile-emoji{display:none}.tile-art[data-icon=ua_depot]{background-image:url(/art/buildings/ua_depot.png)}.tile-art[data-icon=ua_depot] .tile-emoji{display:none}.tile-art[data-icon=ua_factory]{background-image:url(/art/buildings/ua_factory.png)}.tile-art[data-icon=ua_factory] .tile-emoji{display:none}.tile-art[data-icon=ua_hq]{background-image:url(/art/buildings/ua_hq.png)}.tile-art[data-icon=ua_hq] .tile-emoji{display:none}.tile-art[data-icon=ua_samsite]{background-image:url(/art/buildings/ua_samsite.png)}.tile-art[data-icon=ua_samsite] .tile-emoji{display:none}.tile-art[data-icon=wheat_field]{background-image:url(/art/buildings/wheat_field.png)}.tile-art[data-icon=wheat_field] .tile-emoji{display:none}.tile-art[data-icon^=cmd_]{background-size:68%;background-position:center 42%}.tile-art[data-icon=cmd_attackmove]{background-image:url(/art/cmd/attackmove.png)}.tile-art[data-icon=cmd_attackmove] .tile-emoji{display:none}.tile-art[data-icon=cmd_stop]{background-image:url(/art/cmd/stop.png)}.tile-art[data-icon=cmd_stop] .tile-emoji{display:none}.tile-art[data-icon=cmd_hold]{background-image:url(/art/cmd/hold.png)}.tile-art[data-icon=cmd_hold] .tile-emoji{display:none}.tile-art[data-icon=cmd_demolish]{background-image:url(/art/cmd/demolish.png)}.tile-art[data-icon=cmd_demolish] .tile-emoji{display:none}.tile-art[data-icon=cmd_exit]{background-image:url(/art/cmd/evacuate.png)}.tile-art[data-icon=cmd_exit] .tile-emoji{display:none}.tile-art[data-icon=cmd_garrison]{background-image:url(/art/cmd/garrison.png)}.tile-art[data-icon=cmd_garrison] .tile-emoji{display:none}.tile-art[data-icon=cmd_evacuate]{background-image:url(/art/cmd/evacuate.png)}.tile-art[data-icon=cmd_evacuate] .tile-emoji{display:none}.tile-art[data-icon=cmd_satellite]{background-image:url(/art/cmd/satellite.png)}.tile-art[data-icon=cmd_satellite] .tile-emoji{display:none}.tile-art[data-icon=cmd_rally]{background-image:url(/art/cmd/rally.png)}.tile-art[data-icon=cmd_rally] .tile-emoji{display:none}.tile-art[data-icon=cmd_heal]{background-image:url(/art/cmd/heal.png)}.tile-art[data-icon=cmd_heal] .tile-emoji{display:none}.tile-art[data-icon=cmd_repair]{background-image:url(/art/cmd/repair.png)}.tile-art[data-icon=cmd_repair] .tile-emoji{display:none}.tile-art[data-icon=cmd_pontoon]{background-image:url(/art/cmd/pontoon.png)}.tile-art[data-icon=cmd_pontoon] .tile-emoji{display:none}#lehrfenster{position:fixed;left:16px;bottom:calc(var(--bar-h) + 16px);width:min(370px,42vw);z-index:60;padding:13px 15px 11px;background:var(--panel);border:2px solid var(--gold);border-radius:6px;box-shadow:0 10px 34px #0009,inset 0 0 0 1px #ffd70026;color:var(--text);font-size:13.5px;line-height:1.5;transform:translate(-14px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease}#lehrfenster.an{transform:translate(0);opacity:1;pointer-events:auto}#lehrfenster.zu{transform:translate(-14px);opacity:0;pointer-events:none}#lehrfenster .lf-kopf{display:flex;align-items:baseline;gap:9px;margin-bottom:7px}#lehrfenster .lf-fortschritt{font-size:10px;letter-spacing:1.4px;color:#8d9678;white-space:nowrap}#lehrfenster .lf-titel{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--gold);text-transform:uppercase}#lehrfenster .lf-text b{color:#fff}#lehrfenster .lf-tasten{display:flex;align-items:center;gap:5px;margin-top:9px;flex-wrap:wrap}#lehrfenster kbd{font-family:inherit;font-size:11.5px;font-weight:700;min-width:22px;text-align:center;padding:3px 7px;color:#fff;background:linear-gradient(180deg,#4a5240,#2e3328);border:1px solid var(--panel-border);border-bottom-width:2px;border-radius:4px}#lehrfenster .lf-plus{color:#8d9678;font-size:11px}#lehrfenster .lf-fuss{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}#lehrfenster .lf-skip,#lehrfenster .lf-weiter{font-family:inherit;font-size:12px;padding:6px 15px;border-radius:4px;cursor:pointer;transition:all .12s}#lehrfenster .lf-skip{background:none;border:1px solid transparent;color:#7d8668;letter-spacing:.5px}#lehrfenster .lf-skip:hover{color:var(--text);border-color:var(--panel-border)}#lehrfenster .lf-weiter{font-weight:700;letter-spacing:1.5px;background:var(--olive-dark);border:1.5px solid var(--gold);color:var(--gold)}#lehrfenster .lf-weiter:hover{background:var(--gold);color:#14180f}html.ausbildung #messages{display:none}#objectives .ziel-fortschritt{display:flex;align-items:center;gap:8px;margin:1px 0 6px}#objectives .zf-text{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#8d9678;white-space:nowrap}#objectives .zf-balken{flex:1;height:4px;min-width:40px;background:#0000008c;border:1px solid var(--panel-border);border-radius:2px;overflow:hidden}#objectives .zf-balken>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b9932a,var(--gold));transition:width .35s ease}.overlay-box.ausbildung-fertig .stats-row{margin-bottom:18px}.lehr-ziel{position:relative;animation:lehr-puls 1.5s ease-in-out infinite;border-color:var(--gold)!important;z-index:2}@keyframes lehr-puls{0%,to{box-shadow:0 0 #ffd700a6}50%{box-shadow:0 0 0 7px #ffd70000}}.cmd-tile.gesperrt{position:relative;filter:grayscale(1) brightness(.6);cursor:help}.cmd-tile.gesperrt .tile-lock{position:absolute;top:4px;right:5px;font-size:13px;filter:none;opacity:.9}#menu{justify-content:safe center;overflow-y:auto;padding-top:3vh}#menu .mode-grid{flex:0 0 auto}#menu .mode-btn.mode-training{background-image:linear-gradient(90deg,#0a0d08e6,#0a0d08b8,#0a0d0880),linear-gradient(180deg,#60684a8c,#2a3024cc);border-color:var(--gold)}#menu .train-badge{font-size:10px;font-weight:700;letter-spacing:1.6px;vertical-align:2px;margin-left:8px;padding:2px 8px;color:#14180f;background:var(--gold);border-radius:3px}#menu .train-badge.done{color:var(--good);background:none;border:1px solid var(--good)}#menu .train-btn{font-family:inherit;font-size:13px;font-weight:700;letter-spacing:1.5px;padding:8px 22px;background:var(--olive-dark);color:var(--gold);border:1.5px solid var(--gold);border-radius:4px;cursor:pointer;transition:all .12s}#menu .train-btn:hover{background:var(--gold);color:#14180f;transform:scale(1.04)}#menu .train-btn.train-neu{color:var(--text);border-color:var(--panel-border);font-weight:400;letter-spacing:.5px}#menu .train-btn.train-neu:hover{background:var(--olive);color:var(--text)}#menu.menu-kampagne{z-index:2000}.menu-kampagne .kw-leiste{display:flex;align-items:center;gap:12px;justify-content:center;width:min(100%,820px);margin:0 auto;box-sizing:border-box;padding:0 6px}.menu-kampagne .kw-grid{flex:1 1 auto;min-width:0}.menu-kampagne .kw-grid .mode-btn{width:100%;box-sizing:border-box}.menu-kampagne .kw-pfeil{flex:0 0 auto;width:44px;height:44px;background:#ffffff0f;border:1px solid rgba(255,255,255,.22);color:var(--gold, #d8a63a);font-size:26px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s}.menu-kampagne .kw-pfeil:hover{background:#ffffff24;border-color:var(--gold, #d8a63a)}#menu.menu-kampagne .kw-kachel{background-size:cover;background-position:center 80%;position:relative;overflow:hidden;min-height:clamp(210px,32vh,330px);justify-content:center}.menu-kampagne .kw-kachel>*{position:relative;z-index:1}.menu-kampagne .kw-kachel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,#0a0e0cf0,#0a0e0cdb 38%,#0a0e0c42)}.menu-kampagne .kw-kachel.disabled{filter:grayscale(.9) brightness(.7)}.menu-kampagne .kw-nr{color:var(--gold, #d8a63a);margin-right:10px;opacity:.75}.menu-kampagne .kw-ort{letter-spacing:2px;text-transform:uppercase;font-size:10.5px;opacity:.6}.menu-kampagne .beta-badge.kw-fertig{background:#2f7d4f;color:#fff}.menu-kampagne .diff-btn.an{border-color:var(--gold, #d8a63a);color:var(--gold, #d8a63a)}.menu-kampagne .kw-punkte{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:14px;max-width:640px}.menu-kampagne .kw-punkt{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;padding:0;cursor:pointer}.menu-kampagne .kw-punkt.fertig{background:#2f7d4fd9;border-color:#47a86c}.menu-kampagne .kw-punkt.an{background:var(--gold, #d8a63a);border-color:#f0c86a;transform:scale(1.4)}#menu.menu-kampagne .menu-actions{align-items:center}.menu-kampagne .kw-stand{font-size:12px;opacity:.6;letter-spacing:2px}.menu-kampagne .kw-zurueck{background:#ffffff0f;border:1px solid rgba(255,255,255,.2);color:inherit;padding:8px 18px;letter-spacing:2px;text-transform:uppercase;font-size:12px;cursor:pointer}.menu-kampagne .kw-zurueck:hover{border-color:var(--gold, #d8a63a)}.menu-kampagne .kw-email{width:min(520px,92vw);margin:10px auto 4px}.menu-kampagne .email-signup--featured{border:1px solid rgba(216,166,58,.45);background:#0a0d08b8;padding:12px 14px 10px}.menu-kampagne .email-signup--featured .email-signup-input{flex:0 1 200px;width:50%;max-width:240px}@media(max-width:760px){.menu-kampagne .kw-pfeil{width:34px;height:34px;font-size:20px}}:root{--schmal: "Barlow Condensed", "Oswald", "Arial Narrow", sans-serif;--schmal-fett: 600;--schmal-halb: 600;--fuell-tafel: rgba(10, 13, 8, .93);--fuell-dicht: #10140d;--bar-h: 214px}html,body,#hud,#menu,#overlay,#highscores,#settings,#gamemenu,#name-entry,#loader,#banner,#messages{font-family:var(--schmal)}#menu h1,#loader h1,.overlay-box h1,.overlay-box h2,.hs-box h2,#settings h3,#gamemenu h3,#name-entry h2,.card-title,#objectives h4,#menu h2,#loader .loader-mode{font-family:var(--schmal);font-weight:var(--schmal-fett);letter-spacing:.08em;text-transform:uppercase}#topbar{background:transparent;border-bottom:none;height:44px;padding:0 10px;border-style:solid;border-color:transparent;border-width:0 24px;border-image-source:url(/art/ui/frames/bar_header_512.png);border-image-slice:0 24 0 24 fill;border-image-repeat:stretch}#hud-money{display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:36px;padding:0 10px;background:transparent;border-style:solid;border-color:transparent;border-width:10px;border-image-source:url(/art/ui/controls/resource_chip.png);border-image-slice:10 fill;border-image-repeat:stretch;font-size:19px;font-weight:var(--schmal-halb);letter-spacing:.6px;font-variant-numeric:tabular-nums}#hud-income,#hud-date{display:inline-flex;align-items:center;height:30px;padding:0 6px;border-style:solid;border-color:transparent;border-width:8px;border-image-source:url(/art/ui/controls/chip.png);border-image-slice:8 fill;border-image-repeat:stretch;background:#080b06eb;background-clip:padding-box;font-weight:var(--schmal-halb);letter-spacing:.8px;font-variant-numeric:tabular-nums}#hud-income{font-size:16px;color:#6ee87a}#hud-date{font-size:17px;color:#dfe4cd}#top-left{gap:10px}#top-right button{border-style:solid;border-color:transparent;border-width:6px;border-image-source:url(/art/ui/controls/btn_secondary.png);border-image-slice:6 fill;border-image-repeat:stretch;background:transparent;border-radius:0;min-height:32px;padding:2px 12px;font-family:var(--schmal);font-size:15px;letter-spacing:1px;text-transform:uppercase;font-weight:var(--schmal-halb);color:#e6e9d4;transition:filter 90ms linear}#top-right button:hover{filter:brightness(1.2);border-color:transparent;color:var(--gold)}#top-right button:active{border-image-source:url(/art/ui/controls/btn_pressed.png);border-image-slice:10 fill;border-width:10px;filter:none}#btn-sat.disabled{border-image-source:url(/art/ui/controls/btn_disabled.png);border-image-slice:6 fill;opacity:1;color:#6d7361}#sat-cd{font-size:14px}#objectives{background:var(--fuell-tafel);background-clip:padding-box;border-style:solid;border-color:transparent;border-width:26px;border-image-source:url(/art/ui/frames/panel_tall_192.png);border-image-slice:26 fill;border-image-repeat:stretch;border-radius:0;padding:4px 6px;width:280px}#objectives #obj-kopf{display:flex;align-items:center;gap:8px;width:100%;padding:0;background:none;border:none;border-radius:0;cursor:pointer;color:var(--gold);font-family:var(--schmal);font-weight:var(--schmal-fett);font-size:15px;letter-spacing:2.4px;text-transform:uppercase;text-align:left}#objectives #obj-kopf:hover{filter:brightness(1.2)}#objectives .obj-pfeil{flex:0 0 auto;width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:rotate(90deg);transition:transform .12s ease}#objectives.zu .obj-pfeil{transform:rotate(0)}#objectives.zu ul{display:none}#objectives.zu{padding-bottom:0}.msg{background:#090d0be6;background-clip:padding-box;border-left:none;border-style:solid;border-color:transparent;border-width:12px;border-image-source:url(/art/ui/controls/toast.png);border-image-slice:12 fill;border-image-repeat:stretch;border-radius:0;padding:2px 8px;min-height:44px;box-shadow:inset 3px 0 #778}.msg-alert,.msg-bad,.msg-good{border-left:none}.msg-alert{box-shadow:inset 3px 0 0 var(--alert)}.msg-bad{box-shadow:inset 3px 0 #c73}.msg-good{box-shadow:inset 3px 0 0 var(--good)}#banner{background:#68120deb;background-clip:padding-box;border-style:solid;border-color:transparent;border-width:20px;border-image-source:url(/art/ui/frames/panel_wide_512.png);border-image-slice:26 fill;border-image-repeat:stretch;border-radius:0;padding:6px 20px;font-weight:var(--schmal-fett);font-size:26px;letter-spacing:1.5px}#bottombar{background:linear-gradient(180deg,#10140dfc,#080a06fe);background-clip:padding-box;border-top:none;border-style:solid;border-color:transparent;border-width:14px 14px 0 14px;border-image-source:url(/art/ui/frames/panel_command_320.png);border-image-slice:22 22 0 22 fill;border-image-repeat:stretch}.zone-label{font-size:12px;letter-spacing:2.4px}.card-title{font-size:14px;letter-spacing:2.2px}.card-hint{font-size:12px}.panel-hint{font-size:14px;letter-spacing:1.6px}#minimap-wrap{background:transparent;border-right:none;padding:0;margin:0 8px;border-style:solid;border-color:transparent;border-width:16px;border-image-source:url(/art/ui/controls/minimap_frame.png);border-image-slice:16 fill;border-image-repeat:stretch;background-color:#0d1109;background-clip:padding-box}#minimap{border:none;display:block}.q-item{border-style:solid;border-color:transparent;border-width:8px;border-image-source:url(/art/ui/frames/panel_button_128.png);border-image-slice:12 fill;border-image-repeat:stretch;background:#0c100ae6;background-clip:padding-box;border-radius:0;width:48px;height:46px;gap:1px}.q-item.active{border-image-source:url(/art/ui/controls/btn_pressed.png);border-image-slice:10 fill;box-shadow:0 0 8px #ffd70059}.q-item:hover{border-color:transparent;filter:brightness(1.15)}.q-bar{border:none;background:url(/art/ui/controls/progress_trough.png) 0 0 / 100% 100% no-repeat;height:6px}.q-bar>i{background:url(/art/ui/controls/progress_fill.png) 0 0 / auto 100% repeat-x}.cmd-tile{border-style:solid;border-color:transparent;border-width:10px;border-image-source:url(/art/ui/controls/btn_icon_64.png);border-image-slice:12 fill;border-image-repeat:stretch;background:#1a2013;background-clip:padding-box;border-radius:0;padding:0}.cmd-tile:hover{border-color:transparent;filter:brightness(1.2);transform:translateY(-1px)}.cmd-tile.kind-cmd{background:#161c12;background-clip:padding-box}.cmd-tile.disabled{border-image-source:url(/art/ui/controls/btn_disabled.png);border-image-slice:6 fill;opacity:.78}.cmd-tile.disabled:hover{filter:none;transform:none}.cmd-tile.kind-building .tile-art.has-image:after,.cmd-tile.kind-unit .tile-art.has-image:after{display:none}.tile-label{font-size:12px;letter-spacing:.6px;font-weight:var(--schmal-halb);color:#ccd4b2}.tile-cost{font-size:14px;font-weight:var(--schmal-halb);bottom:15px}.tile-grid::-webkit-scrollbar,.sel-multi::-webkit-scrollbar,#objectives::-webkit-scrollbar{width:10px;height:10px}.tile-grid::-webkit-scrollbar-track,.sel-multi::-webkit-scrollbar-track,#objectives::-webkit-scrollbar-track{background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 3px,transparent 3px 6px),#0e1209;border:1px solid #262c1d;border-radius:0;box-shadow:none}.tile-grid::-webkit-scrollbar-thumb,.sel-multi::-webkit-scrollbar-thumb,#objectives::-webkit-scrollbar-thumb{background:repeating-linear-gradient(45deg,rgba(0,0,0,.18) 0 3px,transparent 3px 6px),linear-gradient(180deg,#79825f,#5c6649 55%,#4a5240);border:1px solid #2b3122;border-radius:0}.tile-grid::-webkit-scrollbar-thumb:hover,.sel-multi::-webkit-scrollbar-thumb:hover,#objectives::-webkit-scrollbar-thumb:hover{background:repeating-linear-gradient(45deg,rgba(0,0,0,.18) 0 3px,transparent 3px 6px),linear-gradient(180deg,#d9b45a,#b8923f);border-color:var(--gold)}.tile-grid::-webkit-scrollbar-corner,.sel-multi::-webkit-scrollbar-corner{background:#0e1209}#cmd-zone{padding:8px 18px;gap:8px}#queue-strip{padding-bottom:6px}#selection-panel{border-left:2px solid #3c4432;padding:8px 12px;gap:7px}.sel-portrait{border-style:solid;border-color:transparent;border-width:14px;border-image-source:url(/art/ui/frames/panel_square_128.png);border-image-slice:18 fill;border-image-repeat:stretch;background:#1a1f14;background-clip:padding-box;border-radius:0}.sel-portrait.has-image:after{display:none}.sel-name{font-size:19px;font-weight:var(--schmal-halb);letter-spacing:.8px}.sel-chip{border-radius:0;border-color:#4c543c;width:74px;height:76px}.sel-chip:hover{border-color:var(--gold)}.chip-art{font-size:30px}.chip-count{font-size:13px}.overlay-box,#name-entry .name-entry-box,#settings .settings-box,#gamemenu .gamemenu-box{background:var(--fuell-dicht);background-clip:padding-box;border-style:solid;border-color:transparent;border-width:34px;border-image-source:url(/art/ui/frames/panel_dialog_512.png);border-image-slice:34 fill;border-image-repeat:stretch;border-radius:0;box-shadow:none;padding:12px 18px}.hs-box{background:var(--fuell-dicht);background-clip:padding-box;border-style:solid;border-color:transparent;border-width:38px;border-image-source:url(/art/ui/frames/panel_modal_480.png);border-image-slice:38 fill;border-image-repeat:stretch;border-radius:0;box-shadow:none;padding:10px 16px}.score-box{background:var(--fuell-tafel);background-clip:padding-box;border-style:solid;border-color:transparent;border-width:16px;border-image-source:url(/art/ui/frames/panel_inset_256.png);border-image-slice:16 fill;border-image-repeat:stretch;border-radius:0;padding:6px 10px}.overlay-btn,#name-entry .name-entry-go,#settings .settings-close,#gamemenu .gamemenu-box button,#menu .highscore-btn,#menu .settings-btn,#menu .diff-btn,.email-signup-btn{border-style:solid;border-color:transparent;border-width:18px;border-image-source:url(/art/ui/controls/btn_primary.png);border-image-slice:18 fill;border-image-repeat:stretch;background:transparent;border-radius:0;color:var(--gold);text-shadow:0 1px 0 rgba(0,0,0,.6);font-family:var(--schmal);font-size:17px;font-weight:var(--schmal-halb);letter-spacing:1.4px;text-transform:uppercase;padding:0 18px;min-height:12px;margin:4px;transition:filter 90ms linear}.overlay-btn:hover,#name-entry .name-entry-go:hover,#settings .settings-close:hover,#gamemenu .gamemenu-box button:hover,#menu .highscore-btn:hover,#menu .settings-btn:hover,#menu .diff-btn:hover,.email-signup-btn:hover:not(:disabled){filter:brightness(1.18) saturate(1.05);border-color:transparent;color:var(--gold);transform:none}.overlay-btn.secondary,#menu .highscore-btn,#menu .settings-btn,#settings .settings-close,.email-signup-btn{border-width:6px;border-image-source:url(/art/ui/controls/btn_secondary.png);border-image-slice:6 fill;color:#e6e9d4;font-size:15px}.overlay-btn.secondary{padding:12px 18px}.overlay-btn.danger,#gamemenu .gamemenu-box button.danger{border-width:10px;border-image-source:url(/art/ui/controls/btn_danger.png);border-image-slice:10 fill;color:#ffd9d2}#menu .diff-btn{border-width:10px;border-image-source:url(/art/ui/controls/btn_secondary.png);border-image-slice:10 fill;min-width:0;padding:0 14px;font-size:14px}#name-entry .name-entry-input{border-style:solid;border-color:transparent;border-width:8px;border-image-source:url(/art/ui/controls/input_field.png);border-image-slice:8 fill;border-image-repeat:stretch;background:#10140d;background-clip:padding-box;border-radius:0;padding:2px 10px;font-family:var(--schmal);font-size:17px}#name-entry .name-entry-input:focus{border-color:transparent;filter:brightness(1.08)}#settings .set-select{border-style:solid;border-color:transparent;border-width:8px 40px 8px 8px;border-image-source:url(/art/ui/controls/dropdown.png);border-image-slice:8 40 8 8 fill;border-image-repeat:stretch;background:#10140d;background-clip:padding-box;border-radius:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--schmal);font-size:15px}#settings input[type=range]{height:16px;background:url(/art/ui/controls/slider_track.png) 0 0 / 100% 100% no-repeat;border-radius:0}#settings input[type=range]::-webkit-slider-thumb{width:28px;height:28px;border-radius:0;border:none;background:url(/art/ui/controls/slider_knob.png) center / contain no-repeat;box-shadow:none}#settings input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:0;border:none;background:url(/art/ui/controls/slider_knob.png) center / contain no-repeat}#settings .set-check input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:32px;height:32px;margin:0;background:url(/art/ui/controls/checkbox_off.png) center / contain no-repeat;cursor:pointer}#settings .set-check input[type=checkbox]:checked{background-image:url(/art/ui/controls/checkbox_on.png)}#loader .loader-bar{border-style:solid;border-color:transparent;border-width:6px;border-image-source:url(/art/ui/controls/progress_trough.png);border-image-slice:6 fill;border-image-repeat:stretch;background:transparent;border-radius:0;height:24px;overflow:hidden}#loader .loader-fill{background:url(/art/ui/controls/progress_fill.png) 0 0 / auto 100% repeat-x;box-shadow:none;border-radius:0}#menu .mode-btn{border-style:solid;border-color:transparent;border-width:clamp(10px,1.5vh,16px);border-image-source:url(/art/ui/frames/panel_wide_512.png);border-image-slice:26 fill;border-image-repeat:stretch;border-radius:0;padding:6px 16px;gap:7px;font-family:var(--schmal)}#menu .mode-btn .mode-title{font-family:var(--schmal);font-weight:var(--schmal-fett);letter-spacing:.1em;text-transform:uppercase;font-size:clamp(18px,2.5vh,24px);display:flex;width:100%;align-items:center;gap:12px}#menu .beta-badge,#menu .train-badge{flex:0 0 auto;font-family:var(--schmal);font-size:11px;font-weight:var(--schmal-fett);letter-spacing:1.6px;line-height:1;padding:3px 9px;margin-left:0;vertical-align:1px;color:#14180f;background:var(--gold);border-radius:3px;text-transform:uppercase}#menu .beta-note{font-family:var(--schmal);font-size:13.5px;font-weight:500;letter-spacing:.4px;text-transform:none;color:#b9c0a2;white-space:nowrap}#menu .mode-title .beta-tag{margin-left:auto;display:inline-flex;align-items:center;gap:9px;flex:0 1 auto;min-width:0}@media(max-width:780px){#menu .mode-title .beta-tag .beta-note{display:none}}#menu .menu-beta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(6px,1.2vh,14px)}#menu .menu-beta .beta-note{font-size:14.5px;white-space:normal}#menu .menu-beta:after{content:"💛";font-size:15px;line-height:1}#menu .mode-btn .mode-title:before{content:"";flex:0 0 auto;width:1.05em;height:1.05em;background:var(--zeichen) center / contain no-repeat}#menu .mode-btn.mode-training .mode-title{--zeichen: url(/art/ui/icon_training.png)}#menu .mode-btn.mode-campaign .mode-title{--zeichen: url(/art/ui/icon_campaign.png)}#menu .mode-btn.mode-skirmish .mode-title{--zeichen: url(/art/ui/icon_skirmish.png)}#menu .mode-btn.mode-multiplayer .mode-title{--zeichen: url(/art/ui/icon_multiplayer.png)}#menu .mode-btn.mode-training{background-image:linear-gradient(90deg,#0a0d08f0,#0a0d08db 40%,#0a0d084d),url(/art/ui/mode_training.png)}#menu:not(.menu-kampagne) .mode-btn.mode-campaign{min-height:clamp(112px,15.4vh,150px)}#menu:not(.menu-kampagne) .mode-btn.mode-campaign{background-image:none;position:relative;overflow:hidden}#menu:not(.menu-kampagne) .mode-btn.mode-campaign>*{position:relative;z-index:2}#menu:not(.menu-kampagne) .mode-btn.mode-campaign:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:url(/art/ui/mode_campaign_night.png) center / cover no-repeat;filter:brightness(3.4) contrast(1.2) saturate(1.15)}#menu:not(.menu-kampagne) .mode-btn.mode-campaign:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#0a0d08f0,#0a0d08cc 40%,#0a0d081a)}#menu .mode-btn.mode-skirmish{background-image:linear-gradient(90deg,#0a0d08f0,#0a0d08db 40%,#0a0d084d),url(/art/ui/mode_skirmish.jpg)}#menu .mode-btn.mode-multiplayer{background-image:linear-gradient(90deg,#0a0d08f0,#0a0d08db 40%,#0a0d084d),url(/art/ui/mode_multiplayer_wide.png)}#menu .mode-desc{font-size:clamp(12.5px,1.6vh,14.5px);line-height:1.4}#menu{justify-content:center;padding:clamp(10px,2.5vh,34px) 0}#menu .menu-hero{margin-bottom:clamp(10px,2.2vh,26px)}#menu .menu-logo{width:min(440px,68vw);max-height:17vh;object-fit:contain}#menu .flag-stripe{margin-bottom:clamp(8px,1.6vh,18px)}#menu .briefing{margin-bottom:clamp(10px,2vh,26px);font-size:14px;line-height:1.55}#menu .mode-grid{gap:clamp(10px,1.8vh,18px);width:min(700px,92vw)}#menu .diff-row{margin-top:4px;gap:10px}#menu .menu-actions{margin-top:clamp(10px,1.8vh,22px);gap:14px}#menu .menu-note{margin-top:clamp(8px,1.5vh,18px);font-size:13px;line-height:1.6;color:#9aa287;max-width:620px}#menu .menu-dm{color:var(--gold-matt, #d9b45a);text-decoration:none;border-bottom:1px solid rgba(217,180,90,.45);white-space:nowrap}#menu .menu-dm:hover{color:var(--gold);border-bottom-color:var(--gold)}#menu .diff-btn{padding:0 16px;min-height:34px;font-size:15px}