/* Game pages share the homepage palette and the live navigation/account panel. */
#gameHub.duel-hub{background:var(--club-bg);color:var(--club-ink);font-family:'Space Grotesk',sans-serif;overflow:auto;overflow-x:hidden;scrollbar-color:var(--club-border-strong) var(--club-bg);text-align:left}
#gameHub.duel-hub.show{display:block;animation:none}
#gameHub.duel-hub::before{display:none}
.duel-hub .gh-workspace{margin-left:280px;min-width:0}
.duel-hub .gh-topbar{height:85px;border-bottom:1px solid var(--club-line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,4vw,64px);font-size:11px}
.gh-topbar>span{color:var(--club-muted)}.gh-topbar i{font-style:normal;margin:0 10px;color:var(--club-border-strong)}.gh-topbar a{color:var(--club-muted)}
.gh-back{border:0;background:none;color:var(--club-ink);font-size:12px;padding:10px 0;text-align:left}.gh-back:hover{color:var(--club-accent)}
.duel-hub .gh-main{width:100%;max-width:1450px;margin:0 auto;padding:40px clamp(24px,4vw,64px) 0}
.gh-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.gh-kicker{display:block;font-size:9px;font-weight:500;letter-spacing:1.7px;line-height:1.5;color:var(--club-faint)}
.gh-heading h1{font-size:clamp(40px,4.7vw,68px);font-weight:500;line-height:1.07;letter-spacing:-2.7px;margin-top:9px}.gh-heading h1>span{color:var(--club-accent)}
.duel-hub .gh-rules-link{font-size:12px;color:var(--club-accent);padding-bottom:7px;white-space:nowrap}
.gh-launch{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:32px;align-items:stretch}
.gh-cover{display:flex;flex-direction:column;min-width:0}
.gh-cover-image{position:relative;flex:1;min-height:380px;border:1px solid var(--club-border-strong);border-radius:14px;overflow:hidden;background:var(--club-panel);isolation:isolate}
.gh-cover-image::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#070a1480);pointer-events:none}
.gh-cover-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gh-cover-glyph{position:absolute;inset:0;display:grid;place-items:center;font-size:130px;color:var(--club-accent)}
.gh-cover-badge{position:absolute;top:17px;left:17px;z-index:1;padding:7px 11px;border:1px solid #ffffff40;background:#070a14cc;border-radius:5px;font-size:10px;letter-spacing:.3px;color:var(--club-ink)}
.gh-cover-sign{position:absolute;bottom:24px;right:20px;z-index:1;transform:rotate(-7deg);padding:15px 19px;background:var(--club-accent);color:var(--club-on-accent);font-weight:700;font-size:13px;line-height:1.1;box-shadow:0 6px 18px #0003}
.gh-cover-caption{display:flex;align-items:center;justify-content:space-between;padding:13px 2px 0;gap:12px;font-size:10px;color:var(--club-muted)}.gh-cover-caption>span:last-child{letter-spacing:6px;color:var(--club-faint)}
.gh-start{padding:26px;border:1px solid var(--club-line);border-radius:14px;background:var(--club-panel);display:flex;flex-direction:column;min-width:0}
.gh-start-heading h2{font-size:32px;font-weight:500;letter-spacing:-1.2px;margin:9px 0 12px;line-height:1.1}
.gh-start-heading p{font-size:12px;line-height:1.8;color:var(--club-muted);margin-bottom:23px}
.gh-modes{display:flex;flex-direction:column;gap:9px;margin-top:auto}
.duel-hub .gh-mode{display:flex;align-items:center;gap:13px;width:100%;padding:13px;border:1px solid var(--club-border-strong);border-radius:8px;background:var(--club-strong);color:var(--club-ink);text-align:left;min-height:68px;transition:background .15s,border-color .15s,transform .15s}
.duel-hub .gh-mode:hover:not(:disabled){border-color:var(--club-accent);background:var(--club-active);transform:translateX(3px)}
.gh-mode-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;font-size:23px;background:var(--club-bg);border:1px solid var(--club-line);border-radius:8px;color:var(--club-accent)}
.gh-mode>span:nth-child(2){flex:1;min-width:0}.gh-mode b{display:block;font-size:13px;font-weight:500;line-height:1.4}.gh-mode small{display:block;color:var(--club-muted);font-size:10px;line-height:1.4;margin-top:4px}.gh-mode>i{font-style:normal;font-size:19px;color:var(--club-faint)}
.duel-hub .gh-mode:first-child{background:var(--club-accent);color:var(--club-on-accent);border-color:var(--club-accent)}
.gh-mode:first-child .gh-mode-icon{background:#06121f12;border-color:#06121f30;color:var(--club-on-accent)}.gh-mode:first-child small,.gh-mode:first-child>i{color:var(--club-on-accent)}
.duel-hub .gh-mode:first-child:hover:not(:disabled){background:var(--club-accent-soft)}
.duel-hub .gh-mode:disabled{opacity:.45;cursor:not-allowed}
.gh-connection{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:var(--club-faint);margin-top:18px;line-height:1.6}
#ghConnection::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#fbbf24;margin-right:6px;vertical-align:middle}#ghConnection[data-status=online]::before{background:#34d399}
.gh-live-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin:38px 0 0}
.gh-panel{background:var(--club-panel);border:1px solid var(--club-line);border-radius:12px;padding:24px;min-width:0}
.gh-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.gh-panel h2{font-size:24px;font-weight:500;letter-spacing:-.7px;margin-top:7px}.gh-panel header a{font-size:10px;white-space:nowrap;color:var(--club-accent)}
.gh-live-dot{width:7px;height:7px;background:var(--club-accent);border-radius:50%;flex:none}
.gh-empty-table{display:flex;flex-direction:column;align-items:flex-start;min-height:170px;border-top:1px solid var(--club-line);padding-top:20px}
.gh-empty-table>span{font-size:25px;color:var(--club-faint);line-height:1;margin-bottom:10px}.gh-empty-table b{font-weight:500;font-size:14px}.gh-empty-table p{font-size:11px;line-height:1.8;color:var(--club-muted);margin:8px 0 16px;max-width:290px}
.duel-hub .gh-create-table{padding:10px 14px;border:1px solid var(--club-border-strong);background:var(--club-strong);color:var(--club-accent);font-size:11px;border-radius:6px}
.duel-hub .gh-empty,.duel-hub .hub-empty{padding:20px 0;font-size:12px;color:var(--club-muted);line-height:1.8}
.duel-hub #hubRank>.hub-empty{border-top:1px solid var(--club-line)}
.duel-hub .hub-podium{display:flex;align-items:stretch;gap:8px;margin-bottom:16px;justify-content:center}
.duel-hub .hub-pod,.duel-hub .hub-pod.p1{flex:1;min-width:0;border-radius:7px;background:var(--club-strong);border:1px solid var(--club-line);padding:13px 7px;min-height:0;transform:none;box-shadow:none}
.duel-hub .hub-pod .medal{font-size:21px;line-height:1.5}.duel-hub .hub-pod .nm{font-size:11px;color:var(--club-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-hub .hub-pod .ws{font-size:9px;color:var(--club-muted);line-height:1.7}
.duel-hub .hub-rank-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;padding:10px 0;border-bottom:1px solid var(--club-line);font-size:11px}.duel-hub .hub-rank-row .place{color:var(--club-faint)}.duel-hub .hub-rank-row .w{color:var(--club-accent)}
.duel-hub .open-row{border:1px solid var(--club-line);border-radius:8px;padding:13px;background:var(--club-strong);margin-top:8px}.duel-hub .open-row .om{color:var(--club-ink)}
.gh-rules{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:45px;margin-top:43px;padding:37px 0;border-top:1px solid var(--club-line);scroll-margin-top:28px}
.gh-rules h2{font-size:32px;font-weight:500;letter-spacing:-1.2px;margin:12px 0;line-height:1.2}.gh-rules-heading>p{font-size:12px;color:var(--club-muted);line-height:1.8}
.gh-rules-body{font-size:12px;line-height:1.9;color:var(--club-muted)}.gh-rules-body>p{color:var(--club-ink);margin-bottom:15px}.gh-rules-body ul{list-style:none;padding:0;margin:0;counter-reset:rule}.gh-rules-body li{position:relative;padding:10px 0 10px 32px;border-top:1px solid var(--club-line);counter-increment:rule}.gh-rules-body li::before{content:counter(rule,decimal-leading-zero);position:absolute;left:0;top:12px;font-size:9px;color:var(--club-accent)}
.gh-guide{border:1px solid var(--club-line);border-radius:10px;background:var(--club-panel)}
.gh-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:21px 24px;cursor:pointer}.gh-guide>summary::-webkit-details-marker{display:none}.gh-guide>summary b{font-size:14px;font-weight:500;display:block}.gh-guide>summary small{display:block;font-size:10px;color:var(--club-muted);margin-top:6px}.gh-guide>summary i{font-style:normal;font-size:26px;color:var(--club-accent)}.gh-guide[open]>summary i{transform:rotate(45deg)}
.duel-hub .hub-editorial{background:none;box-shadow:none;border:0;border-top:1px solid var(--club-line);border-radius:0;margin:0;padding:26px 24px;grid-column:auto;font-family:inherit;font-size:13px;line-height:1.9;color:var(--club-muted);width:100%;max-width:none}
.duel-hub .hub-editorial::before{display:none}.duel-hub .hub-editorial h2{font-size:28px;color:var(--club-ink);letter-spacing:-.8px}.duel-hub .hub-editorial h3{font-size:17px;font-weight:500;color:var(--club-ink)}.duel-hub .hub-editorial-facts span{background:var(--club-strong);border-color:var(--club-line);color:var(--club-muted);font-size:10px}.duel-hub .hub-editorial-meta{background:var(--club-strong);border-color:var(--club-line)}.duel-hub .hub-editorial footer a,.duel-hub .hub-editorial-meta a{color:var(--club-accent)}
.gh-next{margin:43px 0}.gh-next>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.gh-next h2{font-size:25px;font-weight:500;letter-spacing:-.7px}.gh-text-button{border:0;background:none;color:var(--club-accent);font-size:11px;padding:8px 0}
.gh-next-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gh-next-game{display:block;overflow:hidden;border:1px solid var(--club-line);border-radius:9px;background:var(--club-panel);transition:border-color .15s}.gh-next-game:hover{border-color:var(--club-accent)}.gh-next-game img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}.gh-next-game>span{padding:13px;display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:10px}.gh-next-game i{font-style:normal;color:var(--club-accent)}
.gh-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 0 30px;border-top:1px solid var(--club-line)}.gh-footer>span{font-weight:700;font-size:21px;letter-spacing:-1px}.gh-footer small{display:inline-block;color:var(--club-muted);font-size:10px;font-weight:400;letter-spacing:0;margin-left:15px}.gh-footer nav{display:flex;gap:19px;font-size:10px;color:var(--club-muted)}
@media(max-width:1200px){.gh-launch{gap:20px}.gh-start{padding:22px}.gh-start-heading h2{font-size:28px}.duel-hub .gh-mode{padding:11px;gap:10px;min-height:65px}.gh-mode-icon{width:30px;height:33px;font-size:20px}.gh-mode b{font-size:12px}.gh-mode small{font-size:9px}.gh-cover-image{min-height:360px}.gh-panel{padding:20px}.gh-panel h2{font-size:21px}.gh-kicker{font-size:8px}.gh-connection{flex-direction:column;gap:2px}}
@media(min-width:761px) and (max-width:1000px){.duel-hub .gh-workspace{margin-left:248px}.gh-launch{grid-template-columns:minmax(0,1fr)}.gh-cover-image{min-height:0;aspect-ratio:1.4}.gh-start{padding:24px}.gh-live-grid{grid-template-columns:minmax(0,1fr)}.gh-rules{grid-template-columns:minmax(0,1fr);gap:20px}.gh-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-next>header{align-items:flex-start;flex-direction:column;gap:8px}.gh-footer small{display:block;margin:5px 0 0}.gh-topbar>span{display:none}}
@media(max-width:760px){.duel-hub .gh-workspace{margin-left:0}.duel-hub .gh-topbar{height:58px;padding:0 22px}.gh-topbar>span{display:none}.duel-hub .gh-main{padding:28px 22px 0}.gh-heading h1{font-size:47px}.gh-launch{gap:18px}.gh-cover-image{min-height:345px}.gh-start{padding:20px}.gh-start-heading h2{font-size:26px}.gh-live-grid{gap:16px;margin-top:28px}.gh-panel{padding:20px}.gh-rules{gap:25px;margin-top:32px;padding-top:28px}.gh-rules h2{font-size:28px}.gh-next h2{font-size:23px}.gh-next-grid{gap:10px}.gh-next-game>span{padding:11px;font-size:11px}.gh-footer>span{font-size:20px}}
@media(max-width:600px){.duel-hub .gh-main{padding:25px 18px 0}.duel-hub .gh-topbar{padding:0 18px}.gh-heading{margin-bottom:20px;align-items:center}.gh-heading h1{font-size:clamp(32px,9vw,48px);letter-spacing:-1.7px}.gh-heading .gh-kicker{font-size:7px;letter-spacing:1px}.duel-hub .gh-rules-link{font-size:11px}.gh-launch{grid-template-columns:minmax(0,1fr);gap:20px}.gh-cover-image{min-height:0;aspect-ratio:1.35}.gh-cover-sign{font-size:11px;padding:13px 16px;bottom:20px;right:17px}.gh-cover-caption{padding-top:11px;font-size:9px}.gh-start{padding:22px 18px}.gh-start-heading h2{font-size:30px}.gh-start-heading p{font-size:12px;margin-bottom:20px}.duel-hub .gh-mode{min-height:70px;padding:13px;gap:12px}.gh-mode b{font-size:14px}.gh-mode small{font-size:11px}.gh-mode-icon{width:35px;height:35px;font-size:23px}.gh-connection{flex-direction:row;font-size:8px;gap:10px}.gh-live-grid{grid-template-columns:minmax(0,1fr)}.gh-panel h2{font-size:24px}.gh-panel header a{font-size:10px}.gh-panel .gh-kicker{font-size:8px}.gh-rules{grid-template-columns:minmax(0,1fr);gap:20px}.gh-rules h2{font-size:30px}.gh-rules-body{font-size:13px}.gh-guide>summary{padding:19px 18px;gap:15px}.gh-guide>summary b{font-size:13px}.gh-guide>summary small{font-size:10px;line-height:1.5}.duel-hub .hub-editorial{padding:22px 18px}.duel-hub .hub-editorial h2{font-size:25px}.duel-hub .hub-editorial-columns{grid-template-columns:1fr}.gh-next>header{flex-direction:column;align-items:flex-start;gap:6px}.gh-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-next-game>span{font-size:12px}.gh-footer{align-items:flex-start;flex-direction:column;gap:15px}.gh-footer small{font-size:9px}.gh-footer nav{font-size:11px}}
@media(prefers-reduced-motion:reduce){.duel-hub *{animation:none!important;transition:none!important}.duel-hub .gh-mode:hover{transform:none}}

