@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&family=Rajdhani:wght@400;500;600;700&display=swap');
/* =====================================================================
   RANKINGI NINE BALL — wspolny wyglad "cyber" (zloto na czerni).
   Uzywaja: nine-ball/ranking/ranking-nine-ball.php, ranking-punktowy.php
   ===================================================================== */

/* @property only for modal border animation */
@property --mba {
	syntax: '<angle>';
	initial-value: 0deg;
	inherits: false;
}

/* ── TOKENS ─────────────────────────────── */
:root {
	--gold:        #FFD700;
	--gold-deep:   #B8860B;
	--gold-bright: #FFF3B0;
	--gold-glass:  rgba(255, 215, 0, 0.05);
	--gold-glow:   rgba(255, 215, 0, 0.35);
	--gold-trace:  rgba(255, 215, 0, 0.65);
	--void:        #04040B;
	--panel:       rgba(6, 6, 18, 0.88);
	--border-dim:  rgba(255, 215, 0, 0.18);
	--text:        #E4D6A0;
	--text-dim:    #5A4A1E;
	--font-hud:    'Orbitron', sans-serif;
	--font-mono:   'Share Tech Mono', monospace;
	--font-body:   'Rajdhani', sans-serif;
	/* override theme palette so pagination + premium inherit gold */
	--temp-col-500: #FFD700;
	--temp-col-600: #FFD700;
}

/* ── BASE ───────────────────────────────── */
body {
	background: var(--void) !important;
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	min-height: 100vh;
	overflow-x: hidden;
}

/* ── ANIMATED GRID BACKGROUND ───────────── */
.cyber-universe {
	position: relative;
	padding: 0 0 3rem;
}
.cyber-universe::before {
	content: '';
	position: fixed;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,215,0,0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,215,0,0.035) 1px, transparent 1px);
	background-size: 44px 44px;
	pointer-events: none;
	z-index: 0;
	animation: gridDrift 25s linear infinite;
}
.cyber-universe::after {
	content: '';
	position: fixed;
	inset: 0;
	background: radial-gradient(ellipse at 50% 0%, rgba(255,215,0,0.07) 0%, transparent 55%);
	pointer-events: none;
	z-index: 0;
}
@keyframes gridDrift {
	from { background-position: 0 0, 0 0; }
	to   { background-position: 44px 44px, 44px 44px; }
}

/* ── SCAN LINE ──────────────────────────── */
.scan-line {
	position: fixed;
	left: 0; right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, var(--gold-trace) 30%, rgba(255,240,160,0.9) 50%, var(--gold-trace) 70%, transparent 100%);
	box-shadow: 0 0 6px var(--gold), 0 0 14px var(--gold-glow);
	animation: scanDown 7s ease-in-out infinite;
	z-index: 999;
	pointer-events: none;
}
@keyframes scanDown {
	0%   { top: -2px;   opacity: 0; }
	4%   { opacity: 1; }
	94%  { opacity: 0.5; }
	100% { top: 100vh;  opacity: 0; }
}

