/* ============================================================
   ORION / PEGAZ layout — struktura w stylu rezoria (unnamed3)
   odbudowana czystym CSS + zmiennymi (dwie skorki: dark/light).
   Kolory pochodza WYLACZNIE ze zmiennych (patrz skin-*.css).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800;900&family=Metamorphous&family=Open+Sans:wght@400;600;700&display=swap');

/* ---- DOMYSLNE ZMIENNE (fallback = ORION dark) ---- */
:root{
	--font-head:'Metamorphous', 'Cinzel', Georgia, serif;
	--font-logo:'Cinzel', 'Metamorphous', Georgia, serif;
	--font-body:'Open Sans', system-ui, -apple-system, sans-serif;
	--page-w:1116px;

	--bg:#0d0a14;
	--bg-2:#14101f;
	--ink:#c9c2d4;
	--ink-dim:#8a8397;
	--gold:#f5c57b;
	--gold-2:#c8701a;
	--accent:#7c4dff;
	--panel:rgba(20,16,30,0.72);
	--panel-2:rgba(0,0,0,0.35);
	--panel-3:rgba(0,0,0,0.20);
	--border:rgba(200,112,26,0.28);
	--border-2:#3a2a44;
	--link:#d99246;
	--link-hover:#ffd257;
	--head-grad:linear-gradient(#fbc758,#5f3508);
	--ok:#54ff47;
	--danger:#ff5b5b;
	--radius:6px;
	--shadow:0 6px 22px rgba(0,0,0,0.45);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
	background:var(--bg);
	background-image:
		radial-gradient(1200px 460px at 50% -80px, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%),
		radial-gradient(900px 500px at 50% 0, color-mix(in srgb, var(--gold-2) 12%, transparent), transparent 60%);
	background-repeat:no-repeat;
	color:var(--ink);
	font-family:var(--font-body);
	font-size:13px;
	line-height:1.5;
	text-shadow:0 1px 0 rgba(0,0,0,0.35);
}
a{color:var(--link);text-decoration:none;transition:color .18s;}
a:hover{color:var(--link-hover);}
img{max-width:100%;}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:normal;}

/* ---------- SZKIELET ---------- */
.page{width:var(--page-w);max-width:calc(100% - 24px);margin:0 auto;padding-bottom:40px;}