/* ===== Jasny motyw z aplikacji (2026-11-01) =====
   Podstrona gry wygląda jak aplikacja Karciak w jasnym motywie: lawendowe tło, białe panele z zaokrągleniem
   22 px, fiolet #6D28D9 jako akcent główny, róż #DB2777 jako wyróżnienie, chipy i przyciski-pigułki,
   teksty w skali aplikacji (12–16 px zamiast 8–11 px). Tokeny 1:1 z KarciakColors (jasny motyw).
   Pasek boczny i panel konta są przenoszone do #gameHub, więc zmienne --club-* rozjaśniają też je. */
#gameHub.duel-hub{
  --club-bg:#F4F1FD;--club-raised:#FFFFFF;--club-panel:#FFFFFF;--club-strong:#EEE9FB;--club-active:#E4D9FC;
  --club-line:#E8E1F8;--club-border:#E8E1F8;--club-border-strong:#D6CBF2;
  --club-ink:#1F1633;--club-muted:#5B5370;--club-faint:#6E6688;
  --club-accent:#6D28D9;--club-accent-soft:#5B21B6;--club-accent-border:#6D28D966;--club-on-accent:#FFFFFF;
  --club-violet:#6D28D9;--club-cyan:#08778B;
  --app-pink:#DB2777;--app-pink-light:#F472B6;--app-pink-deep:#BE185D;--app-shadow:0 1px 2px rgba(45,20,90,.06),0 4px 14px rgba(45,20,90,.07);
  color-scheme:light;
}

