/* v0.5.0 — jedno konto testowe */
body.auth-locked{overflow:hidden}
body.auth-locked>.topbar,
body.auth-locked>.game-shell,
body.auth-locked>.task-modal{visibility:hidden;pointer-events:none}
.auth-gate{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:
radial-gradient(circle at 50% 0,#14354d 0,#081722 42%,#02070b 100%)}
.auth-gate[hidden]{display:none}
.auth-card{width:min(430px,94vw);padding:28px;border:1px solid #2e6688;border-radius:10px;background:linear-gradient(180deg,#0e2637,#07141e);box-shadow:0 28px 80px #000c,inset 0 1px #ffffff0d}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.auth-brand>span{font-size:34px}.auth-brand b{display:block;font-size:22px;letter-spacing:.5px}.auth-brand small{display:block;margin-top:3px;color:#83a7ba;font-size:10px;letter-spacing:.7px}
.auth-card h1{margin:0 0 7px;font-size:20px}.auth-card>p{margin:0 0 20px;color:#9db4c1;font-size:11px;line-height:1.5}
.auth-field{display:block;margin-top:12px}.auth-field span{display:block;margin-bottom:5px;color:#a8c5d4;font-size:9px;font-weight:800;letter-spacing:.4px}.auth-field input{width:100%;height:44px;padding:0 12px;border:1px solid #315a72;border-radius:5px;background:#07131c;color:#fff;font-size:14px;outline:none}.auth-field input:focus{border-color:#35aef2;box-shadow:0 0 0 2px #1b8ac755}
.auth-submit{width:100%;height:46px;margin-top:16px;border:1px solid #39a9ec;border-radius:5px;background:linear-gradient(#118fe7,#086caf);color:#fff;font-weight:900;cursor:pointer}.auth-submit:hover{filter:brightness(1.08)}.auth-submit:disabled{opacity:.55;cursor:wait}
.auth-message{min-height:18px;margin-top:10px;text-align:center;color:#91aab8;font-size:9px}.auth-message.error{color:#ff938a}.auth-message.ok{color:#74e198}
.auth-note{margin-top:17px;padding:9px;border-left:3px solid #c99a3c;background:#271f11;color:#d9c490;font-size:8px;line-height:1.45}
.auth-profile{display:flex;align-items:center;gap:7px}.auth-profile span{color:#8ecbf0!important}.auth-logout{padding:6px 9px;border:1px solid #486778;border-radius:4px;background:#0a1821;color:#d6e5ec;font-size:8px;font-weight:800;cursor:pointer}.auth-logout:hover{border-color:#d25a50;color:#ffb5ae}

/* v0.5.3 — odświeżony ekran logowania */
.auth-gate{
  background:#000!important;
}
.auth-card{
  width:min(470px,94vw)!important;
  padding:30px 30px 22px!important;
  border:1px solid #2d7db0!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#0b2f49 0%,#082238 54%,#071b2b 100%)!important;
  box-shadow:0 30px 90px #000,0 0 0 1px #0e4d73,inset 0 1px #ffffff12!important;
}
.auth-brand{
  display:flex!important;align-items:center!important;gap:13px!important;
  margin-bottom:24px!important;padding-bottom:16px!important;
  border-bottom:1px solid #2c6486!important
}
.auth-bolt{font-size:36px!important;line-height:1!important;filter:drop-shadow(0 0 7px #ffca2e66)}
.auth-brand-copy{min-width:0;flex:1}
.auth-brand-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.auth-brand-line b{font-size:19px!important;letter-spacing:.35px!important;color:#fff!important}
.auth-brand-line em{
  display:inline-flex;align-items:center;height:21px;padding:0 8px;
  border:1px solid #d8a717;border-radius:10px;
  background:#3a2e05;color:#ffd43b;
  font:900 8px Arial;font-style:normal;letter-spacing:.6px
}
.auth-brand small{
  margin-top:6px!important;color:#9fc3d8!important;font-size:9px!important;
  letter-spacing:1px!important;font-weight:800!important
}
.auth-card h1{margin:0 0 8px!important;font-size:18px!important;letter-spacing:.6px!important}
.auth-card>p{margin:0 0 20px!important;color:#b7cfdd!important;font-size:11px!important}
.auth-submit{
  height:46px!important;margin-top:17px!important;
  background:linear-gradient(#118fe7,#0767a8)!important;
  border-color:#3cb2f3!important;
  letter-spacing:.4px!important
}
.auth-note{display:none!important}
.auth-footer{
  margin-top:17px;padding-top:14px;
  border-top:1px solid #2a5a76;
  text-align:center;color:#7f9bac;
  font:bold 8px Arial;letter-spacing:.45px
}
.auth-footer a{color:#70cfff;text-decoration:none}
.auth-footer a:hover{color:#fff;text-decoration:underline}

/* v0.5.4 — badge beta pod nagłówkiem */
.auth-brand-line{display:block!important}
.auth-brand-line em{display:none!important}
.auth-beta{
  display:inline-flex;align-items:center;
  margin-top:9px;padding:4px 8px;
  border:1px solid #c79a14;border-radius:9px;
  background:#362a06;color:#ffd238;
  font:900 7.5px Arial;letter-spacing:.65px
}

/* v0.5.4b — WERSJA BETA na górnej krawędzi ramki */
.auth-card{position:relative!important}
.auth-beta{display:none!important}
.auth-beta-edge{
  position:absolute;
  top:-8px;
  right:34px;
  padding:0 9px;
  background:#0b2f49;
  color:#ffd436;
  font:900 8px Arial;
  letter-spacing:.9px;
  line-height:16px;
  text-transform:uppercase;
  z-index:3;
  text-shadow:0 0 8px #ffd43644;
}
.auth-beta-edge:before,
.auth-beta-edge:after{
  content:'';
  position:absolute;
  top:8px;
  width:7px;
  height:1px;
  background:#2d7db0;
}
.auth-beta-edge:before{left:-7px}
.auth-beta-edge:after{right:-7px}

/* v0.5.5 — uproszczona i lepiej dopasowana etykieta BETA */
.auth-beta-edge{
  top:-22px!important;
  right:18px!important;
  padding:0!important;
  background:transparent!important;
  color:#ffd436!important;
  font:900 8px Arial!important;
  letter-spacing:1.1px!important;
  line-height:14px!important;
  text-shadow:0 0 6px #ffd43633!important;
}
.auth-beta-edge:before,
.auth-beta-edge:after{display:none!important}

/* v0.5.6 — kompaktowy panel logowania ~50% mniejszy */
.auth-card{
  width:min(330px,92vw)!important;
  padding:20px 20px 16px!important;
  border-radius:8px!important;
}
.auth-brand{
  gap:9px!important;
  margin-bottom:16px!important;
  padding-bottom:11px!important;
}
.auth-bolt{font-size:27px!important}
.auth-brand-line b{font-size:15px!important;letter-spacing:.25px!important}
.auth-brand small{
  margin-top:4px!important;
  font-size:7px!important;
  letter-spacing:.75px!important
}
.auth-card h1{
  margin:0 0 5px!important;
  font-size:15px!important
}
.auth-card>p{
  margin:0 0 14px!important;
  font-size:8px!important;
  line-height:1.35!important
}
.auth-field{margin-top:8px!important}
.auth-field span{
  margin-bottom:4px!important;
  font-size:7px!important
}
.auth-field input{
  height:34px!important;
  padding:0 10px!important;
  border-radius:4px!important;
  font-size:11px!important
}
.auth-submit{
  height:36px!important;
  margin-top:11px!important;
  border-radius:4px!important;
  font-size:11px!important
}
.auth-message{
  min-height:13px!important;
  margin-top:7px!important;
  font-size:7px!important
}
.auth-footer{
  margin-top:11px!important;
  padding-top:9px!important;
  font-size:6.5px!important;
  letter-spacing:.3px!important
}
.auth-beta-edge{
  top:-18px!important;
  right:12px!important;
  font-size:7px!important;
  letter-spacing:.8px!important
}

/* v0.5.6 — kompaktowy panel logowania */
.auth-card{width:min(330px,92vw)!important;padding:20px 20px 16px!important;border-radius:8px!important}
.auth-brand{gap:9px!important;margin-bottom:16px!important;padding-bottom:11px!important}
.auth-bolt{font-size:27px!important}
.auth-brand-line b{font-size:15px!important;letter-spacing:.25px!important}
.auth-brand small{margin-top:4px!important;font-size:7px!important;letter-spacing:.75px!important}
.auth-card h1{margin:0 0 5px!important;font-size:15px!important}
.auth-card>p{margin:0 0 14px!important;font-size:8px!important;line-height:1.35!important}
.auth-field{margin-top:8px!important}
.auth-field span{margin-bottom:4px!important;font-size:7px!important}
.auth-field input{height:34px!important;padding:0 10px!important;border-radius:4px!important;font-size:11px!important}
.auth-submit{height:36px!important;margin-top:11px!important;border-radius:4px!important;font-size:11px!important}
.auth-message{min-height:13px!important;margin-top:7px!important;font-size:7px!important}
.auth-footer{margin-top:11px!important;padding-top:9px!important;font-size:6.5px!important;letter-spacing:.3px!important}
.auth-beta-edge{top:-18px!important;right:12px!important;font-size:7px!important;letter-spacing:.8px!important}

/* v0.7.5 — panel gracza po zalogowaniu */
.auth-card.hub-open{
  width:min(860px,96vw)!important;
  padding:24px 26px 18px!important;
}
.auth-card.hub-open .auth-brand{
  margin-bottom:18px!important;
}
.player-hub[hidden]{display:none!important}
.player-hub{
  display:block;
}
.player-welcome{
  margin-bottom:16px;
}
.player-welcome>small{
  display:block;
  margin-bottom:4px;
  color:#61c7ff;
  font:bold 7px Arial;
  letter-spacing:1.25px;
}
.player-welcome h1{
  margin:0!important;
  color:#fff;
  font-size:22px!important;
  letter-spacing:.15px!important;
}
.player-welcome h1 span{color:#61c7ff}
.player-welcome p{
  margin:6px 0 0!important;
  color:#9eb7c5!important;
  font-size:9px!important;
}
.player-modes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.mode-card{
  position:relative;
  min-height:136px;
  padding:17px 14px 14px;
  border:1px solid #315b73;
  border-radius:7px;
  background:linear-gradient(180deg,#0b2130,#071720);
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:.14s ease;
  overflow:hidden;
}
.mode-card:hover{
  transform:translateY(-2px);
  border-color:#48bfff;
  box-shadow:0 8px 20px #0007,0 0 0 1px #1474a9;
}
.mode-card .mode-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-bottom:12px;
  border:1px solid #347a9d;
  border-radius:7px;
  background:#0b344a;
  color:#69ceff;
  font:bold 17px Arial;
}
.mode-card b{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  letter-spacing:.35px;
}
.mode-card small{
  display:block;
  color:#9db4c1;
  font-size:7.5px;
  line-height:1.45;
}
.mode-card.free{border-color:#287d67}
.mode-card.free .mode-icon{border-color:#329a7f;background:#0b392f;color:#6fe3bd}
.mode-card.learn{border-color:#2f7199}
.mode-card.exam{
  border-color:#725d32;
  cursor:default;
}
.mode-card.exam:hover{
  transform:none;
  border-color:#725d32;
  box-shadow:none;
}
.mode-card.exam .mode-icon{
  border-color:#8b7139;
  background:#392e13;
  color:#f0c85e;
}
.mode-card.exam em{
  position:absolute;
  right:9px;
  top:9px;
  padding:3px 6px;
  border:1px solid #8b7139;
  border-radius:8px;
  background:#322810;
  color:#e8c45f;
  font:900 5.5px Arial;
  font-style:normal;
  letter-spacing:.5px;
}
.account-summary{
  margin-top:12px;
  padding:11px 12px 12px;
  border:1px solid #294b5e;
  border-radius:6px;
  background:#06141d;
}
.account-summary-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.account-summary-head>b{
  color:#dcecf4;
  font-size:7px;
  letter-spacing:.7px;
}
.account-active{
  color:#67dc92;
  font:bold 6.5px Arial;
  letter-spacing:.35px;
}
.account-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
.account-grid>div{
  min-width:0;
  padding:8px 9px;
  border:1px solid #213f50;
  border-radius:4px;
  background:#091b26;
}
.account-grid span{
  display:block;
  margin-bottom:4px;
  color:#718d9d;
  font:bold 5.8px Arial;
  letter-spacing:.45px;
}
.account-grid b{
  display:block;
  overflow:hidden;
  color:#dcecf3;
  font:bold 7.5px Arial;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.auth-card.hub-open .auth-footer{
  margin-top:13px!important;
}
@media(max-width:760px){
  .auth-card.hub-open{width:min(430px,94vw)!important}
  .player-modes{grid-template-columns:1fr}
  .mode-card{min-height:104px}
  .account-grid{grid-template-columns:1fr 1fr}
}

/* v0.7.6 — nowe menu gracza i ustawienia */
.topbar{
  grid-template-columns:260px 1fr auto!important;
}
.player-mainnav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  height:38px!important;
}
.player-navbtn,
.player-level-status{
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  margin:0!important;
  border:1px solid #31566b!important;
  border-right:0!important;
  background:linear-gradient(#0d2230,#091720)!important;
  color:#dceaf1!important;
  font:bold 9px Arial!important;
  letter-spacing:.4px!important;
  white-space:nowrap!important;
}
.player-navbtn{
  cursor:pointer!important;
}
.player-navbtn:first-child{
  border-radius:5px 0 0 5px!important;
}
.player-level-status{
  border-right:1px solid #31566b!important;
  border-radius:0 5px 5px 0!important;
  color:#6fd1ff!important;
  min-width:148px!important;
}
.player-navbtn:hover{
  background:linear-gradient(#123049,#0b2230)!important;
  color:#fff!important;
}
.profile-compact{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:150px!important;
}
.profile-compact .auth-profile{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.mode-hidden{display:none!important}

/* dodatkowe sekcje panelu gracza */
.hub-tools{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.hub-tools button{
  position:relative;
  min-height:64px;
  padding:10px 11px;
  border:1px solid #294d61;
  border-radius:5px;
  background:#081923;
  color:#dceaf1;
  text-align:left;
  cursor:pointer;
}
.hub-tools button:hover:not(:disabled){
  border-color:#48bfff;
  background:#0b2432;
}
.hub-tools b{
  display:block;
  margin-bottom:5px;
  font-size:7.5px;
  letter-spacing:.35px;
}
.hub-tools small{
  display:block;
  color:#7894a3;
  font-size:6.5px;
  line-height:1.35;
}
.hub-tools em{
  position:absolute;
  right:7px;
  top:7px;
  color:#e5bf5a;
  font:900 5.5px Arial;
  font-style:normal;
  letter-spacing:.45px;
}
.hub-tool-building{
  opacity:.65;
  cursor:default!important;
}

/* ustawienia gry */
.game-settings-modal{
  position:fixed;
  inset:0;
  z-index:10020;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#02070dcc;
  backdrop-filter:blur(4px);
}
.game-settings-modal[hidden]{display:none!important}
.game-settings-window{
  width:min(560px,92vw);
  overflow:hidden;
  border:1px solid #326c8f;
  border-radius:8px;
  background:#0a1822;
  box-shadow:0 28px 80px #000d;
}
.game-settings-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  background:#10293b;
  border-bottom:1px solid #2b5067;
}
.game-settings-head b{
  display:block;
  font-size:11px;
}
.game-settings-head small{
  display:block;
  margin-top:3px;
  color:#87a1b0;
  font-size:7px;
}
.game-settings-head button{
  width:32px;
  height:32px;
  border:1px solid #42657a;
  border-radius:4px;
  background:#0b1720;
  font-size:20px;
  cursor:pointer;
}
.game-settings-body{
  padding:14px;
}
.setting-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:11px 12px;
  margin-bottom:8px;
  border:1px solid #27495d;
  border-radius:5px;
  background:#081923;
}
.setting-row b{
  display:block;
  font-size:8px;
}
.setting-row small{
  display:block;
  margin-top:3px;
  color:#829ba8;
  font-size:6.5px;
}
.setting-row input{
  width:18px;
  height:18px;
  accent-color:#168fd5;
}
.settings-note{
  padding:10px 12px;
  border-left:3px solid #3c7798;
  background:#0b202d;
}
.settings-note b{
  display:block;
  margin-bottom:3px;
  font-size:7px;
}
.settings-note span{
  color:#859eaa;
  font-size:6.5px;
}

/* ustawienia funkcjonalne */
body.no-ui-animations *,
body.no-ui-animations *:before,
body.no-ui-animations *:after{
  transition:none!important;
  animation:none!important;
}
body.no-terminal-guidance .wire-terminal.guide-compatible,
body.no-terminal-guidance .wire-terminal.guide-target,
body.no-terminal-guidance .wire-terminal.guide-source,
body.no-terminal-guidance .wire-terminal.guide-dim{
  outline:none!important;
  filter:none!important;
  opacity:1!important;
}
body.no-terminal-guidance .wire-terminal.guide-compatible,
body.no-terminal-guidance .wire-terminal.guide-target,
body.no-terminal-guidance .wire-terminal.guide-source{
  box-shadow:inset 0 0 0 2px #aeb5b1,0 1px 2px #0005!important;
}

@media(max-width:980px){
  .player-navbtn,.player-level-status{padding:0 10px!important;font-size:8px!important}
  .hub-tools{grid-template-columns:1fr}
}

/* v0.7.7 — wybór rozdzielnicy w Wolnej Budowie */
.free-board-shortcut{padding:6px}
.free-board-button{
  width:100%;display:grid;grid-template-columns:32px 1fr 20px;align-items:center;text-align:left;
  padding:9px;border:1px solid #2d7c65;background:#0d2d26;border-radius:5px;cursor:pointer
}
.free-board-button>span{font-size:20px;color:#6fe3bd}
.free-board-button div b{display:block;font-size:11px}
.free-board-button div small{display:block;font-size:8px;color:#9bbdb1;margin-top:3px}
.free-board-button i{font-size:22px;color:#73d9b8}
.free-board-button:hover{border-color:#53c7a1;background:#103a30}

.board-selector-modal{
  position:fixed;inset:0;z-index:10030;display:flex;align-items:center;justify-content:center;
  padding:22px;background:#02070ddd;backdrop-filter:blur(5px)
}
.board-selector-modal[hidden]{display:none!important}
.board-selector-window{
  width:min(980px,95vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid #326c8f;border-radius:9px;background:#081720;box-shadow:0 32px 90px #000e
}
.board-selector-head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:15px 17px;background:linear-gradient(#113247,#0c2637);border-bottom:1px solid #2c5269
}
.board-selector-head b{display:block;font-size:12px;letter-spacing:.35px}
.board-selector-head small{display:block;margin-top:4px;color:#91aab8;font-size:7.5px}
.board-selector-head button{
  width:34px;height:34px;border:1px solid #42657a;border-radius:4px;background:#0b1720;
  font-size:22px;cursor:pointer
}
.board-selector-info{
  display:flex;align-items:center;justify-content:space-between;padding:9px 16px;
  border-bottom:1px solid #1d3949;background:#07131b
}
.board-selector-info span{color:#74caef;font:bold 7px Arial;letter-spacing:.65px}
.board-selector-info b{color:#9bb2bf;font:bold 7px Arial}
.board-selector-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
  padding:14px;overflow:auto
}
.board-choice-card{
  position:relative;min-height:245px;padding:12px;border:1px solid #2c5266;border-radius:7px;
  background:linear-gradient(180deg,#0d2331,#08161f);color:#dce9ef;text-align:left;cursor:pointer;
  transition:.14s ease
}
.board-choice-card:hover{
  transform:translateY(-2px);border-color:#4abcf5;box-shadow:0 9px 22px #0008,0 0 0 1px #0b6797
}
.board-choice-card.recommended{border-color:#2f7d67}
.board-choice-card .board-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.board-choice-card .board-card-top span{
  padding:3px 6px;border:1px solid #325469;border-radius:8px;background:#0b1b25;color:#91b4c7;
  font:bold 5.5px Arial;letter-spacing:.4px
}
.board-choice-card .board-card-top em{
  color:#67d7b2;font:bold 5.5px Arial;font-style:normal;letter-spacing:.45px
}
.board-choice-card>strong{display:block;font-size:10px;line-height:1.3}
.board-choice-card>small{display:block;margin-top:4px;color:#809aa8;font-size:6.5px}
.board-preview{
  height:105px;margin:12px 0 10px;padding:9px;border:7px solid #62696b;border-radius:3px;
  background:linear-gradient(135deg,#c5c7c3,#ecece8 45%,#b9bcb8);box-shadow:inset 0 0 18px #26313633
}
.board-preview-row{
  height:calc((100% - (var(--preview-rows,1) - 1)*5px)/var(--preview-rows,1));
  display:grid;grid-template-columns:repeat(var(--preview-cols,12),1fr);gap:1px;margin-bottom:5px;
  padding:4px 3px;background:#d8dad6;border:1px solid #878d89;box-shadow:inset 0 -3px #8a9290
}
.board-preview-row:last-child{margin-bottom:0}
.board-preview-slot{
  min-width:0;background:linear-gradient(#f4f5f2,#cdd1cd);border:1px solid #9aa19d;border-radius:1px
}
.board-card-meta{
  display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px
}
.board-card-meta div{
  padding:6px 5px;border:1px solid #203d4d;border-radius:3px;background:#07141c;text-align:center
}
.board-card-meta span{display:block;color:#6e8997;font:bold 5px Arial}
.board-card-meta b{display:block;margin-top:2px;color:#dce9ef;font:bold 7px Arial}
.board-choice-card .board-card-action{
  display:block;margin-top:10px;color:#65d4ae;font:bold 7px Arial;letter-spacing:.4px
}
.board-selector-foot{
  padding:10px 15px;border-top:1px solid #1f3b4a;background:#07131b;color:#718d9a;font-size:6.5px
}
@media(max-width:900px){
  .board-selector-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .board-selector-grid{grid-template-columns:1fr}
}

/* v0.7.7b — stabilny układ miniatur rozdzielnic */
.board-preview{display:flex!important;flex-direction:column!important;gap:5px!important}
.board-preview-row{height:auto!important;flex:1 1 0!important;margin-bottom:0!important}


/* v0.7.11 — Panel Graczy dla administratora */
.players-modal{
  position:fixed;
  inset:0;
  z-index:10040;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#02070ddd;
  backdrop-filter:blur(5px);
}
.players-modal[hidden]{display:none!important}
.players-window{
  width:min(620px,92vw);
  overflow:hidden;
  border:1px solid #326c8f;
  border-radius:8px;
  background:#091923;
  box-shadow:0 30px 85px #000e;
}
.players-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  background:linear-gradient(#123247,#0c2637);
  border-bottom:1px solid #2d5369;
}
.players-head b{
  display:block;
  font-size:12px;
  letter-spacing:.45px;
}
.players-head small{
  display:block;
  margin-top:4px;
  color:#8fa8b6;
  font-size:7px;
}
.players-head button{
  width:32px;
  height:32px;
  border:1px solid #42657a;
  border-radius:4px;
  background:#0b1720;
  font-size:20px;
  cursor:pointer;
}
.players-list{
  display:grid;
  gap:8px;
  padding:14px;
}
.player-account{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:12px 13px;
  border:1px solid #28495b;
  border-radius:5px;
  background:#071720;
}
.player-account.admin{
  border-color:#3a6f8e;
  background:#0a2030;
}
.player-account span{
  display:block;
  color:#6e9fba;
  font:bold 5.7px Arial;
  letter-spacing:.65px;
}
.player-account b{
  display:block;
  margin-top:3px;
  color:#eef7fa;
  font-size:11px;
}
.player-account small{
  display:block;
  margin-top:4px;
  color:#7c96a3;
  font-size:6.5px;
}
.player-account em{
  flex:none;
  padding:4px 7px;
  border:1px solid #367956;
  border-radius:9px;
  background:#0e2c20;
  color:#72db96;
  font:900 5.7px Arial;
  font-style:normal;
  letter-spacing:.5px;
}
.players-note{
  margin:0 14px 14px;
  padding:9px 10px;
  border-left:3px solid #b88a32;
  background:#211b0e;
  color:#cbb98d;
  font-size:6.5px;
  line-height:1.45;
}


/* v0.7.11 — dopracowanie nagłówka Panelu Gracza */
.auth-card.hub-open .auth-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.auth-brand-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.auth-brand-actions{
  display:none;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin-left:auto;
}
.auth-card.hub-open .auth-brand-actions{
  display:flex;
}
.hub-header-link{
  position:relative;
  min-width:98px;
  height:42px;
  padding:6px 10px;
  border:1px solid #294d61;
  border-radius:5px;
  background:#081923;
  color:#dceaf1;
  text-align:left;
  opacity:.72;
  cursor:default;
}
.hub-header-link b{
  display:block;
  font:bold 7.5px Arial;
  letter-spacing:.35px;
}
.hub-header-link small{
  display:block;
  margin-top:3px;
  color:#c9a955;
  font:bold 5.2px Arial;
  letter-spacing:.5px;
}

.player-welcome-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
}
.player-welcome-row .player-welcome{
  margin-bottom:0!important;
}
.hub-logout{
  flex:none;
  height:38px;
  min-width:126px;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid #6c3a3a;
  border-radius:5px;
  background:linear-gradient(#2e1719,#211012);
  color:#f0d9d9;
  cursor:pointer;
}
.hub-logout:hover{
  border-color:#b75d5d;
  background:linear-gradient(#422024,#2a1316);
  color:#fff;
}
.hub-logout span{
  font-size:13px;
  line-height:1;
}
.hub-logout b{
  font:bold 7px Arial;
  letter-spacing:.55px;
}

.auth-card.hub-open .hub-tools{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

@media(max-width:760px){
  .auth-card.hub-open .auth-brand{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .auth-card.hub-open .auth-brand-actions{
    width:100%;
    justify-content:flex-start;
  }
  .player-welcome-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .hub-logout{
    width:100%;
  }
  .auth-card.hub-open .hub-tools{
    grid-template-columns:1fr!important;
  }
}


/* v0.7.11 — regulowany rozmiar tekstu paneli */
.setting-row-select select{
  min-width:92px;
  height:32px;
  padding:0 9px;
  border:1px solid #315b70;
  border-radius:4px;
  background:#091923;
  color:#e7f0f4;
  font:bold 9px Arial;
  outline:none;
  cursor:pointer;
}
.setting-row-select select:focus{border-color:#3daee9}

/* 115% — domyślnie */
body.panel-text-large .player-welcome>small{font-size:8.5px!important}
body.panel-text-large .player-welcome h1{font-size:24px!important}
body.panel-text-large .player-welcome p{font-size:10.5px!important}
body.panel-text-large .mode-card b{font-size:12.5px!important}
body.panel-text-large .mode-card small{font-size:9px!important}
body.panel-text-large .mode-card.exam em{font-size:6.5px!important}
body.panel-text-large .account-summary-head>b{font-size:8.5px!important}
body.panel-text-large .account-active{font-size:7.5px!important}
body.panel-text-large .account-grid span{font-size:7px!important}
body.panel-text-large .account-grid b{font-size:9px!important}
body.panel-text-large .hub-tools b{font-size:9px!important}
body.panel-text-large .hub-tools small{font-size:8px!important}
body.panel-text-large .hub-header-link b{font-size:9px!important}
body.panel-text-large .hub-header-link small{font-size:6.5px!important}
body.panel-text-large .hub-logout b{font-size:8.5px!important}
body.panel-text-large .auth-card.hub-open .auth-footer{font-size:7.5px!important}

body.panel-text-large .game-settings-head b{font-size:13px!important}
body.panel-text-large .game-settings-head small{font-size:8.5px!important}
body.panel-text-large .setting-row b{font-size:9.5px!important}
body.panel-text-large .setting-row small{font-size:8px!important}
body.panel-text-large .settings-note b{font-size:8.5px!important}
body.panel-text-large .settings-note span{font-size:8px!important}
body.panel-text-large .setting-row-select select{font-size:10px!important}

body.panel-text-large .players-head b{font-size:14px!important}
body.panel-text-large .players-head small{font-size:8.5px!important}
body.panel-text-large .players-toolbar span{font-size:7px!important}
body.panel-text-large .players-toolbar button{font-size:8px!important}
body.panel-text-large .player-account span{font-size:7px!important}
body.panel-text-large .player-account b{font-size:13px!important}
body.panel-text-large .player-account small{font-size:8px!important}
body.panel-text-large .player-edit-btn{font-size:7.5px!important}
body.panel-text-large .player-account .player-license b{font-size:8.5px!important}
body.panel-text-large .player-account .player-license small{font-size:7px!important}
body.panel-text-large .player-editor-head b{font-size:10.5px!important}
body.panel-text-large .player-editor-head span{font-size:7px!important}
body.panel-text-large .player-edit-section-title{font-size:7.5px!important}
body.panel-text-large .player-edit-grid label>span{font-size:7px!important}
body.panel-text-large .player-edit-grid input,
body.panel-text-large .player-edit-grid select,
body.panel-text-large .player-edit-grid textarea{font-size:9px!important}
body.panel-text-large .player-editor-actions button{font-size:8px!important}
body.panel-text-large .player-editor-message{font-size:7.5px!important}
body.panel-text-large .players-note{font-size:8px!important}

/* 130% — duży */
body.panel-text-xlarge .player-welcome>small{font-size:9.5px!important}
body.panel-text-xlarge .player-welcome h1{font-size:27px!important}
body.panel-text-xlarge .player-welcome p{font-size:12px!important}
body.panel-text-xlarge .mode-card b{font-size:14px!important}
body.panel-text-xlarge .mode-card small{font-size:10px!important}
body.panel-text-xlarge .mode-card.exam em{font-size:7.5px!important}
body.panel-text-xlarge .account-summary-head>b{font-size:9.5px!important}
body.panel-text-xlarge .account-active{font-size:8.5px!important}
body.panel-text-xlarge .account-grid span{font-size:8px!important}
body.panel-text-xlarge .account-grid b{font-size:10px!important}
body.panel-text-xlarge .hub-tools b{font-size:10px!important}
body.panel-text-xlarge .hub-tools small{font-size:9px!important}
body.panel-text-xlarge .hub-header-link b{font-size:10px!important}
body.panel-text-xlarge .hub-header-link small{font-size:7.5px!important}
body.panel-text-xlarge .hub-logout b{font-size:9.5px!important}
body.panel-text-xlarge .auth-card.hub-open .auth-footer{font-size:8.5px!important}

body.panel-text-xlarge .game-settings-head b{font-size:14px!important}
body.panel-text-xlarge .game-settings-head small{font-size:9.5px!important}
body.panel-text-xlarge .setting-row b{font-size:11px!important}
body.panel-text-xlarge .setting-row small{font-size:9px!important}
body.panel-text-xlarge .settings-note b{font-size:9.5px!important}
body.panel-text-xlarge .settings-note span{font-size:9px!important}
body.panel-text-xlarge .setting-row-select select{font-size:11px!important}

body.panel-text-xlarge .players-head b{font-size:15px!important}
body.panel-text-xlarge .players-head small{font-size:9.5px!important}
body.panel-text-xlarge .players-toolbar span{font-size:8px!important}
body.panel-text-xlarge .players-toolbar button{font-size:9px!important}
body.panel-text-xlarge .player-account span{font-size:8px!important}
body.panel-text-xlarge .player-account b{font-size:14px!important}
body.panel-text-xlarge .player-account small{font-size:9px!important}
body.panel-text-xlarge .player-edit-btn{font-size:8.5px!important}
body.panel-text-xlarge .player-account .player-license b{font-size:9.5px!important}
body.panel-text-xlarge .player-account .player-license small{font-size:8px!important}
body.panel-text-xlarge .player-editor-head b{font-size:12px!important}
body.panel-text-xlarge .player-editor-head span{font-size:8px!important}
body.panel-text-xlarge .player-edit-section-title{font-size:8.5px!important}
body.panel-text-xlarge .player-edit-grid label>span{font-size:8px!important}
body.panel-text-xlarge .player-edit-grid input,
body.panel-text-xlarge .player-edit-grid select,
body.panel-text-xlarge .player-edit-grid textarea{font-size:10px!important}
body.panel-text-xlarge .player-editor-actions button{font-size:9px!important}
body.panel-text-xlarge .player-editor-message{font-size:8.5px!important}
body.panel-text-xlarge .players-note{font-size:9px!important}
