@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-ext-400-normal-C5H60-Va.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-400-normal-RBey6euL.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-ext-600-normal-DOrvGEcy.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-ext-600-normal-DIrixKbi.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff")}:root{--mata:#2c574a;--studnia:#14312a;--studnia-dno:#0f251f;--siatka:#e9f4ee12;--siatka-mocna:#e9f4ee21;--kreda:#f0f6f2;--szalwia:#bbd3c7;--szalwia-kanaly:187 211 199;--ostrze:#ff6b3d;--ostrze-jasny:#ff8459;--alarm:#ff8f7a;--cien-studni:inset 0 2px 22px #00000073;--szyld:"Archivo Variable", "Arial Narrow", system-ui, sans-serif;--tresc:"IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--odczyt:"IBM Plex Mono", ui-monospace, "Consolas", monospace;--miara:64rem}*{box-sizing:border-box}[hidden]{display:none!important}body{background-color:var(--mata);background-image:linear-gradient(160deg, #ffffff0d, transparent 60%), repeating-linear-gradient(to right, var(--siatka-mocna) 0 1px, transparent 1px 140px), repeating-linear-gradient(to bottom, var(--siatka-mocna) 0 1px, transparent 1px 140px), repeating-linear-gradient(to right, var(--siatka) 0 1px, transparent 1px 28px), repeating-linear-gradient(to bottom, var(--siatka) 0 1px, transparent 1px 28px);color:var(--kreda);font:400 1rem/1.6 var(--tresc);-webkit-font-smoothing:antialiased;margin:0}.mata{max-width:var(--miara);margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1.15rem,4vw,3rem) 4rem}:focus-visible{outline:2px solid var(--ostrze);outline-offset:3px}.nadtytul{border-bottom:1px solid var(--siatka-mocna);color:var(--szalwia);font:400 .75rem/1 var(--odczyt);letter-spacing:.22em;text-transform:uppercase;margin:0 0 1.1rem;padding-bottom:.7rem}.tytul{font-family:var(--szyld);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:clamp(3rem,13vw,8.5rem);font-weight:800;font-stretch:125%;line-height:.82}.tytul span{display:block}.szachownica-wzor{background-image:linear-gradient(45deg, var(--kratka) 25%, transparent 25%), linear-gradient(-45deg, var(--kratka) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--kratka) 75%), linear-gradient(-45deg, transparent 75%, var(--kratka) 75%);background-size:var(--bok) var(--bok);background-position:0 0, 0 var(--pol-boku), var(--pol-boku) calc(-1 * var(--pol-boku)), calc(-1 * var(--pol-boku)) 0}.tytul-tla{--kratka:#9fb3aa;--bok:.14em;--pol-boku:.07em;color:#0000;background-color:#f4f8f6;-webkit-background-clip:text;background-clip:text}.lid{max-width:34rem;color:var(--szalwia);margin:1.5rem 0 0;font-size:1.05rem}.ciecie{--kreska:rgb(var(--szalwia-kanaly) / .45);position:relative}.ciecie:before,.tnie .szachownica:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(90deg, var(--kreska) 0 9px, transparent 9px 18px), repeating-linear-gradient(90deg, var(--kreska) 0 9px, transparent 9px 18px), repeating-linear-gradient(0deg, var(--kreska) 0 9px, transparent 9px 18px), repeating-linear-gradient(0deg, var(--kreska) 0 9px, transparent 9px 18px);background-position:0 0,0 100%,0 0,100% 0;background-repeat:no-repeat;background-size:100% 2px,100% 2px,2px 100%,2px 100%;position:absolute;inset:0}@keyframes mrowki{to{background-position:18px 0,-18px 100%,0 -18px,100% 18px}}.drop,.ramka{background:var(--studnia);box-shadow:var(--cien-studni)}.drop{color:inherit;font:inherit;text-align:center;cursor:pointer;border:0;justify-items:center;gap:.35rem;margin-top:clamp(2.5rem,6vw,4rem);padding:clamp(2.5rem,7vw,4.5rem) 1.5rem;transition:background .15s;display:grid}.plik{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.drop:hover,.drop:focus-within,.drop.over{--kreska:var(--ostrze);background:var(--studnia-dno)}.znacznik{fill:none;width:46px;height:46px;stroke:var(--szalwia);stroke-width:1.5px;margin-bottom:.9rem;transition:stroke .15s}.drop:hover .znacznik,.drop:focus-within .znacznik,.drop.over .znacznik{stroke:var(--ostrze)}.drop-glowny{margin:0;font-size:1.15rem;font-weight:600}.drop-hint{color:var(--szalwia);font:400 .8rem/1.5 var(--odczyt);text-align:center;margin:0}.drop:has(~#results:not([hidden])){padding:1.6rem 1.5rem}.drop:has(~#results:not([hidden])) .znacznik{width:28px;height:28px;margin-bottom:.5rem}.drop:has(~#results:not([hidden])) .drop-glowny{font-size:1rem}.status{margin-top:2rem}.odczyt{color:var(--kreda);font:400 .8rem/1.4 var(--odczyt);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .7rem}.bar{border-bottom:2px solid var(--siatka-mocna);background-image:repeating-linear-gradient(90deg, var(--siatka-mocna) 0 1px, transparent 1px 10%);background-position:bottom;background-repeat:no-repeat;background-size:100% 5px;height:10px;position:relative}.bar>div{background:var(--ostrze);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.bar.indeterminate>div{width:28%;transition:none;animation:1.5s ease-in-out infinite sunie}@keyframes sunie{0%{transform:translate(-100%)}to{transform:translate(357%)}}.results{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(1rem,3vw,2rem);margin-top:2.5rem;display:grid}figure{margin:0}figcaption,.tnie .szachownica:after{color:var(--szalwia);font:400 .75rem/1 var(--odczyt);letter-spacing:.18em;text-transform:uppercase}figcaption{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}figcaption:after{content:"";background:var(--siatka-mocna);flex:1;height:1px}.ramka{place-items:center;min-height:240px;padding:.9rem;display:grid;position:relative}.szachownica img{--kratka:#ccc;--bok:20px;--pol-boku:10px;background-color:#fff}.ramka img{max-width:100%;max-height:420px;display:block}.ramka img:not([src]){display:none}.tnie .szachownica{--kreska:var(--ostrze)}.tnie .szachownica:before{animation:.7s steps(6,end) infinite mrowki}.tnie .szachownica:after{content:"wycinam";color:var(--ostrze)}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.btn{border:2px solid var(--ostrze);background:var(--ostrze);color:var(--studnia);font:600 .95rem/1.4 var(--tresc);cursor:pointer;border-radius:2px;padding:.8rem 1.6rem;text-decoration:none;transition:background .15s,border-color .15s}.btn:hover{background:var(--ostrze-jasny);border-color:var(--ostrze-jasny)}.btn.ghost{border-color:rgb(var(--szalwia-kanaly) / .4);color:var(--kreda);background:0 0}.btn.ghost:hover{border-color:var(--szalwia);background:var(--studnia)}.error{border-left:2px solid var(--alarm);background:var(--studnia);margin-top:2rem;padding:1.1rem 1.3rem}.error>p{color:var(--alarm);margin:0}.diag{color:var(--szalwia);font:400 .75rem/1.5 var(--odczyt);margin-top:.9rem}.diag summary{cursor:pointer;letter-spacing:.1em;text-transform:uppercase}.diag pre{background:var(--studnia-dno);font:inherit;white-space:pre-wrap;word-break:break-word;margin:.7rem 0 0;padding:.8rem}footer{border-top:1px solid var(--siatka-mocna);max-width:46rem;color:var(--szalwia);font:400 .75rem/1.7 var(--odczyt);margin-top:clamp(3.5rem,10vw,6rem);padding-top:1.4rem}footer p{margin:0 0 .5rem}footer strong{color:var(--kreda);font-weight:400}footer a{color:var(--szalwia);text-underline-offset:3px}footer a:hover{color:var(--kreda)}@media (prefers-reduced-motion:reduce){.bar.indeterminate>div{opacity:.4;width:100%;animation:none}.tnie .szachownica:before{animation:none}}