/* pasek boczny */
#gameHub .k-sidebar{background:#fff;border-right-color:var(--club-line)}
#gameHub .k-brand{color:var(--club-ink)}
#gameHub .k-brand-symbol,#gameHub .k-brand-dot{color:var(--app-pink)}
#gameHub .k-nav-caption{color:var(--club-accent);font-weight:700;letter-spacing:.6px}
#gameHub .k-nav-item{font-size:15px;font-weight:600;border-radius:999px;color:var(--club-muted)!important}
#gameHub .k-nav-item>span{color:var(--club-faint)}
#gameHub .k-nav-item:hover{background:var(--club-strong);color:var(--club-accent)!important}
#gameHub .k-nav-item.active{background:var(--club-accent);border-color:var(--club-accent);color:#fff!important}
#gameHub .k-nav-item.active>span{color:#fff}
#gameHub .k-sidebar-bottom a{font-size:13px;color:var(--club-muted)}
#gameHub .k-sidebar-bottom a:hover{color:var(--club-accent)}
#gameHub .k-side-account>summary{color:var(--club-muted)}
#gameHub .profile-v2{background:#fff;border:1px solid var(--club-line);border-radius:22px;box-shadow:var(--app-shadow);color:var(--club-ink)}
#gameHub .profile-v2 .name-display{color:var(--club-ink)}
#gameHub .profile-v2 .name-note,#gameHub .profile-v2 .profile-numbers span,#gameHub .profile-v2 .guest-account-copy,#gameHub .profile-v2 .profile-progress{color:var(--club-muted)}
#gameHub .profile-v2 .profile-numbers b,#gameHub .profile-v2 .xp-num{color:var(--club-ink)}
#gameHub .profile-v2 .profile-avatar-v2{background:linear-gradient(135deg,#EDE4FF,#FCE7F3);color:var(--club-accent);border:3px solid #fff;box-shadow:0 0 0 2px var(--app-pink-light)}
#gameHub .profile-v2 .xp-bar{background:var(--club-strong)}
#gameHub .profile-v2 .xp-bar i{background:linear-gradient(90deg,var(--club-accent),var(--app-pink))}
#gameHub .profile-v2 .pc-account,#gameHub .profile-v2 .profile-numbers,#gameHub .profile-v2 .profile-progress{border-color:var(--club-line)}
#gameHub .profile-v2 .btn{border-radius:999px;min-height:44px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;font-size:12px;background:var(--club-accent);color:#fff;border:0;box-shadow:0 6px 16px rgba(109,40,217,.25)}
#gameHub .profile-v2 .btn.ghost{background:#fff;color:var(--club-accent);border:1.5px solid var(--club-border-strong);box-shadow:none}