/* ── HEADER ─────────────────────────────── */
.cyber-header {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 2.5rem 1rem 1rem;
}
.cyber-eyebrow {
	display: block;
	font-family: var(--font-mono);
	font-size: 0.65rem;
	letter-spacing: 0.4em;
	color: var(--gold-deep);
	text-transform: uppercase;
	margin-bottom: 0.6rem;
}
.cyber-main-title {
	font-family: var(--font-hud);
	font-size: clamp(1.6rem, 5vw, 3.2rem);
	font-weight: 900;
	letter-spacing: 0.08em;
	margin: 0;
	line-height: 1.05;
	background: linear-gradient(
		135deg,
		var(--gold-deep) 0%,
		var(--gold) 35%,
		var(--gold-bright) 55%,
		var(--gold) 75%,
		var(--gold-deep) 100%
	);
	background-size: 250% 250%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: shimmer 5s ease infinite;
}
@keyframes shimmer {
	0%, 100% { background-position: 0% 50%; }
	50%       { background-position: 100% 50%; }
}
.cyber-sub-label {
	font-family: var(--font-mono);
	font-size: 0.8rem;
	color: var(--gold);
	opacity: 0.65;
	letter-spacing: 0.15em;
	margin-top: 0.4rem;
}
.cyber-sub-label span,
.cyber-sub-label h2,
.cyber-sub-label h4 {
	font-family: var(--font-mono) !important;
	font-size: 0.8rem !important;
	color: var(--gold) !important;
	font-weight: 400 !important;
	margin: 0 !important;
	display: inline;
	-webkit-text-fill-color: var(--gold) !important;
}
.cyber-trophy-wrap {
	margin: 0.9rem auto 0.5rem;
}
.cyber-trophy-wrap img {
	height: 70px;
	filter:
		drop-shadow(0 0 10px var(--gold))
		drop-shadow(0 0 28px var(--gold-glow))
		sepia(0.2) saturate(1.8);
	animation: trophyPulse 3.5s ease-in-out infinite;
}
@keyframes trophyPulse {
	0%, 100% { filter: drop-shadow(0 0 10px var(--gold)) drop-shadow(0 0 28px var(--gold-glow)) sepia(0.2) saturate(1.8); }
	50%       { filter: drop-shadow(0 0 22px var(--gold)) drop-shadow(0 0 55px rgba(255,215,0,0.6)) sepia(0.4) saturate(2.4); }
}
.cyber-divider {
	position: relative;
	z-index: 2;
	height: 1px;
	max-width: 560px;
	margin: 1rem auto 0;
	background: linear-gradient(90deg, transparent, var(--gold-deep), var(--gold), var(--gold-deep), transparent);
	box-shadow: 0 0 10px var(--gold-glow);
}

/* ── MAIN CONTAINER ─────────────────────── */
.cyber-container {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding: 1.5rem 0.75rem 1rem;
}

/* ── CONTROLS (limit select) ────────────── */
.cyber-controls {
	margin-bottom: 1rem;
}
.cyber-controls .div-formularz {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.cyber-controls .label-alle {
	font-family: var(--font-mono) !important;
	font-size: 0.7rem !important;
	letter-spacing: 0.12em;
	color: var(--gold-deep) !important;
	text-transform: uppercase;
}
.cyber-controls select,
.cyber-controls .form-select-new {
	background: rgba(255,215,0,0.06) !important;
	border: 1px solid var(--border-dim) !important;
	color: var(--gold) !important;
	font-family: var(--font-mono) !important;
	font-size: 0.78rem !important;
	backdrop-filter: blur(8px);
	border-radius: 4px !important;
	padding: 0.2rem 0.5rem !important;
	cursor: pointer;
}
.cyber-controls select option {
	background: #080812;
	color: var(--gold);
}

/* ── COLUMN HEADER ROW ──────────────────── */
.cyber-thead {
	display: grid;
	grid-template-columns: 52px 1fr 68px 90px 1fr;
	gap: 0;
	padding: 0.4rem 1rem;
	margin-bottom: 0.4rem;
	font-family: var(--font-mono);
	font-size: 0.62rem;
	letter-spacing: 0.14em;
	color: var(--text-dim);
	text-transform: uppercase;
	border-bottom: 1px solid var(--border-dim);
}
.cyber-thead > div { padding: 0 4px; }
.ch-rank    { text-align: center; }
.ch-matches { text-align: center; }
.ch-avg     { text-align: center; }

/* ── PLAYER ROW ─────────────────────────── */
.cyber-row {
	display: grid;
	grid-template-columns: 52px 1fr 68px 90px 1fr;
	gap: 0;
	align-items: center;
	position: relative;
	margin-bottom: 5px;
	padding: 0.55rem 1rem;
	border-radius: 6px;
	border: 1px solid rgba(255,215,0,0.15);
	background: rgba(255,215,0,0.04);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	animation: rowIn 0.35s ease both;
	animation-delay: calc(var(--row-index, 0) * 0.055s);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
	opacity: 0;
}
@keyframes rowIn {
	from { opacity: 0; transform: translateX(-10px); }
	to   { opacity: 1; transform: translateX(0); }
}
/* shimmer overlay — slides left→right only on hover */
.cyber-row::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		105deg,
		transparent 25%,
		rgba(255,248,180,0.07) 45%,
		rgba(255,255,220,0.13) 55%,
		rgba(255,248,180,0.07) 65%,
		transparent 75%
	);
	transform: translateX(-120%);
	transition: transform 0s; /* no transition at rest — instant reset */
	pointer-events: none;
	z-index: 1;
}
.cyber-row:hover::after {
	transform: translateX(120%);
	transition: transform 0.65s ease;
}
.cyber-row:hover {
	border-color: rgba(255,215,0,0.38);
	box-shadow: 0 0 14px rgba(255,215,0,0.08);
	transform: translateX(3px) translateY(-1px);
}

