/* ORIONAS.LT Statistika — žaidėjo profilis, naujas web (ne MOTD) išdėstymas (v3).
   Kraunama TIK kai user.php gauna &motd=0. Žr. web_base.css komentarą.
   Spalvos/šriftai/kortelės - iš web_base.css kintamųjų, ta pati kalba kaip TOP15. */

.orx-profile {
	--gold: #f5c451;
	--silver: #d7d7de;
	--bronze: #e3a25f;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.orx-profile small { font-weight: 500; color: var(--text-faint); font-size: 11px; }
.orx-profile .good { color: var(--good); }
.orx-profile { --hud: #e9a23b; }
/* Ikonos: --h valdo aukštį; SVG kvadratinės, HUD sprite'ai (span.hud) -
   savo natūralių proporcijų (--ar), nuspalvinami per mask (spalva = currentColor). */
.orx-profile .ico { --h: 16px; height: var(--h); width: var(--h); flex: none; }
.orx-profile .ico.hud {
	display: inline-block;
	width: auto;
	aspect-ratio: var(--ar);
	max-width: calc(var(--h) * 2.3);
	background-color: currentColor;
	-webkit-mask: var(--m) center / contain no-repeat;
	mask: var(--m) center / contain no-repeat;
}
.orx-profile .bar-outer {
	height: 8px; border-radius: 999px; background: rgba(255,255,255,.07); overflow: hidden;
}
.orx-profile .bar-inner {
	height: 100%; border-radius: 999px;
	background: linear-gradient(90deg, var(--accent-deep), var(--accent-2));
}

/* Kortelės - šiek tiek daugiau gylio ir švelnus akcentas užvedus pelę. */
.orx-profile .orx-card {
	position: relative;
	background: linear-gradient(180deg, rgba(24,27,38,.96) 0%, rgba(17,19,27,.96) 100%);
	box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, var(--shadow-sm);
	transition: border-color .2s ease;
}
.orx-profile .orx-card:hover { border-color: rgba(100,149,237,.22); }

/* ---- Sekcijų antraštės ---- */
.sec-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.sec-head h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 14px;
	color: var(--text);
	text-transform: uppercase;
	letter-spacing: .7px;
}
.sec-ico { display: inline-flex; align-items: center; color: var(--hud); }
.sec-ico .ico { --h: 18px; filter: drop-shadow(0 0 6px rgba(233,162,59,.35)); }
.sec-sub { font-size: 12px; color: var(--text-faint); }

/* ---- Viršutinė juosta ---- */
.orx-profile-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.orx-back-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--text-dim);
	font-size: 13px;
	font-weight: 600;
	padding: 8px 14px 8px 10px;
	border-radius: 999px;
	background: rgba(255,255,255,.04);
	border: 1px solid var(--border);
	transition: color .15s ease, border-color .15s ease, background .15s ease;
}
.orx-back-link:hover { color: #fff; border-color: rgba(100,149,237,.4); background: rgba(100,149,237,.1); }
.orx-profile-top .orx-btn { padding: 8px 14px; font-size: 13px; }
.orx-profile-top .btn-ico { width: 14px; height: 14px; opacity: .85; }

/* ---- Hero ---- */
.orx-hero-profile {
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 26px;
	flex-wrap: wrap;
	padding: 30px;
	border-color: rgba(100,149,237,.18);
}
/* Išblurintas avataras fone - kiekvienas profilis gauna savo atspalvį. */
.orx-hero-profile .hero-bg {
	position: absolute;
	inset: -40px;
	background-size: cover;
	background-position: center;
	filter: blur(42px) saturate(1.4);
	opacity: .32;
	pointer-events: none;
}
.orx-hero-profile::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(12,14,20,.35) 0%, rgba(12,14,20,.75) 55%, rgba(12,14,20,.9) 100%),
		radial-gradient(500px 220px at 0% 0%, rgba(100,149,237,.18), transparent 65%);
	pointer-events: none;
}
.orx-hero-profile > *:not(.hero-bg) { position: relative; z-index: 1; }

.orx-avatar-wrap { flex: none; }
.orx-avatar-wrap img.avatar {
	display: block;
	width: 116px; height: 116px;
	border-radius: 26px;
	object-fit: cover;
	box-shadow: 0 0 0 3px rgba(255,255,255,.08), 0 0 0 5px rgba(100,149,237,.45), 0 16px 40px rgba(0,0,0,.55);
}
/* Numatytasis avataras - ORIONAS zenklas (ne Steam zaidejai). Steam nuotraukai
   uzapvalintas kvadratas tinka, zenklui - ne, tad jis rodomas apskritimu.
   Blurinto fono (.hero-bg) su juo isvis nepiesiam, zr. user.php. */
.orx-avatar-wrap img.avatar.is-default { border-radius: 50%; }

.orx-avatar-wrap .online-badge {
	position: absolute; right: -6px; bottom: -6px;
	width: 24px; height: 24px; border-radius: 50%;
	border: 4px solid #141722;
	background: var(--text-faint);
}
.orx-avatar-wrap .online-badge.on { background: var(--good); box-shadow: 0 0 12px var(--good); }

.orx-profile-id { flex: 1 1 300px; min-width: 0; }
.orx-profile-id .eyebrow {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	color: var(--accent-2);
	opacity: .85;
	margin-bottom: 4px;
}
.orx-profile-id .name {
	font-family: var(--font-display);
	font-size: 40px;
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: .4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-shadow: 0 0 14px color-mix(in srgb, currentColor 22%, transparent), 0 2px 8px rgba(0,0,0,.55);
}
.orx-profile-id .meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
	color: var(--text-dim);
	font-size: 13px;
}
.orx-profile-id .dot-sep { width: 3px; height: 3px; border-radius: 50%; background: var(--text-faint); }
.orx-profile-id .steam-tag, .orx-profile-id .rank-tag { display: inline-flex; align-items: center; gap: 6px; }
.orx-profile-id .steam-tag img { width: 13px; height: 13px; opacity: .85; }
.orx-profile-id .rank-tag img { height: 16px; width: auto; }
.orx-new-tag {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	background: rgba(52,201,141,.16);
	color: var(--good);
	border: 1px solid rgba(52,201,141,.4);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .3px;
}

/* NAUJOKO DOVANA: SUPER VIP pirmoms dienoms. Ta pati plombutė, kaip „Naujas",
   tik SVIP ženklo auksas (#e8b55c) - ta pačia spalva tuo metu nuspalvintas ir
   slapyvardis (inc/config.php $name_colors). Žymė rodoma TIK kol dovana veikia
   ir PAKEIČIA „Naujas" (žr. user.php). */