/* nagłówek i tytuł */
#gameHub .gh-topbar{height:72px;font-size:14px;background:var(--club-bg);position:sticky;top:0;z-index:5}
#gameHub .gh-back{font-size:15px;font-weight:600;color:var(--club-accent)}
#gameHub .gh-back:hover{color:var(--app-pink)}
#gameHub .gh-topbar a{font-weight:600}
#gameHub .gh-topbar a:hover{color:var(--club-accent)}
#gameHub .gh-kicker{font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--club-accent)}
#gameHub .gh-heading h1{font-weight:700;letter-spacing:-1.6px}
#gameHub .gh-heading h1>span{color:var(--app-pink)}
#gameHub .gh-rules-link{font-size:15px;font-weight:600;padding:10px 18px;border:1.5px solid var(--club-border-strong);border-radius:999px;background:#fff}
#gameHub .gh-rules-link:hover{border-color:var(--club-accent)}

/* okładka jak kafel gry w aplikacji */
#gameHub .gh-cover-image{border:1px solid var(--club-border-strong);border-radius:22px;background:var(--club-strong);box-shadow:var(--app-shadow)}
#gameHub .gh-cover-image::after{background:linear-gradient(180deg,transparent 55%,rgba(91,33,182,.55))}
#gameHub .gh-cover-badge{top:16px;left:16px;padding:8px 14px;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:var(--club-accent);font-size:13px;font-weight:700;box-shadow:var(--app-shadow)}
#gameHub .gh-cover-sign{border-radius:14px;background:linear-gradient(180deg,var(--app-pink-light),var(--app-pink) 55%,var(--app-pink-deep));color:#fff;font-size:14px;box-shadow:0 8px 22px rgba(219,39,119,.3)}
#gameHub .gh-cover-caption{font-size:13px}
#gameHub .gh-cover-caption>span:last-child{color:var(--app-pink)}

