:root{--tlo: #06111f;--panel: #0b1d31;--panel-2: #12294a;--atrament: #eef8ff;--przygaszony: #9db3cc;--dzialanie: #3b8cf0;--akcent: #17a8a8;--wrog: #d9534f;--gracz: #2f7de1;--zloto: #ffd23a;--ramka: rgba(157, 179, 204, .18);--krój: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--tlo);color:var(--atrament);font-family:var(--krój);overscroll-behavior:none}#bitwa{position:fixed;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#plansza{position:absolute;inset:0;display:block;touch-action:none}button,input,select{font:inherit}.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:46px;padding:10px 18px;border:1px solid var(--ramka);border-radius:12px;background:var(--panel-2);color:var(--atrament);font-weight:600;cursor:pointer;transition:transform .08s,background .15s}.btn:hover:not(:disabled){background:#1a3a66}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn small{font-weight:400;font-size:12px;color:var(--przygaszony)}.btn-glowny{background:var(--dzialanie);border-color:transparent}.btn-glowny:hover:not(:disabled){background:#2a7be0}.btn-glowny small{color:#fffc}.btn-maly{min-height:36px;padding:6px 12px;font-size:14px;border-radius:9px}.btn-cichy{background:transparent}#ekran{position:absolute;inset:0;overflow:auto;background:radial-gradient(120% 90% at 50% 0%,#12294a 0%,var(--tlo) 60%);-webkit-overflow-scrolling:touch}#ekran[hidden]{display:none}.ekran{max-width:980px;margin:0 auto;padding:20px 16px 40px}.ekran-menu{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:26px}.tytul h1{margin:8px 0 4px;font-size:clamp(30px,6vw,52px);letter-spacing:-.02em}.tytul-logo canvas{width:96px;height:96px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.podtytul{margin:0;color:var(--przygaszony)}.menu-przyciski{display:flex;flex-direction:column;gap:10px;width:min(420px,100%)}.menu-przyciski .btn{width:100%}.menu-stopka{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;color:var(--przygaszony);font-size:14px}.przelacznik{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.powrot{color:var(--akcent)}.naglowek{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px}.naglowek h1{margin:0;font-size:clamp(20px,4vw,30px)}.pkt{color:var(--zloto);font-weight:700}.wstep{color:var(--przygaszony);margin-top:0}.region{background:var(--panel);border:1px solid var(--ramka);border-radius:16px;padding:14px;margin-bottom:14px}.region header{display:flex;gap:12px;align-items:flex-start}.region header h2{margin:0 0 4px;font-size:20px}.region header p{margin:0;color:var(--przygaszony);font-size:14px}.region .wrog{color:var(--wrog);font-weight:600}.misje-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}.misja-kafel{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 8px;padding:8px 10px;border:1px solid var(--ramka);border-radius:10px;background:var(--panel-2);color:var(--atrament);text-align:left;cursor:pointer;min-height:56px}.misja-kafel.zamknieta{opacity:.45;cursor:default}.misja-kafel.ukonczona{border-color:#ffd23a80}.misja-kafel:hover:not(:disabled){background:#1a3a66}.misja-nr{grid-row:1 / span 2;font-size:22px;font-weight:800;color:var(--przygaszony);align-self:center}.misja-nazwa{font-weight:600;font-size:14px}.misja-gw{font-size:12px;min-height:14px}.gw{color:#5a6a80}.gw.pelna{color:var(--zloto)}.rekruci{display:grid;gap:10px}.rekrut{display:flex;gap:12px;background:var(--panel);border:1px solid var(--ramka);border-radius:14px;padding:12px}.rekrut.wybrany{border-color:var(--dzialanie)}.rekrut h3{margin:0 0 4px;display:flex;align-items:center;gap:6px}.rekrut-ranga,.rekrut-bronie{margin:0 0 8px;font-size:14px;color:var(--przygaszony)}.bron-tag{display:inline-block;padding:1px 7px;margin:2px 4px 2px 0;border-radius:6px;background:var(--panel-2);font-size:12px}.wybor-klasy{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:10px}.wybor-klasy .btn{align-items:flex-start;text-align:left;white-space:normal}.maks{color:var(--zloto);font-size:14px}.polegli{margin-top:20px;color:var(--przygaszony);font-size:14px}.polegli h2{font-size:16px;color:var(--atrament)}canvas.odznaka{vertical-align:middle;width:28px;height:16px}canvas.portret{width:56px;height:56px}.odprawa-kolumny{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:720px){.odprawa-kolumny{grid-template-columns:1fr}}.odprawa-kolumny section{background:var(--panel);border:1px solid var(--ramka);border-radius:14px;padding:14px}.opis-misji{font-size:17px;margin-top:0}.cel{color:var(--zloto);font-weight:600}.lista-wrogow{padding-left:0;list-style:none}.lista-wrogow li{padding:3px 0}.lista-oddzialu{display:grid;gap:6px;margin-bottom:12px}.wybor-rekruta{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--ramka);cursor:pointer}.wybor-rekruta.zaznaczony{border-color:var(--dzialanie);background:#3b8cf01f}.wybor-rekruta small{color:var(--przygaszony)}.formularz{display:grid;gap:12px;max-width:520px}.formularz label{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px}.formularz input,.formularz select{min-height:40px;padding:6px 10px;border-radius:9px;border:1px solid var(--ramka);background:var(--panel);color:var(--atrament)}.ekran-wynik,.ekran-pauza{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.ekran-wynik h1{margin:0;font-size:clamp(34px,8vw,60px)}.ekran-wynik.zwyciestwo h1{color:var(--zloto)}.ekran-wynik.porazka h1{color:var(--wrog)}.ekran-wynik h2{margin:0;font-weight:500;color:var(--przygaszony)}.gwiazdki-duze{font-size:40px}.wynik-siatka{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px}@media(max-width:520px){.wynik-siatka{grid-template-columns:repeat(2,1fr)}}.wynik-siatka div{background:var(--panel);border:1px solid var(--ramka);border-radius:12px;padding:10px;display:flex;flex-direction:column}.wynik-siatka b{font-size:26px}.wynik-siatka span{font-size:12px;color:var(--przygaszony)}.polegli-wynik{color:var(--wrog)}.ekran-pauza{background:#06111fb3}.ekran-pomoc section{background:var(--panel);border:1px solid var(--ramka);border-radius:14px;padding:4px 16px 12px;margin-bottom:12px}.ekran-pomoc h2{font-size:18px}.ekran-pomoc li{margin-bottom:6px}#hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}#hud[hidden]{display:none}.hud-gora,.hud-dol{display:flex;align-items:center;gap:10px;padding:10px 12px}.hud-gora>*,.hud-dol>*{pointer-events:auto}.hud-panel{background:#08101ec7;border:1px solid var(--ramka);border-radius:12px;padding:6px 12px;backdrop-filter:blur(4px)}.hud-tura{display:flex;flex-direction:column;line-height:1.2;min-width:140px}#hud-druzyna{font-weight:700}#hud-runda{font-size:12px;color:var(--przygaszony)}.hud-czas{font-size:26px;font-weight:800;min-width:64px;text-align:center;font-variant-numeric:tabular-nums}.hud-czas.malo{color:var(--wrog)}.hud-wiatr{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--przygaszony);min-width:120px}.wiatr-pasek{position:relative;height:8px;border-radius:4px;background:#ffffff1f}.wiatr-pasek:after{content:"";position:absolute;left:50%;top:-2px;width:1px;height:12px;background:#ffffff80}#hud-wiatr{position:absolute;top:0;height:8px;border-radius:4px;background:var(--akcent)}.hud-rozpychacz{flex:1}.hud-dol{flex-wrap:wrap;align-items:flex-end}.hud-jednostka{display:flex;flex-direction:column;min-width:170px;font-size:13px}.hud-jednostka b{font-size:15px}.hud-jednostka .hp{color:var(--przygaszony)}.hud-ruch{height:6px;border-radius:3px;background:#ffffff1f;margin-top:5px}#hud-ruch{height:6px;border-radius:3px;background:var(--dzialanie)}.hud-bronie{display:flex;flex-wrap:wrap;gap:5px;max-width:560px}.hud-bron{min-width:46px;min-height:42px;padding:3px 7px;border-radius:9px;border:1px solid var(--ramka);background:#08101ec7;color:var(--atrament);display:flex;flex-direction:column;align-items:center;line-height:1.1;cursor:pointer;font-size:11px}.hud-bron b{font-size:15px}.hud-bron.aktywna{border-color:var(--zloto);background:#ffd23a2e}.hud-bron:disabled{opacity:.4}.hud-akcje{display:flex;gap:6px;margin-left:auto}.hud-btn{min-width:52px;min-height:52px;border-radius:12px;border:1px solid var(--ramka);background:#08101ed1;color:var(--atrament);font-weight:700;font-size:15px;cursor:pointer;touch-action:none}.hud-btn:active{background:#1a3a66}.hud-btn.ogien{background:#d9534fd9;min-width:78px}.hud-podpowiedz{position:absolute;left:50%;bottom:96px;transform:translate(-50%);background:#08101ec7;border-radius:10px;padding:6px 12px;font-size:13px;color:var(--przygaszony);pointer-events:none;white-space:nowrap}@media(max-width:720px){.hud-gora,.hud-dol{padding:8px;gap:6px}.hud-panel{padding:4px 8px}.hud-wiatr{min-width:70px}.hud-tura{min-width:0;max-width:150px;font-size:13px}#hud-druzyna,#hud-runda{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-czas{font-size:20px;min-width:44px}.hud-btn{min-width:46px;min-height:46px;font-size:14px}.hud-btn.ogien{min-width:64px}.hud-jednostka{min-width:120px}.hud-akcje{width:100%;justify-content:space-between;margin-left:0}.hud-podpowiedz{display:none}.hud-bronie{max-width:100%}}@media(hover:hover)and (pointer:fine){.hud-btn.tylko-dotyk{display:none}}.hud-cel{display:flex;flex-direction:column;gap:6px;min-width:120px;font-size:12px;color:var(--przygaszony)}.hud-cel-wiersz{display:flex;justify-content:space-between;align-items:baseline}.hud-cel-wiersz b{color:var(--atrament);font-size:16px;font-variant-numeric:tabular-nums}.hud-moc{height:10px;border-radius:5px;background:#ffffff1f;overflow:hidden}#hud-moc{height:10px;width:0;background:linear-gradient(90deg,#ffd23a,#ff5a3c)}.wiatr-roza{display:flex;justify-content:center;height:22px}.wiatr-strzalka{font-size:20px;line-height:22px;color:var(--akcent);transform-origin:50% 50%;transition:transform .15s}.wiatr-pasek{position:relative;height:8px;border-radius:4px;background:#ffffff1f;overflow:hidden}#hud-wiatr{left:0;width:0}.hud-komunikat{font-weight:700;color:var(--zloto)}.hud-krzyzak{display:grid;grid-template-columns:repeat(2,52px);grid-template-rows:repeat(2,52px);gap:4px}.hud-kat{display:grid;grid-template-rows:repeat(2,52px);gap:4px}.hud-krzyzak .hud-btn,.hud-kat .hud-btn{min-width:52px;min-height:52px;font-size:18px}@media(hover:hover)and (pointer:fine){.tylko-dotyk{display:none}}