:root{color-scheme:dark;--tlo:#070708;--tekst:#ecefef;--tekst-slaby:#98a3a1;--akcent:#01ead1;--akcent-600:#00c2ae;--akcent-700:#00998a;--indygo:#7560ea;--indygo-jasny:#8b7cf0;--ramka:#ffffff17;--czerwien:#e5484d;--breathe-color:#01ead1;--exhale-color:#00998a;--pause-color:#4c33c2;--aurora-blue:#5f45dc;--aurora-violet:#7560ea;--phase-color:var(--breathe-color)}html,body{overscroll-behavior:none;background:var(--tlo);height:100%;color:var(--tekst);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}tablica-taktyczna{height:100dvh;display:flex}tablica-taktyczna:not([data-obrot="90"]):not([data-obrot="-90"]){height:calc(100dvh - 2 * var(--rama,0px));margin:var(--rama,0px)}tablica-taktyczna[data-obrot="90"],tablica-taktyczna[data-obrot="-90"]{width:var(--okno-h);height:var(--okno-w);transform-origin:0 0;position:fixed;top:0;left:0}tablica-taktyczna[data-obrot="90"]{transform:translateX(var(--okno-w)) rotate(90deg)}tablica-taktyczna[data-obrot="-90"]{transform:translateY(var(--okno-h)) rotate(-90deg)}.pasek{z-index:2;width:68px;padding:max(12px, env(safe-area-inset-top)) 0 max(12px, env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);backdrop-filter:blur(14px);border-right:1px solid var(--ramka);scrollbar-width:none;background:#070708d6;flex-direction:column;flex:none;align-items:center;gap:4px;transition:background .2s,box-shadow .2s;display:flex;position:relative;overflow-y:auto}.pasek.usun{box-shadow:inset -2px 0 0 var(--czerwien), 8px 0 24px #e5484d47;background:linear-gradient(#3a1719 0%,#2a1112 100%)}.pasek-prawy{border-right:none;border-left:1px solid var(--ramka);box-shadow:none;width:0;padding-left:0;padding-right:0;transition:width .25s;overflow:hidden}.pasek-prawy.widoczny{width:68px;padding-right:env(safe-area-inset-right)}.pasek-prawy.usun{box-shadow:inset 2px 0 0 var(--czerwien), -8px 0 24px #e5484d47}.pasek-prawy .panel{display:none}.pasek-prawy .panel.aktywny{flex-direction:column;align-items:center;gap:4px;display:flex}.pasek button[data-panel]{position:relative}.pasek button[data-panel][aria-expanded=true]{color:var(--akcent);background:#01ead11f;border-color:#01ead180}.pasek button[data-panel].ma-aktywne:after{content:"";background:var(--akcent);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px;box-shadow:0 0 8px #01ead1cc}.giganci-warstwa{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.gigant{width:clamp(45px,7vh,80px);height:auto;transition:transform 1.4s cubic-bezier(.2,.8,.3,1);position:absolute;left:0;overflow:visible;transform:translate(calc(-100% - 24px),-50%)}.gigant:first-child{top:24%}.gigant:nth-child(2){transition-delay:.2s;top:52%}.gigant:nth-child(3){transition-delay:.4s;top:78%}.giganci-warstwa.widoczni .gigant{transform:translate(calc(var(--gigant-cel,0px) - 22%), -50%)}.noga,.reka{transform-origin:0 0}@keyframes chod-noga-l{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}@keyframes chod-noga-p{0%,to{transform:rotate(16deg)}50%{transform:rotate(-16deg)}}@keyframes chod-reka-l{0%,to{transform:rotate(14deg)}50%{transform:rotate(-14deg)}}@keyframes chod-reka-p{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.gigant.idzie .noga-l{animation:.7s ease-in-out infinite chod-noga-l}.gigant.idzie .noga-p{animation:.7s ease-in-out infinite chod-noga-p}.gigant.idzie .reka-l{animation:.7s ease-in-out infinite chod-reka-l}.gigant.idzie .reka-p{animation:.7s ease-in-out infinite chod-reka-p}@keyframes pchniecie-reka{0%{transform:rotate(0)}45%{transform:rotate(-95deg)}65%{transform:rotate(-95deg)}to{transform:rotate(0)}}.gigant.pcha .reka-l,.gigant.pcha .reka-p{animation:.9s ease-in-out pchniecie-reka}.powodz-warstwa{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(at 50% 40%,#1f6a8f 0%,#134a67 50%,#0a2c40 100%);transition:opacity .8s;position:absolute;inset:0;overflow:hidden}.powodz-warstwa.widoczna{opacity:1}.powodz-fale{mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='520'%3E%3Cpath d='M10 65 Q70 15 130 65 T250 65' stroke='%23bfe8ff' stroke-width='12' fill='none' opacity='0.28'/%3E%3Cpath d='M110 325 Q170 275 230 325 T350 325' stroke='%23bfe8ff' stroke-width='12' fill='none' opacity='0.28'/%3E%3C/svg%3E");background-size:360px 520px;animation:9s linear infinite fale-plyna;position:absolute;inset:-20%}.powodz-warstwa.gwaltowna .powodz-fale{animation-duration:3s}@keyframes fale-plyna{0%{background-position:0 0}to{background-position:-360px 520px}}.powodz-polysk{filter:blur(45px);mix-blend-mode:screen;border-radius:50%;position:absolute}.polysk-a{background:radial-gradient(circle,#82d7ff66 0%,#82d7ff00 70%);width:60vmax;height:60vmax;animation:16s ease-in-out infinite polysk-a-drift;top:8%;left:8%}.polysk-b{background:radial-gradient(circle,#3c96c866 0%,#3c96c800 70%);width:50vmax;height:50vmax;animation:19s ease-in-out infinite polysk-b-drift;top:46%;left:54%}@keyframes polysk-a-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(8%,-6%)scale(1.15)}}@keyframes polysk-b-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10%,8%)scale(1.1)}}.pasek button{width:48px;height:48px;color:var(--tekst);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;place-items:center;padding:0;font:700 13px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .15s,color .15s,border-color .15s,box-shadow .2s,transform .1s;display:grid}.pasek button:hover{color:#fff;background:#ffffff12}.pasek button:active{transform:scale(.93)}.pasek button svg{width:22px;height:22px}.pasek button[aria-pressed=true]{color:var(--akcent);background:#01ead11f;border-color:#01ead180;box-shadow:0 0 0 3px #01ead11f,0 0 16px #01ead159}.pasek button:disabled{opacity:.3;cursor:default;transform:none}.pasek button:focus-visible{outline:2px solid var(--akcent);outline-offset:2px}.pasek button[data-akcja=boisko] svg{display:none}.pasek button[data-tryb=boisko] .widok-boisko,.pasek button[data-tryb=trening] .widok-trening,.pasek button[data-tryb=polowa-rywala] .widok-polowa-rywala,.pasek button[data-tryb=polowa-nasza] .widok-polowa-nasza{display:block}.pasek button[data-dodaj]{touch-action:none;cursor:grab}.pasek-prawy .panel[data-panel=taktyka].aktywny{gap:8px}.zlozonosc{color:var(--tekst-slaby);letter-spacing:.04em;flex:none;margin-top:4px;font-size:11px;font-weight:700;line-height:1}.pasek button[data-akcja=ustawienie]{border-color:var(--ramka);letter-spacing:.03em;white-space:nowrap;background:#ffffff12;border-radius:10px;width:52px;height:44px;font-size:12px}.pasek button[data-akcja=ustawienie]:hover{background:#ffffff21;border-color:#ffffff3d}.niski .pasek-prawy .panel[data-panel=taktyka].aktywny{gap:6px}.niski .zlozonosc{margin-top:2px}.niski .pasek button[data-akcja=ustawienie]{width:46px;height:36px}.bardzo-niski .pasek-prawy .panel[data-panel=taktyka].aktywny{gap:5px}.bardzo-niski .pasek button[data-akcja=ustawienie]{border-radius:10px;height:32px}.odstep{background:var(--ramka);flex:none;width:30px;height:1px;margin:8px 0}.pasek button[data-akcja=blokada]{margin-top:auto}.pasek button[data-akcja=blokada] .klodka-zamknieta,.pasek button[data-akcja=blokada][aria-pressed=true] .klodka-otwarta{display:none}.pasek button[data-akcja=blokada][aria-pressed=true] .klodka-zamknieta{display:inline}@media not all and (any-pointer:coarse){.pasek button[data-akcja=blokada]{display:none}}.podpowiedz{z-index:5;width:max-content;max-width:min(30rem,100% - 32px);color:var(--tekst);backdrop-filter:blur(14px);border:1px solid var(--ramka);text-align:center;opacity:0;pointer-events:none;background:#070708e6;border-radius:12px;margin:0;padding:10px 16px;font-size:14px;font-weight:600;line-height:1.4;transition:opacity .2s,transform .2s;position:absolute;bottom:16px;left:50%;transform:translate(-50%,8px);box-shadow:0 8px 24px #00000059}.podpowiedz.widoczna{opacity:1;transform:translate(-50%)}.kropka{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1.5px #0f1113b3}.kropka.zawodnik,.cien.zawodnik{background:#01ead1}.kropka.rywal,.cien.rywal{background:#7560ea}.kropka.rywal{box-shadow:inset 0 0 0 1.5px #1a1247cc}.cien.rywal{box-shadow:0 6px 14px #00000059,inset 0 0 0 1.5px #1a1247cc}.stozek.zolty{--barwa:#f5d020}.stozek.czerwony{--barwa:#e5484d}.stozek.niebieski{--barwa:#3d7fe0}.stozek.zielony{--barwa:#2fa35a}.kropka.stozek,.cien.stozek{background:radial-gradient(circle, #00000073 0 20%, var(--barwa) 24% 100%)}.kropka.stozek{width:16px;height:16px}.kropka.krasnal,.cien.krasnal{background:radial-gradient(circle at 50% 38%,#e5484d 0 9%,#0000 10%),radial-gradient(circle at 50% 41%,#f4f5f6 0 17%,#0000 18%),radial-gradient(circle at 50% 44%,#e5484d 0 26%,#0000 27%),radial-gradient(circle at 50% 47%,#f4f5f6 0 34%,#0000 35%),radial-gradient(circle,#e5484d 0 42%,#0000 43%),#95282c;border-radius:14%}.kropka.krasnal{width:20px;height:20px}.kropka.pilka,.cien.pilka{background:#f4f5f6}.kropka.pilka{width:18px;height:18px}.cien{z-index:20;opacity:.95;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 10px 22px #00000080,inset 0 0 0 1px #00000059}.cien.bramka,.cien.mini-bramka{box-shadow:none;background:repeating-linear-gradient(45deg,#c9ced366 0 1px,#0000 1px 5px);border:2px solid #c9ced3;border-right-color:#0000;border-radius:3px}.magnes{transition:transform .14s,filter .14s;animation:.22s cubic-bezier(.2,.9,.3,1.35) backwards pyk}.chwycony .magnes{filter:url(#cien-mocny);transform:scale(1.14)}@keyframes pyk{0%{opacity:0;transform:scale(.5)}}.plansza{flex:auto;min-width:0;position:relative;overflow:hidden}.aurora{z-index:0;pointer-events:none;background:radial-gradient(70% 60% at 0 35%,#01ead11a,#0000 70%),radial-gradient(#ffffff12 1px,#0000 1px) 0 0/22px 22px,#070708;position:absolute;inset:0;overflow:hidden}.aurora-blob{background:radial-gradient(circle at center, var(--blob-color) 0%, var(--blob-color) 18%, transparent 70%);filter:blur(40px);will-change:transform, opacity;border-radius:50%;position:absolute}.aurora-blob.phase{--blob-color:var(--phase-color);opacity:.2;width:64vmin;height:64vmin;animation:144s ease-in-out infinite aurora-drift-a;top:12%;left:8%}.aurora-blob.green{--blob-color:var(--exhale-color);opacity:.16;width:54vmin;height:54vmin;animation:195s ease-in-out infinite aurora-drift-b;top:58%;left:90%}.aurora-blob.blue{--blob-color:var(--aurora-blue);opacity:.15;width:46vmin;height:46vmin;animation:171s ease-in-out infinite aurora-drift-c;top:38%;left:84%}.aurora-blob.violet{--blob-color:var(--aurora-violet);opacity:.13;width:40vmin;height:40vmin;animation:156s ease-in-out infinite aurora-drift-d;top:72%;left:10%}.aurora-blob.brick{--blob-color:var(--pause-color);opacity:.07;width:30vmin;height:30vmin;animation:222s ease-in-out infinite aurora-drift-e;top:22%;left:92%}.aurora-grain{mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:42s ease-in-out infinite grain-pulse;position:absolute;inset:-10%}@keyframes grain-pulse{0%,to{opacity:.03}50%{opacity:.09}}@keyframes aurora-drift-a{0%{opacity:.2;transform:translate(0)scale(1)}20%{opacity:.22;transform:translate(24vw,-14vh)scale(1.3)}42%{opacity:.13;transform:translate(-6vw,20vh)scale(.6)}63%{opacity:.3;transform:translate(5vw,30vh)scale(2.1)}84%{opacity:.15;transform:translate(-7vw,-12vh)scale(.8)}to{opacity:.2;transform:translate(0)scale(1)}}@keyframes aurora-drift-b{0%{opacity:.16;transform:translate(0)scale(1)}24%{opacity:.19;transform:translate(-6vw,-18vh)scale(1.4)}48%{opacity:.11;transform:translate(-24vw,16vh)scale(.7)}68%{opacity:.34;transform:translate(5vw,24vh)scale(2.6)}88%{opacity:.14;transform:translate(6vw,-20vh)scale(.85)}to{opacity:.16;transform:translate(0)scale(1)}}@keyframes aurora-drift-c{0%{opacity:.15;transform:translate(0)scale(1)}30%{opacity:.19;transform:translate(-22vw,22vh)scale(1.6)}55%{opacity:.1;transform:translate(6vw,10vh)scale(.65)}75%{opacity:.25;transform:translate(-5vw,-26vh)scale(1.9)}to{opacity:.15;transform:translate(0)scale(1)}}@keyframes aurora-drift-d{0%{opacity:.13;transform:translate(0)scale(1)}28%{opacity:.09;transform:translate(6vw,-22vh)scale(.7)}52%{opacity:.21;transform:translate(26vw,8vh)scale(1.7)}77%{opacity:.14;transform:translate(-6vw,18vh)scale(1.1)}to{opacity:.13;transform:translate(0)scale(1)}}@keyframes aurora-drift-e{0%{opacity:.07;transform:translate(0)scale(1)}35%{opacity:.1;transform:translate(-6vw,20vh)scale(1.5)}62%{opacity:.05;transform:translate(-26vw,-16vh)scale(.6)}to{opacity:.07;transform:translate(0)scale(1)}}.plansza-svg{z-index:1;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}tablica-taktyczna.rysowanie .plansza-svg{cursor:crosshair}.pionek,.pilka{cursor:grab}.warstwa-linii{pointer-events:none}.niski .pasek{gap:2px;width:58px}.niski .pasek-prawy{width:0}.niski .pasek-prawy.widoczny{width:58px}.niski .pasek-prawy .panel.aktywny{gap:2px}.niski .pasek button{width:42px;height:42px}.niski .odstep{margin:4px 0}.niski .pasek-prawy[data-otwarty=sprzet].widoczny{width:104px}.niski .pasek-prawy .panel[data-panel=sprzet].aktywny{grid-template-columns:repeat(2,auto);justify-content:center;gap:2px 6px;display:grid}.niski .panel[data-panel=sprzet] .odstep{display:none}.bardzo-niski .pasek{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));gap:1px}.bardzo-niski .pasek-prawy .panel.aktywny{gap:1px}.bardzo-niski .pasek button{border-radius:12px;width:36px;height:36px}.bardzo-niski .odstep{margin:2px 0}@media (prefers-reduced-motion:reduce){.magnes,.pasek button,.podpowiedz,.aurora-blob,.aurora-grain{transition:none;animation:none}}