/* wybór trybu jak przyciski w aplikacji */
#gameHub .gh-start{padding:28px;border-radius:22px;border-color:var(--club-line);box-shadow:var(--app-shadow)}
#gameHub .gh-start-heading h2{font-size:32px;font-weight:700;letter-spacing:-.8px}
#gameHub .gh-start-heading p{font-size:15px;line-height:1.6}
#gameHub .gh-modes{gap:10px}
#gameHub .gh-mode{min-height:72px;padding:14px 16px;border-radius:18px;border:1.5px solid var(--club-border-strong);background:#fff;color:var(--club-ink)}
#gameHub .gh-mode:hover:not(:disabled){background:var(--club-strong);border-color:var(--club-accent);transform:translateY(-1px)}
#gameHub .gh-mode-icon{width:42px;height:42px;border-radius:50%;border:0;background:var(--club-strong);color:var(--club-accent);font-size:22px}
#gameHub .gh-mode b{font-size:16px;font-weight:700}
#gameHub .gh-mode small{font-size:13px;color:var(--club-muted)}
#gameHub .gh-mode>i{color:var(--club-accent)}
#gameHub .gh-mode:first-child{background:var(--club-accent);border-color:var(--club-accent);color:#fff;box-shadow:0 8px 22px rgba(109,40,217,.28)}
#gameHub .gh-mode:first-child:hover:not(:disabled){background:var(--club-accent-soft)}
#gameHub .gh-mode:first-child .gh-mode-icon{background:rgba(255,255,255,.18);color:#fff}
#gameHub .gh-mode:first-child small,#gameHub .gh-mode:first-child>i{color:rgba(255,255,255,.88)}
/* opcje stołu (wariant, liczba botów) — chipy jak w ustawieniach gry w aplikacji */
#gameHub .gh-options{display:grid;gap:14px;margin:0 0 18px;padding:16px;border-radius:18px;background:var(--club-strong)}
#gameHub .gh-opt{margin:0;padding:0;border:0;min-width:0}
#gameHub .gh-opt legend{margin-bottom:8px;padding:0;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--club-accent)}
#gameHub .gh-opt div{display:flex;flex-wrap:wrap;gap:8px}
#gameHub .gh-chip{min-height:40px;padding:0 18px;border-radius:999px;border:1.5px solid var(--club-border-strong);background:#fff;color:var(--club-muted);font:700 14px/1 inherit;font-family:inherit;letter-spacing:.3px;cursor:pointer}
#gameHub .gh-chip:hover{border-color:var(--club-accent);color:var(--club-ink)}
#gameHub .gh-chip[aria-checked=true]{background:var(--club-accent);border-color:var(--club-accent);color:#fff}
#gameHub .gh-opt-hint{margin:0;font-size:14px;line-height:1.5;color:var(--club-muted)}
#gameHub .gh-connection{font-size:13px;color:var(--club-muted)}
#gameHub #ghConnection::before{width:8px;height:8px}
#gameHub #ghConnection[data-status=online]::before{background:#17744F}

