.sz{position:absolute;inset:0;container-type:size;overflow:hidden;display:grid;place-items:center;background:radial-gradient(70% 60% at 50% 0%,rgb(126 155 118 / .2),transparent 70%),radial-gradient(60% 60% at 100% 100%,rgb(255 194 26 / .08),transparent 70%);--lt: #EDE3CF;--dk: #7E9B76;--frame: #4E3522;--frame-2: #6E4B30;--hl: #FFC21A;--ok: #55D65A;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sz-screen{width:100%;height:100%;display:grid;place-items:center;padding:clamp(10px,3cqmin,28px);animation:sz-in .35s cubic-bezier(.2,.8,.2,1);overflow-y:auto}@keyframes sz-in{0%{opacity:0;transform:scale(.97)}}.sz-fig{display:inline-block;width:26px;height:26px;flex:none;filter:drop-shadow(0 2px 1px rgb(0 0 0 / .3))}.sz-fig svg{width:100%;height:100%;display:block}.sz-fig.big{width:clamp(40px,10cqmin,64px);height:clamp(40px,10cqmin,64px)}.sz-menu{width:min(100%,640px);display:grid;gap:clamp(10px,2.4cqh,18px)}.sz-logo{display:flex;align-items:center;justify-content:center;gap:14px}.sz-logo .sz-fig{animation:sz-bob 2.4s ease-in-out infinite}.sz-logo .sz-fig+h2+.sz-fig{animation-delay:-1.2s}@keyframes sz-bob{50%{transform:translateY(-5px) rotate(6deg)}}.sz-logo h2{font-size:clamp(24px,6.5cqmin,42px);font-weight:900;letter-spacing:-.03em}.sz-nick{display:flex;align-items:center;gap:10px;justify-content:center}.sz-nick label{font-size:13px;color:var(--muted);font-weight:600}.sz-nick input{width:180px;padding:8px 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);text-align:center;font-weight:600}.sz-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2cqmin,14px)}.sz-mode{display:grid;gap:8px;align-content:start;text-align:left;padding:clamp(12px,2.6cqmin,18px);border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--text);transition:transform .2s,border-color .2s,background-color .2s}button.sz-mode:hover,.sz-mode:focus-within{border-color:var(--line-strong);transform:translateY(-2px)}.sz-mode h3{font-size:clamp(15px,3.4cqmin,18px);display:flex;align-items:center;gap:8px}.sz-mode p{font-size:13px;color:var(--muted);line-height:1.35}.sz-mode .ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:16px;flex:none}.sz-pills{display:flex;gap:6px;flex-wrap:wrap}.sz-pill{padding:7px 12px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;font-weight:700;font-size:13px;color:var(--text);transition:all .15s}.sz-pill:hover{background:var(--text);color:var(--bg)}.sz-pill.primary{background:var(--yellow);color:#171b58;border-color:transparent}.sz-join{display:flex;gap:6px}.sz-join input{width:100%;min-width:0;padding:7px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:13px}.sz-rules{font-size:12px;color:var(--muted);text-align:center;line-height:1.4}@container (max-width: 420px){.sz-modes{grid-template-columns:1fr}.sz-mode p{display:none}}@container (max-height: 460px){.sz-mode p,.sz-rules{display:none}.sz-logo h2{font-size:22px}}.sz-wait{display:grid;gap:16px;justify-items:center;text-align:center;max-width:420px}.sz-wait h3{font-size:clamp(18px,4cqmin,24px)}.sz-code{font-size:clamp(34px,10cqmin,56px);font-weight:900;letter-spacing:.18em;padding:6px 18px;border-radius:16px;background:var(--surface);border:2px dashed var(--line-strong);font-variant-numeric:tabular-nums}.sz-spinner{display:flex;gap:10px}.sz-spinner i{width:14px;height:14px;border-radius:50%;background:var(--yellow);animation:sz-hop 1s infinite ease-in-out}.sz-spinner i:nth-child(2){background:var(--cyan);animation-delay:.12s}.sz-spinner i:nth-child(3){background:var(--green);animation-delay:.24s}.sz-spinner i:nth-child(4){background:var(--pink);animation-delay:.36s}@keyframes sz-hop{40%{transform:translateY(-12px)}}.sz-play{width:100%;height:100%;display:grid;gap:clamp(6px,1.6cqh,12px);grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;--pad: clamp(5px, 1.5cqmin, 11px);--board: min(94cqw - 2 * var(--pad), 100cqh - 236px, 620px)}.sz-score{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;width:min(100%,620px)}.sz-player{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:14px;background:var(--surface);border:2px solid transparent;transition:border-color .25s,transform .25s;min-width:0}.sz-player.right{flex-direction:row-reverse;text-align:right}.sz-player.active{border-color:var(--hl);transform:translateY(-2px)}.sz-player.active .sz-fig{animation:sz-bob 1.2s ease-in-out infinite}.sz-player .who{color:var(--text);font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.sz-player .who small{display:flex;align-items:center;gap:6px;font-weight:500;font-size:11px;color:var(--muted);min-height:15px}.sz-player.right .who small{flex-direction:row-reverse}.sz-player b{font-size:24px;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}.tk{display:inline-flex;align-items:center;min-width:0;overflow:hidden}.tk i{width:15px;height:15px;margin-right:-5px;flex:none;filter:drop-shadow(0 0 1px var(--text))}.tk i svg{width:100%;height:100%;display:block}.tk em{font-style:normal;font-weight:800;color:var(--text);margin-left:8px}.sz-player.right .tk{flex-direction:row-reverse}.sz-player.right .tk i{margin:0 0 0 -5px}.sz-player.right .tk em{margin:0 8px 0 0}.sz-clock{flex:none;padding:4px 8px;border-radius:9px;background:var(--bg-2);color:var(--muted);font-weight:900;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.02em;transition:background-color .2s,color .2s}.sz-clock.run{background:var(--text);color:var(--bg)}.sz-clock.low{color:var(--pink)}.sz-clock.run.low{background:var(--pink);color:#fff;animation:sz-low 1s steps(2) infinite}@keyframes sz-low{50%{opacity:.75}}.sz-draws{display:grid;place-items:center;padding:4px 8px;color:var(--muted);font-size:11px;text-align:center}.sz-draws b{font-size:20px;color:var(--text)}@container (max-width: 480px) and (max-aspect-ratio: 5/4){.sz-player{padding:6px 7px;gap:5px}.sz-player b{font-size:20px}.sz-player .sz-fig{width:20px;height:20px}.sz-draws{padding:4px 0}.sz-clock{font-size:14px;padding:3px 6px}}.sz-board-wrap{position:relative;width:var(--board);aspect-ratio:1;border-radius:6px;touch-action:none;box-shadow:0 0 0 var(--pad) var(--frame),0 0 0 calc(var(--pad) + 2px) var(--frame-2),0 16px 34px #0006}.sz-board{position:absolute;inset:0;display:grid;grid-template:repeat(8,1fr) / repeat(8,1fr);border-radius:6px;overflow:hidden}.sq{position:relative}.sq.lt{background:var(--lt)}.sq.dk{background:var(--dk);background-image:linear-gradient(135deg,#ffffff0f,#0000000d)}.sq[data-r]:before,.sq[data-f]:before{position:absolute;font-size:clamp(7px,1.7cqmin,11px);font-weight:800;opacity:.7;pointer-events:none;z-index:1}.sq[data-r]:before{content:attr(data-r);left:3px;top:2px}.sq[data-f]:before{content:attr(data-f);right:4px;bottom:1px}.sq[data-r][data-f]:before{content:attr(data-r)}.sq.lt:before{color:#5e7a57}.sq.dk:before{color:#ede3cf}.sq[data-r][data-f]:after{content:attr(data-f);position:absolute;right:4px;bottom:1px;font-size:clamp(7px,1.7cqmin,11px);font-weight:800;opacity:.7;color:#5e7a57;z-index:1}.sq.dk[data-r][data-f]:after{color:#ede3cf}.sq.last{box-shadow:inset 0 0 0 100vmax #ffc21a61}.sq.sel{box-shadow:inset 0 0 0 100vmax #ffc21a99}.sq.check{background-image:radial-gradient(circle,#ff3b5c,#ff3b5cbf 35%,#ff3b5c00 72%)}.sq.target,.sq.hit{cursor:pointer}.sq.target:after{content:"";position:absolute;inset:37%;border-radius:50%;background:#1e1e2847;z-index:2;animation:sz-pop .22s cubic-bezier(.2,1.6,.4,1)}.sq.hit:after{content:"";position:absolute;inset:4%;border-radius:50%;border:clamp(3px,.9cqmin,6px) solid rgb(30 30 40 / .3);z-index:2;animation:sz-pop .22s cubic-bezier(.2,1.6,.4,1)}.sq.over{box-shadow:inset 0 0 0 clamp(2px,.7cqmin,4px) #fff}@media(hover:hover){.sq.target:hover:after{inset:32%;background:#1e1e2866}}@keyframes sz-pop{0%{transform:scale(0)}}.sz-pieces{position:absolute;inset:0;pointer-events:none}.pc{position:absolute;left:0;top:0;width:12.5%;height:12.5%;display:grid;place-items:center;z-index:3;transform:translate(calc(var(--x) * 100%),calc(var(--y) * 100%));transition:transform .24s cubic-bezier(.3,.7,.3,1)}.pc svg{width:90%;height:90%;display:block;filter:drop-shadow(0 3px 2px rgb(0 0 0 / .35));transition:transform .18s cubic-bezier(.2,1.4,.4,1)}.pc.moving{z-index:4}.pc.drag{z-index:6;transition:none}.pc.drag svg{transform:scale(1.18);filter:drop-shadow(0 10px 8px rgb(0 0 0 / .4))}.pc.sel svg{transform:translateY(-6%) scale(1.08);filter:drop-shadow(0 8px 6px rgb(0 0 0 / .35))}.sz-pieces.intro .pc svg{animation:sz-drop .4s cubic-bezier(.2,1.3,.4,1) calc(var(--x) * 25ms + var(--y) * 35ms) backwards}@keyframes sz-drop{0%{transform:translateY(-30%) scale(.6);opacity:0}}.pc.taken svg{animation:sz-taken .36s ease-in forwards}@keyframes sz-taken{30%{transform:scale(1.12);filter:brightness(1.6)}to{transform:scale(.1) rotate(90deg);opacity:0}}.pc.promoted svg{animation:sz-promo .5s cubic-bezier(.2,1.5,.4,1)}@keyframes sz-promo{0%{transform:scale(.3) rotate(-30deg)}60%{transform:scale(1.3);filter:drop-shadow(0 0 8px var(--hl))}}.pc.cheer svg{animation:sz-cheer .5s ease-in-out var(--d, 0s) 4 alternate}@keyframes sz-cheer{to{transform:translateY(-14%) scale(1.06)}}.pc.fallen svg{transform:rotate(80deg) translate(18%);transition:transform .7s cubic-bezier(.5,0,.6,1.4) .2s}.sz-promo{position:absolute;inset:0;z-index:8;background:#0a0c1e73;display:grid;place-items:center;border-radius:6px;animation:sz-in .2s}.sz-promo-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;padding:10px 12px 12px;box-shadow:0 14px 30px #00000073;text-align:center}.sz-promo-card p{font-weight:800;font-size:14px;margin-bottom:8px;color:var(--text)}.sz-promo-card div{display:flex;gap:6px}.sz-promo-card button{width:clamp(46px,11cqmin,72px);aspect-ratio:1;border-radius:12px;border:2px solid var(--line-strong);background:var(--bg-2);padding:4px;transition:border-color .15s,transform .15s}.sz-promo-card button:hover,.sz-promo-card button:focus-visible{border-color:var(--hl);transform:translateY(-2px)}.sz-promo-card svg{width:100%;height:100%;display:block}.sz-foot{display:grid;gap:7px;justify-items:center;width:min(100%,620px)}.sz-status{font-weight:800;font-size:clamp(15px,3.4cqmin,21px);text-align:center;min-height:1.4em}.sz-status.win{color:var(--green)}.sz-status.lose{color:var(--pink)}.sz-status.warn{color:var(--yellow)}.sz-moves{list-style:none;display:flex;gap:10px;width:100%;min-height:24px;overflow-x:auto;scrollbar-width:none;font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;padding:2px 4px;-webkit-mask:linear-gradient(90deg,transparent,#000 18px);mask:linear-gradient(90deg,transparent,#000 18px)}.sz-moves::-webkit-scrollbar{display:none}.sz-moves li{flex:none}.sz-moves li span{color:var(--muted);font-weight:600;margin-right:3px}.sz-moves li:last-child{color:var(--yellow)}.sz-moves:empty:before{content:"Zapis partii pojawi się tutaj";color:var(--muted);font-weight:500;margin:auto}.sz-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.sz-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-weight:700;font-size:14px;transition:background-color .15s,transform .1s}.sz-btn:hover:not(:disabled){background:var(--surface-2)}.sz-btn:active:not(:disabled){transform:scale(.96)}.sz-btn:disabled{opacity:.45;cursor:default}.sz-btn.primary{background:var(--yellow);color:#171b58;border-color:transparent;box-shadow:0 4px 0 -1px #c98f00}.sz-btn.danger{background:var(--pink);color:#fff;border-color:transparent}.sz-btn.icon{padding:9px 10px}@container (max-width: 400px){.sz-btn{padding:8px 10px;font-size:13px}}@container (max-aspect-ratio: 5/4) and (max-height: 620px){.sz-screen:has(.sz-play){padding:8px}.sz-play{--board: min(94cqw - 2 * var(--pad), 100cqh - 186px, 620px);gap:8px}.sz-moves{display:none}}@container (min-aspect-ratio: 5/4){.sz-play{grid-template-columns:auto minmax(200px,310px);grid-template-rows:1fr auto 1fr;column-gap:clamp(20px,5cqw,52px);justify-content:center;--board: min(100cqh - 2 * var(--pad) - 28px, 60cqw, 720px)}.sz-board-wrap{grid-column:1;grid-row:1 / -1}.sz-score{grid-column:2;grid-row:1;align-self:end;grid-template-columns:1fr;width:100%}.sz-player.right,.sz-player.right .who small,.sz-player.right .tk{flex-direction:row;text-align:left}.sz-player.right .tk i{margin:0 -5px 0 0}.sz-player.right .tk em{margin:0 0 0 8px}.sz-draws{grid-auto-flow:column;gap:6px;justify-content:start;padding:0 12px}.sz-foot{grid-column:2;grid-row:2 / 4;align-self:start;justify-items:start;width:100%;padding-left:4px}.sz-status{text-align:left}.sz-actions{justify-content:flex-start}.sz-moves{flex-wrap:wrap;white-space:normal;gap:4px 12px;overflow:auto;max-height:min(30cqh,220px);align-content:flex-start;-webkit-mask:none;mask:none;padding:8px 10px;border-radius:12px;background:var(--surface)}.sz-moves li{min-width:92px}.sz-moves:empty:before{margin:0}}@container (min-aspect-ratio: 5/4) and (max-height: 360px){.sz-player{padding:4px 10px}.sz-player b{font-size:20px}.sz-moves{display:none}}.sz-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:9}.sz-confetti i{position:absolute;top:40%;left:50%;width:9px;height:14px;border-radius:2px}.sz button{touch-action:manipulation}@media(prefers-reduced-motion:reduce){.sz *,.sz *:before,.sz *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}