/* =========================================================================
   Template: Fenix (Mu Planeta) — WebEngine CMS
   Hoja de estilos unica y autocontenida. Reestiliza Bootstrap 3 (cargado
   via CDN en index.php) para que los modulos core del CMS (que imprimen
   clases .panel/.table/.btn/.form-control) se vean parte del tema.
   ========================================================================= */

:root{
	--fx-black:      #0a0605;
	--fx-bg-1:       #150b0a;
	--fx-bg-2:       #1f100d;
	--fx-panel:      rgba(28,15,13,.88);
	--fx-panel-b:    rgba(223,175,92,.28);
	--fx-gold:       #dfaf5c;
	--fx-gold-light: #f8d99e;
	--fx-ember:      #ff7a2e;
	--fx-ember-deep: #c43a14;
	--fx-blood:       #6e1414;
	--fx-text:       #e9dcc8;
	--fx-text-dim:   #b79f88;
	--fx-radius:     10px;
	--fx-font-head:  'Cinzel', 'DejaVu Serif', serif;
	--fx-font-body:  'PT Sans', 'Segoe UI', Arial, sans-serif;
}

*{ box-sizing:border-box; }

html,body{
	margin:0; padding:0;
	background:var(--fx-black);
	color:var(--fx-text);
	font-family:var(--fx-font-body);
	font-size:14px;
	line-height:1.5;
}