/* ── TOP 3 — PODIUM HIERARCHY ───────────── */

/* #1 GOLD — dominujący */
.cyber-row[data-rank="1"] {
	background: linear-gradient(135deg, rgba(255,215,0,0.13) 0%, rgba(255,215,0,0.06) 60%, rgba(255,215,0,0.10) 100%);
	border: 2px solid rgba(255,215,0,0.65);
	padding: 1rem 1rem;
	margin-bottom: 10px;
	box-shadow:
		0 0 0 1px rgba(255,215,0,0.12),
		0 0 24px rgba(255,215,0,0.18),
		inset 0 1px 0 rgba(255,255,200,0.15);
	animation: rowIn 0.35s ease both, goldPulse 3.5s ease-in-out infinite;
	animation-delay: 0s, 0.4s;
}
@keyframes goldPulse {
	0%, 100% { box-shadow: 0 0 0 1px rgba(255,215,0,0.12), 0 0 24px rgba(255,215,0,0.18), inset 0 1px 0 rgba(255,255,200,0.15); }
	50%       { box-shadow: 0 0 0 1px rgba(255,215,0,0.20), 0 0 38px rgba(255,215,0,0.30), inset 0 1px 0 rgba(255,255,200,0.20); }
}
.cyber-row[data-rank="1"]:hover {
	border-color: rgba(255,215,0,0.9);
	box-shadow: 0 0 0 1px rgba(255,215,0,0.25), 0 0 44px rgba(255,215,0,0.35), inset 0 1px 0 rgba(255,255,200,0.2);
	transform: translateX(4px) translateY(-2px);
}

/* #1 — odznaka */
.cyber-row[data-rank="1"] .rank-badge {
	width: 52px;
	height: 52px;
	font-size: 1.2rem;
	font-weight: 900;
	color: #FFD700;
}
.cyber-row[data-rank="1"] .rank-badge::before {
	background: rgba(255,215,0,0.22);
	box-shadow: 0 0 16px rgba(255,215,0,0.6);
	animation: hexPulse 3.5s ease-in-out infinite;
}
/* #1 — imię i średnia większe */
.cyber-row[data-rank="1"] .cr-player button h6 {
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: var(--gold-bright) !important;
	letter-spacing: 0.05em;
}
.cyber-row[data-rank="1"] .cr-avg {
	font-size: 1.25rem;
	text-shadow: 0 0 16px rgba(255,215,0,0.7), 0 1px 4px rgba(0,0,0,0.9);
}
.cyber-row[data-rank="1"] .cr-matches {
	font-size: 1rem;
	color: rgba(255,215,0,0.5);
}
.cyber-row[data-rank="1"] .power-track { height: 8px; }

