/* ===== EKRAN LOGOWANIA — spójny ze stylem ASFALT ===== */
.log-tlo{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  padding:16px;background:
    radial-gradient(1200px 600px at 50% -10%,rgba(255,179,71,.10),transparent 60%),
    linear-gradient(180deg,#0b0e13 0%,#0f141c 60%,#0b0e13 100%);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#EDE9DE}
.log-tlo.ukryty{display:none}
.log-panel{width:100%;max-width:380px;background:#11161f;border:1px solid #232c3a;border-radius:10px;
  padding:22px 20px 16px;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.log-tytul{margin:0 0 6px;font-family:Impact,"Arial Narrow",sans-serif;font-size:40px;letter-spacing:2px;
  text-align:center;color:#FFB347;text-shadow:0 3px 0 #000,0 0 22px rgba(255,179,71,.28)}
.log-pod{margin:0 0 16px;font-size:12.5px;line-height:1.55;text-align:center;opacity:.72}
.log-blad{display:none;margin-bottom:12px;padding:8px 10px;border-radius:5px;font-size:12px;line-height:1.5;
  background:#1c0f10;border:1px solid #7a2f2f;color:#FF9B8A}
.log-blad.on{display:block}
.log-blad.ok{background:#0f1c14;border-color:#2f7a4a;color:#8FD9A8}
.log-pola{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.log-pola input{width:100%;box-sizing:border-box;background:#0b0f16;color:#EDE9DE;
  border:1px solid #2a3444;border-radius:5px;padding:11px 12px;font-size:13.5px;outline:none}
.log-pola input:focus{border-color:#FFB347;box-shadow:0 0 0 2px rgba(255,179,71,.13)}
.log-przyciski{display:flex;gap:8px;margin-bottom:14px}
.log-btn{flex:1;cursor:pointer;border:0;border-radius:5px;padding:11px 12px;font-size:13px;font-weight:700;
  background:#FFB347;color:#12161d;transition:filter .15s,transform .05s}
.log-btn:hover{filter:brightness(1.08)}
.log-btn:active{transform:translateY(1px)}
.log-btn:disabled{opacity:.45;cursor:default}
.log-btn.sec{background:#1b2432;color:#EDE9DE;border:1px solid #2b3648}
.log-btn.google{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;
  background:#EDE9DE;color:#1b1f27;margin-bottom:10px}
.log-btn.duch{width:100%;background:transparent;border:1px dashed #2f3a4b;color:#9aa6b8;font-weight:500;
  font-size:12px;padding:9px}
.log-sep{display:flex;align-items:center;gap:10px;margin:2px 0 12px;opacity:.35;font-size:11px}
.log-sep::before,.log-sep::after{content:"";flex:1;height:1px;background:#2a3444}
.log-stopka{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;
  padding-top:11px;border-top:1px solid #1e2632;font-size:11px;opacity:.6}
.log-stopka a{color:#9BD8FF;text-decoration:none}
.log-stopka a:hover{text-decoration:underline}
/* pasek stanu synchronizacji w grze */
#chmuraPasek{position:fixed;right:10px;bottom:10px;z-index:8000;display:none;align-items:center;gap:7px;
  padding:6px 11px;border-radius:20px;font-size:11px;font-family:ui-monospace,monospace;
  background:rgba(14,19,26,.94);border:1px solid #232c3a;color:#9aa6b8}
#chmuraPasek.on{display:flex}
#chmuraPasek i{width:7px;height:7px;border-radius:50%;background:#3FE0C0}
#chmuraPasek.zapis i{background:#FFB347;animation:chmPuls .8s infinite}
#chmuraPasek.blad i{background:#FF4B4B}
@keyframes chmPuls{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:420px){.log-panel{padding:18px 16px 14px}.log-tytul{font-size:34px}}

/* ===== PASEK KONTA W GRZE ===== */
#kontoRzad{width:100%;max-width:1000px;display:flex;justify-content:flex-end;align-items:center;
  gap:10px;margin:0 0 6px;flex-wrap:nowrap}
.konto-wersja{font-size:10px;font-family:ui-monospace,monospace;opacity:.45;
  letter-spacing:.3px;white-space:nowrap;line-height:1}
.konto-admin{background:#2a2008;color:#FFB347;border-radius:3px;
  padding:1px 5px;font-size:8.5px;letter-spacing:.4px;opacity:.9}
#kontoPasek{position:relative;z-index:8600;display:flex;align-items:center;gap:7px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#kontoPasek.plywajacy{position:fixed;top:8px;right:10px}
.konto-pigula{display:flex;align-items:center;gap:7px;cursor:pointer;
  background:#11161f;border:1px solid #232c3a;border-radius:18px;
  padding:5px 12px;color:#EDE9DE;font-size:11px;max-width:62vw;
  height:27px;box-sizing:border-box;line-height:1.2;transition:border-color .15s}
.konto-pigula:hover{border-color:#FFB347}
.konto-ikona{font-size:13px}
.konto-mail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9;font-weight:600}
.konto-strzalka{opacity:.55;font-size:10px}
.konto-menu{display:none;position:absolute;top:34px;right:0;min-width:206px;z-index:8700;
  background:#11161f;border:1px solid #232c3a;border-radius:8px;padding:6px;
  box-shadow:0 14px 40px rgba(0,0,0,.6)}
.konto-menu.on{display:block}
.konto-naglowek{padding:7px 9px 9px;font-size:10.5px;opacity:.5;word-break:break-all;
  border-bottom:1px solid #1e2632;margin-bottom:5px}
.konto-menu button,.konto-menu a{display:block;width:100%;box-sizing:border-box;text-align:left;
  background:transparent;border:0;border-radius:5px;padding:8px 9px;cursor:pointer;
  color:#EDE9DE;font-size:12.5px;text-decoration:none;font-family:inherit}
.konto-menu button:hover,.konto-menu a:hover{background:#1b2432;color:#FFB347}
.konto-menu button.czerwony:hover{background:#231216;color:#FF8B7A}
.konto-sep{height:1px;background:#1e2632;margin:5px 0}

/* ===== OKNO PROFILU ===== */
.modal-tlo{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;
  padding:16px;background:rgba(5,7,10,.78);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.modal-panel{width:100%;max-width:360px;background:#11161f;border:1px solid #232c3a;
  border-radius:10px;padding:20px;color:#EDE9DE;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.modal-panel h3{margin:0 0 6px;font-size:17px;color:#FFB347}
.modal-opis{margin:0 0 16px;font-size:12px;opacity:.7;line-height:1.5}
.modal-etykieta{display:block;margin:0 0 5px;font-size:11px;text-transform:uppercase;
  letter-spacing:.5px;opacity:.55}
.modal-panel input{width:100%;box-sizing:border-box;background:#0b0f16;color:#EDE9DE;
  border:1px solid #2a3444;border-radius:5px;padding:10px 11px;font-size:13.5px;
  margin-bottom:14px;outline:none}
.modal-panel input:focus{border-color:#FFB347}
.awatary{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:16px}
.awatar{cursor:pointer;background:#0b0f16;border:1px solid #2a3444;border-radius:5px;
  padding:6px 0;font-size:16px;line-height:1}
.awatar:hover{border-color:#FFB347}
.awatar.wybrany{border-color:#FFB347;background:#1e1608;box-shadow:0 0 0 1px #FFB347 inset}
.modal-btny{display:flex;gap:8px}

@media(max-width:640px){
  #kontoRzad{justify-content:flex-end;gap:6px}
  .konto-wersja{font-size:9px;max-width:38vw;overflow:hidden;text-overflow:ellipsis}
  .konto-pigula{padding:4px 10px;font-size:10px;max-width:46vw;height:25px}
  .konto-adminbtn{padding:4px 9px;font-size:10px;height:25px}
  .konto-adminbtn span{display:none}
  .konto-menu{min-width:190px}
  .awatary{grid-template-columns:repeat(6,1fr)}
}

/* dane w oknie profilu */
.prof-dane{display:flex;flex-direction:column;gap:9px;margin-bottom:16px;padding:12px;
  background:#0b0f16;border:1px solid #1e2632;border-radius:7px}
.prof-dane div{display:flex;justify-content:space-between;gap:12px;font-size:12.5px}
.prof-dane span{opacity:.55}
.prof-dane b{text-align:right;word-break:break-all}
.prof-usun{width:100%;margin-top:14px;padding:9px;cursor:pointer;background:transparent;
  border:1px dashed #5a2a2a;border-radius:6px;color:#FF8B7A;font-size:11.5px;font-family:inherit}
.prof-usun:hover{background:#1c0f10;border-style:solid}

/* ===== EKRAN ŁADOWANIA ===== */
#zaslona{position:fixed;inset:0;z-index:9800;display:flex;align-items:center;justify-content:center;
  background:#07090d;overflow:hidden;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  opacity:1;transition:opacity .45s ease}
#zaslona.znika{opacity:0;pointer-events:none}
.zas-tlo{position:absolute;inset:0;
  background:url("../img/ladowanie.jpg") center 42% / cover no-repeat;
  animation:zasZoom 22s ease-out forwards}
@keyframes zasZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
.zas-winieta{position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 50% 45%,transparent 30%,rgba(7,9,13,.55) 72%,rgba(7,9,13,.92) 100%),
    linear-gradient(180deg,rgba(7,9,13,.86) 0%,rgba(7,9,13,.30) 34%,rgba(7,9,13,.55) 74%,rgba(7,9,13,.95) 100%)}
.zas-in{position:relative;z-index:2;text-align:center;padding:0 20px;
  transform:translateY(-6vh)}
.zas-logo-blok{margin-bottom:30px}
.zas-logo-img{display:block;width:min(560px,74vw);height:auto;margin:0 auto;
  filter:drop-shadow(0 6px 22px rgba(0,0,0,.85)) drop-shadow(0 0 40px rgba(255,179,71,.18));
  animation:zasLogo 1.2s cubic-bezier(.2,.9,.3,1.1) both}
@keyframes zasLogo{from{opacity:0;transform:translateY(16px) scale(.96)}
  to{opacity:1;transform:none}}
.zas-podtytul{margin-top:8px;font-size:12px;letter-spacing:5px;text-transform:uppercase;
  color:#EDE9DE;opacity:.62;text-shadow:0 2px 6px rgba(0,0,0,.9);
  animation:zasFade 1.3s .35s both}
@keyframes zasFade{from{opacity:0}to{opacity:.62}}
.zas-pasek-blok{width:min(440px,86vw);margin:0 auto 16px}
.zas-pasek{position:relative;height:5px;border-radius:3px;overflow:hidden;
  background:rgba(255,255,255,.08);box-shadow:0 0 22px rgba(0,0,0,.7),
  0 0 0 1px rgba(255,255,255,.06) inset}
.zas-pasek i{display:block;width:0%;height:100%;border-radius:3px;
  background:linear-gradient(90deg,#8a5a12,#FFB347 55%,#FFE0B0);
  box-shadow:0 0 14px rgba(255,179,71,.6);
  transition:width .35s cubic-bezier(.3,.9,.4,1)}
.zas-liczby{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:9px;
  font-family:ui-monospace,"Courier New",monospace}
.zas-liczby span{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#c9d3e0;
  opacity:.8;text-shadow:0 2px 6px rgba(0,0,0,.9)}
.zas-liczby b{font-size:14px;color:#FFB347;text-shadow:0 2px 6px rgba(0,0,0,.9)}

/* konsola „włamania" */
.zas-konsola{width:min(440px,86vw);height:132px;margin:0 auto;overflow:hidden;
  padding:10px 12px;border-radius:6px;text-align:left;
  background:rgba(6,9,13,.72);border:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(3px);
  font-family:ui-monospace,"Courier New",monospace;font-size:10.5px;line-height:1.65}
.zas-konsola div{color:#7f8b99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  animation:zasLinia .28s ease both}
@keyframes zasLinia{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.zas-konsola .ok{color:#8FD9A8}
.zas-konsola .uwaga{color:#FFB347}
.zas-konsola .zly{color:#FF8B7A}
.zas-konsola b{color:#c9d3e0;font-weight:600}
.zas-konsola .kursor::after{content:"▍";color:#FFB347;animation:zasMig .8s steps(2) infinite}
@keyframes zasMig{0%,50%{opacity:1}51%,100%{opacity:0}}
.zas-stopka{position:absolute;left:0;right:0;bottom:22px;z-index:2;text-align:center;
  font-size:10.5px;letter-spacing:.6px;color:#8b97a8;opacity:.55;padding:0 20px;
  text-shadow:0 2px 6px rgba(0,0,0,.9)}
@media(max-width:640px){
  .zas-in{transform:translateY(-2vh)}
  .zas-konsola{height:108px;font-size:9.5px}
  .zas-logo{letter-spacing:5px}
  .zas-podtytul{font-size:10px;letter-spacing:3.5px}
  .zas-stopka{font-size:9.5px;bottom:16px}
}

/* komunikaty na zasłonie */
.zas-blad{max-width:400px;padding:0 20px}
.zas-tyt{font-size:19px;font-weight:700;color:#FFB347;margin-bottom:10px}
.zas-opis{font-size:13px;line-height:1.6;color:#c9d3e0;margin-bottom:18px}
.zas-opis code{background:#11161f;border:1px solid #232c3a;border-radius:4px;padding:1px 5px;
  font-size:11px;word-break:break-all}
.zas-btny{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.zas-btn{cursor:pointer;border:0;border-radius:6px;padding:11px 18px;font-size:13px;font-weight:700;
  background:#FFB347;color:#12161d;font-family:inherit}
.zas-btn.sec{background:#1b2432;color:#EDE9DE;border:1px solid #2b3648}
.zas-btn:hover{filter:brightness(1.08)}
.zas-raport{margin:12px 0 0;padding:10px;border-radius:6px;background:#0b0f16;border:1px solid #232c3a;
  color:#8FB4D9;font-family:ui-monospace,monospace;font-size:10.5px;line-height:1.6;text-align:left;
  white-space:pre-wrap;word-break:break-all;max-height:170px;overflow:auto}
.prof-google{padding:11px 12px;border-radius:7px;margin-bottom:14px;font-size:12px;line-height:1.55;
  background:#0b0f16;border:1px solid #1e2632;color:#9aa6b8}

/* ===== PRZYCISKI KONTA — wymuszenie nad domyślnym stylem przycisków gry ===== */
#kontoPasek button.konto-adminbtn,
#kontoPasek button.konto-pigula{
  height:28px !important;box-sizing:border-box !important;
  padding:0 13px !important;border-radius:14px !important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  font-size:11px !important;font-weight:600 !important;letter-spacing:.2px !important;
  text-transform:none !important;line-height:1 !important;
  box-shadow:none !important;border-width:1px !important;border-style:solid !important;
  display:inline-flex !important;align-items:center !important;white-space:nowrap;
  transition:color .18s,border-color .18s,background .18s !important}

#kontoPasek button.konto-adminbtn{
  gap:6px !important;background:#141a24 !important;color:#C9A063 !important;
  border-color:#2a3341 !important}
#kontoPasek button.konto-adminbtn:hover{
  color:#FFB347 !important;border-color:#4a3a18 !important;background:#1a212c !important}

#kontoPasek button.konto-pigula{
  gap:7px !important;background:#11161f !important;color:#EDE9DE !important;
  border-color:#232c3a !important;max-width:62vw}
#kontoPasek button.konto-pigula:hover{border-color:#FFB347 !important}

#kontoPasek button:active{transform:translateY(1px) !important}
#kontoPasek .konto-mail{font-weight:600;font-size:11px;letter-spacing:.2px}
#kontoPasek .konto-ikona{font-size:13px;line-height:1}
#kontoPasek .konto-admin{font-size:8.5px !important;padding:2px 5px !important;
  border-radius:9px !important;background:#2a2008 !important;color:#FFB347 !important;
  letter-spacing:.4px;line-height:1.3}

@media(max-width:640px){
  #kontoPasek button.konto-adminbtn,
  #kontoPasek button.konto-pigula{height:26px !important;padding:0 11px !important;
    font-size:10px !important}
  #kontoPasek .konto-adminbtn span{display:none}
}

/* ===== WIADOMOŚĆ OD ADMINISTRACJI ===== */
.wiad-panel{max-width:390px}
.wiad-naglowek{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;
  padding-bottom:12px;border-bottom:1px solid #1e2632}
.wiad-koperta{font-size:20px;line-height:1.1;flex:0 0 auto;opacity:.9}
.wiad-tytul{font-size:13.5px;font-weight:700;color:#FFB347;letter-spacing:.2px;line-height:1.3}
.wiad-od{font-size:10.5px;opacity:.5;margin-top:3px;letter-spacing:.2px}
.wiad-tresc{position:relative;padding:14px 15px;border-radius:9px;
  background:#0b0f16;border:1px solid #212a38;border-left:3px solid #FFB347;
  font-size:13px;line-height:1.65;color:#DCE3EC;margin-bottom:18px;white-space:pre-wrap;
  max-height:300px;overflow:auto}
#kontoPasek ~ .wiad-modal .modal-panel,.wiad-modal .modal-panel{padding:20px}
.wiad-modal button.wiad-btn{width:100%;height:40px;cursor:pointer;
  background:#FFB347 !important;color:#12161d !important;border:0 !important;
  border-radius:8px !important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  font-size:13px !important;font-weight:700 !important;text-transform:none !important;
  letter-spacing:.2px !important;box-shadow:none !important}
.wiad-modal button.wiad-btn:hover{filter:brightness(1.07)}
.wiad-modal button.wiad-btn:active{transform:translateY(1px)}

/* ===== CZAT GRACZY ===== */
#czatBox{position:fixed;right:14px;bottom:14px;z-index:8400;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
/* kontener panoramy — punkt zaczepienia czatu */
#panWrap{position:relative;width:100%;max-width:1000px;margin:0 auto;display:block}
#panWrap>canvas{display:block;width:100%}
/* zamocowany na mapie dzielnicy, w prawym dolnym rogu */
#czatBox.w-grze{z-index:70}
#czatBox.w-grze #czatPanel{top:60px;bottom:auto;right:0;
  max-width:min(330px,calc(100vw - 48px))}
#czatBox button#czatPrzycisk{position:relative;width:52px;height:52px;border-radius:50% !important;
  cursor:pointer;background:rgba(17,22,31,.94) !important;border:2px solid #4a5566 !important;
  color:#FFD9A8 !important;font-size:23px !important;line-height:1 !important;
  display:flex !important;align-items:center;justify-content:center;padding:0 !important;
  box-shadow:0 6px 22px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05) inset !important;
  text-transform:none !important;
  transition:border-color .2s,background .2s,box-shadow .2s,transform .12s}
#czatBox button#czatPrzycisk:active{transform:translateY(1px)}
/* nowa wiadomość — delikatna, ciepła obwódka, bez krzyku */
#czatBox button#czatPrzycisk.nowa{border-color:#FF7A2F !important;color:#FFD9A8 !important;
  animation:czatSygnal 2s ease-in-out infinite}
@keyframes czatSygnal{
  0%,100%{box-shadow:0 6px 22px rgba(0,0,0,.6),0 0 8px rgba(255,122,47,.30)}
  50%{box-shadow:0 6px 22px rgba(0,0,0,.6),0 0 20px rgba(255,122,47,.65)}}
#czatBox button#czatPrzycisk:hover{border-color:#FFB347 !important;background:#1a212c !important}
#czatBox button#czatPrzycisk.akt{border-color:#FFB347 !important;color:#FFB347 !important}
.czat-kropka{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 4px;
  border-radius:10px;background:#FF7A2F;border:2px solid #0e131a;color:#12161d;
  font-size:10.5px;font-weight:800;line-height:15px;text-align:center;
  box-shadow:0 0 10px rgba(255,122,47,.85);display:none;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.czat-kropka.on{display:block;animation:czatKropkaWjazd .25s ease}
@keyframes czatKropkaWjazd{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}


#czatPanel{position:absolute;right:0;top:60px;width:330px;
  max-width:min(330px,calc(100vw - 40px));
  background:#0e131a;border:1px solid #232c3a;border-radius:10px;overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.6);
  max-height:0;opacity:0;pointer-events:none;
  transition:max-height .28s ease,opacity .22s ease}
#czatPanel.on{max-height:430px;opacity:1;pointer-events:auto}
.czat-gora{display:flex;align-items:center;gap:8px;padding:10px 12px;
  background:#11161f;border-bottom:1px solid #1e2632;font-size:12.5px;color:#EDE9DE}
.czat-gora b{color:#FFB347;font-weight:700}
.czat-gora span{flex:1;text-align:right;font-size:10.5px;opacity:.55}
#czatBox button#czatZwin{width:22px;height:22px;padding:0 !important;border-radius:5px !important;
  background:transparent !important;border:0 !important;color:#8b97a8 !important;
  font-size:13px !important;cursor:pointer;text-transform:none !important;box-shadow:none !important}
#czatBox button#czatZwin:hover{color:#FFB347 !important}

.czat-lista{height:290px;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:9px}
.czat-pusto{margin:auto;font-size:11.5px;opacity:.4;text-align:center}
.czat-wpis{position:relative;padding:7px 9px;border-radius:7px;background:#11161f;
  border-left:2px solid #2a3341}
.czat-wpis.moj{background:#141b26;border-left-color:#FFB347}
.czat-nick{font-size:11px;font-weight:700;color:#9BD8FF;letter-spacing:.2px}
.czat-wpis.moj .czat-nick{color:#FFB347}
.czat-godz{font-size:9.5px;opacity:.4;margin-left:7px;font-family:ui-monospace,monospace}
.czat-tresc{font-size:12.5px;line-height:1.5;color:#DCE3EC;margin-top:3px;word-break:break-word}
#czatBox button.czat-usun{position:absolute;top:4px;right:5px;width:18px;height:18px;padding:0 !important;
  background:transparent !important;border:0 !important;color:#5a6472 !important;font-size:14px !important;
  cursor:pointer;border-radius:4px !important;box-shadow:none !important;text-transform:none !important}
#czatBox button.czat-usun:hover{color:#FF8B7A !important;background:#231216 !important}

.czat-dol{display:flex;gap:7px;padding:10px 12px;border-top:1px solid #1e2632;background:#0b0f16}
.czat-dol input{flex:1;min-width:0;background:#11161f;color:#EDE9DE;border:1px solid #2a3444;
  border-radius:7px;padding:9px 11px;font-size:12.5px;outline:none;font-family:inherit}
.czat-dol input:focus{border-color:#FFB347}
#czatBox button#czatWyslij{padding:0 14px !important;height:34px;border-radius:7px !important;
  background:#FFB347 !important;color:#12161d !important;border:0 !important;
  font-size:12px !important;font-weight:700 !important;cursor:pointer;
  text-transform:none !important;box-shadow:none !important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important}
#czatBox button#czatWyslij:hover{filter:brightness(1.08)}

@media(max-width:640px){
  #czatBox{right:10px;bottom:10px}
  #czatBox button#czatPrzycisk{width:46px;height:46px;font-size:20px !important}
  #czatBox.w-grze{right:8px;top:8px}
  #czatPanel{width:min(320px,92vw)}
  .czat-lista{height:250px}
}

/* ===== OKNO DIAGNOSTYKI (tylko administrator) ===== */
.diag-panel{max-width:430px}
.diag-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;opacity:.6;
  margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #1e2632}
.diag-meta b{font-family:ui-monospace,monospace;color:#9BD8FF}
.diag-sekcja{background:#0b0f16;border:1px solid #1e2632;border-radius:8px;padding:10px 12px;
  margin-bottom:12px;display:flex;flex-direction:column;gap:8px}
.diag-wiersz{display:flex;flex-direction:column;gap:3px}
.diag-wiersz span{font-size:10px;text-transform:uppercase;letter-spacing:.4px;opacity:.45}
.diag-wiersz code{font-family:ui-monospace,monospace;font-size:10.5px;line-height:1.5;
  color:#8FB4D9;word-break:break-all}

/* ===== CZAT: blokada dla niskich poziomów ===== */
#czatPanel.zablokowany{position:relative}
#czatPanel.zablokowany .czat-lista,
#czatPanel.zablokowany .czat-dol{filter:blur(4px) saturate(.6);opacity:.5;pointer-events:none;
  user-select:none}
#czatBlokada{position:absolute;left:0;right:0;top:40px;bottom:0;z-index:5;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  padding:20px;text-align:center;
  background:linear-gradient(180deg,rgba(11,15,22,.55),rgba(11,15,22,.86));
  backdrop-filter:blur(1.5px)}
#czatBlokada .blok-ikona{font-size:26px;opacity:.85;line-height:1}
#czatBlokada .blok-tytul{font-size:13.5px;font-weight:700;color:#FFB347;letter-spacing:.2px}
#czatBlokada .blok-opis{font-size:11.5px;line-height:1.6;color:#c9d3e0;opacity:.85;max-width:250px}
#czatBlokada .blok-opis b{color:#FFB347}

/* ===== PRZYCISKI W PASKU: RAPORT I POCZTA ===== */
#lewePrzyciski{display:flex;align-items:center;gap:7px;margin-right:auto}
#kontoRzad{justify-content:space-between !important}
#kontoRzad button.pasek-btn{position:relative;display:inline-flex !important;align-items:center;gap:6px;
  height:28px !important;padding:0 12px !important;border-radius:14px !important;cursor:pointer;
  background:#141a24 !important;border:1px solid #2a3341 !important;color:#c3cddb !important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  font-size:11px !important;font-weight:600 !important;text-transform:none !important;
  letter-spacing:.2px !important;line-height:1 !important;box-shadow:none !important;
  transition:color .18s,border-color .18s,background .18s}
#kontoRzad button.pasek-btn:hover{color:#FFB347 !important;border-color:#4a3a18 !important;
  background:#1a212c !important}
#kontoRzad button.pasek-btn.nowe{border-color:#FF7A2F !important;color:#FFD9A8 !important}
.pasek-licznik{display:none;min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:#FF7A2F;color:#12161d;font-size:10px;font-weight:800;line-height:17px;
  text-align:center;font-style:normal;margin-left:2px}
.pasek-licznik.on{display:inline-block}
@media(max-width:640px){
  #kontoRzad button.pasek-btn{padding:0 9px !important;font-size:10px !important;height:26px !important}
  #kontoRzad button.pasek-btn b{display:none}
}

/* ===== RAPORT ===== */
.rap-kategorie{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.modal-panel button.rap-kat{display:flex !important;align-items:flex-start;gap:10px;width:100%;
  padding:10px 12px !important;border-radius:8px !important;cursor:pointer;text-align:left;
  background:#0b0f16 !important;border:1px solid #232c3a !important;color:#EDE9DE !important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  text-transform:none !important;font-size:12px !important;box-shadow:none !important;
  transition:border-color .16s,background .16s}
.modal-panel button.rap-kat span{font-size:17px;line-height:1.1}
.modal-panel button.rap-kat b{display:block;font-size:12.5px;font-weight:700}
.modal-panel button.rap-kat i{display:block;font-style:normal;font-size:10.5px;opacity:.55;margin-top:2px}
.modal-panel button.rap-kat.kat-blad.wyb{border-color:#FF4B4B !important;background:#1a1013 !important}
.modal-panel button.rap-kat.kat-sug.wyb{border-color:#FFB347 !important;background:#1a1509 !important}
.modal-panel button.rap-kat.kat-pom.wyb{border-color:#3FE0C0 !important;background:#0c1a17 !important}
#rapTresc,#nwTresc2{width:100%;box-sizing:border-box;background:#0b0f16;color:#EDE9DE;
  border:1px solid #2a3444;border-radius:7px;padding:10px 11px;font-size:12.5px;
  font-family:inherit;resize:vertical;outline:none;margin-bottom:12px;line-height:1.55}
#rapTresc:focus,#nwTresc2:focus{border-color:#FFB347}
.rap-moje{margin-top:16px;padding-top:14px;border-top:1px solid #1e2632}
.rap-naglowek{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.45;margin-bottom:8px}
.rap-wpis{padding:9px 11px;border-radius:7px;background:#0b0f16;border-left:3px solid #2a3341;
  margin-bottom:7px;font-size:11.5px}
.rap-wpis.kat-blad{border-left-color:#FF4B4B}
.rap-wpis.kat-sug{border-left-color:#FFB347}
.rap-wpis.kat-pom{border-left-color:#3FE0C0}
.rap-gora{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}
.rap-gora b{font-size:11px}
.rap-gora span{font-size:9.5px;opacity:.45}
.rap-tresc{opacity:.8;line-height:1.5}
.rap-odp{margin-top:6px;padding-top:6px;border-top:1px solid #1e2632;color:#8FD9A8;line-height:1.5}

/* ===== SKRZYNKA ===== */
.skrz-panel{max-width:720px;width:100%;padding:0 !important;overflow:hidden}
.skrz-gora{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #1e2632;
  background:#11161f}
.skrz-gora h3{margin:0;font-size:15px;color:#FFB347;flex:1}
.modal-panel button.skrz-nowa{width:auto !important;padding:0 12px !important;height:28px !important;
  font-size:11px !important;border-radius:14px !important}
.modal-panel button.skrz-x{width:26px;height:26px;padding:0 !important;background:transparent !important;
  border:0 !important;color:#8b97a8 !important;font-size:20px !important;cursor:pointer;
  box-shadow:none !important;line-height:1 !important}
.modal-panel button.skrz-x:hover{color:#FFB347 !important}
.skrz-uklad{display:grid;grid-template-columns:230px 1fr;height:380px}
.skrz-lista{overflow-y:auto;border-right:1px solid #1e2632;background:#0b0f16}
.skrz-poz{padding:10px 12px;border-bottom:1px solid #151c26;cursor:pointer;transition:background .15s}
.skrz-poz:hover{background:#11161f}
.skrz-poz.akt{background:#141b26;border-left:2px solid #FFB347}
.skrz-poz.nowa .skrz-temat{font-weight:700;color:#FFD9A8}
.skrz-poz.nowa .skrz-od::after{content:"●";color:#FF7A2F;font-size:9px;margin-left:5px;vertical-align:middle}
.skrz-od{font-size:10.5px;color:#9BD8FF;margin-bottom:3px}
.skrz-temat{font-size:12px;color:#DCE3EC;line-height:1.35;margin-bottom:3px}
.skrz-data{font-size:9.5px;opacity:.4;font-family:ui-monospace,monospace}
.skrz-tresc{padding:16px;overflow-y:auto;display:flex;flex-direction:column}
.skrz-pusto{margin:auto;font-size:12px;opacity:.35}
.skrz-naglowek{padding-bottom:11px;border-bottom:1px solid #1e2632;margin-bottom:12px}
.skrz-naglowek b{display:block;font-size:14px;color:#EDE9DE;margin-bottom:4px}
.skrz-naglowek span{font-size:10.5px;opacity:.5}
.skrz-body{flex:1;font-size:13px;line-height:1.65;color:#DCE3EC;white-space:pre-wrap}
.skrz-akcje{display:flex;gap:8px;padding-top:12px;border-top:1px solid #1e2632;margin-top:12px}
.skrz-akcje button{flex:0 0 auto;padding:0 14px !important;height:30px !important;font-size:11px !important}
@media(max-width:640px){
  .skrz-uklad{grid-template-columns:1fr;height:auto}
  .skrz-lista{max-height:180px;border-right:0;border-bottom:1px solid #1e2632}
  .skrz-tresc{min-height:200px}
}

/* sekcja zmiany postaci w profilu */
.prof-sekcja{margin-top:6px;padding-top:14px;border-top:1px solid #1e2632}
.prof-opis{font-size:11.5px;line-height:1.6;opacity:.7;margin-bottom:10px}
.prof-opis b{color:#FF9B8A}

/* ===== KONTAKTY MIĘDZY GRACZAMI ===== */
.gracze-panel{max-width:460px;padding:0 !important;overflow:hidden}
.gracze-tresc{padding:16px}
.gracze-dodaj{display:flex;gap:8px;margin-bottom:12px}
.gracze-dodaj input{flex:1;min-width:0;background:#0b0f16;color:#EDE9DE;border:1px solid #2a3444;
  border-radius:7px;padding:9px 11px;font-size:12.5px;outline:none;font-family:inherit}
.gracze-dodaj input:focus{border-color:#FFB347}
.modal-panel .gracze-dodaj button{flex:0 0 auto;padding:0 16px !important;height:36px !important;
  font-size:12px !important}
.gracze-lista{max-height:340px;overflow-y:auto}
.gracze-grupa{font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.45;
  margin:14px 0 7px;padding-bottom:5px;border-bottom:1px solid #1e2632}
.gracze-grupa:first-child{margin-top:0}
.gracze-poz{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:7px;
  background:#0b0f16;border:1px solid #1a2230;margin-bottom:6px}
.gracze-poz b{flex:1;font-size:12.5px;color:#EDE9DE;min-width:0;overflow:hidden;text-overflow:ellipsis}
.gracze-dioda{width:8px;height:8px;border-radius:50%;background:#39414d;flex:0 0 auto}
.gracze-dioda.on{background:#3FE0C0;box-shadow:0 0 8px rgba(63,224,192,.85)}
.gracze-akcje{display:flex;gap:5px;flex:0 0 auto}
.gracze-czeka{font-size:10px;opacity:.45;padding:0 6px}
.modal-panel select{width:100%;box-sizing:border-box;background:#0b0f16;color:#EDE9DE;
  border:1px solid #2a3444;border-radius:7px;padding:10px 11px;font-size:12.5px;
  margin-bottom:12px;font-family:inherit;outline:none}
.modal-panel select:focus{border-color:#FFB347}
@media(max-width:640px){
  .gracze-akcje{flex-wrap:wrap;justify-content:flex-end}
  .gracze-poz{flex-wrap:wrap}
}

/* ===== WSKAŹNIK GRACZY ONLINE ===== */
.online-wsk{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;
  border-radius:14px;background:#141a24;border:1px solid #2a3341;cursor:pointer;
  font-size:11px;color:#c3cddb;transition:border-color .18s,color .18s}
.online-wsk:hover{border-color:#3FE0C0;color:#EDE9DE}
.online-dioda{width:8px;height:8px;border-radius:50%;background:#3FE0C0;
  box-shadow:0 0 8px rgba(63,224,192,.85);animation:onlPuls 2.6s ease-in-out infinite}
@keyframes onlPuls{0%,100%{opacity:.65}50%{opacity:1}}
.online-wsk b{font-weight:700;font-size:11.5px}

/* ===== SKRZYNKA: wątki rozmów ===== */
.skrz-licz{display:inline-block;min-width:15px;height:15px;padding:0 4px;border-radius:8px;
  background:#FF7A2F;color:#12161d;font-size:9px;font-weight:800;line-height:15px;
  text-align:center;font-style:normal;margin-left:5px}
.skrz-ty{color:#8b97a8;font-size:11px}
.skrz-watek{flex:1;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding-right:4px;
  max-height:250px}
.skrz-bak{max-width:85%;padding:9px 12px;border-radius:10px;background:#11161f;
  border:1px solid #212a38;align-self:flex-start}
.skrz-bak.ja{align-self:flex-end;background:#1a2230;border-color:#2b3648}
.skrz-bak-temat{font-size:10.5px;color:#9BD8FF;margin-bottom:4px;font-weight:600}
.skrz-bak-tresc{font-size:12.5px;line-height:1.6;color:#DCE3EC;white-space:pre-wrap;word-break:break-word}
.skrz-bak-data{font-size:9.5px;opacity:.4;margin-top:5px;font-family:ui-monospace,monospace}
.skrz-odp-pole{display:flex;gap:7px;padding-top:11px;margin-top:11px;border-top:1px solid #1e2632}
.skrz-odp-pole input{flex:1;min-width:0;background:#0b0f16;color:#EDE9DE;border:1px solid #2a3444;
  border-radius:7px;padding:9px 11px;font-size:12.5px;outline:none;font-family:inherit}
.skrz-odp-pole input:focus{border-color:#FFB347}
.modal-panel .skrz-odp-pole button{flex:0 0 auto;padding:0 14px !important;height:34px !important;
  font-size:11.5px !important}
@media(max-width:640px){.online-wsk{padding:0 9px;height:26px}}

/* ===== TELEFON ===== */
.tel-tlo{align-items:center;justify-content:center}
.tel-obudowa{position:relative;width:310px;max-width:88vw;padding:14px 10px 22px;
  background:linear-gradient(160deg,#1c2230,#10151d);border:1px solid #2c3546;border-radius:30px;
  box-shadow:0 24px 60px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04) inset;
  transform:translateY(24px) scale(.94);opacity:0;
  animation:telWjazd .34s cubic-bezier(.2,.9,.3,1.15) forwards}
@keyframes telWjazd{to{transform:translateY(0) scale(1);opacity:1}}
.tel-glosnik{width:54px;height:5px;border-radius:3px;background:#0a0d13;margin:0 auto 12px;
  box-shadow:0 0 0 1px rgba(255,255,255,.03)}
.tel-ekran{background:#0a0e14;border:1px solid #232c3a;border-radius:18px;overflow:hidden;
  height:430px;display:flex;flex-direction:column}
.tel-pasek{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;
  font-size:10.5px;color:#9aa6b8;background:#0d121a;border-bottom:1px solid #1a2230;
  font-family:ui-monospace,monospace}
.tel-ikony{display:flex;align-items:center;gap:6px}
.tel-ikony b{font-size:9.5px;letter-spacing:.3px;color:#8FD9A8;font-weight:600}
.tel-sygnal{width:11px;height:9px;background:linear-gradient(to top right,transparent 45%,#8FD9A8 45%);
  display:inline-block}
.tel-bateria{width:16px;height:8px;border:1px solid #4a5566;border-radius:2px;position:relative;
  display:inline-block}
.tel-bateria::after{content:"";position:absolute;inset:1px;right:4px;background:#8FD9A8;border-radius:1px}
.tel-widok{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column}
.tel-home{display:block;width:42px;height:42px;margin:14px auto 0;border-radius:50% !important;
  background:#0f141c !important;border:2px solid #2c3546 !important;cursor:pointer;
  box-shadow:none !important;padding:0 !important;transition:border-color .18s}
.tel-home:hover{border-color:#FFB347 !important}

.tel-naglowek{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid #1a2230}
.tel-naglowek b{font-size:13.5px;color:#FFB347}
.tel-naglowek span{font-size:10.5px;opacity:.5}
.tel-obudowa button.tel-wroc{width:26px;height:26px;padding:0 !important;border-radius:7px !important;
  background:#141a24 !important;border:1px solid #2a3341 !important;color:#9aa6b8 !important;
  font-size:12px !important;cursor:pointer;box-shadow:none !important;text-transform:none !important}
.tel-obudowa button.tel-wroc:hover{color:#FFB347 !important}

.tel-siatka{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
.tel-obudowa button.tel-apka{position:relative;display:flex !important;flex-direction:column;
  align-items:center;justify-content:center;gap:7px;height:88px;cursor:pointer;
  background:#11161f !important;border:1px solid #212a38 !important;border-radius:16px !important;
  color:#DCE3EC !important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  text-transform:none !important;box-shadow:none !important;padding:0 !important;
  transition:transform .14s,border-color .18s,background .18s}
.tel-obudowa button.tel-apka:hover{transform:translateY(-2px);border-color:#FFB347 !important;
  background:#151b26 !important}
.tel-apka-ik{font-size:26px;line-height:1}
.tel-obudowa button.tel-apka b{font-size:11px !important;font-weight:600 !important;letter-spacing:.2px}
.tel-apka-licz{position:absolute;top:9px;right:12px;min-width:18px;height:18px;padding:0 5px;
  border-radius:9px;background:#FF7A2F;color:#12161d;font-size:10px;font-weight:800;line-height:18px;
  text-align:center;font-style:normal}

.tel-sim{margin:auto;text-align:center;padding:10px}
.tel-sim-ikona{font-size:38px;margin-bottom:12px;opacity:.85}
.tel-sim-tytul{font-size:14px;font-weight:700;color:#FFB347;margin-bottom:8px}
.tel-sim-opis{font-size:11.5px;line-height:1.6;opacity:.72;margin-bottom:14px}
.tel-sim-cena{font-size:19px;font-weight:700;color:#EDE9DE;margin-bottom:12px;
  font-family:ui-monospace,monospace}
.tel-sim-brak{font-size:10.5px;color:#FF9B8A;margin-top:8px}
.tel-obudowa button.tel-btn{width:100%;height:38px;cursor:pointer;border-radius:10px !important;
  background:#FFB347 !important;color:#12161d !important;border:0 !important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  font-size:12.5px !important;font-weight:700 !important;text-transform:none !important;
  box-shadow:none !important}
.tel-obudowa button.tel-btn:disabled{opacity:.4}
.tel-obudowa button.tel-btn.maly{width:38px;height:36px;font-size:16px !important;flex:0 0 auto}

.tel-dodaj{display:flex;gap:7px;margin-bottom:10px}
.tel-dodaj input{flex:1;min-width:0;background:#0d121a;color:#EDE9DE;border:1px solid #232c3a;
  border-radius:9px;padding:9px 11px;font-size:12px;outline:none;font-family:inherit}
.tel-dodaj input:focus{border-color:#FFB347}
.tel-lista{flex:1;overflow-y:auto}
.tel-strzalka{opacity:.35;font-size:16px}
@media(max-width:420px){.tel-ekran{height:380px}.tel-obudowa{padding:12px 8px 18px}}

/* kontakty w telefonie — nick w pierwszym wierszu, akcje pod spodem */
.gracze-poz.kolumna{flex-direction:column;align-items:stretch;gap:7px}
.gracze-imie{display:flex;align-items:center;gap:8px}
.gracze-imie b{flex:1;font-size:12.5px;color:#EDE9DE;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.gracze-imie i{font-style:normal;font-size:9.5px;opacity:.45;text-transform:uppercase;
  letter-spacing:.4px}
.gracze-poz.kolumna .gracze-akcje{justify-content:flex-end;flex-wrap:wrap}
.tel-lista .gracze-poz{background:#0d121a;border-color:#1c2431}

/* przycisk telefonu sygnalizuje nowe rzeczy */
#kontoRzad button.pasek-btn.wibruje{border-color:#FF4B4B !important;color:#FFD9A8 !important;
  animation:telWibr 3.2s ease-in-out infinite}
@keyframes telWibr{
  0%,86%,100%{transform:translateX(0)}
  88%{transform:translateX(-2px) rotate(-2deg)}
  90%{transform:translateX(2px) rotate(2deg)}
  92%{transform:translateX(-2px) rotate(-1deg)}
  94%{transform:translateX(1px) rotate(1deg)}
  96%{transform:translateX(0)}}
#kontoRzad button.pasek-btn.wibruje .pasek-licznik{background:#FF4B4B}

/* wiersz z wersją — nad paskiem, po lewej */
#wersjaRzad{width:100%;max-width:1000px;display:flex;justify-content:flex-start;margin:0 0 3px}
#wersjaRzad .konto-wersja{font-size:9.5px;opacity:.38;letter-spacing:.3px}

/* ===== INFORMACJA O AKTUALIZACJI — kartka z notatnika ===== */
.lat-panel{position:relative;max-width:430px;
  background:linear-gradient(175deg,#141a22,#0e131a) !important;
  border:1px solid #2a3341 !important;border-left:5px solid #FFB347 !important;
  padding:26px 24px 22px !important}
.lat-dziura{position:absolute;left:-3px;top:0;bottom:0;width:5px;
  background:repeating-linear-gradient(to bottom,transparent 0 14px,rgba(0,0,0,.45) 14px 22px)}
.lat-naglowek{padding-bottom:14px;margin-bottom:14px;border-bottom:1px dashed #2a3341}
.lat-etykieta{font-size:9.5px;text-transform:uppercase;letter-spacing:2px;opacity:.45;margin-bottom:6px}
.lat-numer{font-family:Impact,"Arial Narrow",sans-serif;font-size:30px;color:#FFB347;
  letter-spacing:1px;line-height:1;margin-bottom:6px;text-shadow:0 2px 0 #000}
.lat-tytul{font-size:14px;font-weight:700;color:#EDE9DE;line-height:1.4;margin-bottom:5px}
.lat-data{font-size:10.5px;opacity:.45;font-family:ui-monospace,monospace}
.lat-lista{list-style:none;margin:0 0 18px;padding:0;max-height:270px;overflow-y:auto}
.lat-lista li{position:relative;padding:7px 0 7px 22px;font-size:12.5px;line-height:1.6;
  color:#DCE3EC;border-bottom:1px solid rgba(42,51,65,.5)}
.lat-lista li:last-child{border-bottom:0}
.lat-lista li::before{content:"›";position:absolute;left:6px;top:7px;color:#FFB347;font-weight:700}
.modal-panel button.lat-ok{width:100%;height:40px}

/* ===== NOTATKA: POMIĘTA KARTKA ===== */
.kartka{position:relative;width:100%;max-width:340px;
  background:
    radial-gradient(120% 80% at 20% 10%,rgba(255,255,255,.05),transparent 60%),
    radial-gradient(90% 70% at 80% 90%,rgba(0,0,0,.30),transparent 55%),
    linear-gradient(152deg,#e8e2d4 0%,#ddd6c6 30%,#e6e0d2 52%,#d4ccbb 74%,#e2dbcc 100%);
  color:#22262c;border-radius:3px;
  box-shadow:0 22px 55px rgba(0,0,0,.65),0 2px 0 rgba(255,255,255,.25) inset;
  transform:rotate(-1.2deg) translateY(18px) scale(.96);opacity:0;
  animation:kartkaWjazd .34s cubic-bezier(.2,.9,.3,1.2) forwards;
  clip-path:polygon(0.4% 1.2%,99.6% 0,100% 98.6%,0.8% 100%)}
@keyframes kartkaWjazd{to{transform:rotate(-1.2deg) translateY(0) scale(1);opacity:1}}
/* zagniecenia papieru */
.kartka::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:3px;
  background:
    linear-gradient(115deg,transparent 28%,rgba(0,0,0,.055) 29%,transparent 30%),
    linear-gradient(72deg,transparent 54%,rgba(0,0,0,.05) 55%,transparent 56%),
    linear-gradient(160deg,transparent 71%,rgba(255,255,255,.35) 72%,transparent 73%),
    linear-gradient(20deg,transparent 43%,rgba(0,0,0,.04) 44%,transparent 45%)}
.kartka::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px);
  background-size:4px 4px;mix-blend-mode:multiply}
.kartka-zagiecie{position:absolute;top:0;right:0;width:36px;height:36px;
  background:linear-gradient(225deg,#0e131a 0 50%,transparent 50%);opacity:.22}
.kartka-tresc{position:relative;z-index:2;padding:26px 24px 20px;text-align:center}
.kartka-ikona{font-size:30px;line-height:1;margin-bottom:10px;opacity:.75;
  filter:grayscale(.35)}
.kartka h3{margin:0 0 10px;font-family:Impact,"Arial Narrow",sans-serif;font-size:23px;
  letter-spacing:1px;color:#1b1f25;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.kartka p{margin:0 0 14px;font-size:13px;line-height:1.68;color:#3a4048;
  font-family:ui-monospace,"Courier New",monospace}
.kartka-linia{height:1px;margin:0 0 14px;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0 6px,transparent 6px 12px)}
.kartka-info{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:16px}
.kartka-info span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#5a616b}
.kartka-info b{font-family:Impact,sans-serif;font-size:26px;color:#8a4b12;line-height:1}
.kartka-info i{font-style:normal;font-size:11px;color:#7a828d}
.kartka-lista{margin-bottom:16px;font-family:ui-monospace,"Courier New",monospace}
.kartka-lista div{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;
  padding:5px 2px;border-bottom:1px dotted rgba(0,0,0,.18);color:#2c3138}
.kartka-lista b{color:#8a4b12}
.kartka-lista em{display:block;margin-top:9px;font-size:11px;color:#6a727d;font-style:italic}
.modal-tlo button.kartka-btn{width:100%;margin-top:4px;padding:11px 12px !important;
  cursor:pointer;border-radius:3px !important;
  background:rgba(0,0,0,.06) !important;border:1px dashed rgba(0,0,0,.35) !important;
  color:#3a4048 !important;font-family:ui-monospace,"Courier New",monospace !important;
  font-size:11.5px !important;font-weight:600 !important;text-transform:none !important;
  letter-spacing:.2px !important;box-shadow:none !important;transition:background .16s}
.modal-tlo button.kartka-btn:hover{background:rgba(0,0,0,.12) !important;color:#1b1f25 !important}
@media(max-width:420px){.kartka-tresc{padding:22px 18px 16px}.kartka h3{font-size:20px}}

/* ===== EDYCJA MACIERZY I TALENTÓW W PANELU ===== */
#adTresc button.mac-znak{width:26px;height:26px;padding:0 !important;cursor:pointer;
  border-radius:5px !important;font-size:13px !important;line-height:1 !important;
  font-family:system-ui,sans-serif !important;text-transform:none !important;
  box-shadow:none !important;border:1px solid transparent !important;
  transition:transform .1s,border-color .15s,background .15s}
#adTresc button.mac-znak.tak{background:#0f1c14 !important;color:#8FD9A8 !important;
  border-color:#2f7a4a !important}
#adTresc button.mac-znak.nie{background:#1c0f10 !important;color:#FF8B7A !important;
  border-color:#7a2f2f !important}
#adTresc button.mac-znak:hover{transform:scale(1.12);border-color:#FFB347 !important}
.tal-edyt{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
#adTresc button.tal-btn{width:20px;height:20px;padding:0 !important;cursor:pointer;
  border-radius:4px !important;font-size:12px !important;line-height:1 !important;
  background:#1b2432 !important;color:#9aa6b8 !important;border:1px solid #2b3648 !important;
  font-family:system-ui,sans-serif !important;text-transform:none !important;box-shadow:none !important}
#adTresc button.tal-btn:hover{color:#FFB347 !important;border-color:#4a3a18 !important}

/* przycisk wejścia po zakończeniu ładowania */
.zas-wejdz{display:block;width:min(440px,86vw);margin:16px auto 0;padding:13px 18px;
  cursor:pointer;border-radius:8px;opacity:0;transform:translateY(8px);pointer-events:none;
  background:#FFB347;color:#12161d;border:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:13.5px;font-weight:700;letter-spacing:.3px;
  box-shadow:0 8px 26px rgba(0,0,0,.6),0 0 26px rgba(255,179,71,.28);
  transition:opacity .35s ease,transform .35s ease,filter .15s}
.zas-wejdz.gotowy{opacity:1;transform:none;pointer-events:auto;
  animation:zasPuls 2.4s ease-in-out infinite}
@keyframes zasPuls{0%,100%{box-shadow:0 8px 26px rgba(0,0,0,.6),0 0 18px rgba(255,179,71,.22)}
  50%{box-shadow:0 8px 26px rgba(0,0,0,.6),0 0 32px rgba(255,179,71,.45)}}
.zas-wejdz:hover{filter:brightness(1.07)}
.zas-wejdz:active{transform:translateY(1px)}
.zas-wejdz i{display:block;margin-top:3px;font-style:normal;font-size:10.5px;font-weight:600;
  opacity:.72;letter-spacing:.2px}

/* ===== EKRAN WYJŚCIA — zacieranie śladów ===== */
#zaslonaWyj{position:fixed;inset:0;z-index:9900;display:flex;align-items:center;justify-content:center;
  background:#05070a;overflow:hidden;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  animation:wyjWejscie .4s ease both}
@keyframes wyjWejscie{from{opacity:0}to{opacity:1}}
.wyj-tlo{position:absolute;inset:0;
  background:url("../img/wylogowanie.jpg") center 45% / cover no-repeat,
             url("../img/ladowanie-alt.jpg") center 45% / cover no-repeat;
  filter:grayscale(.55) brightness(.55) contrast(1.1);
  animation:wyjOddal 9s ease-out forwards}
@keyframes wyjOddal{from{transform:scale(1.02)}to{transform:scale(1.07)}}
.wyj-winieta{position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 50% 45%,transparent 22%,rgba(5,7,10,.72) 68%,rgba(5,7,10,.97) 100%),
    linear-gradient(180deg,rgba(5,7,10,.9) 0%,rgba(5,7,10,.45) 32%,rgba(5,7,10,.7) 72%,rgba(5,7,10,.98) 100%)}
.wyj-in{position:relative;z-index:2;text-align:center;padding:0 20px;transform:translateY(-4vh)}
.wyj-logo{display:block;width:min(420px,64vw);height:auto;margin:0 auto 10px;
  filter:drop-shadow(0 6px 22px rgba(0,0,0,.9)) grayscale(.35);opacity:.82}
.wyj-podtytul{margin-bottom:26px;font-size:11px;letter-spacing:4px;text-transform:uppercase;
  color:#9aa6b8;opacity:.7}
#zaslonaWyj .zas-pasek i{background:linear-gradient(90deg,#5a2f2f,#FF7A2F 55%,#FFB347);
  box-shadow:0 0 14px rgba(255,122,47,.5);transition:width .12s linear}
#zaslonaWyj .zas-liczby b{color:#FF9B6A}
#zaslonaWyj .zas-konsola{background:rgba(5,8,12,.8)}
@media(max-width:640px){.wyj-in{transform:translateY(-2vh)}.wyj-podtytul{letter-spacing:2.5px}}

/* ===== CYTATY NA EKRANACH ===== */
.cytat{width:min(440px,86vw);margin:16px auto 0;text-align:center;
  animation:cytatWjazd .8s .4s ease both}
@keyframes cytatWjazd{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cytat q{display:block;font-size:12.5px;line-height:1.65;color:#c9d3e0;opacity:.82;
  font-style:italic;quotes:"„" "”";text-shadow:0 2px 6px rgba(0,0,0,.9)}
.cytat q::before,.cytat q::after{color:#FFB347;opacity:.65;font-style:normal}
.cytat cite{display:block;margin-top:7px;font-size:10.5px;font-style:normal;letter-spacing:.6px;
  color:#8b97a8;opacity:.7;text-shadow:0 2px 6px rgba(0,0,0,.9)}
.cytat cite::before{content:"— "}
#zaslonaWyj .cytat q{color:#b6c0cd}
#zaslonaWyj .cytat q::before,#zaslonaWyj .cytat q::after{color:#FF9B6A}
@media(max-width:640px){.cytat q{font-size:11.5px}}

/* ===== TABELE W PANELU ADMINISTRATORA ===== */
.tab-obudowa{overflow-x:auto;border:1px solid #212a38;border-radius:10px;background:#0e131a;
  margin-bottom:12px}
.tab-obudowa::-webkit-scrollbar{height:8px}
.tab-obudowa::-webkit-scrollbar-thumb{background:#2a3341;border-radius:4px}
table.tab-admin{width:100%;border-collapse:separate;border-spacing:0;font-size:11.5px}
table.tab-admin th{position:sticky;top:0;z-index:3;background:#141a24;color:#FFB347;
  text-align:center;padding:9px 6px;font-size:13px;white-space:nowrap;
  border-bottom:1px solid #212a38}
table.tab-admin th:first-child{text-align:left;padding-left:14px;min-width:132px;
  position:sticky;left:0;z-index:5;box-shadow:1px 0 0 #212a38}
table.tab-admin td{padding:5px 6px;text-align:center;vertical-align:middle;
  border-bottom:1px solid rgba(255,255,255,.045)}
table.tab-admin td:first-child{text-align:left;padding-left:14px;white-space:nowrap;
  position:sticky;left:0;z-index:2;background:#0e131a;box-shadow:1px 0 0 #212a38;
  font-size:12px;color:#EDE9DE}
table.tab-admin tr:hover td{background:rgba(255,255,255,.02)}
table.tab-admin tr:hover td:first-child{background:#131922}
table.tab-admin tr:last-child td{border-bottom:0}

/* znaczniki macierzy — proste symbole, bez ramek */
#adTresc .mac-znak,.tab-admin .mac-znak{
  display:inline-block;cursor:pointer;font-size:14px;line-height:1;
  padding:3px 5px;border-radius:5px;user-select:none;
  transition:transform .12s,background .15s,filter .15s}
#adTresc .mac-znak.tak,.tab-admin .mac-znak.tak{color:#3FE0C0}
#adTresc .mac-znak.nie,.tab-admin .mac-znak.nie{color:#FF6B5A}
#adTresc .mac-znak:hover,.tab-admin .mac-znak:hover{
  transform:scale(1.3);background:rgba(255,255,255,.06);filter:brightness(1.3)}
.mac-ikona{cursor:help;font-size:15px;line-height:1}
.mac-ikona:hover{filter:brightness(1.4)}

/* edycja talentów */
.tal-edyt{display:inline-flex;align-items:center;gap:5px;padding:3px 5px;border-radius:7px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.tal-edyt b{min-width:46px;text-align:center;font-size:11.5px;font-family:ui-monospace,monospace}
#adTresc button.tal-btn,.tab-admin button.tal-btn{
  width:19px;height:19px;padding:0 !important;cursor:pointer;border-radius:5px !important;
  font-size:11px !important;line-height:17px !important;
  background:rgba(255,255,255,.05) !important;color:#9aa6b8 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  font-family:system-ui,sans-serif !important;text-transform:none !important;
  box-shadow:none !important;transition:color .15s,background .15s,border-color .15s}
#adTresc button.tal-btn:hover,.tab-admin button.tal-btn:hover{
  color:#FFB347 !important;background:rgba(255,179,71,.14) !important;
  border-color:rgba(255,179,71,.4) !important}

/* logo w oknie gry — przy wersji, dyskretnie */
#wersjaRzad{display:flex;align-items:center;gap:9px}
.gra-logo{height:17px;width:auto;display:block;opacity:.45;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));transition:opacity .2s}
.gra-logo:hover{opacity:.8}
@media(max-width:640px){.gra-logo{height:14px}}

/* ===== POŁĄCZENIE PRZYCHODZĄCE ===== */
.tel-obudowa.dzwoni{animation:telWjazd .34s cubic-bezier(.2,.9,.3,1.15) forwards,
  telTrzesie .9s ease-in-out .4s 3}
@keyframes telTrzesie{
  0%,100%{transform:translateX(0) rotate(0)}
  20%{transform:translateX(-4px) rotate(-1deg)}
  40%{transform:translateX(4px) rotate(1deg)}
  60%{transform:translateX(-3px) rotate(-.6deg)}
  80%{transform:translateX(3px) rotate(.6deg)}}
.dzw-widok{align-items:center;justify-content:center;text-align:center;gap:0}
.dzw-status{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;
  color:#8FD9A8;opacity:.85;margin-bottom:22px;animation:dzwMiga 1.6s ease-in-out infinite}
@keyframes dzwMiga{0%,100%{opacity:.5}50%{opacity:1}}
.dzw-awatar{width:82px;height:82px;margin:0 auto 18px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:34px;
  background:#141a24;border:2px solid #2a3341}
.dzw-numer{font-size:19px;font-weight:700;color:#EDE9DE;letter-spacing:.5px;
  font-family:ui-monospace,monospace;margin-bottom:6px}
.dzw-opis{font-size:11px;opacity:.5;margin-bottom:26px}
.dzw-fale{display:flex;gap:5px;justify-content:center;margin-bottom:30px}
.dzw-fale i{width:4px;height:16px;border-radius:2px;background:#3FE0C0;opacity:.4;
  animation:dzwFala 1.1s ease-in-out infinite}
.dzw-fale i:nth-child(2){animation-delay:.18s;height:24px}
.dzw-fale i:nth-child(3){animation-delay:.36s}
@keyframes dzwFala{0%,100%{transform:scaleY(.5);opacity:.35}50%{transform:scaleY(1);opacity:1}}
.dzw-btny{display:flex;gap:34px;justify-content:center}
.tel-obudowa button.dzw-btn{width:56px;height:56px;border-radius:50% !important;
  font-size:21px !important;cursor:pointer;border:0 !important;box-shadow:none !important;
  padding:0 !important;text-transform:none !important;
  display:flex !important;align-items:center;justify-content:center}
.tel-obudowa button.dzw-btn.odbierz{background:#22A06B !important;color:#fff !important;
  animation:dzwPuls 1.4s ease-in-out infinite}
.tel-obudowa button.dzw-btn.odrzuc{background:#C0392B !important;color:#fff !important}
@keyframes dzwPuls{0%,100%{box-shadow:0 0 0 0 rgba(34,160,107,.5)}
  50%{box-shadow:0 0 0 12px rgba(34,160,107,0)}}
/* rozmowa */
.rozm{flex:1;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding:4px 0 10px}
.rozm-bak{max-width:88%;padding:9px 12px;border-radius:12px;font-size:12.5px;line-height:1.55}
.rozm-bak.obcy{align-self:flex-start;background:#11161f;border:1px solid #212a38;color:#DCE3EC}
.rozm-bak.ja{align-self:flex-end;background:#1a2230;border:1px solid #2b3648;color:#EDE9DE}
.rozm-opcje{display:flex;flex-direction:column;gap:7px;padding-top:10px;
  border-top:1px solid #1a2230}
.rozm-opcje .tel-btn{font-size:11.5px !important;height:34px}
.rozm-czekaj{text-align:center;font-size:11px;opacity:.5;padding:12px 0;letter-spacing:1px}