@layer components{.pokoj-ekran[hidden]{display:none!important}.pokoj-pole-kodu{width:100%;max-width:300px;padding:.55rem .5rem;border:3px solid var(--color-linia-mocna);border-radius:var(--radius-karta);background:#fff;font-family:var(--font-naglowek);font-size:2rem;font-weight:700;letter-spacing:.35em;text-align:center;text-transform:uppercase;text-indent:.35em}.pokoj-pole-kodu:focus{border-color:var(--color-zaba);outline:none;box-shadow:0 0 0 3px var(--color-zaba-tlo)}.pokoj-pole-imienia{width:100%;max-width:260px;padding:.5rem .7rem;border:2px solid var(--color-linia-mocna);border-radius:var(--radius-karta);background:#fff;font-family:var(--font-interfejs);font-size:1.05rem;font-weight:600}.pokoj-pole-imienia:focus{border-color:var(--color-zaba);outline:none;box-shadow:0 0 0 3px var(--color-zaba-tlo)}.pokoj-inni{font-family:var(--font-interfejs);font-size:.8rem;line-height:1.25;color:var(--color-atrament-slaby);min-height:1rem}.pokoj-inni[hidden]{display:none!important}.pokoj-inni strong{color:var(--color-zaba-ciemna)}.pokoj-inni .kropka{display:inline-block;width:.5rem;height:.5rem;margin-right:.3rem;border-radius:50%;background:var(--color-zaba);vertical-align:.05rem;animation:pokoj-puls 1.4s ease-in-out infinite}@keyframes pokoj-puls{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.pokoj-inni .kropka{animation:none}}.pokoj-powiadomienia{position:fixed;left:16px;right:16px;bottom:14px;z-index:40;display:flex;flex-direction:column;gap:6px;align-items:flex-start;pointer-events:none}.pokoj-powiadomienie{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 12px 6px 6px;border-radius:999px;background:#fffffff5;border:1.5px solid var(--color-linia-mocna);box-shadow:0 4px 14px #0000001f;font-family:var(--font-interfejs);font-size:.85rem;font-weight:600;color:var(--color-atrament);animation:pokoj-wjazd .25s ease-out}.pokoj-powiadomienie img{width:26px;height:26px;border-radius:50%;background:var(--color-zaba-tlo);flex-shrink:0}.pokoj-powiadomienie.znika{animation:pokoj-zjazd .4s ease-in forwards}@keyframes pokoj-wjazd{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@keyframes pokoj-zjazd{to{transform:translateY(8px);opacity:0}}@media(prefers-reduced-motion:reduce){.pokoj-powiadomienie,.pokoj-powiadomienie.znika{animation:none}}@media(min-width:640px){.pokoj-powiadomienia{left:auto;right:20px;max-width:360px;align-items:flex-end}}.pokoj-ranking-zwarty li{padding:.3rem .5rem;grid-template-columns:1.8rem 26px minmax(0,1fr) auto}.pokoj-ranking-zwarty img{width:26px;height:26px}.pokoj-ranking-zwarty .wynik{font-size:.8rem}.pokoj-ranking-zwarty .wyroznienie{font-size:.72rem}.pokoj-bot{font-size:.68rem;font-weight:700;padding:.05rem .4rem;border-radius:999px;background:var(--color-zaba-tlo);color:var(--color-zaba-ciemna);white-space:nowrap}.pokoj-premia{display:inline-flex;align-items:center;gap:.2rem;font-size:.78rem;font-weight:800;padding:.05rem .45rem;border-radius:999px;background:var(--color-pomarancz-tlo);color:var(--color-pomarancz-ciemny);white-space:nowrap}.pokoj-premia img,.pokoj-podium-miejsce .pokoj-premia img,.pokoj-ranking .pokoj-premia img{width:14px;height:14px;margin:0;border-radius:0;background:none}.pokoj-kod{display:inline-block;padding:.35rem .9rem;border:3px dashed var(--color-zaba);border-radius:var(--radius-karta);background:#fff;font-family:var(--font-naglowek);font-size:clamp(2.6rem,10vw,3.6rem);font-weight:800;letter-spacing:.22em;line-height:1.1;color:var(--color-zaba-ciemna);user-select:all}.pokoj-kafelki{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pokoj-kafelek{min-height:3rem;padding:.5rem .7rem;border:2px solid var(--color-linia-mocna);border-radius:var(--radius-karta);background:#fff;text-align:left;font-family:var(--font-interfejs);font-weight:600;line-height:1.25;box-shadow:0 3px 0 var(--color-linia-mocna);cursor:pointer}.pokoj-kafelek:hover{border-color:var(--color-zaba);background:var(--color-zaba-tlo)}.pokoj-kafelek[aria-pressed=true]{border-color:var(--color-zaba-ciemna);background:var(--color-zaba-tlo);box-shadow:0 3px 0 var(--color-zaba-ciemna)}.pokoj-kafelek small{display:block;font-weight:400;color:var(--color-atrament-slaby);font-size:.82rem}a.pokoj-kafelek{display:block;text-decoration:none;color:var(--color-atrament)}.pokoj-kafelek.zamek{opacity:.6;cursor:not-allowed}.pokoj-gracze{display:grid;gap:.4rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.pokoj-gracz{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:.3rem .55rem;border:2px solid var(--color-linia);border-radius:999px;background:#fff;font-family:var(--font-interfejs);font-weight:600;font-size:.95rem;line-height:1.2;min-width:0}.pokoj-gracz img{width:30px;height:30px;border-radius:50%;background:var(--color-zaba-tlo);flex-shrink:0}.pokoj-gracz .nazwa{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pokoj-gracz.ja{border-color:var(--color-zaba);background:var(--color-zaba-tlo)}.pokoj-gracz .stan{font-size:.78rem;font-weight:500;color:var(--color-atrament-slaby);white-space:nowrap}.pokoj-gracz .olowek{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--color-linia-mocna);background:#fff;font-size:.9rem;cursor:pointer}.pokoj-gracz .olowek:hover{background:var(--color-zaba-tlo)}.pokoj-odliczanie{font-family:var(--font-naglowek);font-size:clamp(5rem,25vw,9rem);font-weight:800;line-height:1;color:var(--color-pomarancz)}.pokoj-odliczanie.skok{animation:pokoj-skok .6s ease-out}@keyframes pokoj-skok{0%{transform:scale(.6);opacity:.3}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.pokoj-czas{height:.8rem;border-radius:999px;background:var(--color-tlo-alt);overflow:hidden;border:1px solid var(--color-linia)}.pokoj-czas>div{height:100%;width:100%;border-radius:999px;background:var(--color-zaba);transition:width .1s linear,background-color .4s}.pokoj-czas>div.koncowka{background:var(--color-pomarancz)}.pokoj-czas-tekst{font-variant-numeric:tabular-nums;min-width:2.6rem;text-align:right}.pokoj-tekst{margin-top:.4rem;padding:.45rem .7rem;border:2px dashed var(--color-linia-mocna);border-radius:.85rem;background:#ffffffd9;font-size:.93rem;line-height:1.35;white-space:pre-line}.pokoj-warianty{display:grid;gap:.5rem;margin-top:.6rem}@media(min-width:640px){.pokoj-warianty{grid-template-columns:1fr 1fr}}.pokoj-wariant{display:flex;align-items:center;gap:.6rem;min-height:3rem;padding:.5rem .75rem;border:2px solid var(--color-linia-mocna);border-radius:.85rem;background:#fff;text-align:left;font-weight:600;font-size:1.05rem;line-height:1.3;box-shadow:0 3px 0 var(--color-linia-mocna);cursor:pointer}.pokoj-wariant:hover:not(:disabled){border-color:var(--color-zaba);background:var(--color-zaba-tlo)}.pokoj-wariant:disabled{cursor:default;opacity:.85}.pokoj-wariant .litera{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:50%;background:var(--color-zaba-tlo);color:var(--color-zaba-ciemna);font-family:var(--font-interfejs);font-size:.9rem}.pokoj-wariant.wybrany{border-color:var(--color-niebieski);background:var(--color-niebieski-tlo)}.pokoj-pole-liczby{width:9rem;padding:.5rem .75rem;border:2px solid var(--color-linia-mocna);border-radius:.85rem;background:#fff;font-size:1.35rem;font-weight:700}.pokoj-werdykt{margin-top:.6rem;padding:.5rem .8rem;border-radius:.85rem;font-family:var(--font-interfejs);font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.pokoj-werdykt.dobrze{background:var(--color-poprawna-tlo);color:var(--color-poprawna)}.pokoj-werdykt.zle{background:var(--color-pomarancz-tlo);color:var(--color-pomarancz-ciemny)}.pokoj-werdykt.czas{background:var(--color-tlo-alt);color:var(--color-atrament-slaby)}.pokoj-podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;align-items:end}.pokoj-podium-miejsce{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .3rem .5rem;border-radius:var(--radius-karta);border:2px solid var(--color-linia-mocna);background:#fff;text-align:center;min-width:0}.pokoj-podium-miejsce img{width:56px;height:56px;border-radius:50%;background:var(--color-zaba-tlo)}.pokoj-podium-miejsce .nazwa{font-family:var(--font-interfejs);font-weight:700;font-size:.92rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pokoj-podium-miejsce .numer{font-family:var(--font-naglowek);font-size:1.6rem;font-weight:800;line-height:1}.pokoj-podium-miejsce.m1{order:2;border-color:var(--color-zolty);background:#fff9db;padding-top:1rem}.pokoj-podium-miejsce.m2{order:1}.pokoj-podium-miejsce.m3{order:3}.pokoj-podium-miejsce.ja{box-shadow:0 0 0 3px var(--color-zaba-tlo)}.pokoj-ranking{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.pokoj-ranking li{display:grid;grid-template-columns:2.2rem 34px minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.35rem .6rem;border:2px solid var(--color-linia);border-radius:.85rem;background:#fff}.pokoj-ranking li.ja{border-color:var(--color-zaba);background:var(--color-zaba-tlo)}.pokoj-ranking .miejsce{font-family:var(--font-naglowek);font-weight:800;font-size:1.25rem;color:var(--color-zaba-ciemna);text-align:center}.pokoj-ranking img{width:34px;height:34px;border-radius:50%;background:var(--color-zaba-tlo)}.pokoj-ranking .nazwa{font-family:var(--font-interfejs);font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pokoj-ranking .wyroznienie{display:block;font-weight:500;font-size:.8rem;color:var(--color-atrament-slaby);white-space:normal}.pokoj-ranking .wynik{font-family:var(--font-interfejs);font-size:.88rem;text-align:right;white-space:pre-line;line-height:1.2}.pokoj-przeglad{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.pokoj-przeglad .odp{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-family:var(--font-interfejs);font-size:.88rem;font-weight:600}.pokoj-przeglad .odp.dobra{background:var(--color-poprawna-tlo);color:var(--color-poprawna)}.pokoj-przeglad .odp.zla{background:var(--color-bledna-tlo);color:var(--color-bledna)}.pokoj-przeglad .odp.brak{background:var(--color-tlo-alt);color:var(--color-atrament-slaby)}.pokoj-pasek-gospodarza{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .7rem;border-radius:var(--radius-karta);background:var(--color-pomarancz-tlo);border:2px solid var(--color-pomarancz);font-family:var(--font-interfejs);font-size:.9rem}.pokoj-postep-gracza{height:.55rem;border-radius:999px;background:var(--color-tlo-alt);overflow:hidden}.pokoj-postep-gracza>div{height:100%;background:var(--color-zaba);border-radius:999px}.pokoj-przelacznik{font-size:.8rem;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--color-linia-mocna);background:#fff;cursor:pointer}.pokoj-przelacznik[aria-pressed=true]{background:var(--color-zaba-tlo);border-color:var(--color-zaba)}@media(prefers-reduced-motion:reduce){.pokoj-czas>div{transition:none}.pokoj-odliczanie.skok{animation:none}}}