/* ORIONAS.LT Statistika — TOP15 lyderių lentelė, naujas web (ne MOTD)
   išdėstymas. Kraunama TIK kai top15.php gauna &motd=0 (t.y. įprastoje
   naršyklėje) — žr. web_base.css komentarą viršuje kodėl MOTD CSS failai
   šio pakeitimo apskritai nemato. */

.orx-hero {
	display: flex;
	align-items: center;
	gap: 22px;
	flex-wrap: wrap;
	padding: 22px 26px;
	margin-bottom: 18px;
}

.orx-hero-stat { display: flex; flex-direction: column; gap: 2px; }
.orx-hero-stat .n {
	font-family: var(--font-display);
	font-size: 28px;
	font-weight: 700;
	color: var(--text);
	line-height: 1;
}
.orx-hero-stat .l {
	font-size: 12px;
	color: var(--text-faint);
	text-transform: uppercase;
	letter-spacing: .6px;
}

.orx-hero-divider {
	width: 1px;
	align-self: stretch;
	background: var(--border);
}

.orx-hero-top1 {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: auto;
	padding: 8px 16px 8px 8px;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(100,149,237,.16), rgba(100,149,237,.02));
	border: 1px solid rgba(100,149,237,.3);
}
.orx-hero-top1 img.avatar {
	width: 34px; height: 34px; border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(100,149,237,.6);
}
/* Tas pats medalio paveiksliukas, kaip lenteles #1 eiluteje - emoji 🏆 cia
   buvo vienintele vieta visoje svetaineje, o irenginyje be emoji srifto jis
   virsta kvadratu. */
.orx-hero-top1 img.medal { width: 20px; height: auto; flex: none; }
.orx-hero-top1 .name { font-weight: 700; font-size: 14px; }
.orx-hero-top1 .sub { font-size: 11px; color: var(--text-faint); }