/* #2 SILVER — wyraźnie drugi */
.cyber-row[data-rank="2"] {
	background: linear-gradient(135deg, rgba(200,200,220,0.09) 0%, rgba(200,200,220,0.04) 60%, rgba(200,200,220,0.07) 100%);
	border: 1.5px solid rgba(200,200,220,0.5);
	padding: 0.85rem 1rem;
	margin-bottom: 8px;
	box-shadow:
		0 0 18px rgba(200,200,220,0.10),
		inset 0 1px 0 rgba(240,240,255,0.10);
}
.cyber-row[data-rank="2"]:hover {
	border-color: rgba(210,210,230,0.75);
	box-shadow: 0 0 28px rgba(200,200,220,0.18);
	transform: translateX(4px) translateY(-2px);
}
.cyber-row[data-rank="2"] .rank-badge {
	width: 44px;
	height: 44px;
	font-size: 1.05rem;
	font-weight: 700;
	color: #C8C8D8;
}
.cyber-row[data-rank="2"] .rank-badge::before {
	background: rgba(200,200,220,0.18);
	box-shadow: 0 0 10px rgba(200,200,220,0.35);
}
.cyber-row[data-rank="2"] .cr-player button h6 {
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: #D8D8E8 !important;
}
.cyber-row[data-rank="2"] .cr-avg {
	font-size: 1.1rem;
	color: #C8C8D8;
	text-shadow: 0 0 10px rgba(200,200,220,0.5), 0 1px 4px rgba(0,0,0,0.9);
}
.cyber-row[data-rank="2"] .power-track { height: 7px; }

/* #3 BRONZE — wyraźnie trzeci */
.cyber-row[data-rank="3"] {
	background: linear-gradient(135deg, rgba(205,127,50,0.09) 0%, rgba(205,127,50,0.03) 60%, rgba(205,127,50,0.07) 100%);
	border: 1.5px solid rgba(205,127,50,0.45);
	padding: 0.75rem 1rem;
	margin-bottom: 8px;
	box-shadow:
		0 0 14px rgba(205,127,50,0.10),
		inset 0 1px 0 rgba(230,160,80,0.10);
}
.cyber-row[data-rank="3"]:hover {
	border-color: rgba(205,127,50,0.70);
	box-shadow: 0 0 22px rgba(205,127,50,0.18);
	transform: translateX(4px) translateY(-2px);
}
.cyber-row[data-rank="3"] .rank-badge {
	width: 40px;
	height: 40px;
	font-size: 0.95rem;
	font-weight: 700;
	color: #CD7F32;
}
.cyber-row[data-rank="3"] .rank-badge::before {
	background: rgba(205,127,50,0.18);
	box-shadow: 0 0 8px rgba(205,127,50,0.35);
}
.cyber-row[data-rank="3"] .cr-player button h6 {
	font-size: 1.0rem !important;
	font-weight: 600 !important;
	color: #D8A060 !important;
}
.cyber-row[data-rank="3"] .cr-avg {
	font-size: 1.05rem;
	color: #CD7F32;
	text-shadow: 0 0 8px rgba(205,127,50,0.5), 0 1px 4px rgba(0,0,0,0.9);
}
.cyber-row[data-rank="3"] .power-track { height: 6px; }

/* ── RANK BADGE (hex shape) ─────────────── */
.cr-rank {
	display: flex;
	justify-content: center;
	align-items: center;
}
.rank-badge {
	position: relative;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-hud);
	font-weight: 700;
	font-size: 0.8rem;
	color: var(--gold-deep);
	flex-shrink: 0;
}
.rank-badge::before {
	content: '';
	position: absolute;
	inset: 0;
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	background: rgba(255,215,0,0.07);
	border: 0;
	transition: background 0.2s;
}
.rank-num { position: relative; z-index: 1; }

