/* ============================================================
   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;}

/* ---- 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:
		linear-gradient(90deg, transparent 0%, rgba(8,5,14,.5) 14%, rgba(8,5,14,.97) 31%, rgba(8,5,14,.97) 69%, rgba(8,5,14,.5) 86%, transparent 100%),
		radial-gradient(120% 120% at 50% 30%, color-mix(in srgb,var(--accent) 20%,transparent), transparent 76%),
		linear-gradient(180deg, rgba(8,5,14,.35), color-mix(in srgb,var(--bg) 92%,transparent) 97%);
}
.skin-pegaz .hero-scrim{
	background:
		linear-gradient(90deg, transparent 0%, rgba(24,12,3,.42) 14%, rgba(22,11,3,.9) 31%, rgba(22,11,3,.9) 69%, rgba(24,12,3,.42) 86%, transparent 100%),
		radial-gradient(120% 120% at 50% 30%, color-mix(in srgb,var(--gold-2) 14%,transparent), transparent 76%),
		linear-gradient(180deg, rgba(24,12,3,.28), color-mix(in srgb,var(--bg) 86%,transparent) 97%);
}
.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:22px 0;}
.footer a{color:var(--gold-2);}

/* ---- 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;}
	.guilds-header-grid{grid-template-columns:repeat(2,1fr);}
	.video-grid{grid-template-columns:1fr;}
	.nav a{flex:1 1 40%;}
}
@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;}
}