.orx-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.orx-controls-left {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.orx-controls-right {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.orx-controls .orx-search { width: min(360px, 100%); }

.orx-per-page {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
}
.orx-per-page-label { color: var(--text-faint); margin-right: 4px; }
.orx-per-page a, .orx-per-page span.active {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	height: 26px;
	padding: 0 6px;
	border-radius: var(--radius-sm);
	font-weight: 600;
}
.orx-per-page a {
	color: var(--text-faint);
	border: 1px solid transparent;
}
.orx-per-page a:hover { color: var(--text); background: rgba(255,255,255,.05); }
.orx-per-page span.active {
	background: rgba(100,149,237,.16);
	color: var(--accent-2);
	border: 1px solid rgba(100,149,237,.35);
}

/* "x" mygtukas paieškos lauko viduje, rodomas tik kai paieška aktyvi -
   greitas būdas ją išvalyti nespaudžiant atgal/nerefreshinant puslapio. */
.orx-clear-search {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(255,255,255,.08);
	color: var(--text-dim);
	font-size: 12px;
	line-height: 1;
	transition: background .15s ease, color .15s ease;
}
.orx-clear-search:hover { background: rgba(229,72,77,.25); color: #fff; }

.orx-show-all { white-space: nowrap; }

/* Plūduriuojantis mygtukas apačioje dešinėje - visada pasiekiamas, be
   pakilimo/švytėjimo hover efekto, ramus stilius. */
/* SVARBU: šis puslapis dažniausiai rodomas iframe viduje (index.php), o to
   iframe aukštis pritaikomas prie viso turinio (žr. iframe aukščio
   nustatymo skriptą failo gale) - "position: fixed" tokiame iframe'e
   susiriša su VISU iframe aukščiu, ne su matomu naršyklės langu, tad ilgesniuose
   puslapiuose (daugiau žaidėjų per puslapį) mygtukas atsidurdavo giliai
   turinio viduje ir "užlipdavo" ant lentelės. "position: sticky" veikia
   teisingai abiem atvejais (tiesiogiai atidarius ir per iframe). Aplinkinis
   .orx-compare-fab-wrap yra pointer-events:none (kad neužblokuotų paspaudimų
   į lentelę tuščioje vietoje aplink mygtuką), pats mygtukas - pointer-events:auto. */
.orx-compare-fab-wrap {
	position: sticky;
	bottom: 24px;
	z-index: 4;
	display: flex;
	justify-content: flex-end;
	pointer-events: none;
	margin-top: 16px;
}
.orx-compare-fab {
	pointer-events: auto;
	padding: 11px 18px;
	border-radius: 999px;
	background: var(--surface-2);
	border: 1px solid var(--border-strong);
	color: var(--text-dim);
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	box-shadow: var(--shadow-sm);
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.orx-compare-fab:hover { color: var(--text); border-color: rgba(100,149,237,.4); }
.orx-compare-fab.active {
	background: rgba(100,149,237,.16);
	border-color: rgba(100,149,237,.45);
	color: var(--text);
}

@media (max-width: 720px) {
	.orx-compare-fab-wrap { bottom: 14px; }
	.orx-compare-fab { padding: 10px 14px; font-size: 12px; }
}

/* ---- Lentelė ---- */
.orx-table-card {
	overflow: hidden;
	padding: 0;
}
.orx-table-scroll {
	overflow-x: auto;
	/* Plona, tamsi scroll juosta su mėlynu akcentu vietoj pilkos OS numatytosios. */
	scrollbar-width: thin;
	scrollbar-color: rgba(100,149,237,.45) transparent;
}
.orx-table-scroll::-webkit-scrollbar { height: 8px; }
.orx-table-scroll::-webkit-scrollbar-track { background: transparent; }
.orx-table-scroll::-webkit-scrollbar-thumb {
	background: rgba(100,149,237,.45);
	border-radius: 999px;
}
.orx-table-scroll::-webkit-scrollbar-thumb:hover { background: rgba(100,149,237,.7); }

table.orx-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 940px;
}
table.orx-table thead th {
	position: sticky;
	top: 0;
	z-index: 2;
	background: #171a24;
	border-bottom: 1px solid var(--border-strong);
	color: var(--accent-2);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	padding: 12px 7px;
	white-space: nowrap;
}
table.orx-table thead th a { display: inline-flex; align-items: center; gap: 4px; color: inherit; }
table.orx-table thead th a:hover { color: #fff; }
table.orx-table thead th.sorted { color: #fff; }
table.orx-table thead th img { width: 16px; height: 16px; display: inline-block; vertical-align: middle; filter: brightness(0) invert(1) opacity(.8); }
table.orx-table thead th .th-svg {
	display: inline-flex;
	vertical-align: middle;
	margin-right: 3px;
	color: var(--accent-2);
}

table.orx-table tbody td {
	padding: 9px 7px;
	text-align: center;
	font-size: 13px;
	color: var(--text-dim);
	border-bottom: 1px solid rgba(255,255,255,.04);
	white-space: nowrap;
}
table.orx-table tbody tr { transition: background-color .12s ease; }
table.orx-table tbody tr:nth-child(even) { background: rgba(255,255,255,.015); }
table.orx-table tbody tr:hover { background: rgba(100,149,237,.08); }
table.orx-table tbody tr:hover td { color: var(--text); }

table.orx-table tbody tr.orx-me {
	background: linear-gradient(90deg, rgba(100,149,237,.14), rgba(100,149,237,.02));
	box-shadow: inset 3px 0 0 0 var(--accent);
}

/* ---- Prilipdyti "#" ir "Slapyvardis" stulpeliai - lieka matomi
   scrollinant lentelę į šoną (Švirkštai/Dvikovos/Matytas ir t.t.). Sticky
   elementams reikalingas NEPERMATOMAS fonas (kitaip po jais scrollinamas
   turinys prašvistų), tad kiekvienai eilutės būsenai (paprasta/lyginė/
   hover/"tu") duodam atitinkantį VIENTISĄ atspalvį vietoj jų įprasto
   permatomo/gradientinio. Header'io <th> jau ir taip turi vientisą foną
   (žr. "thead th" aukščiau), tad jam papildomo atspalvio nereikia. ---- */
table.orx-table th.orx-rank,
table.orx-table td.orx-rank {
	position: sticky;
	left: 0;
	z-index: 1;
}
table.orx-table th.orx-player,
table.orx-table td.orx-player {
	position: sticky;
	left: 40px;
	z-index: 1;
	box-shadow: 4px 0 8px -4px rgba(0,0,0,.5);
}
table.orx-table thead th.orx-rank,
table.orx-table thead th.orx-player {
	z-index: 3;
}
table.orx-table tbody td.orx-rank,
table.orx-table tbody td.orx-player {
	background: #14161c;
}
table.orx-table tbody tr:hover td.orx-rank,
table.orx-table tbody tr:hover td.orx-player {
	background: #1b2334;
}
table.orx-table tbody tr.orx-me td.orx-rank,
table.orx-table tbody tr.orx-me td.orx-player {
	background: #202b42;
}

td.orx-rank { width: 40px; font-family: var(--font-display); font-weight: 700; color: var(--text-faint); }
td.orx-rank .medal { font-size: 18px; }

/* Fiksuotas (ne min-width) plotis - reikalingas, kad prilipdyto stulpelio
   pozicija (left: 40px aukščiau) visada liktų teisinga, nepriklausomai nuo
   turinio (vardo ilgio ir t.t.). */
/* Specifiskumas CIA SVARBUS: auksciau esanti `table.orx-table tbody td`
   taisykle (text-align:center) yra specifiskesne uz paprasta `td.orx-player`,
   tad vardo langelis is tiesu buvo CENTRUOJAMAS. Desktop'e to nesimate, nes
   `.name` ten nesitempia (flex: 0 1 auto) - nuoroda buna lygiai teksto ploc'io.
   Telefone `.name` gauna `flex: 1 1 auto` (zr. media 720px), issitempia per
   visa likusi langeli, ir trumpi slapyvardziai atsidurdavo jo VIDURYJE -
   del to tarpas tarp veliavos ir vardo. */
table.orx-table tbody td.orx-player,
td.orx-player { text-align: left; width: 230px; }
.orx-player-cell { display: flex; align-items: center; gap: 8px; min-width: 0; }
.orx-player-cell .name { min-width: 0; }
.orx-player-cell img.avatar {
	width: 30px; height: 30px; border-radius: 50%; flex: none;
	box-shadow: 0 0 0 1px rgba(100,149,237,.4);
}
.orx-player-cell .orx-flag { flex: none; }
.orx-player-cell .name {
	font-weight: 700;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 220px;
}
.orx-player-cell .online-dot {
	width: 8px; height: 8px; border-radius: 50%; flex: none;
	background: var(--text-faint);
}
.orx-player-cell .online-dot.on { background: var(--good); box-shadow: 0 0 6px var(--good); }
.orx-player-cell img.icon-steam { width: 12px; height: 12px; flex: none; opacity: .85; }

/* ---- Slapyvardis + STEAM_ID vienas po kitu (2026-10-19) ----
   SteamID rodomas VISIEMS (ne tik adminams) - savininko sprendimas. Jis
   deliojamas ANTRA eilute po vardo, o ne i saly: vardai buna iki 31 simbolio,
   o "STEAM_0:1:1056510" - dar ~17, tad vienoje eiluteje jiedu arba
   nukirpdavo varda, arba isplesdavo prilipdyta stulpeli per puse lenteles.
   Vardas (nuoroda i profili) lieka pirmas ir toks pat ryskus, ID - pilkas ir
   mazas, kad nekonkuruotu su juo. `user-select: all` reiskia, kad vienas
   paspaudimas pazymi VISA ID (patogu kopijuoti i banus/admin komandas) ir
   tam nereikia jokio JS. */
.orx-player-cell .orx-ident {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}
.orx-player-cell .orx-ident-top { display: flex; align-items: center; gap: 6px; min-width: 0; }
.orx-player-cell .orx-steamid {
	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	font-size: 10px;
	/* 1.1 buvo per mazas: `overflow: hidden` nukirsdavo apatini _ bruksni ir
	   "STEAM_0:1:..." atrodydavo kaip "STEAM 0:1:...". */
	line-height: 1.35;
	color: var(--text-faint);
	letter-spacing: .2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	user-select: all;
	-webkit-user-select: all;
}
table.orx-table tbody tr:hover .orx-steamid { color: var(--text-dim); }

/* "Naujas" žaidėjo žymė - anksčiau čia buvo icon-new.png (200x100 raudonas
   paveikslėlis), suspaustas į 16x16 kvadratą - atrodė sudarkytas. Dabar
   maža, tvarkinga plombutė. */
.orx-new-tag {
	flex: none;
	display: inline-flex;
	align-items: center;
	padding: 2px 7px;
	border-radius: 999px;
	background: rgba(52,201,141,.16);
	color: var(--good);
	border: 1px solid rgba(52,201,141,.4);
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .3px;
}

/* NAUJOKO DOVANA: SUPER VIP pirmoms dienoms. Ta pati plombutes forma, kaip
   "Naujas", tik SVIP zenklo auksas (#e8b55c) - ta pati spalva, kuria tuo metu
   nuspalvintas ir pats slapyvardis (inc/config.php $name_colors). Zalia cia
   netinka: ja jau turi "Naujas", o violetine - tikrasis, pirktas SVIP.
   Zyme rodoma TIK kol dovana veikia ir PAKEICIA "Naujas" (zr. top15.php). */
.orx-gift-tag {
	flex: none;
	display: inline-flex;
	align-items: center;
	padding: 2px 7px;
	border-radius: 999px;
	background: rgba(232,181,92,.16);
	color: #e8b55c;
	border: 1px solid rgba(232,181,92,.45);
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .3px;
	white-space: nowrap;
}

/* Vietos pokytis nuo vakar. RASOMAS PO numeriu (display:block), kad "#"
   langelio 40px plotis nepasikeistu - nuo jo priklauso prilipdyto slapyvardzio
   stulpelio pozicija (left: 40px auksciau). */
td.orx-rank .orx-move {
	display: block;
	margin-top: 2px;
	font-family: var(--font-body, inherit);
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
}
.orx-move.up { color: var(--good); }
.orx-move.down { color: var(--danger); }
.orx-move.same, .orx-move.new { color: var(--text-faint); font-weight: 400; }

/* Taskai - pagrindinis rikiavimo rodiklis, tad isskirtas. */
td.orx-points { font-weight: 700; font-variant-numeric: tabular-nums; }
td.orx-points.pos { color: var(--good); }
td.orx-points.neg { color: var(--danger); }
td.orx-kd { font-weight: 600; font-variant-numeric: tabular-nums; }
/* C4: padeta / susprogdinta / isminuota viename langelyje. */
td.orx-c4 { font-size: 12px; color: var(--text-dim); white-space: nowrap; font-variant-numeric: tabular-nums; }
td.orx-c4 i { font-style: normal; opacity: .35; margin: 0 2px; }
td.orx-played { font-size: 11px; color: var(--text-faint); white-space: nowrap; }

td.orx-hs .pct { font-size: 11px; color: var(--text-faint); margin-left: 4px; }
td.orx-mvp { color: var(--accent-2); font-weight: 700; }
td.orx-mvp .star { margin-right: 3px; }

td.orx-lastseen { font-size: 11px; color: var(--text-faint); }
.orx-online-label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--good);
	font-weight: 700;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .3px;
}
.orx-online-label::before {
	content: "";
	width: 6px; height: 6px;
	border-radius: 50%;
	background: var(--good);
	box-shadow: 0 0 6px var(--good);
}

.orx-skill-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 4px 4px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	color: #111;
}
.orx-skill-pill .pct {
	background: rgba(255,255,255,.85);
	border-radius: 999px;
	padding: 2px 8px;
	font-size: 10px;
}

/* Laipsnio ženkliukai (css/img/ranks/*.png) yra platūs stačiakampiai
   (~60x24, ne kvadratiniai) - anksčiau čia priverstinai buvo 34x34
   kvadratas, kuris juos ištempdavo/sudarkydavo. Dabar fiksuojam tik
   aukštį, plotis skaičiuojasi pagal tikrą paveikslėlio proporciją. */
td.orx-rankcol img { height: 24px; width: auto; max-width: 60px; object-fit: contain; margin: 0 auto; display: block; }

@media (max-width: 720px) {
	.orx-hero { padding: 16px 18px; }
	.orx-hero-top1 { margin-left: 0; width: 100%; justify-content: center; }
	.orx-controls { flex-direction: column; align-items: stretch; }
	.orx-controls .orx-search { width: 100%; }
	.orx-controls-right { justify-content: space-between; }
	/* Siauruose telefonuose (360px) paieskos laukelis ir puslapiavimas isteme
	   puslapi ~6px i soni - flex vaikai pagal nutylejima nesusitraukia zemiau
	   savo turinio ploto (min-width: auto), o <input> turi savo numatytaji
	   plotį. Del tokio persistumimo telefone atsiranda horizontalus slinkimas. */
	.orx-controls-left,
	.orx-controls-right,
	.orx-controls .orx-search,
	.orx-pagination,
	.orx-per-page { min-width: 0; max-width: 100%; }
	.orx-search input { min-width: 0; }

	/* Telefone: puslapis rodomas iframe'e, kuris jau turi index.php
	   atitraukimą - vidinis atitraukimas dvigubino tuščius kraštus. */
	.orx-shell { padding: 8px 4px 24px; }
	.orx-hero { gap: 14px; padding: 14px; }
	.orx-hero-stat .n { font-size: 22px; }
	.orx-hero-top1 .name { max-width: 60vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	/* Prilipę "#" + "Slapyvardis" stulpeliai desktop'e užima 270px - ~360px
	   pločio telefone likusiems stulpeliams scrollinti likdavo vos ~50px.
	   Siauriname abu (left turi sutapti su .orx-rank pločiu), vardą
	   trumpinam su "...", Steam/"Naujas" žymės telefone nerodomos. */
	table.orx-table { min-width: 0; }
	table.orx-table thead th { padding: 10px 5px; font-size: 10px; }
	/* Rikiavimo nuorodos antrastese yra vos ~12px aukscio - pirstu i jas
	   pataikyti sunku. Neigiama paraste palieka isvaizda tokia pacia, o
	   lieciamas plotas iSauga iki visos antrastes aukscio. */
	table.orx-table thead th a { padding: 10px 5px; margin: -10px -5px; }
	/* Slapyvardis - pagrindinis lentelės veiksmas (atidaro profilį). Pati
	   nuoroda tebuvo ~15px aukscio; neigiama paraste isplecia lieciama plota
	   iki visos eilutes, isvaizdos nekeisdama. */
	.orx-player-cell .name { padding: 9px 0; margin: -9px 0; }
	table.orx-table tbody td { padding: 8px 5px; font-size: 12px; }
	table.orx-table th.orx-rank,
	td.orx-rank { width: 32px; min-width: 32px; }
	td.orx-rank .medal { width: 16px; height: auto; }
	table.orx-table th.orx-player,
	table.orx-table td.orx-player { left: 32px; }
	td.orx-player { width: 132px; min-width: 132px; max-width: 132px; }
	.orx-player-cell { gap: 5px; }
	.orx-player-cell img.avatar { width: 22px; height: 22px; }
	.orx-player-cell .online-dot { width: 6px; height: 6px; }
	.orx-player-cell .name { font-size: 12px; max-width: none; flex: 1 1 auto; }
	/* STEAM_ID telefone. Desktop'e jis telpa po vardu (langelis 230px), o
	   cia langeliui lieka 132px - is ju ~60px suvalgo taskas, avataras ir
	   veliava, tad po vardu ID butu nukirstas i "STEAM_0:1:105...".
	   Todel telefone jis permetamas i ATSKIRA eilute per visa langelio ploti:
	   `display: contents` isima tarpini .orx-ident is flex'o (jo vaikai tampa
	   pacios korteles elementais), o `flex: 1 0 100%` nustumia ID i nauja
	   eilute. Taip jis telpa visas, o stulpelio plotis - o kartu ir vietos,
	   likusios likusiems stulpeliams scrollinti - nepasikeicia. */
	.orx-player-cell { flex-wrap: wrap; }
	.orx-player-cell .orx-ident { display: contents; }
	/* flex-basis BUTINAI 0 (ne auto): su `auto` flex'as eilutes skaido pagal
	   NESUTRAUKTA vardo ploti, tad ilgesni slapyvardziai nusokdavo i savo
	   atskira eilute (korteles paaukstedavo, lentele subyredavo i nelygias
	   eilutes). Su 0 vardas lieka saleje ir, kaip ir anksciau, trumpinamas
	   "...". min-width: 0 duotas auksciau - be jo trumpinimas neveiktu. */
	.orx-player-cell .orx-ident-top { flex: 1 1 0; }
	.orx-player-cell .orx-steamid { flex: 1 0 100%; font-size: 9px; letter-spacing: 0; }
	/* Siauram ekranui zymes nuimamos (vietos eilutėje nebera), bet nick'o
	   spalva lieka - dovana vis tiek matoma, o pilnas uzrasas yra profilyje. */
	.orx-player-cell img.icon-steam,
	.orx-player-cell .orx-new-tag,
	.orx-player-cell .orx-gift-tag { display: none; }
	.orx-skill-pill { padding: 3px 3px 3px 7px; gap: 4px; }
	td.orx-rankcol img { height: 20px; }
}

/* ---- Palyginimo režimas ---- */
/* Pagal nutylėjimą paslėptos - atsiranda tik įjungus "Palyginti žaidėjus"
   (žr. #orx-compare-toggle JS, prideda .orx-compare-mode klasę lentelei).
   Perstilizuotos nuo nulio (appearance:none), kad vietoj OS numatytojo
   balto kvadratėlio būtų tamsi, su dizainu suderinta dėžutė. */
table.orx-table .orx-compare-check {
	display: none;
}
table.orx-table.orx-compare-mode .orx-compare-check {
	display: inline-block;
}
.orx-compare-check {
	flex: none;
	appearance: none;
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	margin: 0;
	border-radius: 5px;
	border: 1.5px solid var(--border-strong);
	background: rgba(255,255,255,.04);
	cursor: pointer;
	position: relative;
	transition: background .15s ease, border-color .15s ease;
}
.orx-compare-check:hover { border-color: rgba(100,149,237,.6); }
.orx-compare-check:checked {
	background: var(--accent);
	border-color: var(--accent);
}
.orx-compare-check:checked::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 5px;
	height: 9px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* [hidden] SVARBU: naršyklės numatytoji [hidden]{display:none} taisyklė
   turi ŽEMESNĮ prioritetą už BET KOKIĄ autoriaus (mūsų) CSS taisyklę tos
   pačios ar didesnės specifiškumo - net jei mūsų display:flex/... eina
   ANKSČIAU faile. Todėl paprastas ".orx-compare-bar { display:flex }"
   PERRAŠYDAVO [hidden] ir langas/juosta likdavo matomi VISADA, nepriklausomai
   nuo hidden atributo (net po JS hidden=true ar puslapio perkrovimo) -
   dėl to X neužverdavo, o reload nepadėdavo. Sprendimas: display:flex tik
   kai NĖRA [hidden].*/
.orx-compare-bar:not([hidden]) {
	display: flex;
}
.orx-compare-bar {
	position: sticky;
	bottom: 16px;
	z-index: 5;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 16px;
	padding: 12px 18px;
	background: linear-gradient(135deg, #1c2030, #14161f);
	border: 1px solid rgba(100,149,237,.35);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	font-size: 13px;
	color: var(--text-dim);
}
.orx-compare-bar-actions { display: flex; gap: 8px; }
.orx-compare-bar .orx-btn {
	padding: 8px 16px;
	font-size: 13px;
	transform: none !important;
	box-shadow: none !important;
}
.orx-compare-bar .orx-btn:disabled { opacity: .4; cursor: not-allowed; }

/* Ta pati [hidden]-vs-display priežastis kaip .orx-compare-bar aukščiau. */
.orx-compare-modal:not([hidden]) {
	display: flex;
}
.orx-compare-modal {
	position: fixed;
	inset: 0;
	z-index: 50;
	align-items: center;
	justify-content: center;
	background: rgba(5,6,9,.75);
	padding: 20px;
}
.orx-compare-modal-inner {
	position: relative;
	width: min(520px, 100%);
	max-height: 85vh;
	overflow-y: auto;
	background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
	border: 1px solid var(--border-strong);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow);
	padding: 26px;
}
.orx-compare-close {
	position: absolute;
	top: 14px; right: 14px;
	width: 30px; height: 30px;
	border-radius: 50%;
	background: rgba(255,255,255,.06);
	border: none;
	color: var(--text-dim);
	font-size: 14px;
	cursor: pointer;
}
.orx-compare-close:hover { background: rgba(229,72,77,.25); color: #fff; }

.orx-cmp-heads {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
}
.orx-cmp-head { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 1 1 0; min-width: 0; }
.orx-cmp-head img { width: 52px; height: 52px; border-radius: 50%; box-shadow: 0 0 0 2px rgba(100,149,237,.4); }
.orx-cmp-head div {
	font-weight: 700;
	font-size: 13px;
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.orx-cmp-vs {
	flex: none;
	font-family: var(--font-display);
	font-size: 15px;
	font-weight: 700;
	color: var(--text-faint);
}

.orx-cmp-row {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 10px;
	padding: 8px 0;
	border-top: 1px solid rgba(255,255,255,.05);
	font-size: 13px;
}
.orx-cmp-row:first-of-type { border-top: none; }
.orx-cmp-label { text-align: center; color: var(--text-faint); font-size: 11px; text-transform: uppercase; letter-spacing: .3px; }
.orx-cmp-val { text-align: center; font-weight: 700; color: var(--text-dim); }
.orx-cmp-val.win { color: var(--good); }
.orx-cmp-val:first-child { text-align: left; }
.orx-cmp-val:last-child { text-align: right; }

/* Nuoroda į mėnesio TOP 3 (menesio_top.php) - šalia paieškos. Medalio
   paveiksliukas, o ne emoji (žr. .orx-hero-top1 img.medal komentarą). */
.orx-month-link img { height: 15px; width: auto; flex: none; }

/* ===========================================================================
   NAVIGACIJA tarp trijų lentelių (TOP 15 / Mėnesio TOP 3 / Sezono TOP 15).
   Žr. inc/func.php orx_nav_web(). Šį failą krauna visi trys puslapiai, tad
   juosta visur atrodo vienodai.
   =========================================================================== */
.orx-nav {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin: 0 0 16px;
	padding: 5px;
	border: 1px solid var(--border);
	border-radius: 999px;
	background: var(--surface);
	width: fit-content;
	max-width: 100%;
}
.orx-nav a,
.orx-nav span.active {
	padding: 7px 16px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
	white-space: nowrap;
}
.orx-nav a { color: var(--text-dim); }
.orx-nav a:hover { color: var(--text); background: rgba(255, 255, 255, .06); }
.orx-nav span.active { color: #fff; background: var(--accent); }

@media (max-width: 560px) {
	.orx-nav { width: 100%; justify-content: center; }
	.orx-nav a, .orx-nav span.active { padding: 7px 12px; font-size: 12.5px; }
}

/* Maža taurė prie slapyvardžio - kai lentelė surikiuota ne pagal taškus
   ("#" stulpelyje tada lieka skaičius; žr. inc/func.php orx_medalis). */
.orx-medal-mini { width: 13px; height: auto; margin-right: 5px; vertical-align: -2px; flex: none; }