/* AnglerPro – nyilvános élő eredménytábla.
   „Mélyvíz” scoreboard: sötét kékeszöld gradiens alap, a logó kék/teal/zöld
   színeivel mint energia. Önálló, sötét kártya – bármilyen WP-témán megáll. */
.anglerpro-public {
	--ap-blue: #2f7ad6;
	--ap-blue-dark: #16438c;
	--ap-green: #7fc93a;
	--ap-teal: #35d0c4;

	--ap-abyss: #071a2f;
	--ap-deep: #0b2643;
	--ap-surface: rgba(255, 255, 255, .045);
	--ap-surface-hi: rgba(255, 255, 255, .08);
	--ap-line: rgba(120, 170, 220, .14);

	--ap-text: #eaf2fb;
	--ap-muted: #8aa2ba;

	--ap-gold: #f4c445;
	--ap-silver: #d3deec;
	--ap-bronze: #dc8f52;

	position: relative;
	overflow: hidden;
	background:
		radial-gradient(120% 90% at 85% -10%, rgba(53, 208, 196, .16), transparent 55%),
		radial-gradient(110% 80% at -5% 0%, rgba(47, 122, 214, .20), transparent 50%),
		linear-gradient(160deg, var(--ap-deep), var(--ap-abyss));
	color: var(--ap-text);
	border-radius: 20px;
	border: 1px solid var(--ap-line);
	padding: 26px 26px 20px;
	max-width: 980px;
	margin: 0 auto;
	box-shadow:
		0 24px 60px rgba(4, 16, 32, .45),
		inset 0 1px 0 rgba(255, 255, 255, .06);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	-webkit-font-smoothing: antialiased;
	animation: anglerpro-rise .5s cubic-bezier(.2, .7, .2, 1) both;
}

/* Felső energia-sáv (kék → teal → zöld). */
.anglerpro-public::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 4px;
	background: linear-gradient(90deg, var(--ap-blue), var(--ap-teal), var(--ap-green));
}

@keyframes anglerpro-rise {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Fejléc */
.anglerpro-public__head {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--ap-line);
}
.anglerpro-public__logo {
	width: 62px;
	height: 62px;
	border-radius: 14px;
	flex: 0 0 auto;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 0 26px rgba(53, 208, 196, .35);
}
.anglerpro-public__title {
	margin: 0;
	color: #fff;
	font-size: 27px;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.15;
	text-wrap: balance;
}
.anglerpro-public__meta {
	margin: 6px 0 0;
	color: var(--ap-muted);
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14px;
}
.anglerpro-public__live {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #06210a;
	background: linear-gradient(135deg, var(--ap-green), #a7e05a);
	padding: 3px 12px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	box-shadow: 0 0 18px rgba(127, 201, 58, .4);
}
.anglerpro-public__live::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #06210a;
	animation: anglerpro-pulse 1.4s infinite;
}
.anglerpro-public__live.is-offline {
	color: var(--ap-text);
	background: var(--ap-surface-hi);
	box-shadow: none;
}
.anglerpro-public__live.is-offline::before { background: var(--ap-muted); animation: none; }
@keyframes anglerpro-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50%      { opacity: .25; transform: scale(.7); }
}