body{
	min-height:100vh;
	background:
		radial-gradient(ellipse at 50% -10%, rgba(196,58,20,.35), transparent 55%),
		radial-gradient(ellipse at 15% 30%, rgba(120,40,20,.18), transparent 45%),
		radial-gradient(ellipse at 85% 25%, rgba(80,30,60,.14), transparent 45%),
		linear-gradient(180deg, #1a0d0b 0%, #0a0605 40%, #050302 100%);
	background-attachment:fixed;
}

body.is-inner{
	background:
		radial-gradient(ellipse at 50% -10%, rgba(70,60,140,.28), transparent 55%),
		radial-gradient(ellipse at 20% 20%, rgba(30,50,90,.18), transparent 45%),
		radial-gradient(ellipse at 80% 30%, rgba(120,40,90,.14), transparent 45%),
		linear-gradient(180deg, #10131c 0%, #0a0605 45%, #050302 100%);
	background-attachment:fixed;
}

a{ color:var(--fx-gold-light); text-decoration:none; }
a:hover{ color:var(--fx-ember); text-decoration:none; }
h1,h2,h3,h4{ font-family:var(--fx-font-head); color:var(--fx-gold-light); }
hr{ border-color:var(--fx-panel-b); }
::selection{ background:var(--fx-ember-deep); color:#fff; }

/* =========================================================================
   TOPBAR
   ========================================================================= */
.fx-topbar{
	background:rgba(4,2,2,.75);
	border-bottom:1px solid var(--fx-panel-b);
	font-size:12px;
}
.fx-topbar-inner{
	max-width:1180px; margin:0 auto; padding:6px 18px;
	display:flex; align-items:center; justify-content:space-between;
}
.fx-topbar-account a{ color:var(--fx-text-dim); text-transform:uppercase; letter-spacing:.03em; }
.fx-topbar-account a:hover{ color:var(--fx-gold-light); }
.fx-sep{ margin:0 6px; color:var(--fx-panel-b); }

.webengine-language-switcher{ list-style:none; margin:0; padding:0; display:flex; gap:10px; }
.webengine-language-switcher li a{ color:var(--fx-text-dim); display:flex; align-items:center; gap:4px; }
.webengine-language-switcher li:first-child a{ color:var(--fx-gold-light); }
.webengine-language-switcher img{ height:12px; width:auto; }

/* =========================================================================
   HEADER / NAVBAR PILL / CREST
   ========================================================================= */
.fx-header{ max-width:1180px; margin:0 auto; padding:22px 18px 0; }

.fx-navbar{
	display:flex; align-items:center; justify-content:center; gap:0;
	position:relative;
}
.fx-navbar-side{ flex:1; display:flex; }
.fx-navbar-left{ justify-content:flex-end; }
.fx-navbar-right{ justify-content:flex-start; }

.fx-navbar-side ul{
	list-style:none; margin:0; padding:6px 26px;
	display:flex; gap:6px;
	background:linear-gradient(180deg, rgba(40,18,14,.9), rgba(15,7,6,.9));
	border:1px solid var(--fx-panel-b);
	border-radius:999px;
}
.fx-navbar-left ul{ border-top-right-radius:0; border-bottom-right-radius:0; margin-right:-1px; padding-right:38px; }
.fx-navbar-right ul{ border-top-left-radius:0; border-bottom-left-radius:0; margin-left:-1px; padding-left:38px; }

.fx-navbar-side ul li a{
	display:block; padding:9px 14px;
	color:var(--fx-text); font-size:12.5px; font-weight:700;
	letter-spacing:.06em; text-transform:uppercase;
	border-radius:999px; transition:.15s ease;
}
.fx-navbar-side ul li a:hover{ background:rgba(223,175,92,.15); color:var(--fx-gold-light); }

.fx-crest{
	position:relative; z-index:2; flex:none;
	width:96px; height:96px; margin:0 -20px;
	display:flex; align-items:center; justify-content:center;
}
.fx-crest-ring{
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	width:96px; height:96px; border-radius:50%;
	background:
		radial-gradient(ellipse at 50% 30%, rgba(255,122,46,.35), transparent 70%),
		linear-gradient(180deg, rgba(70,20,14,.95), rgba(15,7,6,.98));
	border:2px solid var(--fx-gold);
	box-shadow:0 0 0 4px var(--fx-black), 0 0 26px rgba(255,122,46,.55);
	transition:box-shadow .2s ease;
}
.fx-crest:hover .fx-crest-ring{
	box-shadow:0 0 0 4px var(--fx-black), 0 0 38px rgba(255,140,60,.8);
}
.fx-crest-count{
	font-family:var(--fx-font-head); font-weight:700; font-size:22px; line-height:1.1;
	color:var(--fx-gold-light); text-shadow:0 0 12px rgba(255,150,70,.8);
}
.fx-crest-label{
	font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
	color:var(--fx-text-dim); margin-top:2px;
}

.fx-online-bar-wrap{ max-width:420px; margin:26px auto 0; }
.fx-online-bar{ height:6px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; border:1px solid var(--fx-panel-b); }
.fx-online-bar-fill{ height:100%; background:linear-gradient(90deg, var(--fx-ember-deep), var(--fx-ember), var(--fx-gold)); }

.fx-stats-strip{
	max-width:640px; margin:14px auto 0; padding:0 10px;
	display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:8px;
	font-size:11.5px; color:var(--fx-text-dim); text-transform:uppercase; letter-spacing:.04em;
}
.fx-stat-left{ text-align:left; }
.fx-stat-mid{ text-align:center; }
.fx-stat-right{ text-align:right; }
.fx-stats-strip strong{ color:var(--fx-gold-light); font-weight:700; letter-spacing:0; text-transform:none; }

.fx-clock-strip{
	display:flex; justify-content:center; gap:48px;
	margin:14px 0 0; font-size:12px; color:var(--fx-text-dim);
	text-transform:uppercase; letter-spacing:.05em;
}
.fx-clock-strip time,.fx-clock-strip span#tServerDate,.fx-clock-strip span#tLocalDate{
	color:var(--fx-gold-light); font-weight:700; letter-spacing:0; text-transform:none; font-size:13px;
}
.fx-clock-label{ margin-right:6px; }

/* =========================================================================
   LAYOUT GENERAL
   ========================================================================= */
.fx-main{ max-width:1180px; margin:0 auto; padding:34px 18px 50px; }

.fx-home-grid{
	display:grid;
	grid-template-columns:280px 1fr 280px;
	gap:22px;
	align-items:start;
}
@media (max-width:960px){
	.fx-home-grid{ grid-template-columns:1fr; }
}
.fx-col{ display:flex; flex-direction:column; gap:20px; }

/* =========================================================================
   PANELES (reestilo global de Bootstrap .panel para los modulos core)
   ========================================================================= */
.panel{
	background:var(--fx-panel);
	border:1px solid var(--fx-panel-b);
	border-radius:var(--fx-radius);
	box-shadow:
		0 0 22px rgba(255,122,46,.20),
		0 0 2px rgba(223,175,92,.55),
		0 8px 24px rgba(0,0,0,.45);
	margin-bottom:20px;
	transition:box-shadow .2s ease, border-color .2s ease;
}
.panel:hover{
	border-color:var(--fx-gold);
	box-shadow:
		0 0 32px rgba(255,122,46,.32),
		0 0 3px rgba(248,217,158,.7),
		0 10px 28px rgba(0,0,0,.5);
}
.panel-heading{
	background:linear-gradient(180deg, rgba(223,175,92,.14), transparent);
	border-bottom:1px solid var(--fx-panel-b);
	border-radius:var(--fx-radius) var(--fx-radius) 0 0;
	padding:12px 16px;
}
.panel-title{
	font-family:var(--fx-font-head);
	font-size:14px; letter-spacing:.03em; text-transform:uppercase;
	color:var(--fx-gold-light); margin:0;
	display:flex; align-items:center; justify-content:space-between; gap:8px;
}
.panel-title a{ font-size:11px; }
.panel-body{ padding:16px; }

.panel-mini-ranking .panel-title a,
.panel-news-feed .panel-title a{
	font-size:11px; text-transform:uppercase; color:var(--fx-text-dim);
	border:1px solid var(--fx-panel-b); border-radius:999px; padding:2px 10px;
}
.panel-mini-ranking .panel-title a:hover,
.panel-news-feed .panel-title a:hover{ color:var(--fx-gold-light); border-color:var(--fx-gold); }

.panel-login-links{ display:flex; justify-content:space-between; margin-top:10px; font-size:12px; }

.mini-ranking-table td{ border-color:var(--fx-panel-b) !important; padding:6px 4px !important; color:var(--fx-text); }
.mini-rank-place{ color:var(--fx-gold-light); font-weight:700; width:22px; }
.mini-rank-value{ color:var(--fx-ember); font-weight:700; }
.mini-ranking-empty,.news-empty{ color:var(--fx-text-dim); font-size:13px; margin:0; }

.sidebar-banner{ margin-bottom:20px; border-radius:var(--fx-radius); overflow:hidden; border:1px solid var(--fx-panel-b); }
.sidebar-banner img{ display:block; width:100%; height:auto; }

/* CTA "Unite a la leyenda" — texto real (no imagen) + brillo pulsante que invita al click */
.fx-cta-join{
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	text-align:center; gap:4px;
	padding:20px 14px; margin-top:44px; margin-bottom:20px;
	border-radius:var(--fx-radius);
	border:2px solid var(--fx-gold);
	background:
		radial-gradient(ellipse at 50% 0%, rgba(255,122,46,.25), transparent 70%),
		linear-gradient(180deg, rgba(70,20,14,.9), rgba(20,8,7,.95));
	animation:fx-cta-pulse 2.4s ease-in-out infinite;
	transition:transform .15s ease;
}
.fx-cta-join:hover{
	transform:translateY(-2px) scale(1.015);
	animation-play-state:paused;
	box-shadow:
		0 0 46px rgba(255,140,60,.75),
		0 0 6px rgba(248,217,158,.9),
		0 10px 26px rgba(0,0,0,.5);
	border-color:var(--fx-gold-light);
}
.fx-cta-join-title{
	font-family:var(--fx-font-head); font-weight:700;
	font-size:22px; letter-spacing:.05em; text-transform:uppercase;
	color:var(--fx-gold-light);
	text-shadow:0 0 14px rgba(255,150,70,.8);
}
.fx-cta-join-sub{
	font-size:12.5px; color:var(--fx-text);
	letter-spacing:.02em;
}
@keyframes fx-cta-pulse{
	0%,100%{
		box-shadow:
			0 0 18px rgba(255,122,46,.35),
			0 0 2px rgba(223,175,92,.6),
			0 8px 20px rgba(0,0,0,.4);
	}
	50%{
		box-shadow:
			0 0 40px rgba(255,140,60,.65),
			0 0 5px rgba(248,217,158,.85),
			0 8px 20px rgba(0,0,0,.4);
	}
}
@media (prefers-reduced-motion: reduce){
	.fx-cta-join{ animation:none; }
}

.panel-downloads-box .panel-body .panel{ background:transparent; border:none; box-shadow:none; margin-bottom:10px; }
.panel-downloads-box .panel-body .panel-body{ padding:0; }
.panel-downloads-box .panel-title.panel-title{ font-size:12px; text-transform:uppercase; color:var(--fx-text-dim); margin-bottom:6px; display:block; }
.panel-downloads-box .page-title{ display:none; } /* el modulo downloads.php ya imprime su propio titulo; lo ocultamos porque el panel ya tiene su encabezado */
.download-description{ color:var(--fx-text-dim); font-size:11px; }

.panel-usercp .panel-body ul{ list-style:none; margin:0; padding:0; }
.panel-usercp .panel-body ul li{
	display:flex; align-items:center; gap:10px;
	padding:8px 2px; border-bottom:1px dashed var(--fx-panel-b);
}
.panel-usercp .panel-body ul li:last-child{ border-bottom:none; }
.panel-usercp .panel-body ul li img{ width:26px; height:26px; border-radius:50%; flex:none; }
.panel-usercp .panel-body ul li a{ color:var(--fx-text); font-size:13px; }
.panel-usercp .panel-body ul li a:hover{ color:var(--fx-gold-light); }

/* =========================================================================
   NOTICIAS (home)
   ========================================================================= */
.news-card{
	display:flex; gap:14px; align-items:stretch;
	padding:10px; margin-bottom:10px; border-radius:8px;
	border:1px solid transparent;
	transition:.15s ease;
}
.news-card:hover{ background:rgba(223,175,92,.06); border-color:var(--fx-panel-b); }
.news-card:last-child{ margin-bottom:0; }
.news-card-thumb{
	flex:none; width:120px; height:76px; border-radius:6px;
	background-size:cover; background-position:center;
	border:1px solid var(--fx-panel-b);
}
.news-card-body{ flex:1; min-width:0; }
.news-card-tag{
	display:inline-block; background:var(--fx-ember-deep); color:#fff2e2;
	font-size:10px; font-weight:700; text-transform:uppercase;
	padding:2px 8px; border-radius:4px; margin-bottom:4px;
}
.news-card-title{
	margin:2px 0 6px; font-size:15px; color:var(--fx-text);
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.news-card-title a,.news-card:hover .news-card-title{ color:var(--fx-gold-light); }
.news-card-footer{ display:flex; justify-content:space-between; font-size:11px; color:var(--fx-text-dim); }
.news-card-more{ text-transform:uppercase; letter-spacing:.04em; }

/* =========================================================================
   TOP ASESINOS
   ========================================================================= */
.section-title{ text-align:center; margin:36px 0 20px; position:relative; }
.section-title span{
	background:var(--fx-black); padding:0 22px;
	font-size:22px; letter-spacing:.06em; text-transform:uppercase;
	position:relative; z-index:1;
}
.section-title::before{
	content:''; position:absolute; left:0; right:0; top:50%;
	border-top:1px solid var(--fx-panel-b);
}
.top-killers-section{ margin-top:10px; }
.top-killers-track{
	display:flex; gap:16px; overflow-x:auto; padding:6px 4px 18px;
	scrollbar-width:thin; scrollbar-color:var(--fx-gold) transparent;
}
.top-killers-track::-webkit-scrollbar{ height:6px; }
.top-killers-track::-webkit-scrollbar-thumb{ background:var(--fx-panel-b); border-radius:999px; }

.killer-card{
	flex:none; width:132px; text-align:center;
	background:var(--fx-panel); border:1px solid var(--fx-panel-b);
	border-radius:var(--fx-radius); padding:14px 8px 12px; position:relative;
	box-shadow:
		0 0 20px rgba(255,122,46,.20),
		0 0 2px rgba(223,175,92,.5),
		0 8px 20px rgba(0,0,0,.4);
	transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.killer-card:hover{
	border-color:var(--fx-gold); transform:translateY(-3px);
	box-shadow:
		0 0 30px rgba(255,122,46,.4),
		0 0 3px rgba(248,217,158,.8),
		0 12px 24px rgba(0,0,0,.5);
}
.killer-rank{
	position:absolute; top:-10px; left:50%; transform:translateX(-50%);
	background:var(--fx-ember-deep); border:1px solid var(--fx-gold);
	color:#fff2e2; font-size:11px; font-weight:700;
	padding:2px 10px; border-radius:999px;
}
.killer-avatar-img{ width:76px; height:76px; border-radius:50%; margin:6px 0 8px; }
.killer-name{ font-weight:700; font-size:13px; color:var(--fx-gold-light); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.killer-name a{ color:inherit; }
.killer-points{ font-size:11px; color:var(--fx-text-dim); margin-top:2px; }

/* =========================================================================
   PAGINAS INTERNAS
   ========================================================================= */
.fx-inner-wrap{ display:flex; justify-content:center; }
.fx-inner-card{
	width:100%; max-width:900px;
	background:var(--fx-panel); border:1px solid var(--fx-panel-b);
	border-radius:14px; padding:30px 34px;
	box-shadow:
		0 0 30px rgba(255,122,46,.22),
		0 0 3px rgba(223,175,92,.6),
		0 14px 40px rgba(0,0,0,.5);
}
.fx-inner-with-sidebar{ display:flex; gap:26px; align-items:flex-start; }
.fx-inner-content{ flex:1; min-width:0; }
.fx-inner-sidebar{ width:270px; flex:none; }
@media (max-width:760px){
	.fx-inner-with-sidebar{ flex-direction:column; }
	.fx-inner-sidebar{ width:100%; }
	.fx-inner-card{ padding:22px 18px; }
}

.page-title{
	text-align:center; margin:-6px 0 26px; padding-bottom:16px;
	border-bottom:1px solid var(--fx-panel-b);
}
.page-title span{
	font-family:var(--fx-font-head); font-size:24px;
	letter-spacing:.05em; text-transform:uppercase; color:var(--fx-gold-light);
}

/* =========================================================================
   FORMULARIOS / BOTONES (override Bootstrap)
   ========================================================================= */
.form-control{
	background:rgba(0,0,0,.35); border:1px solid var(--fx-panel-b);
	color:var(--fx-text); border-radius:6px; box-shadow:none;
	height:40px;
}
.form-control:focus{
	background:rgba(0,0,0,.5); border-color:var(--fx-gold);
	box-shadow:0 0 0 2px rgba(223,175,92,.25); color:var(--fx-text);
}
.form-control::placeholder{ color:var(--fx-text-dim); }
label.control-label{ color:var(--fx-text-dim); }
.help-block a{ color:var(--fx-text-dim); font-size:12px; }

.btn{ border-radius:6px; font-weight:700; letter-spacing:.03em; }
.btn-primary,.btn-fenix{
	background:linear-gradient(180deg, var(--fx-ember), var(--fx-ember-deep));
	border:1px solid var(--fx-gold);
	color:#fff2e2;
}
.btn-primary:hover,.btn-primary:focus,.btn-fenix:hover,.btn-fenix:focus{
	background:linear-gradient(180deg, var(--fx-gold-light), var(--fx-ember));
	border-color:var(--fx-gold); color:#2a1408;
}
.btn-block{ width:100%; margin-top:4px; }
.btn-castlewidget{ background:transparent; border:1px solid var(--fx-gold); color:var(--fx-gold-light); }
.btn-castlewidget:hover{ background:var(--fx-ember-deep); color:#fff2e2; }

/* =========================================================================
   TABLAS (rankings, info, credits, etc.)
   ========================================================================= */
.table{ color:var(--fx-text); }
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th{
	border-color:var(--fx-panel-b);
	vertical-align:middle;
}
.table-striped > tbody > tr:nth-of-type(odd){ background:rgba(255,255,255,.02); }
.table-hover > tbody > tr:hover{ background:rgba(223,175,92,.08); }
.table-bordered,.table-bordered > thead > tr > th,.table-bordered > tbody > tr > td{ border-color:var(--fx-panel-b); }
.table > thead > tr > th{ color:var(--fx-gold-light); font-family:var(--fx-font-head); font-weight:700; text-transform:uppercase; font-size:12px; letter-spacing:.03em; }

.rankings_menu{ display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin-bottom:22px; }
.rankings_menu a{
	padding:8px 18px; border:1px solid var(--fx-panel-b); border-radius:999px;
	font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em;
	color:var(--fx-text-dim);
}
.rankings_menu a:hover{ color:var(--fx-gold-light); border-color:var(--fx-gold); }
.rankings_menu a.active{ background:var(--fx-ember-deep); border-color:var(--fx-gold); color:#fff2e2; }

.rankings-class-filter{ list-style:none; padding:0; margin:0 0 24px; display:flex; justify-content:center; flex-wrap:wrap; gap:14px; }
.rankings-class-filter li a{ display:flex; flex-direction:column; align-items:center; gap:4px; font-size:10px; color:var(--fx-text-dim); text-transform:uppercase; }
.rankings-class-filter-image{ width:40px; height:40px; border-radius:50%; border:1px solid var(--fx-panel-b); }
.rankings-class-filter-grayscale .rankings-class-filter-image{ filter:grayscale(70%); opacity:.7; }
.rankings-class-filter-selection:hover .rankings-class-filter-image{ filter:none; opacity:1; border-color:var(--fx-gold); }

.rankings-table{ width:100%; }
.rankings-table-place{ color:var(--fx-gold-light); font-weight:700; width:34px; }
.rankings-class-image{ width:30px; height:30px; border-radius:50%; }
.online-status-indicator{ width:10px; height:10px; margin-left:6px; }

.thumbnail{
	background:rgba(0,0,0,.25); border:1px solid var(--fx-panel-b); border-radius:10px;
	padding:16px; display:flex; align-items:center; gap:14px; transition:.15s ease;
}
.thumbnail:hover{ border-color:var(--fx-gold); background:rgba(223,175,92,.06); }
.thumbnail img{ width:64px; height:auto; border-radius:6px; }

/* =========================================================================
   CASTLE SIEGE WIDGET
   ========================================================================= */
.castle-owner-widget .panel-body{ text-align:left; }
.castle-owner-widget .alt{ color:var(--fx-text-dim); font-size:11px; text-transform:uppercase; letter-spacing:.04em; }

/* =========================================================================
   FOOTER
   ========================================================================= */
.fx-footer{ border-top:1px solid var(--fx-panel-b); background:rgba(4,2,2,.6); margin-top:40px; }
.fx-footer-container{ max-width:1180px; margin:0 auto; padding:26px 18px 34px; }
.fx-footer-links a{ color:var(--fx-text-dim); font-size:12px; text-transform:uppercase; letter-spacing:.03em; }
.fx-footer-links a:hover{ color:var(--fx-gold-light); }
.fx-footer-sep{ color:var(--fx-panel-b); margin:0 8px; }

.fx-footer-social{ margin:22px 0; }
.fx-footer-social-title{ display:block; font-size:11px; color:var(--fx-text-dim); text-transform:uppercase; letter-spacing:.06em; margin-bottom:12px; }
.fx-footer-social-icons{ display:flex; justify-content:center; gap:14px; }
.fx-social-link img{ width:40px; height:40px; transition:.15s ease; }
.fx-social-link:hover img{ transform:translateY(-3px); filter:drop-shadow(0 4px 10px rgba(255,122,46,.5)); }

.fx-footer-hr{ border-top:1px solid var(--fx-panel-b); margin:0 0 18px; }
.fx-footer-copy{ font-size:11px; color:var(--fx-text-dim); }
.fx-footer-copy p{ margin:0 0 8px; }

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width:760px){
	.fx-navbar{ flex-wrap:wrap; gap:10px; }
	.fx-navbar-side{ flex:none; width:100%; justify-content:center; }
	.fx-navbar-side ul{ border-radius:999px !important; margin:0 !important; padding:6px 18px !important; flex-wrap:wrap; justify-content:center; }
	.fx-crest{ order:-1; margin:0 auto 10px; }
	.fx-clock-strip{ flex-direction:column; align-items:center; gap:4px; }
	.fx-stats-strip{ grid-template-columns:1fr; gap:2px; text-align:center; }
	.fx-stat-left,.fx-stat-mid,.fx-stat-right{ text-align:center; }
}