/* panele społeczności */
#gameHub .gh-panel{padding:26px;border-radius:22px;box-shadow:var(--app-shadow)}
#gameHub .gh-panel h2{font-size:24px;font-weight:700;letter-spacing:-.5px}
#gameHub .gh-panel header a{font-size:14px;font-weight:600}
#gameHub .gh-live-dot{width:10px;height:10px;background:var(--app-pink);box-shadow:0 0 0 5px rgba(219,39,119,.15)}
#gameHub .gh-empty-table>span{color:var(--club-accent);font-size:28px}
#gameHub .gh-empty-table b{font-size:17px;font-weight:700}
#gameHub .gh-empty-table p{font-size:15px;line-height:1.6}
#gameHub .gh-create-table{padding:0 20px;min-height:44px;border-radius:999px;border:1.5px solid var(--club-border-strong);background:#fff;color:var(--club-accent);font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
#gameHub .gh-create-table:hover:not(:disabled){border-color:var(--club-accent);background:var(--club-strong)}
#gameHub .gh-empty,#gameHub .hub-empty{font-size:15px}
#gameHub .hub-pod,#gameHub .hub-pod.p1{border-radius:18px;background:var(--club-strong);border-color:var(--club-line);padding:14px 8px}
#gameHub .hub-pod.p1{background:linear-gradient(180deg,#FCE7F3,#F4ECFF);border-color:#F9C5DE}
#gameHub .hub-pod .nm{font-size:14px;font-weight:700}
#gameHub .hub-pod .ws{font-size:12px}
#gameHub .hub-rank-row{padding:12px 4px;font-size:15px;background:none;color:var(--club-ink)}
#gameHub .hub-rank-row .place{color:var(--club-faint);font-weight:700}
#gameHub .hub-rank-row .w{color:var(--app-pink);font-weight:700}
#gameHub .open-row{border-radius:18px;background:var(--club-strong);font-size:15px}
#gameHub .open-row .btn{border-radius:999px;background:var(--club-accent);color:#fff;border:0;font-weight:700}