.cyber-row[data-rank="1"] .rank-badge { color: #FFD700; }
.cyber-row[data-rank="1"] .rank-badge::before {
	background: rgba(255,215,0,0.22);
	box-shadow: 0 0 12px rgba(255,215,0,0.5);
	animation: hexPulse 2.5s ease-in-out infinite;
}
.cyber-row[data-rank="2"] .rank-badge { color: #C8C8D8; }
.cyber-row[data-rank="2"] .rank-badge::before { background: rgba(200,200,215,0.18); }
.cyber-row[data-rank="3"] .rank-badge { color: #CD7F32; }
.cyber-row[data-rank="3"] .rank-badge::before { background: rgba(205,127,50,0.18); }
@keyframes hexPulse {
	0%, 100% { box-shadow: 0 0 10px rgba(255,215,0,0.4); }
	50%       { box-shadow: 0 0 22px rgba(255,215,0,0.75); }
}

/* ── PLAYER CELL ────────────────────────── */
.cr-player {
	min-width: 0;
	overflow: hidden;
}
/* target the button output of user_nine_ball() */
.cr-player > button {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	gap: 0.5rem;
	max-width: 100%;
}
.cr-player button h6 {
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
	font-size: 0.92rem !important;
	color: var(--text) !important;
	letter-spacing: 0.03em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.15s, text-shadow 0.15s;
}
.cr-player button:hover h6 {
	color: var(--gold) !important;
	text-shadow: 0 0 8px var(--gold-glow);
	-webkit-text-fill-color: var(--gold) !important;
}
.cr-player button .bi-star-fill {
	color: var(--gold) !important;
	margin-right: 3px;
}
/* avatar photo */
.cr-player button img.rounded-circle {
	width: 32px !important;
	height: 32px !important;
	border-color: var(--border-dim) !important;
	object-fit: cover;
	flex-shrink: 0;
}
/* flag overlay */
.cr-player button .position-absolute {
	width: 13px !important;
	height: 13px !important;
	border-radius: 50% !important;
}

/* ── STATS CELLS ────────────────────────── */
.cr-matches {
	font-family: var(--font-mono);
	font-size: 0.85rem;
	color: var(--text-dim);
	text-align: center;
}
.cr-avg {
	font-family: var(--font-hud);
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--gold);
	text-align: center;
	text-shadow: 0 1px 4px rgba(0,0,0,0.9), 0 0 10px rgba(0,0,0,0.8);
}

/* ── POWER BAR ──────────────────────────── */
.cr-power { padding-left: 4px; }
.power-bar-wrap {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.power-track {
	height: 5px;
	background: rgba(255,215,0,0.07);
	border-radius: 3px;
	border: 1px solid rgba(255,215,0,0.09);
	overflow: hidden;
	position: relative;
}
.power-fill {
	height: 100%;
	border-radius: 3px;
	width: 0 !important;
	position: relative;
	transition: width 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}
.power-fill.ready {
	width: var(--pw) !important;
}
/* tier colors — subtle shadow only, no leaking glow tip */
.power-fill.t1 { background: linear-gradient(90deg,#1a7a48,#2ecc71); box-shadow: inset 0 0 6px rgba(46,204,113,0.3); }
.power-fill.t2 { background: linear-gradient(90deg,#006b7a,#00bcd4); box-shadow: inset 0 0 6px rgba(0,188,212,0.3); }
.power-fill.t3 { background: linear-gradient(90deg,var(--gold-deep),var(--gold)); box-shadow: inset 0 0 6px rgba(255,215,0,0.3); }
.power-fill.t4 { background: linear-gradient(90deg,#8b1a1a,#e74c3c); box-shadow: inset 0 0 6px rgba(231,76,60,0.3); }
.power-pct {
	font-family: var(--font-mono);
	font-size: 0.58rem;
	color: var(--text-dim);
	text-align: right;
}

/* ── MODAL CYBERPUNK ────────────────────── */
.modal-content {
	--mba: 0deg;
	background:
		linear-gradient(rgba(4,4,14,0.97), rgba(4,4,14,0.97)) padding-box,
		conic-gradient(
			from var(--mba),
			transparent 65%,
			rgba(184,134,11,0.6) 76%,
			rgba(255,215,0,0.95) 83%,
			rgba(255,243,176,1)  87%,
			rgba(255,215,0,0.95) 91%,
			rgba(184,134,11,0.6) 98%,
			transparent 100%
		) border-box !important;
	border: 2px solid transparent !important;
	backdrop-filter: blur(20px) !important;
	box-shadow:
		0 0 30px rgba(255,215,0,0.15),
		0 0 80px rgba(255,215,0,0.06) !important;
	border-radius: 10px !important;
	color: var(--text) !important;
	animation: modalSpin 3s linear infinite;
}
@keyframes modalSpin {
	to { --mba: 360deg; }
}
.modal-header {
	border-bottom: 1px solid rgba(255,215,0,0.12) !important;
	background: rgba(255,215,0,0.05) !important;
	border-radius: 8px 8px 0 0 !important;
}
.modal-header h1.modal-title {
	font-family: var(--font-hud) !important;
	font-size: 0.95rem !important;
	color: var(--gold) !important;
	letter-spacing: 0.12em;
}
.btn-close {
	filter: invert(1) sepia(1) saturate(2) hue-rotate(5deg) !important;
	opacity: 0.55 !important;
}
.modal-body { color: var(--text) !important; }
.modal-body h4, .modal-body h6 { color: var(--text) !important; }

/* ── PAGINATION override ────────────────── */
.paginacja-menu .pg-btn {
	font-family: var(--font-mono) !important;
	font-size: 0.75rem !important;
	border-radius: 4px !important;
}
.cyber-pagination { margin-top: 1rem; }

/* ── RESPONSIVE ─────────────────────────── */
@media (max-width: 576px) {
	.cyber-thead,
	.cyber-row {
		grid-template-columns: 42px 1fr 55px 72px;
	}
	.cyber-thead .ch-power,
	.cyber-row .cr-power { display: none; }
	.cr-avg { font-size: 0.82rem; }
}

@media (prefers-reduced-motion: reduce) {
	.scan-line,
	.cyber-universe::before { animation: none; }
	.cyber-row { animation: none !important; opacity: 1 !important; }
	.power-fill { transition: none !important; }
}

/* ── ROW JUMP TARGET (#idN z panelu gracza) ── */
.cyber-row { scroll-margin-top: 90px; }
.cyber-row:target {
	border-color: rgba(0, 229, 255, 0.75) !important;
	background: linear-gradient(135deg, rgba(0,229,255,0.12), rgba(0,229,255,0.03)) !important;
	animation: rowIn 0.35s ease both, targetPulse 1.6s ease-in-out 3 !important;
}
@keyframes targetPulse {
	0%, 100% { box-shadow: 0 0 0 1px rgba(0,229,255,0.15), 0 0 14px rgba(0,229,255,0.15); }
	50%       { box-shadow: 0 0 0 1px rgba(0,229,255,0.45), 0 0 34px rgba(0,229,255,0.40); }
}

/* ── WLASNY WIERSZ ZALOGOWANEGO GRACZA ── */
.cyber-row.is-me {
	border-color: rgba(0, 229, 255, 0.45);
	box-shadow: inset 3px 0 0 rgba(0, 229, 255, 0.85);
}

/* ── PANEL "JAK LICZYMY" (details/summary) ── */
.cyber-info {
	position: relative;
	z-index: 2;
	max-width: 560px;
	margin: 0.9rem auto 0;
	text-align: left;
	font-family: var(--font-mono);
	font-size: 0.78rem;
	color: var(--text);
}
.cyber-info > summary {
	list-style: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.3rem 0.75rem;
	border: 1px solid var(--border-dim);
	border-radius: 999px;
	background: rgba(255,215,0,0.05);
	color: var(--gold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-size: 0.66rem;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.cyber-info > summary::-webkit-details-marker { display: none; }
.cyber-info > summary:hover {
	border-color: rgba(255,215,0,0.45);
	box-shadow: 0 0 12px rgba(255,215,0,0.12);
}
.cyber-info-wrap { text-align: center; }
.cyber-info-body {
	margin-top: 0.6rem;
	padding: 0.9rem 1rem;
	border: 1px solid var(--border-dim);
	border-radius: 6px;
	background: rgba(6, 6, 18, 0.7);
	line-height: 1.6;
}
.cyber-info-body hr {
	border-color: var(--border-dim);
	opacity: 1;
	margin: 0.6rem 0;
}
.cyber-info-body code {
	color: var(--gold);
	font-family: var(--font-mono);
	font-size: 0.78rem;
}