.orx-gift-tag {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 999px;
	background: rgba(232,181,92,.16);
	color: #e8b55c;
	border: 1px solid rgba(232,181,92,.45);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .3px;
	white-space: nowrap;
}
.orx-profile-id .status-line {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 16px;
	margin-top: 14px;
	font-size: 12px;
	color: var(--text-faint);
}
.orx-profile-id .since { display: inline-flex; align-items: center; gap: 6px; }
.orx-profile-id .since .ico { --h: 13px; }
.orx-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(255,255,255,.06);
	border: 1px solid var(--border-strong);
	color: var(--text-dim);
	font-weight: 600;
}
.orx-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--text-faint); }
.orx-status.on { color: var(--good); border-color: rgba(52,201,141,.45); background: rgba(52,201,141,.12); }
.orx-status.on i { background: var(--good); box-shadow: 0 0 8px var(--good); animation: orx-pulse 1.8s ease-in-out infinite; }
@keyframes orx-pulse { 50% { box-shadow: 0 0 0 5px rgba(52,201,141,0); opacity: .6; } }

.orx-hero-side { display: flex; align-items: stretch; gap: 12px; flex: none; }
.orx-place {
	--tone: var(--accent-2);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 14px 22px;
	border-radius: var(--radius);
	background: linear-gradient(135deg, rgba(100,149,237,.2), rgba(100,149,237,.04));
	border: 1px solid rgba(100,149,237,.32);
	min-width: 150px;
}
.orx-place.gold   { --tone: var(--gold);   background: linear-gradient(135deg, rgba(245,196,81,.2), rgba(245,196,81,.03)); border-color: rgba(245,196,81,.45); }
.orx-place.silver { --tone: var(--silver); background: linear-gradient(135deg, rgba(215,215,222,.16), rgba(215,215,222,.03)); border-color: rgba(215,215,222,.4); }
.orx-place.bronze { --tone: var(--bronze); background: linear-gradient(135deg, rgba(227,162,95,.18), rgba(227,162,95,.03)); border-color: rgba(227,162,95,.42); }
.orx-place .lbl, .orx-skill-chip .lbl {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .8px;
	font-weight: 700;
}
.orx-place .lbl { color: var(--tone); }
.orx-place .lbl .ico { --h: 12px; }
/* Vietos pokytis nuo praėjusios paros - ta pati informacija, kaip TOP15 rodyklės. */
.orx-place .move {
	margin-top: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2px;
	white-space: nowrap;
}
.orx-place .move.up { color: var(--good); }
.orx-place .move.down { color: var(--danger); }
.orx-place .move.same { color: var(--text-faint); font-weight: 600; }
.orx-place .num { font-family: var(--font-display); font-size: 44px; font-weight: 700; line-height: 1; color: #fff; margin: 4px 0 2px; }
.orx-place .of { font-size: 12px; color: var(--text-dim); }
.orx-place .of b { color: var(--tone); }

.orx-skill-chip {
	--skill: #b8a365;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 14px 20px;
	border-radius: var(--radius);
	color: var(--skill);
	min-width: 100px;
	background: linear-gradient(160deg, color-mix(in srgb, var(--skill) 26%, transparent), color-mix(in srgb, var(--skill) 6%, transparent));
	border: 1px solid color-mix(in srgb, var(--skill) 55%, transparent);
}
.orx-skill-chip .lbl { opacity: .9; }
.orx-skill-chip .grade { font-family: var(--font-display); font-size: 38px; font-weight: 700; line-height: 1; margin: 4px 0; text-shadow: 0 0 18px color-mix(in srgb, var(--skill) 60%, transparent); }
.orx-skill-chip .pct { font-size: 11px; font-weight: 700; color: #111; background: var(--skill); border-radius: 999px; padding: 1px 9px; }

/* ---- KPI juosta ---- */
.orx-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.orx-kpi { padding: 16px 16px 14px; display: flex; flex-direction: column; gap: 6px; min-width: 0; overflow: hidden; }
.orx-kpi .kpi-head {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	font-weight: 700;
	color: var(--text-faint);
	text-transform: uppercase;
	letter-spacing: .5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.orx-kpi .kpi-ico { display: inline-flex; align-items: center; flex: none; color: var(--hud); }
.orx-kpi .kpi-ico .ico { --h: 16px; filter: drop-shadow(0 0 5px rgba(233,162,59,.3)); }
.orx-kpi .kpi-value {
	font-family: var(--font-display);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.05;
	color: #fff;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	margin-top: 2px;
}
.orx-kpi .cmp { font-size: 11px; color: var(--text-faint); line-height: 1.35; }
.orx-kpi .kpi-value small { font-family: var(--font-body); font-size: 14px; font-weight: 600; color: var(--text-dim); margin-left: 2px; }
/* K/D pagal puse (T / CT) - atskira eilute po palyginimu su serveriu.
   Blokas, nes .cmp yra inline span ir antra eilute uzsliuoztu i ta pacia. */
.orx-kpi .sides {
	display: block;
	margin-top: 4px;
	font-size: 11px;
	color: var(--text-dim);
	line-height: 1.35;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.orx-kpi .sides b { font-weight: 700; color: var(--text-faint); }
.orx-kpi .sides .sep { opacity: .45; margin: 0 1px; }
.orx-kpi .cmp.up { color: var(--good); }
.orx-kpi .cmp.down { color: #ff8589; }
/* Procentilio juostelė kortelės apačioje - "geresnis nei X% žaidėjų". */
.orx-kpi .kpi-meter { height: 3px; border-radius: 999px; background: rgba(255,255,255,.07); margin-top: 6px; overflow: hidden; }
.orx-kpi .kpi-meter i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--accent-deep), var(--accent-2)); transform-origin: left; animation: orx-grow .9s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--d, 0ms); }

/* ---- Laipsnis ---- */
/* Laipsnio kortelė. --tc = laipsnių grupės spalva (Silver, Gold Nova, ...).
   Ženkliukai yra tik 60x24 px - rodomi natūraliu arba MAŽESNIU dydžiu (aštrūs). */
.orx-rank-card { --tc: #c9ced6; padding: 22px 26px; overflow: hidden; }
.orx-rank-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(380px 150px at 0% 0%, color-mix(in srgb, var(--tc) 14%, transparent), transparent 70%);
	pointer-events: none;
}
.orx-rank-card > * { position: relative; }

.rk-head { display: flex; align-items: center; gap: 18px; }
.rk-emblem {
	flex: none;
	display: grid;
	place-items: center;
	width: 96px; height: 56px;
	border-radius: 14px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--tc) 14%, transparent), rgba(255,255,255,.02));
	border: 1px solid color-mix(in srgb, var(--tc) 40%, transparent);
}
.rk-emblem img { width: 60px; height: 24px; filter: drop-shadow(0 2px 4px rgba(0,0,0,.5)); }
.rk-title { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.rk-tier { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--tc); }
.rk-name { font-family: var(--font-display); font-size: 28px; font-weight: 700; color: #fff; line-height: 1.05; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rk-sub { font-size: 12px; color: var(--text-faint); margin-top: 2px; }
.rk-xp { display: flex; flex-direction: column; align-items: flex-end; flex: none; }
.rk-xp .n { font-family: var(--font-display); font-size: 30px; font-weight: 700; color: #fff; line-height: 1; font-variant-numeric: tabular-nums; }
.rk-xp .l { font-size: 11px; color: var(--text-faint); margin-top: 3px; }

.rk-progress { margin-top: 30px; }
.rk-bar { position: relative; height: 12px; border-radius: 999px; background: rgba(255,255,255,.06); }
.rk-bar .fill {
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, color-mix(in srgb, var(--tc) 55%, #0b0d12), var(--tc));
	box-shadow: 0 0 12px color-mix(in srgb, var(--tc) 35%, transparent);
}
.rk-bar .bubble {
	position: absolute;
	bottom: calc(100% + 7px);
	transform: translateX(-50%);
	padding: 2px 8px;
	border-radius: 7px;
	background: var(--tc);
	color: #111;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}
.rk-bar .bubble::after {
	content: "";
	position: absolute;
	left: 50%; top: 100%;
	margin-left: -4px;
	border: 4px solid transparent;
	border-top-color: var(--tc);
}
.rk-ends { display: flex; justify-content: space-between; gap: 10px; margin-top: 8px; font-size: 11px; color: var(--text-faint); }
.rk-ends span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.rk-ends img { width: 30px; height: 12px; opacity: .8; }
.rk-left { margin-top: 10px; font-size: 13px; color: var(--text-dim); }
.rk-left b { color: #fff; }
.rk-max { display: flex; align-items: center; gap: 8px; margin-top: 18px; font-weight: 700; color: var(--gold); }
.rk-max .ico { --h: 20px; }

/* Laipsnių kelias - visi 18 ženkliukų grupėmis. */
.rk-road-wrap { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--border); }
.rk-road { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 4px 2px 2px; }
.rk-road::-webkit-scrollbar { display: none; }
.rr-group { flex: 1 0 auto; display: flex; flex-direction: column; gap: 7px; }
.rr-icons { display: flex; align-items: center; gap: 3px; }
.rr-name {
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .3px;
	color: var(--text-faint);
	white-space: nowrap;
	padding-top: 5px;
	border-top: 2px solid rgba(255,255,255,.08);
}
.rr-group.done .rr-name, .rr-group.current .rr-name { color: var(--tc); border-top-color: color-mix(in srgb, var(--tc) 60%, transparent); }
.rr-step { display: grid; place-items: center; width: 34px; height: 26px; border-radius: 7px; flex: none; }
.rr-step img { width: 30px; height: 12px; }
.rr-step.todo img { opacity: .28; filter: grayscale(1); }
.rr-step.done img { opacity: .85; }
.rr-step.current {
	width: 54px; height: 28px;
	background: color-mix(in srgb, var(--tc) 18%, transparent);
	box-shadow: inset 0 0 0 1px var(--tc), 0 0 14px color-mix(in srgb, var(--tc) 35%, transparent);
}
.rr-step.current img { width: 45px; height: 18px; }
.rk-foot { margin-top: 12px; font-size: 12px; color: var(--text-faint); }
.rk-foot b { color: var(--text-dim); }

/* ---- Kortelių tinklelis ---- */
.orx-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.orx-span-2 { grid-column: span 2; }
.orx-stat-card { padding: 20px 22px; min-width: 0; }

.orx-stat-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 9px 0;
	border-top: 1px solid rgba(255,255,255,.05);
	font-size: 13px;
}
.orx-stat-row .l { color: var(--text-dim); }
.orx-stat-row .v { font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.orx-stat-row .v small { margin-left: 4px; }
/* Aktyvumas: pavadinimas + smulkus paaiškinimas po juo. */
.orx-stat-row.act { padding: 8px 0; }
.orx-stat-row.act .l { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.orx-stat-row.act .l .hint { margin: 0; font-size: 11px; font-weight: 400; color: var(--text-faint); line-height: 1.35; }
.orx-stat-row .v.accent { color: var(--accent-2); }
.orx-stat-row .v.good { color: var(--good); }

/* Kova - K/D žiedas (conic-gradient: žalia = nužudymų dalis, raudona = mirčių).
   @property leidžia animuoti --p (žiedas "užsipildo"); senesnės naršyklės
   tiesiog parodo galutinį vaizdą be animacijos. */
@property --p { syntax: "<number>"; inherits: false; initial-value: 0; }
.orx-donut-row { display: flex; align-items: center; gap: 22px; margin-bottom: 14px; }
.orx-donut {
	--p: 50;
	flex: none;
	width: 120px; height: 120px;
	border-radius: 50%;
	background: conic-gradient(var(--good) calc(var(--p) * 1%), var(--danger) 0);
	display: grid;
	place-items: center;
	box-shadow: 0 0 30px rgba(52,201,141,.12);
	animation: orx-donut 1.1s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes orx-donut { from { --p: 0; } }
.orx-donut.empty { background: rgba(255,255,255,.08); box-shadow: none; animation: none; }
.orx-donut .in {
	width: 92px; height: 92px;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 30%, #1d2130, #12141c);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.orx-donut .v { font-family: var(--font-display); font-size: 30px; font-weight: 700; line-height: 1; color: #fff; }
.orx-donut .l { font-size: 10px; letter-spacing: .8px; color: var(--text-faint); font-weight: 700; margin-top: 3px; }
.orx-donut-legend { flex: 1 1 auto; display: flex; flex-direction: column; gap: 9px; font-size: 13px; color: var(--text-dim); min-width: 0; }
.orx-donut-legend div { display: flex; align-items: center; }
.orx-donut-legend b { margin-left: auto; padding-left: 10px; color: var(--text); font-variant-numeric: tabular-nums; }
.orx-donut-legend .dot { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 8px; flex: none; }
.orx-donut-legend .dot.k { background: var(--good); }
.orx-donut-legend .dot.d { background: var(--danger); }
.orx-donut-legend .dot.a { background: var(--accent-2); }

/* Skill lygis (Kova kortelėje): 7 raidžių grupės N..H su žaidėjo žyma. */
.orx-skill-box { margin-top: 6px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.05); }
.orx-skill-box .sk-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.orx-skill-box .sk-head .l { font-size: 13px; color: var(--text-dim); margin-right: auto; }
.orx-skill-box .sk-grade { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: #111; background: var(--sc); padding: 1px 9px; border-radius: 7px; }
.orx-skill-box .sk-pct { font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.orx-skill-box .sk-scale { position: relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.orx-skill-box .sk-seg {
	height: 18px;
	display: grid;
	place-items: center;
	font-size: 10px;
	font-weight: 700;
	color: rgba(255,255,255,.55);
	background: color-mix(in srgb, var(--sc) 22%, transparent);
	border-radius: 4px;
}
.orx-skill-box .sk-seg.cur { color: #111; background: var(--sc); }
.orx-skill-box .sk-mark {
	position: absolute;
	top: -4px; bottom: -4px;
	width: 3px;
	margin-left: -1.5px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0,0,0,.6), 0 0 6px rgba(255,255,255,.6);
}
.orx-skill-box .sk-text { margin-top: 10px; font-size: 11px; line-height: 1.5; color: var(--text-faint); }
.orx-skill-box .sk-text b { color: var(--text-dim); }

/* Taiklumas - šūviai -> pataikymai -> nužudymai "piltuvėlis". */
.orx-funnel { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.orx-funnel .f-row { display: grid; grid-template-columns: 84px 1fr auto; align-items: center; gap: 10px; font-size: 12px; }
.orx-funnel .l { color: var(--text-dim); }
.orx-funnel .v { font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; min-width: 44px; text-align: right; }
.orx-funnel .f-bar { height: 12px; border-radius: 6px; background: rgba(255,255,255,.05); overflow: hidden; }
.orx-funnel .f-bar i { display: block; height: 100%; min-width: 3px; border-radius: 6px; background: linear-gradient(90deg, var(--accent-deep), var(--accent-2)); }
.orx-funnel .f-row:nth-child(3) .f-bar i { background: linear-gradient(90deg, #1f9a6b, var(--good)); }

/* Komandinis žaidimas - plytelės su spalvotomis ikonomis. */
.orx-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; }
.orx-tiles .tile {
	--c: var(--accent-2);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	padding: 12px 6px 10px;
	border-radius: 12px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--c) 9%, transparent), rgba(255,255,255,.015));
	border: 1px solid color-mix(in srgb, var(--c) 20%, transparent);
	text-align: center;
	min-width: 0;
}
.orx-tiles .ico { --h: 20px; color: var(--c); margin-bottom: 3px; }
.orx-tiles .t-star    { --c: var(--gold); }
.orx-tiles .t-trophy  { --c: #8bb0f5; }
.orx-tiles .t-bomb    { --c: #ff8a65; }
.orx-tiles .t-blast   { --c: #ff6b6b; }
.orx-tiles .t-defuse  { --c: #4fd1c5; }
.orx-tiles .t-syringe { --c: #b794f4; }
.orx-tiles .t-revive  { --c: #34c98d; }
.orx-tiles .t-mine    { --c: #9aa6b2; }
.orx-tiles .v { font-family: var(--font-display); font-size: 22px; font-weight: 700; color: #fff; line-height: 1.1; }
.orx-tiles .l { font-size: 10px; color: var(--text-faint); text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

/* Palyginimas su serveriu (mastelis = serverio rekordas). */
.orx-cmp-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 30px; }
.orx-cmp-line .head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; }
.orx-cmp-line .head .l { font-size: 13px; color: var(--text-dim); font-weight: 600; }
.orx-cmp-line .pctl { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; padding: 2px 9px; border-radius: 999px; white-space: nowrap; }
.orx-cmp-line .pctl .ico { --h: 12px; }
.orx-cmp-line .pctl.up { color: var(--good); background: rgba(52,201,141,.12); }
.orx-cmp-line .pctl.down { color: #ff8589; background: rgba(229,72,77,.12); }
.orx-cmp-line .pctl.best { color: var(--gold); background: rgba(245,196,81,.14); box-shadow: inset 0 0 0 1px rgba(245,196,81,.35); }
.orx-cmp-line .track { position: relative; height: 10px; border-radius: 999px; background: rgba(255,255,255,.06); }
.orx-cmp-line .bar.me { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--accent-deep), var(--accent-2)); box-shadow: 0 0 10px rgba(100,149,237,.3); }
.orx-cmp-line .avg-mark {
	position: absolute;
	top: -4px; bottom: -4px;
	width: 3px;
	margin-left: -1px;
	border-radius: 2px;
	background: var(--gold);
	box-shadow: 0 0 6px rgba(245,196,81,.6);
}
.orx-cmp-line .nums { display: flex; gap: 10px; margin-top: 7px; font-size: 12px; font-variant-numeric: tabular-nums; }
.orx-cmp-line .nums .me { color: var(--text); font-weight: 700; margin-right: auto; }
.orx-cmp-line .nums .avg { color: #d8b45a; }
.orx-cmp-line .nums .best { color: var(--text-faint); }
.orx-cmp-legend { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: -4px 0 18px; font-size: 12px; color: var(--text-dim); }
.orx-cmp-legend span { display: inline-flex; align-items: center; gap: 7px; }
.orx-cmp-legend i { display: inline-block; flex: none; }
.orx-cmp-legend .lg-me { width: 18px; height: 6px; border-radius: 3px; background: linear-gradient(90deg, var(--accent-deep), var(--accent-2)); }
.orx-cmp-legend .lg-avg { width: 3px; height: 14px; border-radius: 2px; background: var(--gold); box-shadow: 0 0 6px rgba(245,196,81,.6); }
.orx-cmp-legend .lg-best { width: 18px; height: 6px; border-radius: 3px; background: rgba(255,255,255,.12); box-shadow: inset -3px 0 0 rgba(255,255,255,.45); }
.orx-note { margin-top: 20px; font-size: 11px; color: var(--text-faint); line-height: 1.6; }
.orx-note .legend-me, .orx-note .legend-avg { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; border-radius: 2px; }
.orx-note .legend-me { width: 14px; height: 6px; background: var(--accent-2); }
.orx-note .legend-avg { width: 3px; height: 12px; background: var(--gold); margin-left: 10px; }

/* ---- Arsenalas ---- */
.orx-arsenal { padding: 22px 24px; }

.orx-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 22px; }
.orx-podium-card {
	--m: var(--accent-2);
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px 18px;
	border-radius: var(--radius);
	background: linear-gradient(160deg, color-mix(in srgb, var(--m) 14%, transparent), rgba(255,255,255,.015) 70%);
	border: 1px solid color-mix(in srgb, var(--m) 35%, transparent);
	overflow: hidden;
	min-width: 0;
}
.orx-podium-card.gold { --m: var(--gold); }
.orx-podium-card.silver { --m: var(--silver); }
.orx-podium-card.bronze { --m: var(--bronze); }
.orx-podium-card .place {
	position: absolute;
	top: 12px; right: 14px;
	font-family: var(--font-display);
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: var(--m);
	opacity: .9;
}
.orx-podium-card img { width: 150px; height: 70px; object-fit: contain; margin-left: -6px; filter: brightness(1.7) contrast(1.1) drop-shadow(0 8px 16px rgba(0,0,0,.55)); }
.orx-podium-card .txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.orx-podium-card .nm { font-family: var(--font-display); font-size: 24px; font-weight: 700; color: #fff; line-height: 1.1; }
.orx-podium-card .grp { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; color: var(--m); }
.orx-podium-card .k { font-size: 12px; color: var(--text-dim); margin: 4px 0 8px; }
.orx-podium-card .k b { color: #fff; font-size: 14px; }
.orx-podium-card .bar-outer { width: 100%; height: 5px; }
.orx-podium-card .bar-inner { background: var(--m); }

.orx-wgroups { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px 28px; align-items: start; }
.orx-wgroup .g-head {
	display: flex;
	justify-content: space-between;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .6px;
	color: var(--text-faint);
	padding-bottom: 7px;
	border-bottom: 1px solid var(--border);
	margin-bottom: 2px;
}
.orx-weapon-row { display: flex; align-items: center; gap: 12px; padding: 8px 0; }
.orx-weapon-row img { width: 56px; height: 30px; object-fit: contain; flex: none; filter: brightness(1.8) contrast(1.1); }
.orx-weapon-row .info { flex: 1 1 auto; min-width: 0; }
.orx-weapon-row .top-line { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; margin-bottom: 5px; }
.orx-weapon-row .name { font-weight: 600; color: var(--text); }
.orx-weapon-row .kills { font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.orx-weapon-row .bar-outer { height: 5px; }

/* ---- Specializacija: vieta serveryje pagal konkretų ginklą ---- */
.orx-srv-rank {
	display: inline-block;
	margin-left: 7px;
	padding: 1px 7px;
	border: 1px solid var(--border-strong);
	border-radius: 999px;
	font-size: 9.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
	color: var(--text-dim);
	vertical-align: 1px;
	white-space: nowrap;
}
.orx-srv-rank.rg { border-color: rgba(245,196,81,.5);  background: rgba(245,196,81,.12);  color: var(--gold); }
.orx-srv-rank.rs { border-color: rgba(215,215,222,.42); background: rgba(215,215,222,.08); color: var(--silver); }
.orx-srv-rank.rb { border-color: rgba(227,162,95,.45); background: rgba(227,162,95,.10); color: var(--bronze); }
/* Pakylos kortelėje ženkliukas kabo prie grupės pavadinimo, kuris pats yra
   spalvotas (--m) ir LABAI mažas - ten reikia savo dydžio, ne paveldėto. */
.orx-podium-card .grp .orx-srv-rank { letter-spacing: .3px; vertical-align: 0; }
.orx-weapon-row .name .orx-srv-rank { font-weight: 700; }

.orx-empty-state { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 36px 10px; color: var(--text-faint); font-size: 14px; }
.orx-empty-state .ico { --h: 26px; opacity: .5; }

/* ---- Privilegijos (hero) ---- Spalva ateina iš nick'o spalvos (--pc). */
.orx-profile-id .priv-line { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.orx-priv {
	--pc: #fff;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 13px 5px 11px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .3px;
	color: color-mix(in srgb, var(--pc) 82%, #fff);
	background: linear-gradient(135deg, color-mix(in srgb, var(--pc) 22%, transparent), color-mix(in srgb, var(--pc) 7%, transparent));
	border: 1px solid color-mix(in srgb, var(--pc) 45%, transparent);
	box-shadow: 0 0 14px color-mix(in srgb, var(--pc) 16%, transparent);
	text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.orx-priv .ico { --h: 13px; width: 13px; height: 13px; flex: none; color: var(--pc); filter: drop-shadow(0 0 5px color-mix(in srgb, var(--pc) 55%, transparent)); }
/* Galiojimas - ramesnė juostelė šalia, kad privilegija liktų svarbiausia. */
.orx-priv-exp {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px 5px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	color: var(--text-dim);
	background: rgba(255,255,255,.04);
	border: 1px solid var(--border);
}
.orx-priv-exp .ico { --h: 13px; width: 13px; height: 13px; flex: none; opacity: .75; }
.orx-priv-exp.inf { color: var(--text-dim); }
.orx-priv-exp.inf .ico { opacity: .9; }
/* Lieka mažiau nei savaitė - atkreipiam dėmesį. */
.orx-priv-exp.soon { color: var(--hud); background: rgba(233,162,59,.1); border-color: rgba(233,162,59,.35); }
.orx-priv-exp.soon .ico { opacity: 1; }

/* ---- Dalinimasis ---- */
.orx-profile-top .top-actions { display: flex; gap: 8px; flex-wrap: wrap; }
#orx-share .ico { --h: 14px; }
#orx-share.ok { color: var(--good); border-color: rgba(52,201,141,.45); background: rgba(52,201,141,.1); }

/* ---- Laipsnis + artimiausi varžovai vienoje eilėje ---- */
.orx-rank-row { align-items: stretch; }
.orx-rank-row .orx-rank-card { display: flex; flex-direction: column; justify-content: space-between; }
.orx-near { display: flex; flex-direction: column; }
.orx-near .sec-head { margin-bottom: 10px; }
.orx-near-list { display: flex; flex-direction: column; gap: 2px; }
.orx-near-row {
	display: grid;
	grid-template-columns: 34px 24px minmax(0, 1fr) auto 64px;
	align-items: center;
	gap: 10px;
	padding: 6px 10px;
	min-height: 38px;
	border-radius: 10px;
	font-size: 13px;
	color: var(--text-dim);
	transition: background .15s ease, color .15s ease;
}
a.orx-near-row:hover { background: rgba(255,255,255,.04); color: var(--text); }
.orx-near-row.me {
	background: linear-gradient(90deg, rgba(100,149,237,.18), rgba(100,149,237,.04));
	box-shadow: inset 3px 0 0 var(--accent);
	color: #fff;
	font-weight: 700;
}
.orx-near-row .pos { font-family: var(--font-display); font-weight: 700; font-size: 15px; color: var(--text-faint); }
.orx-near-row.me .pos { color: var(--accent-2); }
/* TOP 3 - medalis vietoj numerio. Lizdas tokio pat aukščio kaip avataras,
   tad eilutės neišaugina nei kompiuteryje, nei telefone. */
.orx-near-row .pos.medal {
	--pc: var(--gold);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin: -1px 0;
	border-radius: 50%;
	background: radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--pc) 30%, transparent), transparent 72%);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pc) 38%, transparent);
}
.orx-near-row .pos.medal.gold   { --pc: var(--gold); }
.orx-near-row .pos.medal.silver { --pc: var(--silver); }
.orx-near-row .pos.medal.bronze { --pc: var(--bronze); }
.orx-near-row .pos.medal img {
	display: block;
	width: auto;
	height: 18px;
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.55));
}
a.orx-near-row:hover .pos.medal { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pc) 70%, transparent); }
.orx-near-row .av { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.orx-near-row .nm { display: flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orx-near-row .nm .on { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--good); box-shadow: 0 0 6px var(--good); }
.orx-near-row .rk { height: 14px; width: auto; opacity: .85; }
.orx-near-row .val { text-align: right; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.orx-near-gap {
	margin-top: auto;
	padding-top: 12px;
	font-size: 12px;
	color: var(--text-faint);
	line-height: 1.5;
}
.orx-near-gap b { color: var(--text-dim); }
.orx-near-gap b.hl { color: var(--hud); }
.orx-near-gap .note { display: block; margin-top: 4px; font-size: 11px; opacity: .8; }

/* ---- Progresas ---- */
.orx-progress { padding: 22px 24px; position: relative; }
.orx-seg { display: inline-flex; padding: 3px; gap: 2px; border-radius: 999px; background: rgba(255,255,255,.04); border: 1px solid var(--border); }
.orx-seg button {
	border: 0;
	background: transparent;
	color: var(--text-faint);
	font: 600 12px var(--font-body);
	padding: 5px 12px;
	border-radius: 999px;
	cursor: pointer;
	transition: color .15s ease, background .15s ease;
}
.orx-seg button:hover { color: var(--text); }
.orx-seg button[aria-pressed="true"] { background: rgba(100,149,237,.2); color: #fff; }

/* Šešios plytelės (XP, nužudymai, K/D, pražaista, taiklumas, HS %) - po tris
   eilutėje, kad išeitų dvi lygios eilės, o ne 4+2. */
.orx-prog-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.orx-prog-tiles .pt { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.025); border: 1px solid var(--border); min-width: 0; }
.orx-prog-tiles .l { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--text-faint); }
.orx-prog-tiles .v { font-family: var(--font-display); font-size: 26px; font-weight: 700; color: #fff; line-height: 1.1; font-variant-numeric: tabular-nums; }
.orx-prog-tiles .v.up { color: var(--good); }
.orx-prog-tiles .v.down { color: #ff8589; }
.orx-prog-tiles .s { font-size: 11px; color: var(--text-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.orx-prog-tiles .s.up { color: var(--good); }
.orx-prog-tiles .s.down { color: #ff8589; }

.orx-charts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.orx-chart { margin: 0; padding: 14px 14px 8px; border-radius: 12px; background: rgba(0,0,0,.18); border: 1px solid var(--border); min-width: 0; }
.orx-chart figcaption { font-size: 12px; font-weight: 700; color: var(--text-dim); margin-bottom: 6px; }
.orx-chart .plot { min-height: 200px; color: var(--text-faint); font-size: 12px; }
.orx-chart svg { display: block; overflow: visible; touch-action: pan-y; }
.orx-chart .ax text { fill: var(--text-faint); font: 11px var(--font-body); font-variant-numeric: tabular-nums; }
.orx-chart .ax .grid { stroke: rgba(255,255,255,.07); stroke-width: 1; }
.orx-chart .cross { stroke: rgba(255,255,255,.35); stroke-width: 1; }
.orx-chart .endlab { fill: var(--text); font: 700 12px var(--font-body); }
.orx-chart .bar path { transition: filter .12s ease; }
.orx-chart .bar:hover path { filter: brightness(1.3); }

.orx-tip {
	position: absolute;
	z-index: 6;
	pointer-events: none;
	padding: 8px 11px;
	border-radius: 10px;
	background: rgba(12,14,20,.96);
	border: 1px solid var(--border-strong);
	box-shadow: var(--shadow-sm);
	white-space: nowrap;
}
.orx-tip .tv { font-weight: 700; font-size: 14px; color: #fff; }
.orx-tip .tl { font-size: 11px; color: var(--text-faint); margin-top: 2px; }

.orx-table-view { margin-top: 14px; font-size: 12px; }
.orx-table-view summary { cursor: pointer; color: var(--text-faint); font-weight: 600; width: max-content; }
.orx-table-view summary:hover { color: var(--text); }
.orx-table-view .tbl { margin-top: 10px; overflow-x: auto; }
.orx-table-view table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.orx-table-view th { text-align: right; font-size: 11px; color: var(--text-faint); font-weight: 700; padding: 6px 10px; border-bottom: 1px solid var(--border-strong); white-space: nowrap; }
.orx-table-view td { text-align: right; padding: 6px 10px; color: var(--text-dim); border-bottom: 1px solid rgba(255,255,255,.04); white-space: nowrap; }
.orx-table-view th:first-child, .orx-table-view td:first-child { text-align: left; }

/* ---- Kada žaidžia (heatmap stilius - web_base.css) ---- */
.orx-when { padding: 22px 24px; }

/* ---- Žemėlapiai ---- */
.orx-maps { padding: 22px 24px; }
.orx-maps-head, .orx-map-row {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(90px, 1fr) repeat(4, 64px);
	align-items: center;
	gap: 12px;
	padding: 8px 10px;
	font-size: 13px;
	font-variant-numeric: tabular-nums;
}
.orx-maps-head { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--text-faint); border-bottom: 1px solid var(--border); }
.orx-maps-head span:nth-child(n+3), .orx-map-row span:nth-child(n+3) { text-align: right; }
.orx-map-row { border-bottom: 1px solid rgba(255,255,255,.04); color: var(--text-dim); }
.orx-map-row .mn { display: flex; align-items: center; gap: 8px; min-width: 0; font-weight: 600; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orx-map-row .tag { flex: none; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; padding: 2px 7px; border-radius: 999px; color: var(--hud); background: rgba(233,162,59,.12); border: 1px solid rgba(233,162,59,.35); }
.orx-map-row.best { background: linear-gradient(90deg, rgba(233,162,59,.08), transparent 60%); border-radius: 8px; }
.orx-map-row .games { display: flex; align-items: center; gap: 8px; }
.orx-map-row .games i { display: block; height: 6px; border-radius: 3px; background: var(--accent); flex: 0 1 auto; max-width: calc(100% - 30px); }
.orx-map-row .games b { color: var(--text); }
.orx-map-row .kd { font-weight: 700; }
.orx-map-row .kd.up { color: var(--good); }
.orx-map-row .kd.down { color: #ff8589; }

/* ---- Mėnesio TOP -----------------------------------------------------------
   Profilio skiltis: kelinta vieta einamo mėnesio lenktynėse, ko liko iki
   prizinės trijulės ir jau laimėti mėnesiai. Pilna lentelė - menesio_top.php
   (/menesis), ji turi savo css/menesis_web.css; čia tos pačios medalių
   spalvos (--gold/--silver/--bronze), kad abu puslapiai atrodytų vienodai. */
/* Paraštės - tokios pat, kaip .orx-progress / .orx-maps / .orx-arsenal.
   Bazinė .orx-card jų NETURI: kiekviena sekcija nusistato savo. */
.orx-menesis { display: flex; flex-direction: column; gap: 14px; padding: 22px 24px; }

.men-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.men-tile {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 12px 14px;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	background: var(--surface-2);
	min-width: 0;
}
.men-tile .l { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--text-dim); }
.men-tile .l img { flex: none; height: 14px; width: auto; }
.men-tile .l .ico { flex: none; width: 13px; height: 13px; color: var(--text-faint); }
.men-tile .v { font-family: var(--font-display); font-weight: 700; font-size: 24px; line-height: 1.15; color: var(--text); font-variant-numeric: tabular-nums; }
.men-tile .v.pos { color: var(--good); }
.men-tile .v.neg { color: #ff8589; }
.men-tile .s { font-size: 11.5px; color: var(--text-faint); }
.men-tile.gold   { border-color: rgba(245,196,81,.45); background: linear-gradient(180deg, rgba(245,196,81,.10), var(--surface-2)); }
.men-tile.silver { border-color: rgba(215,215,222,.40); background: linear-gradient(180deg, rgba(215,215,222,.08), var(--surface-2)); }
.men-tile.bronze { border-color: rgba(227,162,95,.42); background: linear-gradient(180deg, rgba(227,162,95,.09), var(--surface-2)); }

/* Tekstas čia yra SAKINYS su <b> viduryje, tad spanas privalo likti paprastu
   bloku: su display:flex kiekvienas teksto gabalas ir <b> tampa atskiru flex
   elementu ir telefone sakinys sulūžta į stulpelius. Ikona - inline, span'o
   VIDUJE (žr. user.php), kitaip stulpelio flex'e ji atsistotų virš teksto. */
.men-goal { display: flex; flex-direction: column; gap: 8px; font-size: 13px; line-height: 1.45; color: var(--text-dim); }
.men-goal > span { display: block; }
.men-goal b { color: var(--text); white-space: nowrap; }
.men-goal .ico { width: 15px; height: 15px; margin-right: 7px; vertical-align: -3px; color: var(--text-faint); }
.men-goal.win { color: var(--text); }
.men-goal.win .ico { color: var(--gold); }
.men-goal.perm .ico { color: var(--danger); }
.men-bar { height: 8px; border-radius: 999px; background: rgba(255,255,255,.06); overflow: hidden; }
.men-bar i { display: block; height: 100%; min-width: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--accent-deep), var(--accent-2)); }

.men-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.men-pz {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	background: var(--surface-2);
}
.men-pz img { flex: none; width: 26px; height: auto; }
.men-pz .pn { flex: none; font-weight: 700; font-size: 12px; color: var(--text); white-space: nowrap; }
.men-pz .pn small { font-weight: 600; color: var(--text-dim); }
.men-pz .ph { margin-left: auto; min-width: 0; font-size: 12px; color: var(--text-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.men-pz .ph i { color: var(--text-faint); font-style: italic; }
.men-pz.p1 { border-color: rgba(245,196,81,.35); }
.men-pz.p2 { border-color: rgba(215,215,222,.30); }
.men-pz.p3 { border-color: rgba(227,162,95,.32); }
.men-pz.me { background: var(--surface-hover); box-shadow: inset 3px 0 0 var(--accent); }
.men-pz.me .ph { color: var(--accent-2); font-weight: 700; }

.men-trofejai { display: flex; flex-direction: column; gap: 8px; padding-top: 12px; border-top: 1px solid var(--border); }
.men-trofejai .tl { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--text-dim); }
.men-trofejai .tl .ico { width: 13px; height: 13px; color: var(--gold); }
.men-trofejai .tc { display: flex; flex-wrap: wrap; gap: 8px; }
.men-trof { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border: 1px solid var(--border-strong); border-radius: 999px; background: var(--surface-2); font-size: 12px; color: var(--text-dim); }
.men-trof img { flex: none; height: 16px; width: auto; }
.men-trof b { color: var(--text); font-weight: 700; }
.men-trof.v1 { border-color: rgba(245,196,81,.45); }
.men-trof.v2 { border-color: rgba(215,215,222,.40); }
.men-trof.v3 { border-color: rgba(227,162,95,.42); }

.men-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding-top: 10px; border-top: 1px solid var(--border); }
.men-note { font-size: 11.5px; color: var(--text-faint); }
.men-note b { color: var(--text-dim); }
.men-link { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--accent-2); text-decoration: none; }
.men-link:hover { color: var(--text); }
.men-link .men-ico { width: 13px; height: 13px; }

/* ---- Įėjimo animacijos (tik transform/opacity - iframe aukščio nekeičia) ---- */
.orx-profile .anim-grow { transform-origin: left center; animation: orx-grow .9s cubic-bezier(.2,.8,.2,1) both; }
@keyframes orx-grow { from { transform: scaleX(0); } }
.orx-profile > section { animation: orx-rise .5s cubic-bezier(.2,.8,.2,1) both; }
.orx-profile > section:nth-of-type(2) { animation-delay: .05s; }
.orx-profile > section:nth-of-type(3) { animation-delay: .1s; }
.orx-profile > section:nth-of-type(4) { animation-delay: .15s; }
.orx-profile > section:nth-of-type(n+5) { animation-delay: .2s; }
@keyframes orx-rise { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) {
	.orx-profile *, .orx-profile > section { animation: none !important; }
}

/* ---- Prisitaikymas ---- */
@media (max-width: 1200px) {
	.orx-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
	.orx-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.orx-span-2 { grid-column: 1 / -1; }
	.orx-podium { grid-template-columns: 1fr; }
	.orx-podium-card { flex-direction: row; align-items: center; gap: 16px; }
	.orx-podium-card img { width: 110px; height: 52px; margin: 0; flex: none; }
	.orx-podium-card .txt { flex: 1 1 auto; padding-right: 36px; }
}
@media (max-width: 720px) {
	.orx-shell.orx-profile { padding: 8px 4px 24px; gap: 12px; }
	.orx-hero-profile { padding: 20px 18px; gap: 16px; }
	.orx-hero-profile::after { background: linear-gradient(180deg, rgba(12,14,20,.35) 0%, rgba(12,14,20,.85) 100%); }
	.orx-avatar-wrap img.avatar { width: 80px; height: 80px; border-radius: 20px; }
	.orx-avatar-wrap img.avatar.is-default { border-radius: 50%; }
	.orx-profile-id { flex-basis: calc(100% - 104px); }
	.orx-profile-id .eyebrow { display: none; }
	/* Laipsnis telefone rodomas iškart žemiau (laipsnio kortelėje) - antraštėje nekartojam. */
	.orx-profile-id .rank-tag, .orx-profile-id .dot-sep:has(+ .rank-tag) { display: none; }
	.orx-profile-id .name { font-size: 28px; }
	.orx-profile-id .priv-line { margin-top: 10px; }
	.orx-priv { font-size: 11px; padding: 4px 11px 4px 9px; }
	.orx-priv-exp { font-size: 11px; padding: 4px 10px 4px 8px; }
	.orx-hero-side { width: 100%; }
	.orx-place { flex: 1 1 auto; min-width: 0; }
	.orx-place .num { font-size: 36px; }
	.orx-skill-chip .grade { font-size: 32px; }
	.orx-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.orx-kpi { padding: 13px 14px 12px; }
	.orx-kpi .kpi-value { font-size: 26px; }
	.orx-rank-card { padding: 18px; }
	.rk-head { gap: 12px; flex-wrap: wrap; }
	.rk-emblem { width: 76px; height: 48px; border-radius: 12px; }
	.rk-name { font-size: 22px; }
	.rk-xp { width: 100%; flex-direction: row; align-items: baseline; gap: 6px; }
	.rk-xp .n { font-size: 22px; }
	.rk-ends img { display: none; }
	.orx-grid { grid-template-columns: 1fr; gap: 12px; }
	.orx-stat-card, .orx-arsenal { padding: 18px; }
	.orx-cmp-grid { grid-template-columns: 1fr; }
	.orx-podium-card { gap: 12px; padding: 12px 14px; }
	.orx-podium-card img { width: 80px; height: 40px; }
	.orx-podium-card .nm { font-size: 20px; }
	.orx-podium-card .place { font-size: 24px; }
	.orx-wgroups { grid-template-columns: 1fr; }
	.orx-progress { padding: 18px; }
	.orx-prog-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.orx-charts { grid-template-columns: 1fr; }
	/* Artimiausi varžovai: siauresni stulpeliai, kad su medaliu tilptų ir vardas. */
	.orx-near-row { grid-template-columns: 28px 22px minmax(0, 1fr) auto 56px; gap: 8px; padding: 6px 8px; min-height: 36px; }
	.orx-near-row .av { width: 22px; height: 22px; }
	.orx-near-row .pos.medal { width: 24px; height: 24px; }
	.orx-near-row .pos.medal img { height: 17px; }
	.orx-maps { padding: 18px; }
	.orx-when { padding: 18px 14px; }

	/* --- Telefonas: jokio nukirpto teksto ("...") --- */
	/* Viršutiniai mygtukai - atskira eilė per visą plotį, su tekstu. */
	.orx-profile-top .top-actions { width: 100%; }
	.orx-profile-top .top-actions .orx-btn { flex: 1 1 0; justify-content: center; }
	/* KPI, Progreso plytelių ir komandinio žaidimo tekstai - keliasi į kitą eilutę. */
	.orx-prog-tiles .s { white-space: normal; overflow: visible; }
	.orx-tiles .l { white-space: normal; overflow: visible; line-height: 1.2; letter-spacing: 0; overflow-wrap: anywhere; }
	/* Laipsnių kelias - vietoj slinkimo į šoną: kiekviena grupė savo eilutėje. */
	.rk-road { flex-direction: column; gap: 6px; overflow: visible; padding: 0; }
	.rr-group { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 8px; }
	.rr-step { width: 30px; }
	.rr-step img { width: 28px; height: 11.2px; }
	.rr-step.current { width: 50px; height: 26px; }
	.rr-step.current img { width: 42px; height: 16.8px; }
	.rr-name { order: -1; padding: 0 0 0 8px; border-top: 0; border-left: 2px solid rgba(255,255,255,.08); white-space: normal; line-height: 1.2; }
	.rr-group.done .rr-name, .rr-group.current .rr-name { border-left-color: color-mix(in srgb, var(--tc) 60%, transparent); }
	.rr-icons { flex-wrap: wrap; }
	/* Žemėlapiai - kiekviena eilutė kaip kortelė: pavadinimas viršuje, skaičiai su pavadinimais apačioje. */
	.orx-maps-head { display: none; }
	.orx-map-row { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px 8px; padding: 10px 6px; }
	.orx-map-row .mn { grid-column: 1 / -1; white-space: normal; flex-wrap: wrap; }
	.orx-map-row span:nth-child(n+2) { display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 1px; font-size: 13px; }
	.orx-map-row span:nth-child(n+2)::before { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; color: var(--text-faint); }
	.orx-map-row span:nth-child(2)::before { content: "Žaista"; }
	.orx-map-row span:nth-child(3)::before { content: "Nužud."; }
	.orx-map-row span:nth-child(4)::before { content: "Mirtys"; }
	.orx-map-row span:nth-child(5)::before { content: "K/D"; }
	.orx-map-row span:nth-child(6)::before { content: "MVP"; }
	.orx-map-row .games i { display: none; }
}

/* Labai siauri telefonai (320px, senas iPhone SE): ilgi lietuviski uzrasai
   plytelese ("SUSPROGDINTA") remiasi i krastus. */
@media (max-width: 360px) {
	.orx-tiles .l { font-size: 9px; }
}

/* Mėnesio TOP - telefone keturios plytelės į dvi eiles, prizinė trijulė
   stulpeliu (vardas ilgas, o prizo pavadinimas nesitraukia). */
@media (max-width: 720px) {
	.orx-menesis { padding: 18px; gap: 12px; }
	.men-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.men-tile { padding: 10px 12px; }
	.men-tile .v { font-size: 20px; }
	.men-podium { grid-template-columns: 1fr; gap: 8px; }
	.men-foot { align-items: flex-start; flex-direction: column; gap: 8px; }
}
@media (max-width: 360px) {
	.men-tiles { grid-template-columns: 1fr; }
	.men-tile .l { font-size: 10px; }
}

/* ===========================================================================
   SEZONAS / VISŲ LAIKŲ perjungimas (nuo 2026-10-31)

   Bendra statistika nuliuojama kas 3 mėnesius (/root/sezonas.sh), tad
   profilyje yra du režimai. Perjungimas rodomas tik tada, kai archyve to
   žaidėjo kas nors yra - žr. user.php $sezSwitchHtml.
   =========================================================================== */
.orx-sez-switch {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0 0 14px;
}
.orx-sez-switch .lbl { color: var(--text-faint); font-size: 12.5px; }
.orx-sez-switch a,
.orx-sez-switch span.active {
	padding: 5px 12px;
	border: 1px solid var(--border);
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
}
.orx-sez-switch a { color: var(--text-faint); background: rgba(255, 255, 255, .04); }
.orx-sez-switch a:hover {
	color: var(--text);
	background: rgba(100, 149, 237, .14);
	border-color: rgba(100, 149, 237, .4);
}
.orx-sez-switch span.active {
	color: #fff;
	background: rgba(100, 149, 237, .18);
	border-color: rgba(100, 149, 237, .55);
}
.orx-sez-switch .note { color: var(--text-faint); font-size: 12px; flex: 1 1 220px; min-width: 0; }

@media (max-width: 560px) {
	.orx-sez-switch .note { flex-basis: 100%; }
}