/* zasady i poradnik */
#gameHub .gh-rules h2{font-size:32px;font-weight:700;letter-spacing:-.8px}
#gameHub .gh-rules-heading>p,#gameHub .gh-rules-body{font-size:16px;line-height:1.7}
#gameHub .gh-rules-body li{padding-left:44px}
#gameHub .gh-rules-body li::before{display:grid;place-items:center;width:28px;height:28px;top:9px;border-radius:50%;background:var(--club-active);font-size:12px;font-weight:700}
#gameHub .gh-guide{border-radius:22px;box-shadow:var(--app-shadow)}
#gameHub .gh-guide>summary b{font-size:17px;font-weight:700}
#gameHub .gh-guide>summary small{font-size:14px}
#gameHub .gh-guide>summary i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--club-strong)}
#gameHub .gh-guide-open{padding:6px 0 0}
#gameHub .hub-editorial{font-size:16px;line-height:1.75;color:var(--club-ink);border-top:0}
#gameHub .hub-editorial p,#gameHub .hub-editorial li{color:var(--club-ink)}
#gameHub .hub-editorial-lead{font-size:18px;line-height:1.65;color:var(--club-muted)!important}
#gameHub .hub-editorial-kicker{font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--club-accent)}
#gameHub .hub-editorial-section,#gameHub .hub-editorial-mistakes,#gameHub .hub-editorial-faq{margin-top:28px}
#gameHub .hub-editorial li::marker{color:var(--club-accent);font-weight:700}
#gameHub .hub-editorial-faq details{border-top:1px solid var(--club-line);padding:4px 0}
#gameHub .hub-editorial-faq summary{padding:12px 0;font-weight:700;cursor:pointer;color:var(--club-ink)}
#gameHub .hub-editorial-faq summary::marker{color:var(--club-accent)}
#gameHub .hub-editorial details,#gameHub .hub-editorial details:last-child{border-color:var(--club-line)}
#gameHub .hub-editorial-meta{background:var(--club-strong);border-color:var(--club-line);color:var(--club-muted)}
#gameHub .hub-editorial-meta strong{color:var(--club-ink)}
#gameHub .hub-editorial-meta span{color:var(--club-muted)}
#gameHub .hub-editorial footer{border-top-color:var(--club-line)}
#gameHub .hub-editorial footer a{color:var(--club-accent)}
#gameHub .hub-editorial-faq details p{color:var(--club-muted);margin:0 0 12px}
/* ściąga kart funkcyjnych: mała karta „classic” + opis */
#gameHub .hub-cardref{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:14px}
#gameHub .hub-cardref-item{display:flex;align-items:center;gap:16px;padding:14px;border-radius:18px;background:var(--club-strong);border:1px solid var(--club-line)}
#gameHub .hub-cardref-item strong{display:block;font-size:16px}
#gameHub .hub-cardref-item p{margin:2px 0 0;font-size:14px;line-height:1.5;color:var(--club-muted)}
#gameHub .hub-mini-card{position:relative;flex:none;width:58px;aspect-ratio:63/88;border-radius:7px;border:1px solid #CBC5B4;background:#F3EFE3;color:#17202E;box-shadow:0 4px 10px rgba(91,33,182,.12)}
#gameHub .hub-mini-card.red{color:#CE1F41}
#gameHub .hub-mini-card b{position:absolute;left:5px;top:3px;font-size:15px;line-height:1}
#gameHub .hub-mini-card i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:30px;line-height:1}
#gameHub .hub-editorial h2{font-weight:700}
#gameHub .hub-editorial h3{font-weight:700;font-size:19px}
#gameHub .hub-editorial-facts span{font-size:13px;border-radius:999px}
#gameHub .hub-editorial-meta{border-radius:18px}