/* NAV bar */
.nav{
	margin:20px 0 14px;
	background:var(--panel);
	border:1px solid var(--border);
	border-radius:10px;
	box-shadow:var(--shadow);
	display:flex;flex-wrap:wrap;
	padding:6px;gap:4px;
	backdrop-filter:blur(3px);
}
.nav a{
	flex:1 1 auto;text-align:center;
	font-family:var(--font-head);
	font-size:13px;letter-spacing:.4px;
	color:var(--gold);
	padding:12px 10px;border-radius:7px;
	position:relative;transition:background .18s,color .18s,transform .1s;
}
.nav a:hover{background:color-mix(in srgb,var(--accent) 26%,transparent);color:#fff;transform:translateY(-1px);}
.nav a.active{background:color-mix(in srgb,var(--gold-2) 30%,transparent);color:#fff;}
.nav a i{display:block;font-size:16px;margin-bottom:4px;opacity:.9;}
.nav a span{display:block;font-size:12px;}
.nav .lang-switch{flex:0 0 auto;margin-left:auto;border:1px solid var(--border);border-radius:7px;}
.nav .lang-switch i{font-size:14px;}
.nav .lang-switch span{font-size:11px;letter-spacing:.5px;}

/* ---- HERO BANNER (grafika + nakladka logo) ---- */
.hero-banner{
	position:relative;margin:0 0 18px;border-radius:12px;overflow:hidden;
	min-height:230px;display:flex;align-items:center;justify-content:center;
	background-size:cover;background-position:center 30%;
	border:1px solid var(--border);box-shadow:var(--shadow);
}
.hero-banner.no-art{background:linear-gradient(160deg,var(--bg-2),color-mix(in srgb,var(--accent) 30%,var(--bg-2)));min-height:180px;}
.hero-scrim{position:absolute;inset:0;
	background:
		radial-gradient(52% 88% at 50% 44%, rgba(5,3,12,.85) 0%, rgba(5,3,12,.5) 42%, transparent 74%),
		linear-gradient(180deg, rgba(5,3,12,.25) 0%, transparent 34%, color-mix(in srgb,var(--bg) 92%,transparent) 98%);
}
.skin-pegaz .hero-scrim{
	background:
		radial-gradient(58% 82% at 50% 46%, rgba(18,9,3,.6) 0%, rgba(18,9,3,.3) 46%, transparent 76%),
		linear-gradient(180deg, rgba(18,9,3,.2) 0%, transparent 35%, color-mix(in srgb,var(--bg) 86%,transparent) 98%);
}
.hero-inner{position:relative;z-index:2;text-align:center;padding:30px 16px;width:100%;}
.hero-logo{display:inline-block;text-align:center;line-height:1;}
.hero-logo-img{display:block;max-width:min(560px,88%);height:auto;margin:0 auto;
	filter:drop-shadow(0 6px 16px rgba(0,0,0,.55));}
.hero-logo.has-img .brand-tag{margin-top:6px;}
.brand-word{
	display:block;
	font-family:var(--font-logo);font-weight:800;
	font-size:clamp(46px,9vw,88px);letter-spacing:.06em;
	background:linear-gradient(180deg,#fff6df 4%,var(--gold) 42%,var(--gold-2) 96%);
	-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
	text-transform:uppercase;
	/* glebia bez filter (filter psuje background-clip:text) */
	text-shadow:0 2px 3px rgba(0,0,0,.5);
}
.skin-orion .brand-word{background-image:linear-gradient(180deg,#fff6df 2%,var(--gold) 38%,#8e6bff 98%);}
.brand-rule{
	display:flex;align-items:center;justify-content:center;gap:12px;
	margin:12px auto 0;max-width:min(520px,86%);
	color:var(--gold);
}
.brand-rule::before,.brand-rule::after{content:"";height:1px;flex:1;
	background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 75%,transparent),transparent);}
.brand-rule i{font-size:11px;opacity:.9;}
.brand-tag{
	display:block;margin-top:10px;
	font-family:var(--font-body);font-weight:600;font-size:12px;
	letter-spacing:.42em;text-transform:uppercase;
	color:color-mix(in srgb,var(--gold) 60%,#fff 40%);
	padding-left:.42em;
}
.skin-pegaz .brand-tag{color:var(--gold-2);}
.hero-inner .statusbar{margin-top:16px;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(4px);}
.status-dot{font-size:9px;vertical-align:middle;color:var(--ok);}
.statusbar.off .status-dot{color:var(--danger);}

/* ---- GALERIA ---- */
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.gallery-item{display:block;border-radius:8px;overflow:hidden;border:1px solid var(--border);aspect-ratio:4/3;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s;display:block;}
.gallery-item:hover img{transform:scale(1.06);}

/* LOGO */
.logo{
	text-align:center;margin:14px auto 10px;
}
.logo .logo-img{max-height:150px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));}
.logo .logo-text{
	font-family:var(--font-head);font-size:46px;line-height:1;
	background:var(--head-grad);-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;color:transparent;
	text-shadow:none;letter-spacing:1px;
}
.logo .logo-sub{color:var(--ink-dim);font-size:12px;margin-top:6px;letter-spacing:3px;text-transform:uppercase;}

/* STATUS BAR */
.statusbar{
	display:flex;justify-content:center;gap:40px;
	background:var(--panel-2);border:1px solid var(--border);
	border-radius:8px;padding:9px 16px;margin:0 auto 18px;max-width:640px;
	font-family:var(--font-head);font-size:13px;color:var(--gold);
}
.statusbar span{color:var(--ok);font-weight:bold;}
.statusbar.off span{color:var(--danger);}

/* ---------- UKLAD 2-KOLUMNOWY ---------- */
.pg-layout{display:flex;gap:16px;align-items:flex-start;}
.widget_col{width:262px;flex:0 0 262px;}
.main_col{flex:1 1 auto;min-width:0;}

/* ---------- WIDGET (lewy pasek) ---------- */
.widget{
	background:var(--panel);
	border:1px solid var(--border);
	border-radius:10px;
	margin-bottom:14px;overflow:hidden;
	box-shadow:var(--shadow);
}
.widget_head{
	font-family:var(--font-head);font-size:15px;color:var(--gold);
	padding:11px 14px;
	background:linear-gradient(180deg,color-mix(in srgb,var(--gold-2) 26%,transparent),transparent);
	border-bottom:1px solid var(--border);
	display:flex;align-items:center;gap:8px;
}
.widget_head .ico{font-size:14px;opacity:.95;color:var(--gold-2);width:18px;text-align:center;}
.widget_body{padding:8px 10px 10px;}
.widget_content ul{list-style:none;margin:0;padding:0;}
.widget_content li a{
	display:block;color:var(--ink);
	padding:6px 8px;border-radius:5px;
	border-bottom:1px solid color-mix(in srgb,var(--border-2) 55%,transparent);
	transition:background .15s,padding .15s,color .15s;
}
.widget_content li:last-child a{border-bottom:0;}
.widget_content li a span{color:var(--gold-2);margin-right:5px;}
.widget_content li a:hover{background:var(--panel-2);color:var(--gold);padding-left:12px;}
.widget_content li a .lvl{float:right;background:var(--panel-2);color:var(--ink-dim);border-radius:4px;padding:0 6px;font-size:11px;}
.blink{animation:blink 1s steps(2,start) infinite;}
@keyframes blink{to{visibility:hidden;}}

/* login form w widgecie */
.login-label{display:block;font-size:11px;color:var(--ink-dim);margin:6px 0 2px;}
.login-input{width:100%;padding:7px 9px;margin-bottom:4px;border-radius:6px;
	border:1px solid var(--border-2);background:var(--panel-2);color:var(--ink);}
.login-btn,.cbtn{
	display:block;width:100%;text-align:center;cursor:pointer;
	font-family:var(--font-head);font-size:14px;
	padding:9px;margin-top:6px;border:0;border-radius:7px;
	background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#1a1005;
	transition:filter .15s,transform .1s;
}
.login-btn:hover,.cbtn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#1a1005;}
.cbtn-red{background:linear-gradient(180deg,#e07a5f,#9b2f1f);color:#fff;}
.cbtn-red:hover{color:#fff;}
.login-links{list-style:none;padding:0;margin:8px 0 0;text-align:center;font-size:12px;}
.login-links li{margin:3px 0;}

/* ---------- MAIN COL / KARTY (jak rezoria) ---------- */
.cnt_top{text-align:center;margin-bottom:14px;}
.cnt_top h3{
	font-family:var(--font-head);font-size:26px;margin:0;
	background:var(--head-grad);-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;
}
.card,.news-container,.newsbox{
	background:var(--panel);
	border:1px solid var(--border);
	border-radius:10px;margin-bottom:14px;overflow:hidden;
	box-shadow:var(--shadow);
}
.card-header{
	font-family:var(--font-head);font-size:16px;color:var(--gold);
	padding:11px 15px;border-bottom:1px solid var(--border);
	background:linear-gradient(180deg,color-mix(in srgb,var(--gold-2) 22%,transparent),transparent);
}
.card-body{padding:14px 15px;}

/* HERO CTA */
.hero-cta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.hero-cta a{
	display:flex;flex-direction:column;align-items:center;justify-content:center;
	gap:4px;padding:18px;border-radius:10px;text-align:center;
	font-family:var(--font-head);font-size:18px;
	border:1px solid var(--border);box-shadow:var(--shadow);
	transition:transform .12s,filter .15s;
}
.hero-cta a small{font-family:var(--font-body);font-size:11px;color:var(--ink-dim);}
.hero-cta a:hover{transform:translateY(-2px);filter:brightness(1.06);}
.hero-cta .cta-download{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 40%,var(--panel)),var(--panel));color:#fff;}
.hero-cta .cta-register{background:linear-gradient(160deg,color-mix(in srgb,var(--gold-2) 45%,var(--panel)),var(--panel));color:var(--gold);}

/* HERO STATS (2 duze) */
.hero-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;}
.hero-box{
	background:var(--panel-2);border:1px solid var(--border);
	padding:10px;border-radius:6px;text-align:center;overflow:hidden;
}
.hero-box b{color:var(--gold);font-size:10px;text-transform:uppercase;display:block;margin-bottom:3px;letter-spacing:.5px;}
.hero-box span{color:var(--ink);font-weight:bold;font-size:13px;}

/* STATUS + staty inline */
.server-status-bar{
	background:var(--panel-2);border:1px solid var(--ok);
	color:var(--ok);text-align:center;padding:7px;font-weight:bold;
	font-size:.9em;border-radius:6px;margin-bottom:12px;
}
.server-status-bar.off{border-color:var(--danger);color:var(--danger);}
.stats-inline-row{
	display:flex;justify-content:space-around;gap:8px;
	background:var(--panel-3);padding:10px;border-radius:6px;margin-bottom:12px;
	border:1px solid var(--border-2);
}
.stat-mini-box{text-align:center;}
.stat-mini-box b{color:var(--gold);display:block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;}
.stat-mini-box span{color:var(--ink);font-weight:bold;font-size:16px;}

/* CASTLE */
.castle-box{
	text-align:center;padding:10px;margin-bottom:12px;
	border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2);
	background:linear-gradient(to right,transparent,var(--panel-3),transparent);font-size:12px;
}
.castle-box b{color:var(--gold);}
.event-countdown,.pg-cd-pill{
	display:inline-block;padding:3px 12px;border:1px solid var(--border);
	background:var(--panel-2);border-radius:5px;font-weight:bold;color:var(--gold);
}

/* GUILDS grid */
.guilds-header-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.guild-entry-box{
	display:flex;flex-direction:column;align-items:center;gap:5px;
	background:var(--panel-2);border:1px solid var(--border-2);
	border-radius:8px;padding:12px 8px;transition:transform .12s,border-color .15s;
}
.guild-entry-box:hover{transform:translateY(-2px);border-color:var(--gold-2);}
.guild-logo-img{width:56px;height:56px;object-fit:contain;}
.guild-name-label{color:var(--gold);font-weight:bold;font-size:12px;text-align:center;}
.guild-points-label{color:var(--ink-dim);font-size:11px;}

/* VIDEO */
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.video-item .ratio{position:relative;padding-bottom:56.25%;height:0;border-radius:8px;overflow:hidden;border:1px solid var(--border);}
.video-item iframe{position:absolute;inset:0;width:100%;height:100%;}

/* NEWS list */
.news-item{border-bottom:1px solid var(--border-2);padding:9px 2px;}
.news-item:last-child{border-bottom:0;}
.news-item .news-date{color:var(--ink-dim);font-size:11px;}
.news_content img{max-width:100%;border-radius:6px;margin:4px 0;}

/* countdown (home) */
.pg-cd-wrap{text-align:center;margin-bottom:14px;}
.pg-cd-cap{font-family:var(--font-head);color:var(--gold);margin-bottom:8px;}
.pg-cd{display:flex;justify-content:center;gap:10px;}
.pg-cd .u{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;min-width:64px;}
.pg-cd .u b{display:block;font-size:26px;color:var(--gold);font-family:var(--font-head);}
.pg-cd .u span{font-size:11px;color:var(--ink-dim);text-transform:uppercase;}
.pg-cd-utc{color:var(--ink-dim);font-size:11px;margin-top:6px;}

.footer{text-align:center;color:var(--ink-dim);font-size:12px;padding:26px 0 10px;margin-top:8px;border-top:1px solid var(--border-2);}
.footer a{color:var(--gold-2);}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:10px;}
.footer-links a{font-family:var(--font-head);font-size:13px;}
.footer-copy{opacity:.8;}

/* placeholder brakujacego itemu */
img.item-fallback{opacity:.72;border-radius:4px;}

/* pusty stan (np. brak newsow) */
.empty-state{text-align:center;padding:18px 10px;color:var(--ink-dim);}
.empty-state > i{font-size:30px;color:var(--gold-2);opacity:.7;display:block;margin-bottom:10px;}
.empty-state p{margin:0 0 14px;}

/* ---- DISCORD widget ---- */
.discord-widget .widget_body{padding:0;}
.discord-embed{display:block;border:0;border-radius:0 0 10px 10px;background:transparent;}
.discord-placeholder{padding:16px 14px;text-align:center;}
.discord-placeholder > i{font-size:34px;color:#5865F2;display:block;margin-bottom:8px;}
.discord-placeholder p{color:var(--ink-dim);font-size:12px;margin:0 0 12px;}
.discord-join{
	display:inline-flex;align-items:center;gap:8px;justify-content:center;width:100%;
	background:#5865F2;color:#fff;font-weight:700;font-family:var(--font-head);
	padding:10px;border-radius:8px;transition:filter .15s,transform .1s;
}
.discord-join:hover{filter:brightness(1.1);transform:translateY(-1px);color:#fff;}

/* ---- PRAWA KOLUMNA: Top gracze ---- */
.toplist li a{display:flex;align-items:center;gap:8px;}
.toplist .rank{
	flex:0 0 20px;width:20px;height:20px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;
	font-size:11px;font-weight:bold;color:#1a1005;
	background:var(--panel-2);color:var(--ink-dim);
}
.toplist .rank.r1{background:linear-gradient(180deg,#ffe08a,#d9a11a);color:#3a2408;}
.toplist .rank.r2{background:linear-gradient(180deg,#e4e4ea,#a9adb8);color:#2a2a30;}
.toplist .rank.r3{background:linear-gradient(180deg,#e6b47a,#b5732e);color:#3a2408;}
.toplist .tp-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.toplist .lvl{position:static;flex:0 0 auto;background:var(--panel-2);color:var(--gold);border-radius:4px;padding:0 6px;font-size:11px;}

/* ---- PRAWA KOLUMNA: Eventy ---- */
.event-list .event-row{padding:8px 4px;border-bottom:1px solid color-mix(in srgb,var(--border-2) 55%,transparent);}
.event-list .event-row:last-child{border-bottom:0;}
.event-list .ev-top{color:var(--gold);font-size:13px;}
.event-list .ev-top i{color:var(--gold-2);width:16px;text-align:center;}
.event-list .ev-sub{color:var(--ink-dim);font-size:11px;margin:2px 0 4px;}
.event-list .ev-cd .event-countdown{width:100%;text-align:center;font-variant-numeric:tabular-nums;}

/* ============================================================
   ARKUSZ DOKUMENTU — tresc generowana przez silnik (Gesior)
   jest projektowana pod JASNE tlo (wpisane bgcolor tabel, ciemny
   tekst, <font color=red>). Renderujemy ja na jasnym arkuszu,
   dzieki czemu jest czytelna w OBU skorkach.
   ============================================================ */
.doc-sheet, .main_col .pg-lt{
	background:#f3e7cf;
	color:#2b1d0d;
	text-shadow:none;
	border-radius:8px;
	line-height:1.55;
	box-shadow:inset 0 0 0 1px rgba(90,44,8,.18);
}
.doc-sheet{padding:16px 18px;}
.main_col .pg-lt{padding:14px 16px;margin:0;}
/* zagniezdzony pg-lt w doc-sheet: bez podwojnego tla */
.doc-sheet .pg-lt{background:transparent;box-shadow:none;padding:0;}

.doc-sheet a, .main_col .pg-lt a{color:#8a4b12;font-weight:600;}
.doc-sheet a:hover, .main_col .pg-lt a:hover{color:#b8860b;}
.doc-sheet h1,.doc-sheet h2,.doc-sheet h3,.doc-sheet h4,
.main_col .pg-lt h1,.main_col .pg-lt h2,.main_col .pg-lt h3{
	color:#5a2c08;text-shadow:none;margin:.4em 0 .5em;font-family:var(--font-head);
}
.doc-sheet p,.doc-sheet li,.doc-sheet td,.doc-sheet th,.doc-sheet span,.doc-sheet div,
.main_col .pg-lt p,.main_col .pg-lt li,.main_col .pg-lt td{color:inherit;}

/* tabele silnika */
.doc-sheet table, .main_col .pg-lt table{border-collapse:separate;border-spacing:1px;width:100%;color:#2b1d0d;}
.doc-sheet td, .doc-sheet th{padding:5px 8px;}
/* naglowki tabel Gesiora (#505050) — bialy tekst dla kontrastu */
.doc-sheet td[bgcolor="#505050"], .doc-sheet th[bgcolor="#505050"],
.doc-sheet tr[bgcolor="#505050"] td{color:#fff;font-weight:bold;}
/* czerwone akcenty na jasnym tle — przyciemnic dla czytelnosci */
.doc-sheet font[color="red"], .main_col .pg-lt font[color="red"]{color:#b3261e;}
.doc-sheet font[color="green"]{color:#1f7a2e;}
.doc-sheet font[color="white"]{color:#2b1d0d;}

/* formularze wewnatrz tresci */
.doc-sheet input[type=text],.doc-sheet input[type=password],.doc-sheet input[type=email],
.doc-sheet select,.doc-sheet textarea{
	background:#fffdf7;color:#2b1d0d;border:1px solid #b79a6b;border-radius:5px;padding:6px 8px;
}
.doc-sheet input[type=submit],.doc-sheet button,.doc-sheet .btn{
	background:linear-gradient(180deg,#e8b85a,#a5641f);color:#2b1405;border:0;border-radius:6px;
	padding:7px 14px;font-weight:bold;cursor:pointer;font-family:var(--font-head);
}
.doc-sheet hr{border:0;border-top:1px solid rgba(90,44,8,.3);margin:12px 0;}
.doc-sheet img{max-width:100%;}

/* newsTicker / featured article silnika — te same zasady czytelnosci */
.main_col > .newsticker, .main_col > .featured_article{
	background:#f3e7cf;color:#2b1d0d;border-radius:8px;padding:10px 14px;margin-bottom:14px;
	box-shadow:inset 0 0 0 1px rgba(90,44,8,.18);text-shadow:none;
}
.main_col > .newsticker a,.main_col > .featured_article a{color:#8a4b12;}

/* ---------- RESPONSYWNOSC ---------- */
@media(max-width:980px){
	.page{width:100%;}
	.pg-layout{flex-direction:column;}
	.widget_col{width:100%;flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
	.widget{margin-bottom:0;}
	/* na mobile: najpierw tresc, potem live-panel (prawy), na koncu menu (lewy) */
	.main_col{order:-1;}
	.widget_col.right-col{order:1;}
	.widget_col:not(.right-col){order:2;}
	.guilds-header-grid{grid-template-columns:repeat(2,1fr);}
	.video-grid{grid-template-columns:1fr;}
	.nav a{flex:1 1 40%;}
	.nav a i{display:inline;margin:0 6px 0 0;}
	.nav a span{display:inline;}
}
@media(max-width:560px){
	.widget_col{grid-template-columns:1fr;}
	.hero-cta,.hero-stats-row{grid-template-columns:1fr;}
	.logo .logo-text{font-size:34px;}
}

/* ============================================================
   GESIOR TABLE OVERRIDES — usuwa stare gif-tla i paskowanie
   ============================================================ */

/* zeruj wszystkie inline background-image z content/gif */
.TableContentAndRightShadow[style],
.TableShadowContainerRightTop[style],
.TableShadowRightTop[style],
.TableShadowContainer[style],
.TableBottomShadow[style],
.TableBottomLeftShadow[style],
.TableBottomRightShadow[style],
.CaptionEdgeLeftTop[style], .CaptionEdgeRightTop[style],
.CaptionEdgeLeftBottom[style], .CaptionEdgeRightBottom[style],
.CaptionBorderTop[style], .CaptionBorderBottom[style],
.CaptionVerticalLeft[style], .CaptionVerticalRight[style] {
  background-image: none !important;
}

/* TableContainer — karta z ramką */
.doc-sheet .TableContainer,
.main_col .pg-lt .TableContainer {
  border: 1px solid rgba(90,44,8,.22);
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 14px;
}

/* Nagłówek tabeli (Caption) */
.doc-sheet .CaptionContainer,
.main_col .pg-lt .CaptionContainer {
  background: linear-gradient(180deg, #c8883a, #8a520e);
  padding: 0;
}
.doc-sheet .CaptionInnerContainer,
.main_col .pg-lt .CaptionInnerContainer {
  display: flex;
  align-items: center;
  padding: 7px 12px;
}
.doc-sheet .CaptionInnerContainer .Text,
.main_col .pg-lt .CaptionInnerContainer .Text {
  color: #fff !important;
  font-weight: bold;
  font-size: 14px;
  font-family: var(--font-head);
}

/* Zawartość tabeli — czyste tło */
.doc-sheet .InnerTableContainer,
.main_col .pg-lt .InnerTableContainer,
.doc-sheet .TableContentContainer,
.main_col .pg-lt .TableContentContainer,
.doc-sheet .TableContentAndRightShadow,
.main_col .pg-lt .TableContentAndRightShadow {
  background: transparent !important;
}

/* Wiersze tabel */
.doc-sheet .TableContent tr.Odd td,
.main_col .pg-lt .TableContent tr.Odd td {
  background: rgba(90,44,8,.06);
}
.doc-sheet .TableContent tr.Even td,
.main_col .pg-lt .TableContent tr.Even td {
  background: transparent;
}
.doc-sheet .TableContent td,
.doc-sheet .TableContent th,
.main_col .pg-lt .TableContent td {
  padding: 6px 10px;
  border-bottom: 1px solid rgba(90,44,8,.12);
}
.doc-sheet .TableContent tr:last-child td { border-bottom: 0; }

/* InnerTableButtonRow — rząd przycisków */
.doc-sheet table.InnerTableButtonRow,
.main_col .pg-lt table.InnerTableButtonRow {
  margin-top: 10px;
}

/* ============================================================
   CREATE ACCOUNT FORM — pg-create klasy
   ============================================================ */
.pg-create {
  max-width: 640px;
  margin: 0 auto;
}

.pg-create-intro {
  color: var(--ink);
  line-height: 1.65;
  margin-bottom: 16px;
  font-size: 13px;
}

.pg-bar {
  background: linear-gradient(180deg, #c8883a, #8a520e);
  color: #fff;
  font-family: var(--font-head);
  font-size: 15px;
  font-weight: bold;
  padding: 9px 14px;
  border-radius: 7px 7px 0 0;
  margin-bottom: 0;
}

.pg-create-body {
  background: rgba(243,231,207,0.08);
  border: 1px solid rgba(200,136,58,0.3);
  border-top: 0;
  border-radius: 0 0 7px 7px;
  padding: 18px 20px 14px;
  margin-bottom: 16px;
}

/* Tabela formularza */
.doc-sheet .pg-form,
.main_col .pg-lt .pg-form,
.pg-form {
  width: 100%;
  border-collapse: collapse;
}

.pg-form th {
  text-align: right;
  padding: 8px 14px 8px 0;
  color: #5a2c08;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  vertical-align: middle;
  width: 160px;
}

.pg-form td {
  padding: 6px 0;
  vertical-align: middle;
  border-bottom: none !important;
}

.pg-form td.status {
  padding: 0 0 4px;
  font-size: 12px;
}

/* Inputy */
.pg-form input[type=text],
.pg-form input[type=password],
.pg-form input[type=email],
.pg-form input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
  width: 220px;
  padding: 7px 10px;
  border: 1px solid #b79a6b;
  border-radius: 5px;
  background: #fffdf7;
  color: #2b1d0d;
  font-size: 13px;
  vertical-align: middle;
}

.pg-form select.w230,
.pg-form select {
  width: 220px;
  padding: 6px 8px;
  border: 1px solid #b79a6b;
  border-radius: 5px;
  background: #fffdf7;
  color: #2b1d0d;
  font-size: 13px;
}

/* Hint tekst */
.pg-form .hint {
  display: block;
  font-size: 11px;
  color: #7a5a30;
  margin-top: 3px;
}

/* Status wiadomości */
#acc_name_check, #email_check {
  font-size: 12px;
}

/* Captcha */
.pg-form img[src*="captcha"],
.pg-form img[width="120"] {
  border-radius: 4px;
  border: 1px solid #b79a6b;
}

/* Rules section */
.pg-rules-title {
  margin: 12px 0 4px;
  font-size: 13px;
  color: #5a2c08;
  font-weight: bold;
}

.pg-create-body textarea {
  width: 100%;
  max-width: 480px;
  height: 80px;
  border: 1px solid #b79a6b;
  border-radius: 5px;
  background: #fffdf7;
  color: #2b1d0d;
  font-size: 12px;
  padding: 6px 8px;
  resize: vertical;
}

.pg-agree {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
  font-size: 13px;
  color: #2b1d0d;
  cursor: pointer;
}

.pg-agree input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: #8a520e;
}

.pg-create-note {
  font-size: 12px;
  color: #6a4a20;
  line-height: 1.6;
  margin: 8px 0 14px;
}

/* Przyciski */
.pg-create-btns {
  display: flex;
  gap: 10px;
  margin-top: 4px;
}

.pg-btn {
  padding: 9px 22px;
  border: none;
  border-radius: 7px;
  background: linear-gradient(180deg, #e8b85a, #a5641f);
  color: #2b1405;
  font-family: var(--font-head);
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: filter .15s, transform .1s;
}

.pg-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

/* Error box */
.SmallBox, .MessageContainer {
  background: rgba(180,30,20,0.08) !important;
  border: 1px solid rgba(180,30,20,0.3) !important;
  border-radius: 7px;
  padding: 12px 16px;
  margin-bottom: 14px;
}
.SmallBox [style*="background-image"] { background-image: none !important; }
.ErrorMessage { background: transparent !important; color: #b3261e; }
.AttentionSign[style] { background-image: none !important; display: none; }

/* ============================================================
   GUILDS PAGE — stare tabele HTML z BGCOLOR
   ============================================================ */

/* Główna tabela gildii */
.pg-lt table[border="0"][width="100%"],
.pg-acct table[border="0"][width="100%"] {
  border-collapse: collapse;
  width: 100%;
}

/* Nagłówek tabeli gildii (ciemne tło #505050) */
.pg-lt tr[bgcolor="#505050"] td,
.pg-lt td[bgcolor="#505050"],
.pg-acct tr[bgcolor="#505050"] td {
  background: linear-gradient(180deg, #4a3a2a, #2e2015) !important;
  color: #f5c57b !important;
  font-family: var(--font-head);
  font-size: 14px;
  padding: 9px 12px;
  border-bottom: 1px solid rgba(200,136,58,0.3);
}

/* Wiersze gildii naprzemienne */
.pg-lt tr[bgcolor="#D4C0A1"] td,
.pg-lt td[bgcolor="#D4C0A1"] {
  background: rgba(212,192,161,0.12) !important;
  color: var(--ink) !important;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(200,136,58,0.12);
  vertical-align: top;
}

.pg-lt tr[bgcolor="#F1E0C6"] td,
.pg-lt td[bgcolor="#F1E0C6"] {
  background: rgba(241,224,198,0.07) !important;
  color: var(--ink) !important;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(200,136,58,0.12);
  vertical-align: top;
}

/* Obraz logo gildii */
.pg-lt td img[width="64"] {
  border-radius: 4px;
  border: 1px solid rgba(200,136,58,0.3);
  width: 52px !important;
  height: 52px !important;
  object-fit: contain;
}

/* Info o poziomie tworzenia gildii */
.pg-lt center b,
.pg-acct center b {
  display: block;
  text-align: center;
  font-family: var(--font-head);
  font-size: 14px;
  color: #c8883a;
  background: rgba(200,136,58,0.1);
  border: 1px solid rgba(200,136,58,0.25);
  border-radius: 6px;
  padding: 8px 16px;
  margin: 12px auto;
  max-width: 420px;
}

/* Create Guild button row */
.pg-lt table[border="0"][width="100%"] td[align="center"] {
  padding: 8px;
}


/* ============================================================
   CHARACTERS PAGE — pg-chars
   ============================================================ */
.pg-chars {
  max-width: 860px;
}

/* Główna tabela info postaci */
.pg-chars table[cellspacing="1"][cellpadding="4"] {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 14px;
}

/* Nagłówek tabeli */
.pg-chars tr[bgcolor="#505050"] td,
.pg-chars td[bgcolor="#505050"],
.pg-chars td.white {
  background: linear-gradient(180deg, #4a3a2a, #2e2015) !important;
  color: #f5c57b !important;
  font-family: var(--font-head);
  font-size: 14px;
  font-weight: bold;
  padding: 9px 12px;
}

/* Wiersze naprzemienne */
.pg-chars tr[bgcolor="#D4C0A1"] td,
.pg-chars td[bgcolor="#D4C0A1"] {
  background: rgba(212,192,161,0.14) !important;
  color: var(--ink) !important;
  padding: 7px 12px;
  border-bottom: 1px solid rgba(200,136,58,0.1);
}
.pg-chars tr[bgcolor="#F1E0C6"] td,
.pg-chars td[bgcolor="#F1E0C6"] {
  background: rgba(255,248,235,0.07) !important;
  color: var(--ink) !important;
  padding: 7px 12px;
  border-bottom: 1px solid rgba(200,136,58,0.1);
}

/* Label kolumna (20% width) */
.pg-chars tr[bgcolor] td:first-child {
  color: var(--ink-dim);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .3px;
}

/* Stats box (HP/Mana/Level/Exp) — czyste tło */
.pg-chars table[width="100%"] table[style*="border"] {
  background: transparent !important;
  border: 1px solid rgba(200,136,58,0.25) !important;
  border-radius: 6px;
  overflow: hidden;
}
.pg-chars td[bgcolor="#D4C0A1"],
.pg-chars td[bgcolor="#F1E0C6"] {
  background: rgba(212,192,161,0.12) !important;
  color: var(--ink) !important;
  padding: 6px 10px;
}

/* HP/Mana bary — czytelniejsze */
.pg-chars div[style*="height: 3px"] {
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.3) !important;
  height: 6px !important;
  margin-top: 4px;
}
.pg-chars div[style*="background: red"] {
  height: 6px !important;
  border-radius: 2px;
  background: linear-gradient(90deg, #e53935, #ff6b6b) !important;
}
.pg-chars div[style*="background: blue"] {
  height: 6px !important;
  border-radius: 2px;
  background: linear-gradient(90deg, #1565c0, #42a5f5) !important;
}

/* Skills tabela */
.pg-skills {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  margin: 10px auto;
}
.pg-skills td {
  background: rgba(212,192,161,0.1);
  border: 1px solid rgba(200,136,58,0.2);
  border-radius: 5px;
  padding: 6px 10px;
  text-align: center;
  color: var(--ink);
  min-width: 44px;
}
.pg-skills tr:first-child td {
  background: transparent;
  border: none;
  padding-bottom: 4px;
}
.pg-skills tr:first-child td img {
  width: 20px;
  height: 20px;
  image-rendering: pixelated;
  opacity: .85;
}
.pg-skills tr[bgcolor] td,
.pg-skills tr[bgcolor="#D4C0A1"] td,
.pg-skills tr[bgcolor="#F1E0C6"] td {
  background: linear-gradient(180deg,#4a3a2a,#2e2015) !important;
  color: #f5c57b !important;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 6px;
  border-radius: 4px 4px 0 0;
}

/* Deaths tabela */
.pg-chars table[cellspacing="1"] + table,
.pg-chars .pg-deaths {
  margin-top: 14px;
}

/* "Character not found" */
.pg-chars p {
  color: var(--ink-dim);
  padding: 16px 0;
}

/* center strong (Skills nagłówek) */
.pg-chars center strong {
  display: block;
  font-family: var(--font-head);
  font-size: 16px;
  color: var(--gold);
  margin: 16px 0 8px;
}

/* ============================================================
   GLOBAL GESIOR OVERRIDE — wszystkie pg-lt, doc-sheet, stare tabele
   Jasne tlo + ciemny tekst dla CALEJ tresci generowanej przez silnik
   ============================================================ */

/* Każdy pg-lt dostaje jasne tło */
.pg-lt {
  background: #f3e7cf;
  color: #2b1d0d;
  text-shadow: none;
  border-radius: 8px;
  padding: 14px 16px;
  box-shadow: inset 0 0 0 1px rgba(90,44,8,.15);
}

/* Zagnieżdżony pg-lt — bez podwójnego tła */
.pg-lt .pg-lt { background: transparent; box-shadow: none; padding: 0; }

/* Linki */
.pg-lt a, .doc-sheet a { color: #7a3e0a; font-weight: 600; }
.pg-lt a:hover, .doc-sheet a:hover { color: #c8701a; }

/* WSZYSTKIE tr/td z BGCOLOR na jasnym tle */
.pg-lt tr[bgcolor="#505050"] td,
.pg-lt td[bgcolor="#505050"],
.pg-lt [style*="background:#505050"],
.pg-lt [style*="background: #505050"],
.doc-sheet tr[bgcolor="#505050"] td {
  background: linear-gradient(180deg,#5a3a18,#3a2210) !important;
  color: #f5c57b !important;
  text-shadow: none;
}

.pg-lt td.white, .pg-lt td.whites,
.doc-sheet td.white, .doc-sheet td.whites {
  color: #f5c57b !important;
}

.pg-lt tr[bgcolor="#D4C0A1"] td,
.pg-lt td[bgcolor="#D4C0A1"],
.doc-sheet tr[bgcolor="#D4C0A1"] td {
  background: rgba(180,140,90,.18) !important;
  color: #2b1d0d !important;
}

.pg-lt tr[bgcolor="#F1E0C6"] td,
.pg-lt td[bgcolor="#F1E0C6"],
.doc-sheet tr[bgcolor="#F1E0C6"] td {
  background: rgba(241,224,198,.35) !important;
  color: #2b1d0d !important;
}

/* Inline style background z konfigu */
.pg-lt [style*="background-color: #D4C0A1"],
.pg-lt [style*="background-color:#D4C0A1"] {
  background-color: rgba(180,140,90,.18) !important;
  color: #2b1d0d !important;
}
.pg-lt [style*="background-color: #F1E0C6"],
.pg-lt [style*="background-color:#F1E0C6"] {
  background-color: rgba(241,224,198,.35) !important;
  color: #2b1d0d !important;
}

/* Tekst w pg-lt — zawsze ciemny */
.pg-lt td, .pg-lt th, .pg-lt p, .pg-lt li,
.pg-lt div, .pg-lt span, .pg-lt b, .pg-lt strong,
.pg-lt small, .pg-lt center {
  color: inherit;
  text-shadow: none;
}

/* font color z atrybutów HTML */
.pg-lt font[color="red"] { color: #b3261e !important; }
.pg-lt font[color="green"] { color: #1a7a2e !important; }
.pg-lt font[color="white"] { color: #2b1d0d !important; }
.pg-lt font[color="#ff0000"] { color: #b3261e !important; }

/* Inputy i selecty wewnątrz pg-lt */
.pg-lt input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.pg-lt select, .pg-lt textarea {
  background: #fffdf7;
  color: #2b1d0d;
  border: 1px solid #b79a6b;
  border-radius: 5px;
  padding: 6px 8px;
}

/* Przyciski pg-btn */
.pg-lt .pg-btn, .pg-btn {
  background: linear-gradient(180deg,#e8b85a,#a5641f);
  color: #2b1405;
  border: none;
  border-radius: 6px;
  padding: 8px 18px;
  font-family: var(--font-head);
  font-size: 13px;
  cursor: pointer;
  transition: filter .15s, transform .1s;
}
.pg-lt .pg-btn:hover, .pg-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

/* Tabele wewnątrz pg-lt — ogólne */
.pg-lt table {
  border-collapse: separate;
  border-spacing: 1px;
}
.pg-lt table td, .pg-lt table th {
  color: #2b1d0d;
}

/* pg-tab (zakładki kategorii) */
.pg-tab {
  background: rgba(180,140,90,.25);
  color: #7a3e0a !important;
  padding: 4px 12px;
  border-radius: 5px;
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  transition: background .15s;
}
.pg-tab.active, .pg-tab:hover {
  background: linear-gradient(180deg,#e8b85a,#a5641f);
  color: #2b1405 !important;
}

/* Error/SmallBox */
.pg-lt .SmallBox, .pg-lt .MessageContainer {
  background: rgba(180,30,20,.08) !important;
  border: 1px solid rgba(180,30,20,.3) !important;
  border-radius: 7px;
  padding: 10px 14px;
}
.pg-lt .ErrorMessage { color: #b3261e; background: transparent !important; }
.pg-lt [style*="background-image"] { background-image: none !important; }


/* ============================================================
   GLOBAL — klasy whites/white (nagłówki tabel)
   ============================================================ */
.white, .whites {
  color: #f5c57b !important;
  text-shadow: none;
}

/* server_status inline */
.pg-lt [style*="color:green"],
.pg-lt [style*="color: green"] { color: #1a7a2e !important; }
.pg-lt [style*="color:red"],
.pg-lt [style*="color: red"] { color: #b3261e !important; }

/* Tabele bez obramowań na jasnym tle */
.pg-lt table[border="0"],
.pg-lt table[border="1"] {
  border-color: rgba(90,44,8,.15) !important;
}
.pg-lt td, .pg-lt th {
  border-color: rgba(90,44,8,.12) !important;
}

/* Next Page / Previous Page */
.pg-lt a
.pg-lt a

/* H2 na jasnym tle */
.pg-lt h2, .pg-lt h3 {
  color: #5a2c08;
  text-shadow: none;
  font-family: var(--font-head);
}


/* ============================================================
   HIGHSCORES — kompletny, czysty blok
   ============================================================ */

/* Wrapper — layout flex */
.pg-lt.hs > table[width=100%] { display: block !important; }
.pg-lt.hs > table[width=100%] > tbody { display: flex !important; gap: 20px; align-items: flex-start; }
.pg-lt.hs > table[width=100%] > tbody > tr { display: contents; }

/* Ukryj spacery z blank.gif */
.pg-lt.hs > table[width=100%] > tbody > tr > td:first-child,
.pg-lt.hs > table[width=100%] > tbody > tr > td:nth-child(3),
.pg-lt.hs > table[width=100%] > tbody > tr > td:nth-child(4) { display: none !important; }

/* Główna kolumna */
.pg-lt.hs > table[width=100%] > tbody > tr > td:nth-child(2) { flex: 1 1 auto; min-width: 0; }

/* Sidebar */
.pg-lt.hs > table[width=100%] > tbody > tr > td[width=15%] {
  flex: 0 0 160px;
  align-self: flex-start;
}

/* H2 tytuł */
.pg-lt.hs h2 {
  font-family: var(--font-head);
  font-size: 20px;
  text-align: center;
  color: #5a2c08;
  text-shadow: none;
  margin: 0 0 16px;
}

/* Tabela rankingu — czyste obramowanie */
.pg-lt.hs table[cellpadding=4][width=100%] {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
  box-shadow: 0 2px 8px rgba(90,44,8,.12);
}
.pg-lt.hs table[cellpadding=4][width=100%] td {
  border: none !important;
  border-bottom: 1px solid rgba(90,44,8,.1) !important;
  padding: 9px 12px;
}

/* Nagłówek */
.pg-lt.hs tr[bgcolor=#505050] td,
.pg-lt.hs td.whites, .pg-lt.hs td.white {
  background: #3a2210 !important;
  color: #f5c57b !important;
  font-family: var(--font-head);
  font-size: 13px;
  text-shadow: none;
  border-bottom: 2px solid rgba(200,136,58,.4) !important;
}

/* Wiersze */
.pg-lt.hs tr[bgcolor=#D4C0A1] td { background: rgba(180,140,90,.15) !important; color: #2b1d0d !important; }
.pg-lt.hs tr[bgcolor=#F1E0C6] td { background: transparent !important; color: #2b1d0d !important; }
.pg-lt.hs tr[bgcolor]:hover td { background: rgba(200,136,58,.12) !important; transition: background .15s; }

/* Outfit */
.hs-outfit { width: 64px !important; height: 64px !important; image-rendering: pixelated; display: block; margin: 0 auto; }

/* Nazwy graczy */
.pg-lt.hs td font[color=red]   { color: #c0392b !important; font-weight: bold; }
.pg-lt.hs td font[color=green] { color: #27ae60 !important; font-weight: bold; }
.pg-lt.hs td small { color: #7a5a30; font-size: 11px; }
img[src*=flag-images][src*=unknown] { display: none !important; }

/* Next/Prev Page */
.size_xxs { color: #7a3e0a !important; font-size: 12px; font-weight: bold; }
.size_xxs:hover { color: #c8701a !important; }

/* Sidebar — Choose a skill */
.pg-lt.hs td[width=15%] > table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(90,44,8,.15);
}
.pg-lt.hs td[width=15%] table td { border: none !important; }
.pg-lt.hs td[width=15%] tr[bgcolor=#505050] td {
  background: #3a2210 !important;
  color: #f5c57b !important;
  font-family: var(--font-head);
  font-size: 13px;
  text-align: center;
  padding: 10px;
  border-bottom: 2px solid rgba(200,136,58,.4) !important;
}
.pg-lt.hs td[width=15%] tr[bgcolor=#F1E0C6] td,
.pg-lt.hs td[width=15%] tr[bgcolor=#D4C0A1] td {
  background: rgba(241,224,198,.3) !important;
  padding: 10px 14px;
}
.size_xs { display: block; font-size: 13px; color: #7a3e0a !important; padding: 2px 0; transition: padding .12s, color .12s; }
.size_xs:hover { color: #c8701a !important; padding-left: 6px; }


/* ============================================================
   DOWNLOAD TILE — coming soon
   ============================================================ */
.cta-soon {
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(30%);
  position: relative;
}
.cta-soon::after {
  content: 'COMING SOON';
  position: absolute;
  top: 8px; right: 10px;
  font-size: 9px;
  letter-spacing: .8px;
  background: rgba(200,136,58,.25);
  color: var(--gold);
  border-radius: 4px;
  padding: 2px 6px;
  font-family: var(--font-body);
  font-weight: bold;
}

/* ============================================================
   COUNTDOWN — większy, bardziej wyrazisty
   ============================================================ */
.pg-cd-wrap {
  text-align: center;
  padding: 10px 0 4px;
}
.pg-cd-cap {
  font-family: var(--font-head);
  font-size: 18px;
  color: var(--gold);
  letter-spacing: .5px;
  margin-bottom: 14px;
}
.pg-cd {
  display: flex;
  justify-content: center;
  gap: 14px;
}
.pg-cd .u {
  background: linear-gradient(180deg, rgba(200,136,58,.18), rgba(0,0,0,.3));
  border: 1px solid rgba(200,136,58,.35);
  border-radius: 10px;
  padding: 14px 18px;
  min-width: 80px;
  box-shadow: 0 4px 16px rgba(0,0,0,.4), inset 0 1px 0 rgba(200,136,58,.2);
}
.pg-cd .u b {
  display: block;
  font-size: 46px;
  font-family: var(--font-head);
  font-weight: 700;
  color: #fff;
  background: linear-gradient(180deg, #fff 20%, var(--gold) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
  line-height: 1;
}
.pg-cd .u span {
  display: block;
  font-size: 11px;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-top: 6px;
  opacity: .85;
}
.pg-cd-utc {
  color: var(--ink-dim);
  font-size: 11px;
  margin-top: 12px;
  letter-spacing: .3px;
}

/* ============================================================
   CTA-SOON — poprawka (div musi miec te same style co a)
   ============================================================ */
.hero-cta .cta-soon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 18px;
  border-radius: 10px;
  text-align: center;
  font-family: var(--font-head);
  font-size: 18px;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  flex: 1 1 auto;
  background: linear-gradient(160deg, color-mix(in srgb, var(--accent) 20%, var(--panel)), var(--panel));
  color: var(--ink-dim);
  opacity: .6;
  cursor: not-allowed;
  pointer-events: none;
  position: relative;
}
.hero-cta .cta-soon span {
  display: block;
  color: inherit;
}
.hero-cta .cta-soon small {
  font-family: var(--font-body);
  font-size: 11px;
  color: var(--ink-dim);
  display: block;
}
.hero-cta .cta-soon::after {
  content: 'COMING SOON';
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 9px;
  letter-spacing: .8px;
  background: rgba(200,136,58,.2);
  color: var(--gold);
  border-radius: 4px;
  padding: 2px 7px;
  font-family: var(--font-body);
  font-weight: bold;
}

/* ============================================================
   NEWS ACCORDION
   ============================================================ */
.na-card { padding: 0; overflow: hidden; }
.na-card > .card-header { border-radius: 10px 10px 0 0; }

.na-item { border-bottom: 1px solid rgba(200,136,58,.18); }
.na-item:last-child { border-bottom: none; }

.na-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 18px;
  cursor: pointer;
  transition: background .15s;
  user-select: none;
}
.na-header:hover { background: rgba(200,136,58,.08); }
.na-item.open > .na-header { background: rgba(200,136,58,.06); }

.na-date {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--ink-dim);
  background: var(--panel-2);
  border: 1px solid var(--border-2);
  border-radius: 4px;
  padding: 2px 8px;
  white-space: nowrap;
}
.na-title {
  flex: 1 1 auto;
  font-family: var(--font-head);
  font-size: 15px;
  color: var(--gold);
}
.na-item.open .na-title { color: #fff; }
.na-arrow {
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--ink-dim);
  transition: transform .2s;
}

.na-body { overflow: hidden; }
.na-content {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border-left: 0; border-right: 0; border-top: 0;
  border-bottom: 1px solid rgba(90,44,8,.1);
  padding: 16px 20px;
}
.na-footer {
  text-align: right;
  padding: 8px 18px 12px;
  font-size: 12px;
}
.na-footer a { color: var(--gold-2); font-weight: bold; }
.na-footer a:hover { color: var(--gold); }

/* ============================================================
   NEWS CONTENT — tabele i nagłówki wewnątrz na-content
   ============================================================ */

/* Nagłówki sekcji w newsie */
.na-content h3 {
  font-size: 16px;
  color: #7a3e0a;
  font-family: var(--font-head, Georgia, serif);
  margin: 18px 0 8px;
  padding: 6px 0 6px 12px;
  border-left: 3px solid #c8701a;
  text-shadow: none;
}
.na-content h3:first-child { margin-top: 0; }

/* Tabele w newsie */
.na-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 8px 0 14px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(90,44,8,.12);
}
.na-content table td {
  padding: 7px 12px;
  font-size: 13px;
  color: #2b1d0d;
  border-bottom: 1px solid rgba(90,44,8,.1);
}
.na-content table td:first-child {
  color: #5a3a10;
  font-weight: 600;
  width: 42%;
  background: rgba(180,140,90,.1);
}
.na-content table tr:last-child td { border-bottom: none; }
.na-content table tr:hover td { background: rgba(200,136,58,.07); }

/* Lista w newsie */
.na-content ol, .na-content ul {
  padding-left: 22px;
  margin: 8px 0 14px;
}
.na-content ol li, .na-content ul li {
  padding: 4px 0;
  color: #2b1d0d;
  font-size: 13px;
  line-height: 1.6;
}

/* Paragraf */
.na-content p {
  margin: 0 0 12px;
  color: #2b1d0d;
  font-size: 13px;
  line-height: 1.65;
}

/* Accordion header — lepsza separacja daty od tytułu */
.na-date {
  border-right: 1px solid rgba(200,136,58,.2);
  padding-right: 12px;
  margin-right: 2px;
}

/* ============================================================
   MOBILE FIX — lepsza responsywnosc na telefonach
   ============================================================ */
@media(max-width:768px){
  :root { --page-w: 100%; }

  .page { padding: 0 8px 30px; }

  /* Nawigacja — ikony nad tekstem, mniejsze */
  .nav { gap: 2px; padding: 4px; border-radius: 8px; }
  .nav a { padding: 8px 6px; font-size: 11px; flex: 1 1 30%; }

  /* Hero banner niższy */
  .hero-banner { min-height: 160px; border-radius: 8px; }
  .brand-word { font-size: clamp(32px,10vw,60px); }

  /* CTA kafelki — jeden na raz */
  .hero-cta { grid-template-columns: 1fr !important; gap: 8px; }

  /* Layout — wszystko w kolumnie */
  .pg-layout { flex-direction: column !important; gap: 10px; }
  .widget_col { width: 100% !important; grid-template-columns: 1fr 1fr; gap: 10px; }
  .main_col { order: -1 !important; }

  /* Countdown — mniejsze cyfry */
  .pg-cd .u { min-width: 60px; padding: 10px 12px; }
  .pg-cd .u b { font-size: 32px; }
  .pg-cd { gap: 8px; }

  /* Status bar */
  .statusbar { gap: 16px; font-size: 12px; padding: 7px 10px; }

  /* Stats row */
  .stats-inline-row { flex-wrap: wrap; gap: 6px; }
  .stat-mini-box { flex: 1 1 40%; }

  /* Highscores sidebar */
  .pg-lt.hs > table[width=100%] > tbody { flex-direction: column !important; }
  .pg-lt.hs > table[width=100%] > tbody > tr > td[width=15%] {
    flex: 1 1 100% !important;
  }

  /* Tabele w pg-lt — scroll poziomy */
  .pg-lt table { display: block; overflow-x: auto; }

  /* Ann-features — 1 kolumna */
  .ann-features { grid-template-columns: 1fr !important; }
  .ann-rates { grid-template-columns: 1fr !important; }
  .ann-hero-title { font-size: clamp(18px,6vw,28px); }
}

@media(max-width:480px){
  .widget_col { grid-template-columns: 1fr !important; }
  .nav a { flex: 1 1 45%; }
  .pg-cd .u { min-width: 52px; padding: 8px; }
  .pg-cd .u b { font-size: 26px; }
  .pg-cd { gap: 6px; }
}

/* Fix highscores 2026-09-17 (v2, zweryfikowany Playwright): oryginalne reguly mialy
   niecytowane [width=100%]/[width=15%] -> przegladarka je odrzucala i flex-layout sie nie
   stosowal, przez co boczny box "Choose a skill" wychodzil poza kolumne. Wersja z cudzyslowami. */
.pg-lt.hs > table[width="100%"]{display:block !important;}
.pg-lt.hs > table[width="100%"] > tbody{display:flex !important;gap:20px;align-items:flex-start;flex-wrap:wrap;}
.pg-lt.hs > table[width="100%"] > tbody > tr{display:contents;}
.pg-lt.hs > table[width="100%"] > tbody > tr > td:first-child,
.pg-lt.hs > table[width="100%"] > tbody > tr > td[width="5%"],
.pg-lt.hs > table[width="100%"] > tbody > tr > td:last-child{display:none !important;}
.pg-lt.hs > table[width="100%"] > tbody > tr > td:nth-child(2){flex:1 1 320px;min-width:0;display:block;}
.pg-lt.hs > table[width="100%"] > tbody > tr > td[width="15%"]{flex:0 0 170px;align-self:flex-start;display:block;}
.pg-lt.hs td[width="15%"] > table{width:100%;}

/* Fix highscores 2026-09-17 (v3): "Choose a skill" jako poziomy pasek NAD rankingiem
   (zamiast bocznego sidebara). Zweryfikowane Playwright. */
.pg-lt.hs > table[width="100%"] > tbody{flex-direction:column !important;}
.pg-lt.hs > table[width="100%"] > tbody > tr > td[width="15%"]{order:-1 !important;flex:0 0 auto !important;width:100% !important;align-self:stretch !important;}
.pg-lt.hs > table[width="100%"] > tbody > tr > td:nth-child(2){order:0 !important;flex:1 1 auto !important;width:100% !important;}
.pg-lt.hs td[width="15%"] > table{width:100% !important;}
.pg-lt.hs td[width="15%"] br{display:none !important;}
.pg-lt.hs td[width="15%"] tr[bgcolor="#F1E0C6"] td,
.pg-lt.hs td[width="15%"] tr[bgcolor="#D4C0A1"] td{display:flex !important;flex-wrap:wrap;gap:6px 16px;padding:10px 14px !important;}
.pg-lt.hs td[width="15%"] .size_xs{display:inline-block !important;padding:2px 0 !important;}