/* Táblázat */
.anglerpro-public__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 8px;
	font-size: 15px;
	font-variant-numeric: tabular-nums;
}
.anglerpro-public__table thead th {
	padding: 6px 14px 10px;
	text-align: left;
	color: var(--ap-muted);
	font-weight: 700;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	white-space: nowrap;
	border: none;
}
.anglerpro-public__table tbody td {
	padding: 13px 14px;
	text-align: left;
	background: var(--ap-surface);
	border-top: 1px solid var(--ap-line);
	border-bottom: 1px solid var(--ap-line);
}
.anglerpro-public__table tbody td:first-child {
	border-left: 1px solid var(--ap-line);
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.anglerpro-public__table tbody td:last-child {
	border-right: 1px solid var(--ap-line);
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.anglerpro-public__table tbody tr {
	transition: transform .18s ease, box-shadow .18s ease;
}
.anglerpro-public__table tbody tr:hover {
	transform: translateY(-1px);
}
.anglerpro-public__table tbody tr:hover td {
	background: var(--ap-surface-hi);
}

.anglerpro-public__r { text-align: center; width: 64px; }
.anglerpro-public__name { font-weight: 700; color: #fff; }
.anglerpro-public__score {
	text-align: center;
	font-weight: 800;
	font-size: 16px;
	color: var(--ap-teal);
	width: 120px;
}

/* Helyezés-jelvény (a JS a számot .anglerpro-public__badge spanbe teszi). */
.anglerpro-public__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--ap-surface-hi);
	color: var(--ap-text);
	font-weight: 800;
	font-size: 14px;
	line-height: 1;
}

/* Dobogó – arany / ezüst / bronz, halvány sor-kiemeléssel és izzással. */
.anglerpro-public__rank-1 td { background: linear-gradient(90deg, rgba(244, 196, 69, .16), var(--ap-surface)); }
.anglerpro-public__rank-2 td { background: linear-gradient(90deg, rgba(211, 222, 236, .12), var(--ap-surface)); }
.anglerpro-public__rank-3 td { background: linear-gradient(90deg, rgba(220, 143, 82, .14), var(--ap-surface)); }

.anglerpro-public__rank-1 .anglerpro-public__badge {
	background: linear-gradient(135deg, var(--ap-gold), #ffe08a);
	color: #4a3400;
	box-shadow: 0 0 16px rgba(244, 196, 69, .5);
}
.anglerpro-public__rank-2 .anglerpro-public__badge {
	background: linear-gradient(135deg, var(--ap-silver), #fff);
	color: #33414f;
	box-shadow: 0 0 14px rgba(211, 222, 236, .4);
}
.anglerpro-public__rank-3 .anglerpro-public__badge {
	background: linear-gradient(135deg, var(--ap-bronze), #f0ab74);
	color: #3a1e08;
	box-shadow: 0 0 14px rgba(220, 143, 82, .45);
}

.anglerpro-public__updated {
	margin: 16px 2px 0;
	text-align: right;
	color: var(--ap-muted);
	font-size: 12.5px;
}

/* Reszponzív – mobilon vízszintes görgetés a táblának. */
@media (max-width: 640px) {
	.anglerpro-public { padding: 18px 16px 14px; border-radius: 16px; }
	.anglerpro-public__title { font-size: 21px; }
	.anglerpro-public__logo { width: 50px; height: 50px; }
	.anglerpro-public__table { display: block; overflow-x: auto; white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
	.anglerpro-public { animation: none; }
	.anglerpro-public__live::before { animation: none; }
	.anglerpro-public__table tbody tr { transition: none; }
}

/* ---------------------------------------------------------------------
 * Szervezői gyorsindító – [anglerpro_admin] (csak jogosultnak)
 * ------------------------------------------------------------------- */
.anglerpro-launcher {
	--ap-blue: #2f7ad6;
	--ap-teal: #35d0c4;
	--ap-green: #7fc93a;
	--ap-abyss: #071a2f;
	--ap-deep: #0b2643;
	--ap-surface: rgba(255, 255, 255, .05);
	--ap-surface-hi: rgba(255, 255, 255, .09);
	--ap-line: rgba(120, 170, 220, .16);
	--ap-text: #eaf2fb;
	--ap-muted: #8aa2ba;

	position: relative;
	overflow: hidden;
	max-width: 720px;
	margin: 0 auto;
	padding: 22px 24px;
	border-radius: 18px;
	border: 1px solid var(--ap-line);
	background:
		radial-gradient(110% 90% at 90% -10%, rgba(53, 208, 196, .14), transparent 55%),
		linear-gradient(160deg, var(--ap-deep), var(--ap-abyss));
	color: var(--ap-text);
	box-shadow: 0 18px 44px rgba(4, 16, 32, .4);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
.anglerpro-launcher::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 4px;
	background: linear-gradient(90deg, var(--ap-blue), var(--ap-teal), var(--ap-green));
}
.anglerpro-launcher__head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 18px;
}
.anglerpro-launcher__logo {
	width: 48px; height: 48px;
	border-radius: 12px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .12), 0 0 20px rgba(53, 208, 196, .3);
}
.anglerpro-launcher__title { margin: 0; color: #fff; font-size: 20px; font-weight: 800; letter-spacing: -.01em; }
.anglerpro-launcher__sub { margin: 3px 0 0; color: var(--ap-muted); font-size: 13px; }

.anglerpro-launcher__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}
.anglerpro-btn {
	display: inline-block;
	padding: 9px 18px;
	border-radius: 999px;
	border: 1px solid var(--ap-line);
	background: var(--ap-surface-hi);
	color: var(--ap-text) !important;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.anglerpro-btn:hover { transform: translateY(-1px); background: rgba(255, 255, 255, .14); }
.anglerpro-btn--primary {
	border: 0;
	background: linear-gradient(135deg, var(--ap-blue), #16438c);
	box-shadow: 0 6px 16px rgba(22, 67, 140, .4);
}

.anglerpro-launcher__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 6px;
	font-size: 14px;
}
.anglerpro-launcher__table thead th {
	text-align: left;
	padding: 4px 12px;
	color: var(--ap-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.anglerpro-launcher__table tbody td {
	padding: 11px 12px;
	background: var(--ap-surface);
	border-top: 1px solid var(--ap-line);
	border-bottom: 1px solid var(--ap-line);
	vertical-align: middle;
}
.anglerpro-launcher__table tbody td:first-child { border-left: 1px solid var(--ap-line); border-radius: 10px 0 0 10px; }
.anglerpro-launcher__table tbody td:last-child { border-right: 1px solid var(--ap-line); border-radius: 0 10px 10px 0; }
.anglerpro-launcher__name { font-weight: 700; color: #fff; }
.anglerpro-launcher__status {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 2px 10px; border-radius: 999px;
	font-size: 11px; font-weight: 700; color: #06210a;
	background: var(--ap-muted);
}
.anglerpro-launcher__status--draft  { background: #8a99a8; color: #14202b; }
.anglerpro-launcher__status--active { background: linear-gradient(135deg, var(--ap-green), #a7e05a); }
.anglerpro-launcher__status--closed { background: linear-gradient(135deg, var(--ap-teal), var(--ap-blue)); color: #04121f; }
.anglerpro-launcher__links a {
	color: var(--ap-teal) !important;
	font-weight: 700;
	text-decoration: none;
	margin-right: 14px;
	white-space: nowrap;
}
.anglerpro-launcher__links a:hover { text-decoration: underline; }
.anglerpro-launcher__empty { color: var(--ap-muted); }

@media (max-width: 640px) {
	.anglerpro-launcher__table { display: block; overflow-x: auto; }
}