/* „Masz ochotę na inną grę?” — kafle jak na ekranie głównym aplikacji */
#gameHub .gh-next h2{font-size:26px;font-weight:700}
#gameHub .gh-text-button{font-size:14px;font-weight:600}
#gameHub .gh-next-game{position:relative;border-radius:18px;border-color:var(--club-border-strong);box-shadow:var(--app-shadow)}
#gameHub .gh-next-game img{aspect-ratio:1.5;transition:transform .3s}
#gameHub .gh-next-game:hover img{transform:scale(1.04)}
#gameHub .gh-next-game::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(91,33,182,.78));pointer-events:none}
#gameHub .gh-next-game>span{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:12px 16px;color:#fff;font-size:19px;font-weight:700;text-shadow:0 2px 8px rgba(40,10,80,.4)}
#gameHub .gh-next-game i{color:#fff}

#gameHub .gh-footer>span{color:var(--club-ink)}
#gameHub .gh-footer small,#gameHub .gh-footer nav{font-size:13px}
#gameHub .gh-footer nav a:hover{color:var(--club-accent)}

@media(max-width:760px){#gameHub .k-nav-item{font-size:13px}}
@media(max-width:600px){
  #gameHub .gh-topbar{height:58px}
  #gameHub .gh-heading .gh-kicker{font-size:11px}
  #gameHub .gh-start-heading h2{font-size:28px}
  #gameHub .gh-mode b{font-size:15px}
  #gameHub .gh-next-game>span{font-size:16px;padding:10px 12px}
}