html.asztal-teljes .lapfej{margin-bottom:8px}
html.asztal-teljes .lapfej .alcim{display:none}
:root {
--fo:#0f172a; --fo-halvany:#334155; --halvany:#64748b; --nagyon-halvany:#94a3b8;
--kiemelt:#1d4ed8; --kiemelt-sotet:#1e40af; --kiemelt-halvany:#eff4ff;
--keret:#e2e8f0; --keret-eros:#cbd5e1;
--hatter:#f6f7f9; --lap:#ffffff; --fejlec:#0f172a; --papir-2:#f1f5f9;
--zold:#15803d; --sarga:#b45309; --piros:#b91c1c;
--arnyek:0 1px 2px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.06);
--r:10px;
/* TIPOGRAFIA -- egy helyen (2026-09-11). Egy betucsalad a feluletre es az
abrakra (az SVG a lap betujet orokli), egy mono csak a jelszonak.
Kilenc meretlepcso, harom vastagsag (400/600/700), egy betukoz a
nagybetus cimkeknek. A stilus_teszt elbukik, ha barhol skalan kivuli
meret, masik betucsalad vagy mas vastagsag jelenik meg. */
--betu:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--betu-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--m-2xs:11px; /* nagybetus cimkek, tengelyfeliratok, apro jelolesek */
--m-xs:12px; /* masodlagos szoveg, chipek, kis gombok */
--m-s:13px; /* tablak, suru feluletelemek, jegyzetek */
--m-m:14px; /* vezerlok, gombok, alcimek, h3 */
--m-alap:15px; /* torzsszoveg */
--m-l:16px; /* h2, kiemelt ertek */
--m-xl:20px; /* nagy szam, kiemelt cim */
--m-2xl:24px; /* lapcim (h1) */
--m-3xl:32px; /* egyetlen fo szam */
--betukoz:.07em;
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--hatter); color:var(--fo); line-height:1.55;
font-family:var(--betu);
font-size:var(--m-alap); -webkit-font-smoothing:antialiased; }
/* --- torzs --- */
.lapfej { display:flex; align-items:flex-end; gap:16px; margin:0 0 20px; flex-wrap:wrap; }
.lapfej h1 { font-size:var(--m-2xl); margin:0; letter-spacing:-.01em; }
.lapfej h1 .kep{vertical-align:-6px;margin-right:4px}
/* A motor tablaiban a nev melle keruo kep (2026-09-20). A cella nem torik
ket sorba: a kep es a nev egyben olvasando. */
td.nevcella{white-space:nowrap}
td.nevcella .kep{vertical-align:-5px;margin-right:5px}
@media print{ td.nevcella .kep{display:none} }
.lapfej .alcim { color:var(--halvany); font-size:var(--m-m); }
.lapfej .jobb { margin-left:auto; display:flex; gap:8px; align-items:center;
flex-wrap:wrap; }
.lap { background:var(--lap); border:1px solid var(--keret); border-radius:var(--r);
padding:20px 24px; margin-bottom:16px; box-shadow:var(--arnyek); }
.lap.szoros { padding:14px 18px; }
.eszkozsor { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.eszkozsor .halvany { margin-left:4px; }
.racs { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px;
margin-bottom:16px; }
/* Negy doboz: soronkent ketto, hogy a szoveg is kiferjen. */
.racs.ketto { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width:700px){ .racs.ketto { grid-template-columns:1fr; } }
.mutato { background:var(--lap); border:1px solid var(--keret); border-radius:var(--r);
padding:15px 18px; box-shadow:var(--arnyek);
transition:box-shadow .15s ease, border-color .15s ease, transform .15s ease; }
/* A kartya eger ala kerulve megemelkedik: jelzi, hogy egy egyseg, es hogy
erdemes ranezni. Nem mozog magatol. (2026-09-20.) */
.mutato:hover { border-color:var(--keret-eros); transform:translateY(-1px);
box-shadow:0 6px 18px rgba(15,23,42,.09), 0 2px 5px rgba(15,23,42,.06); }
.mutato .cimke { font-size:var(--m-2xs); text-transform:uppercase; letter-spacing:var(--betukoz);
color:var(--halvany); font-weight:600; }
/* A szam tablazatos szamjegyekkel all: egymas alatt a helyiertekek fedik
egymast, igy a kartyak sora rendezett marad. */
.mutato .ertek { font-size:var(--m-2xl); font-weight:600; margin-top:5px;
letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.mutato .alatta { font-size:var(--m-s); color:var(--halvany); margin-top:2px; }
@media (prefers-reduced-motion:reduce){ .mutato:hover { transform:none; } }
h1 { font-size:var(--m-2xl); margin:0 0 6px; letter-spacing:-.01em; }
h2 { font-size:var(--m-l); margin:28px 0 10px; padding-top:16px;
border-top:1px solid var(--keret); letter-spacing:-.01em; }
.lap > h1:first-child, .lap > h2:first-child { border-top:0; padding-top:0; margin-top:0; }
/* Finom akcentuscsik a szakaszcimek elott: a szem egy pillantassal
megtalalja, hol kezdodik egy uj szakasz. (2026-09-20.) */
.lap > h2:before { content:""; display:inline-block; width:3px; height:.86em;
border-radius:2px; margin-right:9px; vertical-align:-1px;
background:var(--kiemelt); opacity:.62; }
.lap > .lapfej h2:before { display:none; }
.lap > *:first-child { margin-top:0; }
h3 { font-size:var(--m-m); margin:20px 0 6px; color:var(--fo-halvany); }
p { margin:9px 0; }
table { border-collapse:collapse; width:100%; margin:12px 0 16px; font-size:var(--m-m); }
th,td { border-bottom:1px solid var(--keret); padding:8px 12px; text-align:left;
vertical-align:top; }
th { background:#f8fafc; font-weight:600; font-size:var(--m-xs); text-transform:uppercase;
letter-spacing:var(--betukoz); color:var(--halvany); border-bottom:1px solid var(--keret-eros); }
tbody tr:hover td, table tr:hover td { background:#fbfcfe; }
td.szam, th.szam { text-align:right; font-variant-numeric:tabular-nums; }
a { color:var(--kiemelt); }
a.gomb, button { display:inline-block; background:var(--kiemelt); color:#fff; border:0;
border-radius:8px; padding:8px 15px; font-size:var(--m-m); text-decoration:none;
cursor:pointer; font-family:inherit; line-height:1.4; }
a.gomb:hover, button:hover { background:var(--kiemelt-sotet); }
a.gomb.masodlagos, button.masodlagos { background:#fff; color:var(--fo-halvany);
border:1px solid var(--keret-eros); font-weight:400; }
a.gomb.masodlagos:hover, button.masodlagos:hover { background:#f8fafc;
border-color:var(--halvany); color:var(--fo); }
button.veszelyes { background:#fff; color:var(--piros); border:1px solid #fecaca; }
button.veszelyes:hover { background:#fef2f2; border-color:var(--piros); }
a.gomb.kicsi, button.kicsi { padding:5px 11px; font-size:var(--m-s); }
input[type=text],input[type=password],input[type=search],select {
width:100%; padding:9px 12px; font-size:var(--m-m); border:1px solid var(--keret-eros);
border-radius:8px; background:#fff; font-family:inherit; color:var(--fo); }
input[type=number],input[type=date],input[type=email],input[type=url] {
padding:9px 12px; font-size:var(--m-m); border:1px solid var(--keret-eros);
border-radius:8px; background:#fff; font-family:inherit; color:var(--fo); max-width:100%; }
input[type=email],input[type=url] { width:100%; }
input:focus,select:focus { outline:2px solid var(--kiemelt-halvany);
border-color:var(--kiemelt); }
label { display:block; font-size:var(--m-s); color:var(--halvany); margin:12px 0 5px;
font-weight:600; }
/* --- ellenfelkereso: orszag + gepeles kozbeni szukites --- */
.kereso-racs { display:grid; grid-template-columns:minmax(180px,260px) 1fr; gap:14px;
align-items:end; }
.talalatok { display:none; position:absolute; left:0; right:0; top:100%; z-index:30;
margin-top:5px; background:#fff; border:1px solid var(--keret-eros);
border-radius:10px; box-shadow:0 8px 24px rgba(15,23,42,.12); max-height:340px;
overflow-y:auto; }
.talalatok.nyitva { display:block; }
.talalatok a { display:flex; justify-content:space-between; gap:14px; align-items:baseline;
padding:9px 14px; text-decoration:none; color:var(--fo); font-size:var(--m-m);
border-bottom:1px solid #f1f5f9; }
.talalatok a:last-child { border-bottom:0; }
.talalatok a:hover, .talalatok a.aktiv { background:var(--kiemelt-halvany); }
.talalatok a .halvany { white-space:nowrap; font-size:var(--m-xs); }
.talalat-nev { display:inline-flex; align-items:center; gap:8px; min-width:0; }
.nevjelolt { display:inline-flex; align-items:center; gap:10px; margin-right:22px;
vertical-align:middle; }
@media (max-width:640px){ .kereso-racs { grid-template-columns:1fr; } }
.figyelem { background:#fffbeb; border-left:3px solid #f59e0b; padding:11px 15px;
margin:12px 0; border-radius:0 6px 6px 0; }
.video-lejatszas-hiba { background:#fef2f2; border-left:3px solid var(--piros, #dc2626);
padding:10px 14px; border-radius:6px; margin:8px 0; color:#7f1d1d; font-size:var(--m-s); }
details.tobb { margin-top:10px; }
details.tobb summary { cursor:pointer; color:var(--kiemelt); font-weight:600;
font-size:var(--m-m); }
.hatra { color:var(--fo); }
.kotes-urlap { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.kotes-urlap select { width:auto; max-width:360px; padding:5px 8px; font-size:var(--m-s); }
tr.friss td { background:var(--kiemelt-halvany); }
.adatalap { margin:-2px 0 14px; font-size:var(--m-s); color:var(--halvany);
font-variant-numeric:tabular-nums; }
.adatalap-cim { font-size:var(--m-2xs); font-weight:700; letter-spacing:var(--betukoz);
text-transform:uppercase; color:var(--fo); margin-right:4px; }
.ellenfel-sav { display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;
margin:0 0 14px; }
.halvany { color:var(--halvany); font-size:var(--m-s); }
.jelzo { display:inline-block; padding:2px 8px; border-radius:20px; font-size:var(--m-2xs);
font-weight:600; letter-spacing:.03em; background:#f1f5f9; color:var(--halvany); }
.jelzo.zold { background:#f0fdf4; color:var(--zold); }
.jelzo.sarga { background:#fffbeb; color:var(--sarga); }
.jelzo.piros { background:#fef2f2; color:var(--piros); }
pre { background:#f8fafc; padding:13px; border-radius:8px; overflow-x:auto;
font-size:var(--m-s); border:1px solid var(--keret); }
blockquote { margin:12px 0; padding:10px 16px; border-left:3px solid var(--keret-eros);
color:var(--fo-halvany); background:#f8fafc; border-radius:0 6px 6px 0; }
/* Ures allapot (2026-09-19 b): egysoros "nincs adat" helyett keretes doboz
ikonnal -- minden lapon ugyanaz, hogy ne tunjon felbehagyottnak. */
.ures { display:flex; align-items:center; gap:12px; margin:4px 0; padding:14px 16px;
border:1px dashed var(--keret-eros); border-radius:12px; background:#f8fafc;
color:var(--fo-halvany); font-size:var(--m-s); line-height:1.5; }
.ures::before { content:""; flex:none; width:30px; height:30px; border-radius:9px;
background:var(--kiemelt-halvany) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231d4ed8' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='M10 6.5v4M10 13.4v.1'/%3E%3C/svg%3E") center/18px no-repeat; }
.ures a { margin-left:auto; }
.tabla-gorgo { overflow-x:auto; }
/* 2026-10-08: hosszu / szeles tablaban a fejlec (fuggoleges gorgetesnel) es
az elso oszlop (vizszintesnel) a helyen marad. A tabla sajat gorgeto
dobozban all (legfeljebb a kepernyo 78%-a), a sticky ehhez kotodik. */
.tabla-gorgo { overflow:auto; max-height:78vh; }
.tabla-gorgo > table { border-collapse:separate; border-spacing:0; }
.tabla-gorgo > table > thead > tr:first-child > th,
.tabla-gorgo > table > tbody:first-child > tr:first-child > th {
position:sticky; top:0; z-index:2; }
/* 2026-10-10: tobbsoros fejlec (pl. csoportsor + mutatonevek): a tobbi sor
is a helyen marad, az elozo sorok alatt (a `top`-ot a RAGADO_FEJ_JS adja). */
.tabla-gorgo > table > thead > tr + tr > th { position:sticky; z-index:2; }
.tabla-gorgo > table > * > tr > :first-child {
position:sticky; left:0; z-index:1; background:var(--lap); }
.tabla-gorgo > table > * > tr > th:first-child { background:#f8fafc; z-index:3; }
.tabla-gorgo > table > * > tr:hover > td:first-child { background:#fbfcfe; }
@media print { .tabla-gorgo { overflow:visible; max-height:none; }
.tabla-gorgo > table > * > tr > * { position:static; } }
.tord { word-break:break-all; }
.naplo { background:#0f172a; color:#e2e8f0; padding:10px 12px; border-radius:8px;
font-size:var(--m-xs); line-height:1.5; overflow-x:auto; margin:0; }
@media (max-width:820px) { .lap { padding:16px; } }
@media print { .lap { border:0; box-shadow:none; padding:0; } }
/* --- AI-szoveg: jelolt, osszecsukhato, forrassal ---------------------
Az AI_AZ_ELEMZESBEN.md 5. pontja: minden AI-eredetu blokk UGYANAZT a
jelzest kapja, es a blokk aljan ott a forras. Kikapcsolt allapotban a lap
a mai kepere esik vissza -- ezert nincs helyfoglalo. */
.ai-blokk { margin:12px 0 0; padding:11px 13px; border-radius:10px;
background:#f6fbfa; border:1px solid #d8ece8; }
.ai-fej { display:flex; align-items:center; gap:7px; font-size:var(--m-xs);
letter-spacing:.03em; color:#15706a; margin-bottom:6px; }
.ai-fej b { font-weight:600; }
.ai-fej .halvany { margin-left:auto; font-size:var(--m-2xs); opacity:.65; }
.ai-jel { width:13px; height:13px; flex:0 0 13px; color:#0ea5a0; }
.ai-szoveg { margin:0; font-size:var(--m-alap); line-height:1.55; }
.ai-forras { margin-top:8px; font-size:var(--m-s); }
.ai-forras summary { cursor:pointer; color:#15706a; }
.ai-forras ul { list-style:none; margin:7px 0 0; padding:0; }
.ai-forras li { display:flex; justify-content:space-between; gap:12px;
padding:3px 0; border-top:1px solid #e4efec; }
.ai-forras li .e { font-variant-numeric:tabular-nums; opacity:.8; }
.ai-sor { margin:12px 0 0; font-size:var(--m-s); color:#6b7f7c;
display:flex; align-items:center; gap:7px; }
.ai-sor .ai-jel { opacity:.6; }
.ai-sor[hidden] { display:none; }
/* A varakozo allapot: a szoveg meg keszul, kulon folyamatban. Halk
lelegzes, hogy a stab lassa, tortenik valami. */
.ai-sor.varakozik { color:#15706a; animation:ai-lelegzik 1.8s ease-in-out infinite; }
@keyframes ai-lelegzik { 0%,100% { opacity:.55 } 50% { opacity:1 } }
@media (prefers-reduced-motion:reduce) { .ai-sor { animation:none; } }
.mutasd-sav { display:flex; align-items:center; gap:9px; margin:0 0 10px;
padding:7px 11px; border-radius:999px; background:#f6fbfa;
border:1px solid #d8ece8; }
.mutasd-sav input[type=text] { flex:1; min-width:0; border:0;
background:transparent; font:inherit; font-size:var(--m-m);
padding:4px 2px; outline:none; }
.mutasd-sav .ai-jel { color:#0ea5a0; }
/* 3.4 -- sajtoban emlitett serules/eltiltas. Figyelmezteto sav, ami SEMMIT
nem szamol at: csak kiirja, hogy van ilyen hir, forrassal. */
.sajto-jelzes { margin:0 0 12px; padding:11px 14px; border-radius:10px;
background:#fffbeb; border:1px solid #fde68a; }
.sj-fej { display:flex; align-items:baseline; gap:9px; margin-bottom:6px;
font-size:var(--m-s); }
.sj-fej .halvany { font-size:var(--m-xs); }
.sajto-jelzes ul { list-style:none; margin:0; padding:0; }
.sajto-jelzes li { padding:4px 0; font-size:var(--m-m); display:flex;
flex-wrap:wrap; align-items:baseline; gap:7px; }
/* --- meccselozetes: ket csapat EGYMAS MELLETT (SZEREPKOROK_TERV 2.3) ---
Ket hasab, mert az elozetes lenyege az osszehasonlitas: ugyanaz a rekesz
ugyanabban a magassagban all a ket oldalon. Keskeny kepernyon egymas ala
csuszik -- ott a gorgetes olcsobb, mint a zsugoritas. */
.elozetes-racs { display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
gap:16px; align-items:start; }
.elozetes-oldal h3 { margin:0 0 10px; font-size:var(--m-l); letter-spacing:-.01em; }
html.asztal-teljes .fejsav,html.asztal-teljes .oldalsav{display:none}
html.asztal-teljes .keret{display:block;max-width:none;padding:10px 14px 30px}
:root { --rail:#0d2534; --rail-2:#123249; }
/* --- felso sav: markajel balra, kontextus jobbra ---
2026-09-20: a sav EGY SOR marad minden szelessegen. Eddig a jobb oldali
blokk tordelt (flex-wrap), ezert a fejlec 60-rol 93-132 px-re nott, es a
"Kilepes" egyedul allt egy masodik sorban. Most a tordeles tiltott, a
pirulak pedig zsugorodnak (min-width:0 + ellipszis), es a feliratok
szelesseg szerint sorban esnek ki. */
.fejsav { min-height:60px; padding:10px 20px; display:flex; align-items:center;
justify-content:space-between; gap:14px; position:relative; overflow:hidden;
background:linear-gradient(125deg,#07182b,#0d2534 58%,#15466a);
box-shadow:0 10px 28px rgba(6,18,33,.14); }
.fejsav:after { content:""; position:absolute; right:-40px; top:-96px;
width:360px; height:240px; pointer-events:none;
background:radial-gradient(circle,rgba(255,255,255,.10),transparent 62%); }
.marka-sor { display:flex; align-items:center; gap:12px; position:relative;
text-decoration:none; flex:none; }
.marka-jel { width:40px; height:40px; border-radius:13px; display:grid;
place-items:center; flex:none; color:#fff; font-weight:700; font-size:var(--m-l);
letter-spacing:-.04em; background:linear-gradient(145deg,#1d4ed8,#0ea5a0);
box-shadow:0 8px 20px rgba(29,78,216,.3); overflow:hidden; }
.marka-jel img { position:absolute; inset:0; width:100%; height:100%;
object-fit:contain; padding:4px; background:#fff; opacity:0;
transition:opacity .12s ease; }
.marka-jel img.betoltve { opacity:1; }
.marka-jel { position:relative; }
.marka-jel .markarajz { width:23px; height:23px; color:#fff;
display:block; }
.belepes-jel { width:52px; height:52px; border-radius:16px;
background:linear-gradient(145deg,#1d4ed8,#0ea5a0); display:grid;
place-items:center; margin:0 auto 14px; }
/* A logo betolteskor EGYSZER korbefordul, utana mozdulatlan. Meccs kozben
semmi nem mozoghat a kepernyon feleslegesen. (2026-09-05-i dontes.) */
.marka-jel.marka-pordul { animation:marka-pordul .75s cubic-bezier(.34,.9,.3,1) 1; }
@keyframes marka-pordul {
from { transform:rotateY(-360deg) scale(.6); opacity:0; }
to { transform:rotateY(0) scale(1); opacity:1; } }
@media (prefers-reduced-motion:reduce) { .marka-jel.marka-pordul { animation:none; } }
/* v1.19: NYITOANIMACIO (cimerfordulas) a belepes utani elso lapon. Az
`intro-var` osztalyt a fej szkriptje teszi fel az elso festes elott, az
INTRO_JS veszi le a vegen. Biztositek: ha a szkript nem fut le, a takaro
3 mp utan magatol eltunik, es a fejlec jele visszajon. Az `intro-volt`
a lap vegeig marad: a fejlec sajat fordulasa erre a betoltesre kimarad,
hogy a jel ne mozogjon ketszer. */
html.intro-volt .marka-jel.marka-pordul { animation:none; }
html.intro-var .fejsav .marka-jel { opacity:0; animation:intro-jel-vissza .2s ease 3s forwards; }
html.intro-var:not(.intro-fut) body::before { content:""; position:fixed; inset:0; z-index:2000;
background:radial-gradient(ellipse at 50% 44%,#123249 0%,#0d2534 38%,#07182b 78%);
animation:intro-takaro-el .3s ease 3s forwards; }
@keyframes intro-takaro-el { to { opacity:0; visibility:hidden; } }
@keyframes intro-jel-vissza { to { opacity:1; } }
.intro-fedo { position:fixed; inset:0; z-index:2001; cursor:pointer;
background:radial-gradient(ellipse at 50% 44%,#123249 0%,#0d2534 38%,#07182b 78%); }
.intro-kulso { position:fixed; z-index:2002; pointer-events:none; }
.intro-kartya { position:absolute; inset:0; transform-style:preserve-3d; }
.intro-lap { position:absolute; inset:0; border-radius:29%; display:grid; place-items:center;
backface-visibility:hidden; -webkit-backface-visibility:hidden;
box-shadow:0 26px 60px rgba(0,0,0,.45); }
.intro-elo { background:linear-gradient(145deg,#176055,#0ea5a0);
box-shadow:0 26px 60px rgba(0,0,0,.45), inset 0 0 0 2px rgba(255,255,255,.16); }
.intro-elo .markarajz { width:58%; height:58%; color:#fff; display:block; }
.intro-hat { transform:rotateY(180deg); background:#fff; }
.intro-hat img { width:70%; height:70%; object-fit:contain; display:block; }
.intro-felirat { position:fixed; left:0; right:0; z-index:2002; text-align:center;
pointer-events:none; padding:0 16px; }
.intro-felirat .nev { display:block; font-size:var(--m-3xl); line-height:1.15; font-weight:700;
letter-spacing:var(--betukoz); color:#eaf5f2; }
.intro-felirat .alcim { display:block; margin-top:4px; font-size:var(--m-xs); font-weight:600;
letter-spacing:.14em; text-transform:uppercase; color:#5eead4; }
.marka-szoveg .nev { display:block; font-size:var(--m-xl); line-height:1.1; color:#fff;
letter-spacing:var(--betukoz); font-weight:700; }
.marka-szoveg .alcim { color:rgba(219,235,248,.72); font-size:var(--m-xs); margin-top:2px;
letter-spacing:.02em; display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.fejsav-jobb { display:flex; align-items:center; gap:10px; position:relative;
font-size:var(--m-s); color:#9fb4c8; flex-wrap:nowrap;
justify-content:flex-end; min-width:0; }
.fejsav-jobb b { color:#e6eef7; font-weight:600; }
.fejsav-jobb a { color:#9fb4c8; text-decoration:none; }
.fejsav-jobb a:hover { color:#fff; }
.nyelv-valaszto { flex:none; font:inherit; font-size:var(--m-xs); color:#9fb4c8;
background:transparent; border:1px solid rgba(255,255,255,.16); border-radius:7px;
padding:3px 6px; cursor:pointer; max-width:9.5em; }
.nyelv-valaszto:hover, .nyelv-valaszto:focus { color:#fff; border-color:rgba(255,255,255,.34); }
.nyelv-valaszto option { color:#14202c; background:#fff; }
/* Kivalasztott ellenfel es sajat csapat a fejlecben: azonos pirula, kattintva
valt. Mindketto ZSUGORODHAT (min-width:0), a nev ellipszissel rovidul. */
.ellenfel-pirula, .sajat-pirula { display:inline-flex; align-items:center;
gap:8px; padding:4px 11px 4px 6px; border:1px solid rgba(255,255,255,.18);
border-radius:20px; background:rgba(255,255,255,.06); text-decoration:none;
min-width:0; flex:0 1 auto; }
.ellenfel-pirula { max-width:340px; }
.sajat-pirula { max-width:260px; }
.ellenfel-pirula:hover, .sajat-pirula:hover { background:rgba(255,255,255,.13);
border-color:rgba(255,255,255,.34); }
.ellenfel-pirula .cimke, .sajat-pirula .cimke { font-size:var(--m-2xs);
letter-spacing:var(--betukoz); text-transform:uppercase; color:#7f97ad;
white-space:nowrap; flex:none; }
.ellenfel-pirula b, .sajat-pirula b { color:#e6eef7; white-space:nowrap;
overflow:hidden; text-overflow:ellipsis; min-width:0; }
.profil-link { display:inline-flex; align-items:baseline; gap:4px;
min-width:0; flex:0 1 auto; white-space:nowrap; }
.profil-link .fnev { overflow:hidden; text-overflow:ellipsis; min-width:0; }
.kilepes-link { display:inline-flex; align-items:center; gap:6px; flex:none; }
.kilepes-link svg { display:none; }
/* Szelesseg szerint sorban esik ki a masodlagos felirat. A KATTINTHATO
felulet es a cim-buborek mindig megmarad. (2026-09-20.) */
@media (max-width:1400px) { .ellenfel-pirula .cimke .forras { display:none; } }
@media (max-width:1180px) {
.ellenfel-pirula .cimke, .sajat-pirula .cimke { display:none; }
.kilepes-link svg { display:block; }
.kilepes-link .kilepes-szo { display:none; } }
/* Keskeny kijelzon a fejlec elemei ne loghassanak ki (2026-09-19): a
markanev helyett csak a jel all, es a hezagok kisebbek. */
@media (max-width:480px) { .fejsav { gap:8px; padding:10px 12px; }
.marka-szoveg { display:none; } .fejsav-jobb { gap:8px; } }
/* --- keret: ikonsav + munkaterulet --- */
.keret { max-width:1440px; margin:0 auto; padding:16px 20px 48px;
display:grid; grid-template-columns:58px minmax(0,1fr); gap:16px;
align-items:start; }
/* A menu SAJAT gorgetosav: ha hosszabb, mint a kepernyo, az eger alatt a
menu gorog, nem a lap, es a vegen sem adja tovabb a gorgetest a lapnak.
(2026-09-11: a menu aljara csak ugy lehetett eljutni, hogy elobb a lap
ment le a vegeig.) A --sav-max-ot az OLDALSAV_JS allitja: a kepernyo
magassaga a menu tetejetol. */
.oldalsav-verzio { display:block; margin-top:10px; text-align:center; font-size:var(--m-2xs);
letter-spacing:.02em; color:rgba(255,255,255,.5); white-space:nowrap;
text-decoration:none; }
.oldalsav-verzio:hover, .oldalsav-verzio:focus-visible { color:#fff; text-decoration:underline; }
.oldalsav { position:sticky; top:16px; z-index:60; width:58px;
overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain;
--sav-max:calc(100vh - 96px); max-height:var(--sav-max);
scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.25) transparent;
background:linear-gradient(180deg,var(--rail),var(--rail-2));
border-radius:17px; padding:11px 8px;
min-height:min(calc(100vh - 96px), var(--sav-max));
box-shadow:0 16px 36px rgba(5,17,32,.2);
transition:width .18s ease, box-shadow .18s ease; }
html.sav-most-csukva .oldalsav:hover, html.sav-most-csukva .oldalsav:focus-within {
width:58px; box-shadow:0 16px 36px rgba(5,17,32,.2); }
html.sav-most-csukva .oldalsav:hover .oldalsav-cimke,
html.sav-most-csukva .oldalsav:hover .oldalsav-szo { opacity:0; max-width:0; }
.oldalsav:hover, .oldalsav:focus-within { width:230px;
box-shadow:0 24px 54px rgba(5,17,32,.3); }
.oldalsav-cimke { color:#7fa8c0; font-size:var(--m-2xs); text-transform:uppercase;
font-weight:700; letter-spacing:var(--betukoz); padding:9px 12px 7px; opacity:0;
white-space:nowrap; overflow:hidden; transition:opacity .14s ease; }
.oldalsav:hover .oldalsav-cimke, .oldalsav:focus-within .oldalsav-cimke { opacity:1; }
.oldalsav-cimke + .oldalsav-cimke, .oldalsav-elem + .oldalsav-cimke { margin-top:8px; }
.oldalsav-elem.fo { margin-bottom:8px; }
.oldalsav-elem { display:flex; align-items:center; gap:11px; width:100%;
padding:10px 10px; margin:2px 0; border-radius:11px; text-decoration:none;
color:#c5d6e6; font-size:var(--m-m); font-weight:600; white-space:nowrap;
overflow:hidden; flex:none; }
.oldalsav-elem:hover { background:rgba(255,255,255,.09); color:#fff; }
.oldalsav-elem.aktiv { background:#fff; color:var(--fo);
box-shadow:0 2px 14px rgba(0,0,0,.14); }
.oldalsav-ikon { width:23px; height:23px; border-radius:8px; flex:0 0 23px;
background:rgba(255,255,255,.11); display:inline-flex; align-items:center;
justify-content:center; position:relative; }
/* Visszaigazolatlan uzenetek szama (2026-09-23): az ikonon, hogy az
osszecsukott savon is latszodjon. */
.menu-db { position:absolute; top:-6px; right:-9px; min-width:17px; height:17px;
padding:0 4px; border-radius:9px; background:#dc2626; color:#fff;
font-size:var(--m-2xs); font-weight:700; line-height:17px; text-align:center;
box-shadow:0 0 0 2px var(--rail); }
.oldalsav-elem.aktiv .oldalsav-ikon { background:var(--kiemelt-halvany); color:var(--kiemelt); }
.oldalsav-szo { display:inline-block; opacity:0; max-width:0; overflow:hidden;
transition:opacity .14s ease, max-width .18s ease; }
.oldalsav:hover .oldalsav-szo, .oldalsav:focus-within .oldalsav-szo { opacity:1; max-width:160px; }
/* Osszecsuko gomb a sav aljan. (2026-09-11, N2) */
.sav-kapcsolo { display:flex; align-items:center; gap:11px; width:100%;
margin-top:10px; padding:9px 10px; border:0; border-radius:11px;
background:transparent; color:#7fa8c0; font:inherit; font-size:var(--m-s);
font-weight:600; cursor:pointer; white-space:nowrap; overflow:hidden; }
.sav-kapcsolo:hover { background:rgba(255,255,255,.08); color:#fff; }
.sav-kapcsolo svg { flex:0 0 23px; transition:transform .18s ease; }
html.sav-nyitva .sav-kapcsolo svg { transform:rotate(180deg); }
main { max-width:none; margin:0; padding:0; min-width:0; }
/* Fejlec: profil a nevre kattintva, modszertan a ? jelre. (N3) */
.fejsav-jobb a.profil-link b { text-decoration:underline;
text-decoration-color:rgba(255,255,255,.25); text-underline-offset:3px; }
.sugo-link { display:inline-grid; place-items:center; width:24px; height:24px;
border-radius:50%; border:1px solid rgba(255,255,255,.28); font-weight:700;
font-size:var(--m-s); color:#dbe7f2 !important; }
.sugo-link:hover { background:rgba(255,255,255,.12); }
.menu-gomb, .menu-zar, .mobil-fiok { display:none; }
/* VISSZA a fejlecben (2026-09-13-i keres): valodi elozo oldal, nem egy
rogzitett cel. Csak akkor latszik, ha van hova visszamenni -- a JS
veszi le a `hidden` jelzot. */
.vissza-gomb { display:inline-flex; align-items:center; gap:6px;
margin-left:14px; padding:6px 11px; border:1px solid rgba(255,255,255,.28);
border-radius:9px; background:transparent; color:#dbe7f2; font:inherit;
font-size:var(--m-s); font-weight:600; cursor:pointer; white-space:nowrap; }
.vissza-gomb:hover { background:rgba(255,255,255,.12); color:#fff; }
.vissza-gomb[hidden] { display:none; }
@media (max-width:640px) { .vissza-gomb .vissza-szo { display:none; }
.vissza-gomb { margin-left:8px; padding:6px 8px; } }
/* KINYITOTT SAV (2026-09-11, N2): a 16 menupont felirata eddig csak
egerrel latszott, tableten sosem. 1280 px felett alapbol nyitva all,
gombbal osszecsukhato; a valasztast a bongeszo megjegyzi. */
@media (min-width:901px) {
html.sav-nyitva .keret { grid-template-columns:224px minmax(0,1fr); }
html.sav-nyitva .oldalsav, html.sav-nyitva .oldalsav:hover,
html.sav-nyitva .oldalsav:focus-within { width:224px;
box-shadow:0 16px 36px rgba(5,17,32,.2); }
html.sav-nyitva .oldalsav-cimke { opacity:1; }
html.sav-nyitva .oldalsav-szo { opacity:1; max-width:170px; }
}
/* MOBIL (2026-09-11, N1): a vizszintes ikonsor osszenyomta az ikonokat,
felirat nem latszott. Helyette "Menu" gomb a fejlecben, es a teljes
lista feliratokkal, agak szerint. */
@media (max-width:900px) {
.keret { grid-template-columns:1fr; padding:12px 14px 40px; gap:12px; }
.menu-gomb { display:inline-flex; align-items:center; gap:7px;
padding:6px 11px; border-radius:9px; border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.06); color:#e6eef7; font:inherit;
font-size:var(--m-s); font-weight:600; cursor:pointer; }
.oldalsav { display:none; }
html.menu-nyitva .oldalsav { display:block; position:fixed; z-index:200;
top:10px; left:10px; right:10px; bottom:10px; width:auto;
max-height:none; min-height:0; overflow-y:auto; padding:12px 10px; }
html.menu-nyitva .menu-zar { display:block; margin:0 0 6px auto;
padding:7px 12px; border-radius:9px; border:1px solid rgba(255,255,255,.22);
background:rgba(255,255,255,.06); color:#e6eef7; font:inherit;
font-size:var(--m-s); font-weight:600; cursor:pointer; }
html.menu-nyitva .mobil-fiok { display:grid; gap:4px; margin-top:12px;
padding-top:10px; border-top:1px solid rgba(255,255,255,.12); }
.mobil-fiok a { color:#c5d6e6; text-decoration:none; padding:9px 10px;
border-radius:10px; font-size:var(--m-m); font-weight:600; }
.mobil-fiok a:hover { background:rgba(255,255,255,.09); color:#fff; }
.fejsav-jobb .profil-link, .fejsav-jobb .kilepes-link { display:none; }
html.menu-nyitva .oldalsav-cimke { opacity:1; display:block; }
html.menu-nyitva .oldalsav-szo { opacity:1; max-width:none; }
html.menu-nyitva .oldalsav:hover { width:auto; }
.sav-kapcsolo { display:none; }
.fejsav { padding:10px 15px; }
.marka-szoveg .alcim { display:none; }
}
@media print {
.fejsav, .oldalsav, .eszkozsor, .lapfej .jobb { display:none; }
.keret { display:block; padding:0; max-width:none; }
}
/* =====================================================================
Belepokepernyo -- egesz kepernyos, sotet "hero"
=====================================================================
Ez az elso kep, amit a stab lat a rendszerbol. Nem hirdetes: azt mondja
el, mire valo, es milyen szabaly szerint dolgozik. A harom allitas a
bal oldalon MIND igaz es ellenorizheto -- nincs kozottuk igeret.
(2026-09-05-i felhasznaloi keres.)
2026-09-20: a korabbi ket hasab (sotet bal, feher jobb) helyett EGY
sotet felulet, rajta a palyarajz es a reflektorfeny, az urlap pedig
uveghatasu kartyakent all rajta. A hatterkep cserelheto: a kiszolgalo
.env fajljaban az MD1Q_BELEPO_KEP egy nyilvanosan elerheto kep cime,
az MD1Q_BELEPO_SOTET (0-100) pedig azt mondja meg, mennyire sotetitjuk,
hogy a szoveg olvashato maradjon. Kep nelkul is teljes a lap. */
.belepo { min-height:100vh; position:relative; isolation:isolate;
color:#eaf3fb; overflow:hidden;
background:linear-gradient(160deg,#04101d 0%,#0a2033 46%,#12395a 100%); }
/* 1. reteg: a hatterkep, ha van (.env). A sotetites a kepre kerul. */
.belepo-kep { --belepo-sotet:.62; position:absolute; inset:0; z-index:-3;
background-size:cover; background-position:center; pointer-events:none; }
.belepo-kep:after { content:""; position:absolute; inset:0;
background:linear-gradient(160deg,#04101d,#08203a 55%,#0b2c47);
opacity:var(--belepo-sotet); }
/* 2. reteg: reflektorfeny. Ket halk feny, nem villog es nem mozog. */
.belepo:before { content:""; position:absolute; z-index:-2; inset:0;
pointer-events:none;
background:radial-gradient(760px 420px at 18% -8%,rgba(96,165,250,.22),transparent 62%),
radial-gradient(620px 380px at 88% 4%,rgba(14,165,160,.18),transparent 60%); }
/* 3. reteg: palyarajz. A markajel motivuma, nem diszites. */
/* A palyarajz a sarokbol nyilik, es a lap kozepe fele ELHALVANYUL -- igy
nem fut bele a szovegbe, es nem latszik veletlen vonalhalmaznak. */
.belepo-palya { position:absolute; z-index:-1; right:-13%; bottom:-20%;
width:84%; max-width:1240px; color:#8ec9ff; opacity:.2;
pointer-events:none;
-webkit-mask-image:radial-gradient(115% 105% at 86% 84%,#000 34%,transparent 76%);
mask-image:radial-gradient(115% 105% at 86% 84%,#000 34%,transparent 76%); }
.belepo-palya svg { width:100%; height:auto; display:block; }
.belepo-racs { position:relative; min-height:100vh; width:100%;
max-width:1280px; margin:0 auto; padding:44px 48px;
display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,400px);
gap:56px; align-items:center; }
.belepo-marka { display:flex; flex-direction:column; gap:26px;
align-self:stretch; justify-content:space-between; }
.belepo-fej { display:flex; align-items:center; gap:15px; }
.belepo-jel { width:56px; height:56px; border-radius:18px; display:grid;
place-items:center; flex:none; background:linear-gradient(145deg,#1d4ed8,#0ea5a0);
box-shadow:0 12px 30px rgba(29,78,216,.34); }
.belepo-jel .markarajz { width:32px; height:32px; color:#fff; display:block; }
.belepo-fej .nev { display:block; font-size:var(--m-3xl); font-weight:700;
letter-spacing:var(--betukoz); line-height:1; color:#fff; }
.belepo-fej .alatta, .belepo-mobiljel .alatta { display:block; }
.belepo-fej .alatta { font-size:var(--m-xs); letter-spacing:.2em;
text-transform:uppercase; color:rgba(210,232,248,.72); margin-top:5px; }
.belepo-allitas { max-width:560px; }
/* A kozos stiluslap minden h2-re vonalat tesz; itt ez atutne a sotet lapon. */
.belepo-allitas h2 { border-top:0; padding-top:0;
font-size:clamp(30px,3.4vw,46px); line-height:1.1; letter-spacing:-.03em;
margin:0 0 16px; font-weight:700; color:#fff; }
.belepo-allitas > p { margin:0; color:rgba(206,226,242,.84);
font-size:var(--m-l); line-height:1.6; max-width:48ch; }
.belepo-pontok { list-style:none; margin:32px 0 0; padding:0; display:grid;
gap:10px; max-width:520px; }
.belepo-pontok li { display:flex; gap:13px; align-items:flex-start;
font-size:var(--m-m); color:rgba(214,232,246,.88); line-height:1.5;
padding:14px 15px; border-radius:14px;
border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.045); }
.belepo-pontok .ikon { width:30px; height:30px; border-radius:10px; flex:none;
background:rgba(142,201,240,.14); display:inline-flex; align-items:center;
justify-content:center; color:#8ec5f0; }
.belepo-pontok b { color:#fff; font-weight:600; display:block;
margin-bottom:2px; }
.belepo-lab { font-size:var(--m-xs); color:rgba(178,201,221,.62);
border-top:1px solid rgba(255,255,255,.1); padding-top:17px; }
/* Az urlap uvegkartyan. A mezok sotetek: a lapon nincs feher folt. */
.belepo-urlap { display:flex; align-items:center; justify-content:center; }
.belepo-doboz { width:100%; max-width:400px; padding:30px 30px 26px;
border-radius:20px; border:1px solid rgba(255,255,255,.13);
background:rgba(8,22,38,.68);
-webkit-backdrop-filter:blur(16px) saturate(140%);
backdrop-filter:blur(16px) saturate(140%);
box-shadow:0 34px 70px rgba(2,10,20,.5); }
.belepo-doboz h1 { font-size:var(--m-2xl); margin:0 0 6px; letter-spacing:-.02em;
color:#fff; }
.belepo-doboz .bevezeto { color:rgba(190,215,236,.78); font-size:var(--m-m);
margin:0 0 22px; }
.belepo-doboz label { margin-top:16px; color:rgba(214,232,246,.86);
font-size:var(--m-s); }
.belepo-doboz input { padding:12px 14px; font-size:var(--m-alap); color:#fff;
background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18);
border-radius:11px; }
.belepo-doboz input::placeholder { color:rgba(190,215,236,.45); }
.belepo-doboz input:focus { outline:none; border-color:rgba(96,165,250,.8);
background:rgba(255,255,255,.09);
box-shadow:0 0 0 3px rgba(96,165,250,.22); }
.belepo-doboz button[type=submit] { width:100%; padding:13px 18px;
font-size:var(--m-alap); font-weight:600; margin-top:22px; border:0;
border-radius:12px; color:#fff; cursor:pointer;
background:linear-gradient(135deg,#2563eb,#0ea5a0);
box-shadow:0 12px 26px rgba(37,99,235,.3); transition:transform .12s ease,
box-shadow .12s ease, filter .12s ease; }
.belepo-doboz button[type=submit]:hover { transform:translateY(-1px);
filter:brightness(1.06); box-shadow:0 16px 32px rgba(37,99,235,.38); }
.belepo-doboz button[type=submit]:active { transform:translateY(0); }
.belepo-doboz .figyelem { background:rgba(220,38,38,.14); color:#ffd7d7;
border:1px solid rgba(248,113,113,.4); border-radius:11px;
padding:10px 13px; font-size:var(--m-s); margin:0 0 4px; }
.belepo-lablec { margin-top:22px; padding-top:17px;
border-top:1px solid rgba(255,255,255,.12); font-size:var(--m-s);
color:rgba(178,201,221,.68); display:flex; justify-content:space-between;
gap:14px; align-items:baseline; flex-wrap:wrap; }
.belepo-lablec a, .belepo-elfelejtett a { color:#8ec5f0; text-decoration:none; }
.belepo-lablec a:hover, .belepo-elfelejtett a:hover { color:#fff; }
.belepo-elfelejtett { margin-top:14px; font-size:var(--m-m); text-align:center; }
.belepo-mobiljel { display:none; }
/* A lap egyszer, halkan beuszik. Mozgascsokkentesnel nem mozog semmi. */
@media (prefers-reduced-motion:no-preference) {
.belepo-marka, .belepo-doboz { animation:belepo-be .5s cubic-bezier(.22,.7,.3,1) both; }
.belepo-doboz { animation-delay:.07s; }
@keyframes belepo-be { from { opacity:0; transform:translateY(14px); }
to { opacity:1; transform:none; } } }
@media (max-width:1040px) {
.belepo-racs { grid-template-columns:1fr; gap:34px; padding:40px 28px;
align-content:center; }
.belepo-marka { justify-content:flex-start; gap:20px; }
.belepo-urlap { justify-content:flex-start; }
.belepo-doboz { max-width:440px; }
}
@media (max-width:760px) {
.belepo-racs { padding:26px 18px; gap:24px; }
.belepo-fej, .belepo-lab, .belepo-pontok { display:none; }
.belepo-allitas h2 { font-size:var(--m-2xl); }
.belepo-allitas > p { font-size:var(--m-m); }
.belepo-doboz { max-width:none; padding:24px 20px 22px; }
.belepo-mobiljel { display:flex; align-items:center; gap:12px;
margin-bottom:20px; }
.belepo-mobiljel .belepo-jel { width:44px; height:44px; border-radius:14px; }
.belepo-mobiljel .markarajz { width:25px; height:25px; color:#fff;
display:block; }
.belepo-mobiljel .nev { display:block; font-size:var(--m-xl); font-weight:700;
letter-spacing:var(--betukoz); line-height:1; color:#fff; }
.belepo-mobiljel .alatta { font-size:var(--m-2xs); letter-spacing:.18em;
text-transform:uppercase; color:rgba(210,232,248,.7); margin-top:3px; }
.belepo-palya { right:-24%; bottom:-8%; width:150%; opacity:.12; }
}
/* --- fokusz-fulek: egy ful egy kepernyo, gorgetes nelkul --- */
.osszegzo{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
background:var(--lap);border:1px solid var(--keret);border-radius:var(--r);
box-shadow:var(--arnyek);overflow:hidden;margin-bottom:14px}
.osszegzo > div{padding:11px 16px;border-right:1px solid var(--keret)}
.osszegzo > div:last-child{border-right:0}
.osszegzo .c{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600}
.osszegzo .e{font-size:var(--m-l);font-weight:600;margin-top:2px;letter-spacing:-.01em}
.osszegzo .e small{font-size:var(--m-xs);color:var(--halvany);font-weight:400}
.szurosor{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;
background:var(--lap);border:1px solid var(--keret);border-radius:var(--r);
padding:12px 16px;margin-bottom:14px;box-shadow:var(--arnyek)}
.szurosor label{margin:0 0 4px;font-size:var(--m-2xs);text-transform:uppercase;
letter-spacing:var(--betukoz)}
.szurosor .mezo{min-width:130px}
.szurosor select{padding:6px 10px;font-size:var(--m-s)}
.szurosor .jobb{margin-left:auto;display:flex;gap:8px;align-items:center}
.szurosor .db{font-size:var(--m-s);color:var(--halvany)}
.fulsor{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--keret);
background:var(--lap);border-radius:var(--r) var(--r) 0 0;padding:0 8px;
border:1px solid var(--keret);border-bottom:0}
.fulsor button{flex:0 0 auto;background:none;border:0;border-bottom:2px solid transparent;
color:var(--halvany);font-family:inherit;font-size:var(--m-m);padding:11px 14px;
cursor:pointer;white-space:nowrap}
.fulsor button:hover{color:var(--fo)}
.fulsor button[aria-selected="true"]{color:var(--fo);font-weight:600;
border-bottom-color:var(--kiemelt)}
.fulsor button:focus-visible{outline:2px solid var(--kiemelt);outline-offset:-2px}
.fultartalom{background:var(--lap);border:1px solid var(--keret);border-top:0;
border-radius:0 0 var(--r) var(--r);padding:20px 24px;box-shadow:var(--arnyek);
min-height:260px}
.fultartalom > h2:first-child{margin-top:0;border-top:0;padding-top:0}
.fultartalom[hidden]{display:none!important}
@media (max-width:820px){.fultartalom{padding:16px}}
/* --- csere-tervezo --- */
.tervezo-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
gap:14px;align-items:end}
.eredmeny-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:14px;margin-top:16px}
.eredmeny{border:1px solid var(--keret);border-radius:10px;padding:14px 16px;
background:#fbfcfe}
.eredmeny .c{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600}
.eredmeny .e{font-size:var(--m-xl);font-weight:600;margin-top:3px;letter-spacing:-.01em}
.eredmeny .m{font-size:var(--m-xs);color:var(--halvany);margin-top:4px;line-height:1.45}
.eredmeny.tamadobb{background:#f0fdf4;border-color:#bbf7d0}
.eredmeny.vedekezobb{background:#eff6ff;border-color:#bfdbfe}
.eredmeny.keves{background:#fffbeb;border-color:#fde68a}
/* --- meccsnapi lap: nyomtatasra --- */
.meccsnap{background:#fff;border:1px solid var(--keret);border-radius:var(--r);
padding:26px 30px;box-shadow:var(--arnyek);font-size:var(--m-m)}
.meccsnap .fej{display:flex;justify-content:space-between;align-items:flex-start;
gap:16px;border-bottom:2px solid var(--fo);padding-bottom:11px;margin-bottom:18px;
flex-wrap:wrap}
.meccsnap .fej h1{font-size:var(--m-xl);margin:0}
.meccsnap .fej .meta{font-size:var(--m-xs);color:var(--halvany);text-align:right;
font-variant-numeric:tabular-nums}
.meccsnap .hasabok{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.meccsnap .blokk{margin-bottom:18px;break-inside:avoid}
.meccsnap .blokk h3{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--kiemelt);margin:0 0 7px;padding-bottom:4px;
border-bottom:1px solid var(--keret)}
.meccsnap .blokk p{margin:5px 0;font-size:var(--m-s)}
.meccsnap table{font-size:var(--m-s);margin:6px 0}
.meccsnap th,.meccsnap td{padding:5px 8px}
@media (max-width:760px){.meccsnap .hasabok{grid-template-columns:1fr}}
.meccsnap-eszkoz{display:flex;justify-content:flex-end;margin:0 0 8px}
@media print{
header,.szurosor,.fulsor,.lapfej .jobb,.eszkozsor,
.meccsnap-eszkoz{display:none!important}
.meccsnap{border:0;box-shadow:none;padding:0}
.fultartalom{display:block!important;border:0;box-shadow:none;padding:0}
.fultartalom[hidden]{display:block!important}
}
.abra{margin:16px 0;padding:0}
.abra figcaption{font-size:var(--m-xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600;margin-bottom:9px}
.abra-forras{font-size:var(--m-xs);color:var(--halvany);margin:8px 0 0;line-height:1.45}
.abra.szeles{width:100%}
/* palya */
.palya{width:100%;max-width:320px;height:auto;display:block;margin:0 auto}
.palyahatter{fill:#f0f7f1;stroke:#cfe3d4;stroke-width:1.5}
.palyavonal{stroke:#cfe3d4;stroke-width:1.5;fill:none}
.jkor{fill:var(--kiemelt);stroke:#fff;stroke-width:1.5}
.jszam{fill:#fff;font-size:var(--m-xs);font-weight:600;
font-family:var(--betu-mono)}
.palya .jnev{fill:var(--fo);font-size:var(--m-2xs);font-family:inherit}
/* ketiranyu oszlopok */
.oszlop-fejlec{display:grid;grid-template-columns:56px 1fr 1fr;gap:8px;
font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);color:var(--halvany);
font-weight:600;margin-bottom:5px}
.oszlop-fejlec .bal-cim{text-align:right}
.oszlop-fejlec .jobb-cim{text-align:left}
.oszlopok{display:flex;flex-direction:column;gap:5px}
.oszlop-sor{display:grid;grid-template-columns:56px 1fr 1fr;gap:8px;align-items:center}
.oszlop-cimke{font-size:var(--m-xs);color:var(--halvany);
font-variant-numeric:tabular-nums}
.oszlop-sav{position:relative;height:20px;display:flex;align-items:center}
.oszlop-sav.bal{justify-content:flex-end}
.oszlop-sav i{display:block;height:16px;border-radius:3px}
.oszlop-sav.bal i{background:#fca5a5}
.oszlop-sav.jobb i{background:var(--kiemelt)}
.oszlop-sav b{font-size:var(--m-2xs);font-weight:600;padding:0 6px;color:var(--fo-halvany);
font-variant-numeric:tabular-nums}
.oszlop-sav.bal b{order:-1}
/* idovonal */
.idovonal{padding:4px 0 0}
.idovonal .sav{position:relative;height:26px;background:var(--papir-2, #f1f5f9);
border-radius:5px}
.idovonal .sav i{position:absolute;top:3px;width:8px;height:20px;border-radius:2px;
transform:translateX(-4px)}
.idovonal .tengely{position:relative;height:16px;margin-top:3px}
.idovonal .tengely span{position:absolute;transform:translateX(-50%);font-size:var(--m-2xs);
color:var(--halvany);font-variant-numeric:tabular-nums}
i.jo,.pont.jo{background:#16a34a}
i.semleges,.pont.semleges{background:#94a3b8}
i.vesz,.pont.vesz{background:#dc2626}
i.kek{background:var(--kiemelt)}
.jelmagyarazat{font-size:var(--m-xs);color:var(--halvany);margin:9px 0 0;
display:flex;gap:16px;flex-wrap:wrap}
.jelmagyarazat .jm{display:inline-flex;align-items:center;gap:5px}
/* A szeles abrak nem nyulhatnak el fuggolegesen: az SVG a sajat aranyaival
skalazodik, ezert kell maximum. (2026-09-05, kepen lattam.) */
.abra.szeles svg{max-width:660px}
/* Szembenallas-palya: ket csapat egy palyan */
.szpalya-keret{margin:16px 0}
.szpalya{width:100%;max-width:360px;display:block;margin:0 auto;
border-radius:8px;box-shadow:0 6px 20px rgba(15,23,42,.16)}
.szp-fej{display:flex;align-items:baseline;gap:10px;max-width:360px;
margin:0 auto;padding:7px 2px}
.szp-nev{font-size:var(--m-s);font-weight:600;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap}
.szp-nev .kep{margin-right:6px;vertical-align:-5px}
.szp-nev.sajat{color:var(--kiemelt)}
.szp-nev.ellen{color:var(--piros)}
.szp-cimke{margin-left:auto;font-size:var(--m-s);font-variant-numeric:tabular-nums;
white-space:nowrap}
.szp-cimke b{font-weight:700;letter-spacing:.02em}
/* Ures fejlecsor: helyet foglal, de nem latszik. Enelkul az EGY csapatos
palya egy sornyit feljebb allna a szembenallas mellett. */
.szp-fej.ures{visibility:hidden}
/* Hoterkep-skala: a szin melle a szam, kulonben nem lehet megmondani,
3 vagy 30 esemenyrol van-e szo. */
.ho-skala{display:flex;align-items:center;gap:9px;margin:9px 0 0}
.ho-sav{flex:1;height:9px;border-radius:5px;display:block;
background:linear-gradient(90deg,rgba(33,158,61,.35),#3fa64a,#d6cc35,
#ee8b2a,#dc2626)}
.ho-cimke{font-size:var(--m-2xs);color:var(--halvany);
font-variant-numeric:tabular-nums;min-width:18px;text-align:center}
/* Ido fuggvenyeben: momentum-gorbe */
.xgiv{width:100%;max-width:620px;display:block}
.ivracs{stroke:var(--keret);stroke-width:1}
.ivfelido{stroke:var(--keret-eros);stroke-width:1.5;stroke-dasharray:4 4}
.ivcimke{font-size:var(--m-2xs);fill:var(--halvany);
font-family:inherit;font-variant-numeric:tabular-nums}
.ivgol{font-size:var(--m-2xs);font-weight:700;font-family:inherit}
/* Koordinatas abrak */
.abra.terkep svg{width:100%;max-width:600px;display:block;border-radius:6px;
box-shadow:0 4px 14px rgba(15,23,42,.14)}
/* Fotos jatekossav: a kep felismerest segit, a szam alatta a lenyeg. */
.jsav{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 8px}
.jsav-elem{flex:none;width:78px;text-align:center}
.jsav-nev{font-size:var(--m-xs);font-weight:600;margin-top:6px;line-height:1.25;
overflow-wrap:anywhere}
.jsav-also{font-size:var(--m-2xs);color:var(--halvany);margin-top:2px;
font-variant-numeric:tabular-nums}
.jelmagyarazat .jm i{width:10px;height:10px;border-radius:2px;display:inline-block}
/* kapumezo: infodoboz a lovesre (2026-10-04) */
.km-pont{cursor:pointer;outline:none}
.km-pont:hover circle,.km-pont:focus-visible circle,
.km-pont.km-aktiv circle{stroke:#fde047;stroke-width:3;fill-opacity:.95}
.mr-palya .km-pont{cursor:pointer;outline:none}
.mr-palya .km-pont:hover line:nth-child(2),.mr-palya .km-pont.km-aktiv line:nth-child(2),
.mr-palya .km-pont:focus-visible line:nth-child(2){stroke-width:4.5;stroke-opacity:1}
.km-info{position:fixed;z-index:80;min-width:190px;max-width:280px;padding:9px 11px 8px;
background:var(--lap);color:var(--fo);border:1px solid var(--keret-eros);
border-radius:8px;box-shadow:var(--arnyek);font-size:var(--m-xs);line-height:1.35;
pointer-events:none}
.km-info[hidden]{display:none}
.km-info b{display:block;font-size:var(--m-s);margin-bottom:5px}
.km-info dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0}
.km-info dt{color:var(--halvany)}
.km-info dd{margin:0;font-variant-numeric:tabular-nums}
@media print{.km-info{display:none}}
/* a kapumezo pontjai korok, nem negyzetek: ugyanaz az alak, mint a rajzon */
.jelmagyarazat i.kmpont{width:12px;height:12px;border-radius:50%;
display:inline-block;vertical-align:-2px;border:1.5px solid #fff}
.pont{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;
vertical-align:baseline}
/* aranysav */
.aranysav{display:flex;height:30px;border-radius:6px;overflow:hidden}
.aranysav i{display:flex;align-items:center;justify-content:center}
.aranysav b{color:#fff;font-size:var(--m-2xs);font-weight:600}
/* eredmeny-lanc */
.lanc{display:flex;gap:6px;flex-wrap:wrap}
.lanc-elem{display:flex;flex-direction:column;align-items:center;justify-content:center;
width:42px;height:42px;border-radius:8px;color:#fff}
.lanc-elem b{font-size:var(--m-s);line-height:1}
.lanc-elem small{font-size:var(--m-2xs);opacity:.85;font-variant-numeric:tabular-nums}
.lanc-elem.jo{background:#16a34a}
.lanc-elem.semleges{background:#94a3b8}
.lanc-elem.vesz{background:#dc2626}
/* vizszintes oszlopok */
.vosszlopok{display:flex;flex-direction:column;gap:6px}
.vsor{display:grid;grid-template-columns:minmax(90px,1.2fr) 3fr auto;gap:10px;
align-items:center}
.vcimke{font-size:var(--m-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vsav{height:16px;background:var(--papir-2,#f1f5f9);border-radius:3px;overflow:hidden}
.vsav i{display:block;height:100%;border-radius:3px}
.vsav-ket{position:relative;background:linear-gradient(90deg,transparent calc(50% - .5px),
var(--keret-eros,#cbd5e1) calc(50% - .5px),var(--keret-eros,#cbd5e1) calc(50% + .5px),
transparent calc(50% + .5px)),var(--papir-2,#f1f5f9)}
.vsav i.negativ{background:var(--piros,#dc2626)}
.vertek{font-size:var(--m-xs);color:var(--halvany);font-variant-numeric:tabular-nums;
min-width:46px;text-align:right}
/* vonalabra */
.vonalabra{width:100%;height:auto;max-width:600px}
/* 2026-10-04d: lathatatlan, teljes magassagu erintesi sav az infodobozhoz */
.sav-info{cursor:crosshair}
.sav-info:hover,.sav-info:focus-visible{fill:rgba(29,78,216,.06)}
.vonal{fill:none;stroke:var(--kiemelt);stroke-width:2;stroke-linejoin:round}
.pont-jel{fill:var(--kiemelt);stroke:#fff;stroke-width:1.5}
.racsvonal{stroke:var(--keret,#e2e8f0);stroke-width:1}
.tengelyfelirat{fill:var(--halvany);font-size:var(--m-2xs);font-family:inherit}
.abra-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:22px;align-items:start}
@media print{.abra{break-inside:avoid}}
html.asztal-teljes .csapatlap{font-size:var(--m-m)}
.asztalfej{position:sticky;top:0;z-index:30;background:var(--lap);
border:1px solid var(--keret);border-radius:var(--r);box-shadow:var(--arnyek);
padding:10px 16px 11px;margin-bottom:12px}
.afsor{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.afsor .csnev{font-size:var(--m-s);font-weight:600;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;display:flex;align-items:center;gap:7px}
.afsor .csnev.jobbra{justify-content:flex-end}
.afsor .jobbra{text-align:right}
/* 2026-09-18: a csupasz `.eredmeny` szabaly felulirta a Kieses modellezes
csempeit (a cimke es a szam egy sorba prdult), es a meccsasztal allasa
csempekeretet kapott. Innentol csak a meccsasztal fejlecere hat. */
.afsor .eredmeny{display:flex;align-items:center;justify-content:center;gap:10px;
font-size:var(--m-3xl);font-weight:700;letter-spacing:-.02em;
font-variant-numeric:tabular-nums;line-height:1;border:0;padding:0;background:none}
.afsor .eredmeny .kotojel{color:var(--halvany);font-weight:400;font-size:var(--m-2xl)}
.oradoboz{display:flex;align-items:center;gap:6px;margin-top:3px;justify-content:center}
.oradoboz .uj-meccs{margin-left:10px;font-size:var(--m-xs);padding:5px 11px;
background:transparent;border:1px solid var(--keret-eros);color:var(--halvany)}
.oradoboz .uj-meccs:hover{border-color:var(--piros);color:var(--piros)}
.folytatas-jelzo{margin:8px 0 0;font-size:var(--m-s);color:var(--halvany)}
/* Lapbetoltes-jelzo: a lap kozepen, hogy a stab lassa, dolgozik a rendszer
es nem fagyott be. (2026-09-05-i keres.) Nem fogja el a kattintast. */
/* 2026-09-20: porgo karika helyett CSONTVAZ. A csontvaz megmutatja, milyen
alaku lap keszul, ezert a varakozas rovidebbnek tunik, es a lap nem
"ugrik be" egy ures kepernyorol. A fedo tovabbra sem fogja a kattintast. */
.tolt-fedo{position:fixed;inset:0;z-index:90;display:none;pointer-events:none;
background:var(--hatter);overflow:hidden}
.tolt-fedo.lathato{display:block}
.tolt-vaz{max-width:1440px;margin:0 auto;padding:78px 20px 0;
padding-left:calc(20px + 58px + 16px)}
@media (max-width:900px){.tolt-vaz{padding-left:20px}}
.tolt-vaz i{display:block;border-radius:8px;background:var(--papir-2)}
.tolt-vaz .cim{height:26px;width:min(280px,44%);margin:0 0 22px}
.tolt-vaz .sor{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
gap:14px;margin-bottom:16px}
.tolt-vaz .doboz{background:var(--lap);border:1px solid var(--keret);
border-radius:var(--r);padding:16px 18px;display:grid;gap:9px}
.tolt-vaz .doboz i:nth-child(1){height:10px;width:42%}
.tolt-vaz .doboz i:nth-child(2){height:22px;width:66%}
.tolt-vaz .doboz i:nth-child(3){height:10px;width:80%}
.tolt-vaz .szeles{background:var(--lap);border:1px solid var(--keret);
border-radius:var(--r);padding:18px 20px;display:grid;gap:11px}
.tolt-vaz .szeles i:nth-child(1){height:14px;width:34%}
.tolt-vaz .szeles i:nth-child(2){height:11px;width:92%}
.tolt-vaz .szeles i:nth-child(3){height:11px;width:78%}
.tolt-vaz .szeles i:nth-child(4){height:11px;width:86%}
@media (prefers-reduced-motion:no-preference){
.tolt-vaz i{background:linear-gradient(90deg,var(--papir-2) 0%,
var(--lap) 42%,var(--papir-2) 84%);background-size:280% 100%;
animation:tolt-csillan 1.25s ease-in-out infinite}}
@keyframes tolt-csillan{from{background-position:140% 0}to{background-position:-40% 0}}
/* A "dolgozik" felirat megmarad, de a sarokba huzodik: a kepernyoolvaso is
megkapja, a szem viszont a csontvazat latja. */
.tolt-szo{position:fixed;right:18px;bottom:16px;display:inline-flex;
align-items:center;gap:9px;background:var(--lap);padding:9px 15px;
border-radius:999px;border:1px solid var(--keret);
box-shadow:0 10px 26px rgba(15,23,42,.12);font-size:var(--m-s);color:var(--halvany)}
.tolt-karika{width:15px;height:15px;border-radius:50%;flex:none;
border:2.2px solid var(--papir-2);border-top-color:var(--kiemelt);
animation:tolt-forog .8s linear infinite}
@keyframes tolt-forog{to{transform:rotate(360deg)}}
/* 2026-10-06: ugyanez a jelzo a lapon beluli (hatter-) kerekre: fedo nelkul,
a tartalom latszik es hasznalhato. */
.munka-jel{display:none;z-index:91}
.munka-jel.lathato{display:inline-flex}
@media (prefers-reduced-motion:reduce){.tolt-karika{animation-duration:2.4s}}
.parancsok .nincs-palyan{margin:10px 0 4px;font-size:var(--m-s);color:var(--halvany);
line-height:1.45}
.oradoboz .ora{font-size:var(--m-alap);font-weight:600;font-variant-numeric:tabular-nums;
min-width:44px;text-align:center}
.oradoboz button{padding:2px 9px;font-size:var(--m-xs);min-width:0;border-radius:6px}
.eselysav{display:flex;height:26px;border-radius:6px;overflow:hidden;margin:9px 0 0}
.eselysav i{display:flex;align-items:center;justify-content:center;font-size:var(--m-xs);
font-weight:700;color:#fff;min-width:0;font-style:normal;letter-spacing:.02em}
.ember-jel{display:inline-block;margin-left:9px;padding:2px 8px;border-radius:999px;
font-size:var(--m-xs);font-weight:700;vertical-align:middle;letter-spacing:.02em}
.ember-jel.plusz{background:#f0fdf4;color:var(--zold);border:1px solid #bbf7d0}
.ember-jel.minusz{background:#fef2f2;color:var(--piros);border:1px solid #fecaca}
.ember-jel.halvany{opacity:.55;font-weight:600}
.eselysav i.gy{background:#16a34a}
.eselysav i.d{background:#94a3b8}
.eselysav i.v{background:#dc2626}
.afalso{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;
margin-top:6px;font-size:var(--m-xs);color:var(--halvany)}
.afalso .ertek{font-size:var(--m-alap);font-weight:600;color:var(--fo);
font-variant-numeric:tabular-nums}
.afalso .kozep[title]{cursor:help}
.afalso .kozep{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
text-align:center;font-weight:600}
.asztal{display:grid;grid-template-columns:minmax(0,1fr) 372px minmax(0,1fr);
gap:12px;align-items:start}
@media (max-width:1180px){.asztal{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.asztal-kozep{grid-column:1 / -1;order:-1}}
@media (max-width:820px){.asztal{grid-template-columns:1fr}
.asztal-kozep{grid-column:auto}}
.asztal-kozep{display:flex;flex-direction:column;gap:10px}
.asztal-kozep .abra{margin:0}
.mutatok{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));
gap:8px}
.mut{background:var(--lap);border:1px solid var(--keret);border-radius:9px;
padding:8px 10px;box-shadow:var(--arnyek)}
.mut .c{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600}
.mut .e{font-size:var(--m-l);font-weight:700;margin-top:2px;letter-spacing:-.02em;
font-variant-numeric:tabular-nums}
.mut .e .szemben{font-size:var(--m-2xs);font-weight:600;color:var(--halvany);
letter-spacing:0}
.mut .m{font-size:var(--m-2xs);color:var(--halvany);margin-top:1px}
.mut.jo{border-color:#bbf7d0;background:#f0fdf4}
.mut.jo .e{color:var(--zold)}
.mut.vesz{border-color:#fecaca;background:#fef2f2}
.mut.vesz .e{color:var(--piros)}
/* Adatkepesseg: mit tud ez a liga */
.kepesseg{margin-bottom:14px}
.kep-fej{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
margin-bottom:10px;font-size:var(--m-m)}
.kep-fej .halvany{margin-left:auto}
.kep-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));
gap:8px}
.kep-elem{display:flex;align-items:baseline;justify-content:space-between;
gap:8px;padding:7px 11px;border-radius:8px;border:1px solid var(--keret);
font-size:var(--m-s)}
.kep-elem .c{color:var(--fo-halvany)}
.kep-elem .c small{display:block;font-size:var(--m-2xs)}
.kep-elem .e{font-weight:700;font-variant-numeric:tabular-nums}
.kep-elem.van{background:#f0fdf4;border-color:#bbf7d0}
.kep-elem.van .e{color:var(--zold)}
.kep-elem.nincs{background:var(--papir-2)}
.kep-elem.nincs .c,.kep-elem.nincs .e{color:var(--nagyon-halvany)}
.csapatlap{background:var(--lap);border:1px solid var(--keret);border-radius:var(--r);
box-shadow:var(--arnyek);overflow:hidden}
.csapatlap h3{margin:0;padding:9px 14px;font-size:var(--m-xs);font-weight:600;
gap:7px;
text-transform:uppercase;letter-spacing:var(--betukoz);border-bottom:1px solid var(--keret);
display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.csapatlap h3 .kicsi{font-size:var(--m-2xs);color:var(--halvany);font-weight:400;
text-transform:none;letter-spacing:0}
.jsor{display:flex;align-items:center;gap:8px;padding:5px 13px;
border-bottom:1px solid var(--papir-2);font-size:var(--m-s);cursor:pointer;
background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;
font-family:inherit;color:var(--fo);border-radius:0;line-height:1.35}
.jsor:hover{background:var(--kiemelt-halvany)}
.jsor:last-child{border-bottom:0}
.jsor .pozi{font-size:var(--m-2xs);font-weight:700;letter-spacing:.04em;width:28px;
color:var(--halvany);flex:none;white-space:nowrap}
.jsor .pozi.valtott{color:var(--kiemelt)}
.jsor.hianyzik{opacity:.55}
.jsor .nev{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jsor .jelek{display:flex;gap:2px;font-size:var(--m-xs);flex:none}
.jsor.lent{opacity:.4}
.jsor.lent .nev{text-decoration:line-through}
.jsor.kiallitva{background:#fef2f2}
.keretcim{padding:7px 13px 4px;font-size:var(--m-2xs);text-transform:uppercase;
letter-spacing:var(--betukoz);color:var(--halvany);font-weight:600;
border-top:1px solid var(--keret);background:var(--papir-2)}
/* --- felallas: becsles vagy a stab altal megadott (2026-09-10) ---------
A kezdo 11 a korabbi merkozesekbol szamolt BECSLES. Meccsnapon kiderul a
tenyleges felallas -- a lap ezert mindig kiirja, melyikrol van szo, es
engedi atirni. Minden ra epulo szam (vonalindex, szembenallas, esely) a
megadott tizenegybol szamol tovabb. */
.esely-cimke{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600;padding:8px 2px 4px;text-align:center}
/* Egy sav all a lapon: a fo rendszer merkozesre szamolt eselye. */
.eselysav.becsles{height:30px}
.eselysav.becsles i{font-size:var(--m-s)}
.esely-nincs{font-size:var(--m-s);color:var(--halvany);text-align:center;
padding:10px 12px;background:var(--papir-2);border-radius:8px;
border:1px dashed var(--keret-eros);margin:8px 0 2px}
/* Ket palyarajz egymas mellett (2026-09-10). Keskeny kepernyon egymas ala
csusznak: 360 pixeles rajzbol ketto 760 alatt mar nem olvashato. */
.palya-par{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.palya-par>.abra{margin:0}
/* A ket rajz fejlece EGY sor magas legyen: kulonben a hosszabb cim
masodik sorba tor, es a ket palya fuggolegesen elcsuszik. */
.palya-par figcaption{min-height:1.5em;white-space:nowrap;overflow:hidden;
text-overflow:ellipsis}
@media (max-width:900px){.palya-par{grid-template-columns:1fr}}
.felallas-sor{display:flex;align-items:center;gap:8px;padding:6px 13px;
border-bottom:1px solid var(--keret);background:var(--papir-2)}
.fjelzo{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
font-weight:600;padding:2px 7px;border-radius:20px}
.fjelzo.becsult{background:#fff7ed;color:#b45309;border:1px solid #fed7aa}
.fjelzo.megadva{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.fmodosit{margin-left:auto;font-size:var(--m-xs);padding:3px 9px;border-radius:7px;
border:1px solid var(--keret-eros);background:var(--lap);color:var(--fo);
cursor:pointer}
.fmodosit:hover{background:var(--kiemelt-halvany);border-color:var(--kiemelt)}
.felallas-szerk{padding:9px 13px;border-bottom:1px solid var(--keret);
background:var(--lap)}
.felallas-szerk .sugo{margin:0 0 8px;font-size:var(--m-xs);color:var(--halvany)}
.felallas-szerk{max-height:min(72vh,620px);overflow:auto;padding-top:0}
.fszerk-fej{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;
flex-wrap:wrap;background:var(--lap);padding:9px 0 8px;margin-bottom:6px;
border-bottom:1px solid var(--keret)}
.fszerk-fej .fgombok{margin:0 0 0 auto}
.fszerk-fej button[disabled]{opacity:.45;cursor:not-allowed}
.felallas-szerk .letszam{margin:0;font-size:var(--m-s);color:var(--halvany);
font-variant-numeric:tabular-nums}
.felallas-szerk .letszam.teljes{color:var(--zold)}
.felallas-szerk .letszam b{font-size:var(--m-m);color:var(--fo)}
.fszerk-lista{display:block}
.fcsoport{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600;margin:8px 0 2px;padding:0 6px}
.fvalaszt input[disabled]+.pozi,.fvalaszt input[disabled]~.nev{opacity:.45}
.fvalaszt{display:flex;align-items:center;gap:8px;padding:4px 6px;
border-radius:7px;font-size:var(--m-s);cursor:pointer}
.fvalaszt:hover{background:var(--papir-2)}
.fvalaszt.valasztva{background:var(--kiemelt-halvany)}
.fvalaszt .pozi{width:38px;font-size:var(--m-2xs);color:var(--halvany);flex:none}
.fvalaszt .nev{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fgombok{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.fgombok button{font-size:var(--m-xs);padding:5px 11px;border-radius:7px;
border:1px solid var(--kiemelt);background:var(--kiemelt);color:#fff;
cursor:pointer}
.fgombok button.masodlagos{background:var(--lap);color:var(--fo);
border-color:var(--keret-eros)}
.asztal-esemenysor{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 0;
padding:10px 14px;background:var(--lap);border:1px solid var(--keret);
border-radius:var(--r);box-shadow:var(--arnyek);min-height:44px}
.csip{display:inline-flex;align-items:center;gap:5px;padding:3px 6px 3px 8px;
border:1px solid var(--keret);border-radius:20px;font-size:var(--m-xs);background:var(--papir-2);
font-variant-numeric:tabular-nums}
.csip b{font-weight:600}
.csip .torol{background:none;border:0;color:var(--halvany);cursor:pointer;
font-size:var(--m-m);line-height:1;padding:0 2px;font-family:inherit}
.csip .torol:hover{color:var(--piros)}
.csip.gol{background:#f0fdf4;border-color:#bbf7d0}
.asztal-olvasat{margin:12px 0 0;padding:12px 14px;background:var(--lap);
border:1px solid var(--keret);border-radius:var(--r);box-shadow:var(--arnyek)}
.ao-cim{margin:0 0 8px;font-size:var(--m-m);display:flex;flex-wrap:wrap;gap:4px 10px;
align-items:baseline}
.ao-minta{font-size:var(--m-xs);font-weight:400;color:var(--halvany)}
.ao-helyzet{margin:0 0 6px}
.ao-sor{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:2px 12px;
padding:6px 0;border-top:1px solid var(--keret);font-size:var(--m-s)}
.ao-c{color:var(--halvany);font-size:var(--m-xs)}
.ao-e{font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
@media (max-width:700px){.ao-sor{grid-template-columns:minmax(0,1fr)}}
.ao-kartya{border:1px solid var(--keret);border-radius:var(--r);padding:6px 12px;
margin:8px 0 0;background:var(--papir-2)}
.ao-kartya summary{cursor:pointer;font-size:var(--m-s);padding:4px 0}
.ao-irany{display:inline-block;font-size:var(--m-2xs);font-weight:600;padding:1px 7px;
border-radius:20px;border:1px solid var(--keret-eros);margin-left:4px;
text-transform:uppercase;letter-spacing:var(--betukoz)}
.ao-irany.vedekezobb{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}
.ao-irany.tamadobb{background:#fff7ed;color:#b45309;border-color:#fed7aa}
.ao-szemben{display:block}
.ao-ures{margin:6px 0 0;font-size:var(--m-s);color:var(--halvany)}
.csip.kiallitas{background:#fef2f2;border-color:#fecaca}
.csip.ongol{background:#f0fdf4;border-color:#bbf7d0}
.csip.sarga{background:#fefce8;border-color:#fde68a}
.parancsok{position:fixed;inset:0;background:rgba(15,23,42,.35);display:none;
align-items:center;justify-content:center;z-index:80;padding:20px}
.parancsok.nyitva{display:flex}
.parancsdoboz{background:var(--lap);border-radius:12px;padding:16px 18px;
max-width:330px;width:100%;box-shadow:0 20px 50px rgba(15,23,42,.25);
max-height:calc(100vh - 40px);overflow:auto}
.parancsdoboz h4{margin:0 0 3px;font-size:var(--m-alap)}
.parancsdoboz p{margin:0 0 12px;font-size:var(--m-s);color:var(--halvany)}
.parancsdoboz button{width:100%;margin-bottom:6px;text-align:left}
.parancsdoboz select{margin-bottom:6px}
/* --- javaslatok (2026-10-01) -------------------------------------------
A fejlec alatt, legfeljebb ket kartya; a tobbi egy gombbal nyilik. Minden
kartyan: mibol szamolt (sorok), a javaslat (lista), es a valasz gombjai. */
.asztal-javaslat{margin:0 0 12px;padding:10px 14px 12px;background:var(--lap);
border:1px solid var(--kiemelt);border-radius:var(--r);box-shadow:var(--arnyek)}
.jv-focim{margin:0 0 6px;font-size:var(--m-2xs);text-transform:uppercase;
letter-spacing:var(--betukoz);color:var(--kiemelt);font-weight:700}
.jv-kartya{border-top:1px solid var(--keret);padding:9px 0 4px}
.jv-kartya:first-of-type{border-top:0;padding-top:2px}
.jv-fej{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:var(--m-m)}
.jv-cimke{font-size:var(--m-2xs);font-weight:700;text-transform:uppercase;
letter-spacing:var(--betukoz);padding:1px 7px;border-radius:20px;
background:var(--kiemelt-halvany);color:var(--kiemelt)}
.jv-sor{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:2px 12px;
padding:4px 0;font-size:var(--m-s)}
.jv-c{color:var(--halvany);font-size:var(--m-xs)}
.jv-e{font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
@media (max-width:700px){.jv-sor{grid-template-columns:minmax(0,1fr)}}
.jv-lista{margin:6px 0 0;padding:0 0 0 18px;font-size:var(--m-s);font-weight:600}
.jv-lista li{margin:2px 0}
.jv-gombok{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 0}
.jv-gombok button{font-size:var(--m-xs);padding:6px 12px;border-radius:7px}
/* 2026-10-02: elfogadott buntetorugo -- hova rugta eddig */
.jv-bh-ossz{margin:4px 0;font-size:var(--m-s);font-weight:600}
.jv-bh-kapu{border-collapse:collapse;margin:6px 0;font-size:var(--m-xs);
font-variant-numeric:tabular-nums}
.jv-bh-kapu th,.jv-bh-kapu td{border:1px solid var(--keret);padding:4px 10px;text-align:center;
min-width:58px}
.jv-bh-kapu th{color:var(--halvany);font-weight:600}
.jv-bh-kapu td.van{background:var(--kiemelt-halvany)}
.jv-bh-nem{color:var(--halvany)}
.jv-bh-lista{margin:4px 0;padding:0 0 0 18px;font-size:var(--m-xs)}
.jv-bh-megj{margin:4px 0;font-size:var(--m-xs);color:var(--halvany)}
.jv-tobb{margin-top:8px;font-size:var(--m-xs);padding:4px 10px;background:var(--lap);
color:var(--fo);border:1px solid var(--keret-eros);border-radius:7px}
.jv-fejsor{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px;
padding-top:8px;border-top:1px solid var(--keret)}
.jv-csere{font-size:var(--m-xs);font-weight:600;font-variant-numeric:tabular-nums;
margin-right:auto}
.jv-gomb{font-size:var(--m-xs);padding:4px 10px;border-radius:7px;background:var(--lap);
color:var(--fo);border:1px solid var(--keret-eros);min-width:0}
.jv-gomb.be{background:var(--kiemelt);color:#fff;border-color:var(--kiemelt)}
.jv-posztdoboz{margin-top:8px;padding-top:8px;border-top:1px solid var(--keret)}
.jv-posztdoboz select{width:100%}
.jv-alcim{margin:0 0 6px;font-weight:600}
.jv-posztperc{font-size:var(--m-xs)}
.jv-agyr{display:flex;align-items:center;gap:6px;font-size:var(--m-s);margin:0 0 6px}
.jv-atrendez{background:var(--papir-2)}
.jv-atrendez-sor{display:grid;grid-template-columns:minmax(0,1fr) 112px 78px 156px;gap:6px;
align-items:center;padding:3px 0;font-size:var(--m-s)}
.jv-atrendez-sor select{min-width:0;width:100%}
@media (max-width:620px){.jv-atrendez-sor{grid-template-columns:1fr 1fr 1fr}
.jv-atrendez-sor .nev{grid-column:1 / -1}}
.jv-atrendez-sor .nev{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* --- meccsora (2026-10-01) ------------------------------------------- */
.oradoboz.ora-fut{flex-wrap:wrap;gap:6px}
.ora-szakasz{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600}
.ora-kijelzo{font-size:var(--m-l);font-weight:700;font-variant-numeric:tabular-nums;
min-width:64px;text-align:center}
.oradoboz .ora-lep{background:var(--kiemelt);color:#fff;border:1px solid var(--kiemelt)}
.oradoboz .ora-vissza{background:var(--lap);color:var(--fo);border:1px solid var(--keret-eros)}
.ora-igazit{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:4px;
font-size:var(--m-2xs);color:var(--halvany)}
.ora-igazit button{padding:2px 8px;font-size:var(--m-2xs);min-width:0;border-radius:6px;
background:var(--lap);color:var(--fo);border:1px solid var(--keret-eros)}
.ido-mezok{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;
font-size:var(--m-s)}
.ido-mezok input{width:64px}
.ido-hiba{flex-basis:100%;color:var(--piros);font-size:var(--m-xs)}
.csip-ido{background:none;border:0;padding:0;font:inherit;font-weight:600;color:inherit;
cursor:pointer;text-decoration:underline dotted}
.csip.poszt{background:var(--kiemelt-halvany)}
.csip.serules{background:#fef2f2;border-color:#fecaca}
.csip.bunteto_kihagy{background:var(--papir-2)}
.jegyzetdoboz textarea{width:100%;min-height:78px;font-family:inherit;font-size:var(--m-m);
padding:9px 11px;border:1px solid var(--keret);border-radius:8px;resize:vertical;
color:var(--fo);background:var(--lap)}
.jk-racs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media (max-width:880px){.jk-racs{grid-template-columns:1fr}}
.jkartya{background:var(--lap);border:1px solid var(--keret);border-radius:var(--r);
box-shadow:var(--arnyek);overflow:hidden}
.jkartya > header{display:flex;align-items:center;gap:13px;padding:14px 17px;
border-bottom:1px solid var(--keret);background:var(--papir-2)}
.jkartya .kikicsoda{min-width:0}
.jkartya .jnev{font-size:var(--m-l);font-weight:600;letter-spacing:-.01em;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jkartya .jszerep{font-size:var(--m-xs);color:var(--halvany);margin-top:1px}
.jkartya .szerepjel{margin-left:auto;flex:none}
.jkartya .torzs{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;
padding:15px 17px 17px}
@media (max-width:520px){.jkartya .torzs{grid-template-columns:1fr}}
.jk-szamok{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
align-content:start}
.jk-szam{border:1px solid var(--keret);border-radius:9px;padding:8px 11px}
.jk-szam .c{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600}
.jk-szam .e{font-size:var(--m-xl);font-weight:600;margin-top:2px;letter-spacing:-.02em;
font-variant-numeric:tabular-nums}
.jk-szam .m{font-size:var(--m-xs);color:var(--halvany);margin-top:1px}
.jk-szam.nincs .e{color:var(--nagyon-halvany);font-weight:600}
.jk-szam.szeles{grid-column:1 / -1}
.jkartya .abra{margin:0}
.jkartya .abra figcaption{font-size:var(--m-2xs)}
.jk-hianyzik{padding:9px 17px 13px;font-size:var(--m-xs);color:var(--halvany);
border-top:1px dashed var(--keret)}
.hatas{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.terkep-lista{display:grid;gap:9px}
.taktika-valassz{margin:0 0 10px;font-size:var(--m-s)}
/* A Terkepek a Taktika lap fulen (2026-09-11): a ful maga a kartya, benne
a blokkok nem kapnak kulon keretet, csak elvalaszto vonalat. */
.terkep-ful > .lap{background:none;border:0;border-radius:0;box-shadow:none;
padding:0;margin:0 0 24px}
.terkep-ful > .lap + .lap{border-top:1px solid var(--keret);padding-top:22px}
.terkep-ful > .lap:last-child{margin-bottom:0}
.terkep-sor{display:flex;align-items:center;gap:14px;padding:12px 15px;
background:var(--lap);border:1px solid var(--keret);border-radius:var(--r);
box-shadow:var(--arnyek);text-decoration:none;color:var(--fo)}
.terkep-sor:hover{border-color:var(--kiemelt);background:var(--kiemelt-halvany)}
.terkep-sor.aktiv{border-color:var(--kiemelt);border-width:2px}
.terkep-sor .parositas{font-weight:600;font-size:var(--m-alap)}
.terkep-sor .allas{font-variant-numeric:tabular-nums;font-weight:700;
font-size:var(--m-l);letter-spacing:.02em}
.terkep-sor .meta{margin-left:auto;text-align:right;font-size:var(--m-xs);
color:var(--halvany);white-space:nowrap}
.terkep-fejsor{display:flex;gap:10px;flex-wrap:wrap;align-items:center;
margin-bottom:14px}
/* 2026-09-10-i keres: SORONKENT KETTO. Negy abranal a hasabos tordeles
3+1-re szakadt, es a rajzok tul kicsik lettek. */
.terkep-abrak{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px}
@media (max-width:900px){.terkep-abrak{grid-template-columns:1fr}}
.terkep-licenc{font-size:var(--m-xs);color:var(--halvany);margin-top:14px;
padding-top:11px;border-top:1px solid var(--keret)}
.terkep-ures{padding:22px 0;color:var(--halvany)}
/* --- feltolto urlap (2026-09-10): a stab gombbal tolt be, nem paranccsal */
.terkep-urlap{display:grid;gap:12px;align-items:end;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.terkep-urlap .mezo{display:flex;flex-direction:column;gap:5px;min-width:0}
.terkep-urlap label{font-size:var(--m-xs);font-weight:600;color:var(--halvany)}
.terkep-urlap input{padding:8px 10px;border:1px solid var(--keret-eros);
border-radius:8px;background:var(--lap);color:var(--fo);font-size:var(--m-m);
max-width:100%}
.terkep-urlap input[type=file]{padding:6px 8px;font-size:var(--m-s)}
.terkep-urlap button{width:100%}
.jelzes{font-size:var(--m-m);padding:10px 13px;border-radius:9px;margin:0 0 14px;
border:1px solid var(--keret-eros)}
.jelzes.jo{background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.45)}
.jelzes.vesz{background:rgba(220,38,38,.10);border-color:rgba(220,38,38,.45)}
/* --- szamszeru kimutatas: a rajz melle a MENNYI */
.terkep-stat{width:100%}
.terkep-stat td:first-child{color:var(--halvany)}
.terkep-stat .szam{font-variant-numeric:tabular-nums;text-align:right;
font-weight:600}
.terkep-stat th.szam{text-align:right}
/* --- lejatszo: a pillanatkepek egymas utan (2026-09-10) */
.lj{display:grid;gap:12px}
.lj-svg{width:100%;max-width:600px;display:block;border-radius:6px;
box-shadow:0 4px 14px rgba(15,23,42,.14)}
.lj-sor{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lj-sor .ora{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--m-l);
min-width:52px}
.lj-sor .hely{font-size:var(--m-xs);color:var(--halvany);
font-variant-numeric:tabular-nums}
.lj-csuszka{flex:1;min-width:160px}
.lj-jel{font-size:var(--m-s);color:var(--halvany)}
.gomb.kicsi.valasztva{background:var(--kiemelt);color:#fff}
.lj-magyarazat{display:flex;gap:14px;flex-wrap:wrap;font-size:var(--m-xs);
color:var(--halvany)}
.lj-elvalaszto{width:1px;height:22px;background:var(--keret-eros);margin:0 4px;
display:inline-block}
.lj-hosav{width:70px;height:9px;border-radius:5px;display:inline-block;
background:linear-gradient(90deg,#21a05a,#b6d43d,#f2c53d,#ef7a34,#dc2626)}
.lj-magyarazat i{width:11px;height:11px;border-radius:50%;display:inline-block;
margin-right:5px;vertical-align:-1px}
/* A jatekosvalaszto a nyomvonal rajza FOLOTT all, egy dobozban vele. */
.nyomvonal-doboz{margin-top:16px}
.nyomvonal-doboz .szurosor{margin:0 0 10px}
.nyomvonal-doboz .abra{margin:0}
.nyomvonal-valaszto{align-items:flex-end}
/* nezetvalto: nyomvonal / hoterkep (2026-10-01) */
.ny-nezetek{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.ny-nezet{min-width:0}
.ny-nezet[hidden]{display:none!important}
.ny-nezet-mezo{display:none}
.rozsa{width:100%;max-width:460px;display:block;margin:0 auto}
.kapumezo{width:100%;max-width:560px;display:block;border-radius:8px;
box-shadow:0 4px 14px rgba(15,23,42,.14)}
#tizenegyes table{font-size:var(--m-m)}
td.sorszam,th.sorszam{width:2.2em;color:var(--halvany);font-variant-numeric:tabular-nums;text-align:right}
.kapumezo-blokk{min-width:0}
.lovesnevsor{margin-top:8px;max-height:280px;overflow-y:auto}
.lovesnevsor table{font-size:var(--m-s)}
.lovesnevsor td.szam,.lovesnevsor th.szam{text-align:right;font-variant-numeric:tabular-nums}
#tizenegyes .mert{display:block;font-size:var(--m-2xs);color:var(--halvany);
font-variant-numeric:tabular-nums}
#tizenegyes td.jo{color:var(--zold);font-weight:600}
#tizenegyes td.vesz{color:var(--piros);font-weight:600}
/* A horgonyra ugras ne bujjon a rogzitett fejlec ala. */
#terkepek,#nyomvonal,#tizenegyes{scroll-margin-top:80px}
.mvalaszto{display:grid;gap:8px;margin-bottom:16px}
.meccs-fulek { display:flex; flex-wrap:wrap; gap:4px; margin:0 0 14px;
border-bottom:1px solid var(--keret); }
.meccs-fulek a { padding:9px 14px; font-size:var(--m-m); font-weight:600;
color:var(--halvany); text-decoration:none; border-bottom:2px solid transparent;
margin-bottom:-1px; }
.meccs-fulek a:hover { color:var(--fo); }
.meccs-fulek a.aktiv { color:var(--kiemelt); border-bottom-color:var(--kiemelt); }
/* A merkozes meg hianyzo anyaga: halvany ful, "+" jellel -- a feltolteshez
visz (2026-09-18). */
.meccs-fulek a.hianyzik { color:var(--nagyon-halvany); font-weight:400; }
.meccs-fulek a.hianyzik:hover { color:var(--kiemelt); }
.meccs-ful-plusz { display:inline-grid; place-items:center; width:16px; height:16px;
margin-left:6px; border-radius:50%; border:1px solid currentColor;
font-size:var(--m-2xs); line-height:1; vertical-align:1px; }
/* A Merkozesek terulet alnavigacioja: szegmentalt kapcsolo a lap tetejen. */
.meccs-alnav { display:inline-flex; flex-wrap:wrap; max-width:100%; gap:2px; padding:3px;
margin:0 0 16px;
background:var(--papir-2); border:1px solid var(--keret); border-radius:10px; }
.meccs-alnav a { padding:7px 14px; border-radius:8px; font-size:var(--m-s);
font-weight:600; color:var(--fo-halvany); text-decoration:none; }
.meccs-alnav a:hover { color:var(--fo); }
.meccs-alnav a.aktiv { background:var(--lap); color:var(--kiemelt);
box-shadow:var(--arnyek); }
.msor.koord { cursor:default; }
.koord-gombok { display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.msor{display:grid;grid-template-columns:88px minmax(0,1fr) auto minmax(0,1fr) auto;
gap:12px;align-items:center;padding:11px 15px;background:var(--lap);
border:1px solid var(--keret);border-radius:var(--r);box-shadow:var(--arnyek);
text-decoration:none;color:var(--fo);font-size:var(--m-m)}
.msor:hover{border-color:var(--kiemelt);background:var(--kiemelt-halvany)}
.msor .m-veg{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}
.msor[hidden],.m-honap[hidden]{display:none}
.m-honap{margin:10px 2px 2px;font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
text-transform:uppercase;color:var(--halvany)}
.m-honap:first-child{margin-top:0}
.msor .m-xg{display:inline-flex;align-items:center;gap:6px;font-size:var(--m-xs);
color:var(--fo-halvany);font-variant-numeric:tabular-nums;margin-right:6px}
.msor .m-xg small{font-size:var(--m-2xs);font-weight:700;color:var(--halvany)}
.msor .m-xg.becsult{font-style:italic;color:var(--halvany)}
.msor .m-xg.becsult i{opacity:.55}
.msor .m-xg i{display:inline-block;width:46px;height:6px;border-radius:3px;background:#fecaca;
position:relative;overflow:hidden}
.msor .m-xg i b{position:absolute;left:0;top:0;bottom:0;background:#93c5fd}
.m-szuro{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.m-szuro select{width:auto;max-width:240px;padding-top:6px;padding-bottom:6px}
.m-szegmens{display:inline-flex;background:#f1f5f9;border:1px solid var(--keret);border-radius:9px;
padding:2px;gap:2px}
.m-szegmens button{border:0;background:transparent;padding:5px 11px;border-radius:7px;
font-size:var(--m-s);font-weight:600;color:var(--fo-halvany);cursor:pointer}
.m-szegmens button.aktiv{background:#fff;color:var(--kiemelt);box-shadow:0 1px 3px rgba(15,23,42,.12)}
.m-db{margin-left:auto;font-size:var(--m-s)}
.m-tobb{display:flex;justify-content:center;margin:4px 0 18px}
.tk-csoportok{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 8px}
.tk-csoportok button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;
border:1px solid var(--keret);background:#fff;color:var(--fo-halvany);font-size:var(--m-m);
font-weight:600;cursor:pointer}
.tk-csoportok button:hover{border-color:var(--kiemelt)}
.tk-csoportok button.aktiv{background:var(--kiemelt);border-color:var(--kiemelt);color:#fff}
.tk-csoportok .db{font-size:var(--m-2xs);padding:1px 7px;border-radius:999px;background:#f1f5f9;
color:var(--halvany)}
.tk-csoportok button.aktiv .db{background:rgba(255,255,255,.22);color:#fff}
.tk-alfulek button[hidden]{display:none}
.tk-alfulek.egytagu{display:none}
.tk-fej{margin-bottom:10px}
.tk-masik{margin:-4px 0 12px}
.tk-masik>summary{cursor:pointer;font-size:var(--m-s);font-weight:600;color:var(--kiemelt);
padding:4px 2px}
.tk-masik[open]>summary{margin-bottom:8px}
.mido-sav{display:block;width:100%;height:auto;margin:4px 0 14px}
.mido-sav .ms-csapat{font-weight:600;fill:var(--fo-halvany)}
.mido-sav .ms-tengely{stroke:var(--keret-eros);stroke-width:2}
.mido-sav .ms-felido{stroke:var(--keret-eros);stroke-dasharray:3 4}
.mido-sav .ms-perc{fill:var(--halvany)}
.mido-sav .ms-szar{stroke:var(--keret-eros);stroke-width:1.5}
.mido-sav .ms-gol circle{fill:#0f172a}
.mido-sav .ms-gol.ongol circle{fill:#64748b}
.mido-sav .ms-gol text{font-weight:700;fill:#fff}
.mido-sav .ms-lap rect{fill:#facc15;stroke:#a16207;stroke-width:.8}
.mido-sav .ms-lap.piros rect{fill:#dc2626;stroke:#7f1d1d}
.mido-sav .ms-csere path{fill:none;stroke:var(--nagyon-halvany);stroke-width:1.6;
stroke-linecap:round;stroke-linejoin:round}
.msor .m-anyag{display:inline-flex;width:24px;height:24px;border-radius:6px;
align-items:center;justify-content:center;background:var(--kiemelt-halvany);
color:var(--kiemelt)}
.msor .m-anyag svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.gomb:not(.masodlagos) .halvany{color:rgba(255,255,255,.8)}
@media (max-width:700px){.msor{grid-template-columns:1fr auto}}
.msor .datum{font-size:var(--m-xs);color:var(--halvany);font-variant-numeric:tabular-nums}
.msor .cs{display:flex;align-items:center;gap:8px;min-width:0}
.msor .cs.jobbra{justify-content:flex-end}
.msor .cs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msor .eredmeny-szam{font-weight:700;font-variant-numeric:tabular-nums;
font-size:var(--m-l);letter-spacing:.02em;white-space:nowrap}
.msor .kimenet{font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
padding:2px 8px;border-radius:20px}
.kimenet.gy{background:#f0fdf4;color:var(--zold)}
.kimenet.d{background:var(--papir-2);color:var(--halvany)}
.kimenet.v{background:#fef2f2;color:var(--piros)}
.mfej{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;
padding:20px 24px;margin-bottom:14px}
.mfej .cs{display:flex;align-items:center;gap:12px;font-size:var(--m-l);font-weight:600}
.mfej .cs.jobbra{justify-content:flex-end}
.mfej .allas{font-size:var(--m-3xl);font-weight:700;letter-spacing:-.02em;
font-variant-numeric:tabular-nums;text-align:center;line-height:1}
.mfej .alatta{font-size:var(--m-xs);color:var(--halvany);text-align:center;margin-top:6px}
@media (max-width:640px){.mfej{grid-template-columns:1fr}
.mfej .cs.jobbra{justify-content:flex-start}}
.mido{display:grid;gap:0;margin:4px 0}
.mido .tetel{display:grid;
grid-template-columns:54px 26px minmax(0,1fr) 26px 62px;
gap:12px;align-items:center;padding:8px 10px;
border-bottom:1px solid var(--papir-2);border-left:3px solid transparent}
.mido .tetel:last-child{border-bottom:0}
.mido .tetel.hazai{border-left-color:var(--kiemelt)}
.mido .tetel.vendeg{border-left-color:var(--piros)}
.mido .tetel.gol{background:#f0fdf4}
.mido .csapatjel{font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
color:var(--halvany);text-align:center}
.mido .perc{font-variant-numeric:tabular-nums;font-size:var(--m-s);color:var(--halvany);
font-weight:600}
.mido .jel{font-size:var(--m-alap);text-align:center}
.mido .kicsoda{font-size:var(--m-m);overflow:hidden;text-overflow:ellipsis;
white-space:nowrap}
.mido .kicsoda .halvany{font-size:var(--m-s)}
.mido .allasjel{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--m-m);
text-align:center}
.mperc{width:100%;table-layout:fixed}
.mperc td,.mperc th{padding:6px 10px}
.mperc td:nth-child(3),.mperc th:nth-child(3){width:104px}
.mperc td:last-child,.mperc th:last-child{width:34%}
/* A sav SPAN: display nelkul inline maradna, es akkor a magassag es a
szelesseg nem ervenyesul -- a sav lathatatlanra esik ossze. */
.mperc .sav{display:block;background:var(--papir-2);border-radius:4px;
height:9px;position:relative;overflow:hidden;min-width:60px}
.mperc .sav i{position:absolute;left:0;top:0;bottom:0;background:var(--kiemelt);
border-radius:4px}
.mperc .sav i.csere{background:#93c5fd}
.mstat{display:grid;gap:2px}
.mstat .fejsor{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;
align-items:center;padding:0 0 10px;font-weight:700;font-size:var(--m-alap)}
.mstat .fejsor .k{text-align:right}
.mstat .fejsor .kep{vertical-align:-5px}
.mstat .fejsor .kozep{font-size:var(--m-2xs);letter-spacing:var(--betukoz);color:var(--halvany);
text-transform:uppercase;font-weight:600}
.mstat .sor{display:grid;grid-template-columns:56px 1fr 152px 1fr 56px;
gap:10px;align-items:center;padding:7px 0}
.mstat .ert{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--m-m)}
.mstat .ert.b{text-align:right}
.mstat .cimke{font-size:var(--m-xs);color:var(--halvany);white-space:nowrap;
text-align:center;letter-spacing:.02em}
.mstat .savhely{height:8px;background:var(--papir-2);border-radius:4px;
position:relative;overflow:hidden}
.mstat .savhely i{position:absolute;top:0;bottom:0;border-radius:4px}
.mstat .savhely.b i{right:0;background:var(--kiemelt)}
.mstat .savhely.j i{left:0;background:var(--piros)}
.mstat .sor.vezet-b .ert.b,.mstat .sor.vezet-j .ert.j{color:var(--fo)}
.mstat .sor:not(.vezet-b) .ert.b,.mstat .sor:not(.vezet-j) .ert.j{
color:var(--halvany)}
@media (max-width:620px){.mstat .sor{grid-template-columns:40px 1fr 104px 1fr 40px;
gap:6px}.mstat .cimke{font-size:var(--m-2xs)}}
.radar{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.radar svg{width:100%;max-width:440px;height:auto;flex:1 1 340px}
.radar-lista{display:grid;gap:5px;flex:1 1 250px;min-width:230px}
.radar-sor{display:grid;grid-template-columns:1fr 62px 42px;gap:10px;
align-items:center;font-size:var(--m-s);padding:3px 0}
.radar-sor .rc{color:var(--fo)}
.radar-sor .rv{text-align:right;font-variant-numeric:tabular-nums;
font-weight:600}
.radar-sor .rh{text-align:right;font-size:var(--m-xs);color:var(--halvany);
font-variant-numeric:tabular-nums}
/* A harmadik oszlop a liga azonos posztu jatekosai kozotti helyezes --
fejlec nelkul a puszta "95." ertelmezhetetlen. */
.radar-fej{display:grid;grid-template-columns:1fr 62px 42px;gap:10px;
font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);padding-bottom:4px;
border-bottom:1px solid var(--papir-2);margin-bottom:3px}
.radar-fej .rv,.radar-fej .rh{text-align:right}
@media (max-width:520px){.radar-lista{min-width:0;flex-basis:100%}
.radar svg{flex-basis:100%}}
/* Taktikai abrak (2026-09-11) */
.tk-diagram{width:100%;max-width:none;display:block}
.abra.terkep svg.tk-diagram{max-width:none}
.tk-racs{stroke:var(--keret);stroke-width:1}
.tk-felido{stroke:var(--keret-eros);stroke-width:1.5;stroke-dasharray:4 4}
.tk-cimke{font-size:var(--m-2xs);fill:var(--halvany);font-family:inherit;
font-variant-numeric:tabular-nums}
.tk-sorcimke{font-size:var(--m-xs);fill:var(--fo);font-family:inherit}
.tk-szam{font-size:var(--m-xs);fill:var(--fo-halvany);font-family:inherit;
font-variant-numeric:tabular-nums}
.tk-gol{font-size:var(--m-2xs);font-weight:700;fill:var(--fo);font-family:inherit}
.tk-talalat{fill:#0f172a;fill-opacity:0}
.tk-talalat:hover{fill-opacity:.06}
.tk-csoport{font-size:var(--m-xs);font-weight:700;letter-spacing:var(--betukoz);
text-transform:uppercase;color:var(--fo);margin:12px 0 6px}
.tk-csoport:first-child{margin-top:0}
.tk-100{display:grid;gap:5px}
.tk-100sor{display:grid;grid-template-columns:170px 1fr;gap:10px;align-items:center}
.tk-100cimke{font-size:var(--m-s);color:var(--fo-halvany);text-align:right}
.tk-100cimke b{font-variant-numeric:tabular-nums;color:var(--fo)}
.tk-100sav{display:flex;gap:2px;height:22px}
.tk-szelet{display:flex;align-items:center;justify-content:flex-start;
padding-left:6px;font-style:normal;font-size:var(--m-xs);font-weight:700;
border-radius:3px;font-variant-numeric:tabular-nums;overflow:hidden}
.tk-k0{background:#0f5c46;color:#fff}
.tk-k1{background:#6e9c87;color:#fff}
.tk-k2{background:#cfdbd4;color:#0f172a}
.tk-csikok{display:grid;gap:4px}
.tk-csik{display:grid;grid-template-columns:120px 1fr 86px;gap:10px;
align-items:center;font-size:var(--m-s)}
.tk-csik-nev{text-align:right;color:var(--fo-halvany);overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
.tk-csik-sav{display:flex;gap:2px;height:14px}
.tk-csik-sav i{display:block;height:100%;border-radius:2px}
.tk-csik b{font-variant-numeric:tabular-nums;font-weight:600;color:var(--fo)}
.tk-lanc{position:relative;display:block}
.tk-lanc .tk-lanc-kulso{position:absolute;left:0;top:0;height:14px}
.tk-lanc .tk-lanc-belso{position:absolute;left:0;top:4px;height:6px}
.abra.tk-mini svg{max-width:none}
.abra.terkep svg.tk-felpalya{max-width:380px}
.tk-szakasz{padding:4px 0 22px;border-bottom:1px solid var(--keret);margin-bottom:22px}
.tk-szakasz:last-child{border-bottom:0;margin-bottom:0;padding-bottom:4px}
.tk-szakasz h2{margin:0 0 4px;border-top:0;padding-top:0}
.tk-kerdes{margin:0 0 14px;color:var(--fo-halvany);font-style:italic;max-width:78ch}
.tk-hiany{margin:8px 0;padding:10px 14px;border-radius:8px;font-size:var(--m-m);
background:var(--papir-2);color:var(--fo-halvany)}
.tk-osszegzo{margin-bottom:14px}
.tk-egy{margin:0 0 14px}
.tk-minik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;margin-bottom:6px}
@media (max-width:900px){.tk-minik{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Mobilon a teljes szelessegu idovonalak nem zsugorodnak olvashatatlanra:
legalabb 720 px szelesek, es a sajat dobozukban vizszintesen gorgethetok.
(2026-09-11, U4) */
@media (max-width:900px){.tk-egy{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tk-egy svg.tk-diagram{min-width:720px}}
.tk-nevsor{list-style:none;margin:8px 0 0;padding:0;display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;font-size:var(--m-xs);
color:var(--fo)}
.tk-nevsor li{display:flex;align-items:center;gap:6px;min-width:0;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-nevsor i{flex:none;width:18px;height:18px;border-radius:50%;display:inline-flex;
align-items:center;justify-content:center;font-style:normal;font-size:var(--m-2xs);
font-weight:700;color:#fff;box-sizing:border-box}
.tk-nevsor i[style*="#fff"]{color:var(--fo)}
.tk-nevsor em{font-style:normal;color:var(--halvany)}
.tk-tabla{font-size:var(--m-s)}
.tk-tabla td.jo{color:var(--zold);font-weight:600}
.tk-magas{max-height:420px;overflow-y:auto}
/* Idoszak-valaszto (2026-09-11) */
.tk-ablak{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
margin:0 0 10px;padding:10px 12px;border:1px solid var(--keret);
border-radius:10px;background:var(--papir-2)}
.tk-ablakcim{font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
text-transform:uppercase;color:var(--fo-halvany)}
.tk-ablakgombok{display:flex;flex-wrap:wrap;gap:4px}
.tk-ablakgomb{padding:4px 10px;border-radius:14px;font-size:var(--m-s);
text-decoration:none;color:var(--fo);border:1px solid var(--keret-eros);
background:#fff;white-space:nowrap}
.tk-ablakgomb:hover{border-color:var(--kiemelt)}
.tk-ablakgomb.tk-aktiv{background:var(--kiemelt);border-color:var(--kiemelt);
color:#fff;font-weight:600}
.tk-ablakurlap{display:flex;align-items:center;gap:8px;margin-left:auto}
.tk-ablakurlap label{display:flex;align-items:center;gap:6px;margin:0;
font-size:var(--m-s)}
.tk-ablakurlap select{width:auto;padding:4px 8px;font-size:var(--m-s)}
.tk-szuro{margin-top:-4px}
.fb-lap .tabla-gorgo{margin-bottom:8px}
.fb-meccsek{margin:4px 0}
.fb-meccsek summary{cursor:pointer;font-weight:600;font-size:var(--m-s);padding:4px 0}
.fb-lap td.gy b{color:var(--zold)}.fb-lap td.v b{color:var(--piros)}
/* forma az ellenfelek erossege szerint (2026-10-11) */
.fe-szamok{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0 0 12px}
.fe-szam{display:flex;flex-direction:column;gap:2px}
.fe-szam small{font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
text-transform:uppercase;color:var(--fo-halvany)}
.fe-szam b{font-size:var(--m-xl)}
.fe-szam b.jo{color:var(--zold)}.fe-szam b.vesz{color:var(--piros)}
.fe-szam span{font-size:var(--m-xs);color:var(--fo-halvany)}
.fe td.gy b{color:var(--zold)}.fe td.v b{color:var(--piros)}
.fe td.jo{color:var(--zold);font-weight:600}.fe td.vesz{color:var(--piros);font-weight:600}
.fe-info{border-bottom:1px dotted currentColor}
.tk-teljes-jel{display:inline-block;margin:0 0 10px;padding:2px 9px;border-radius:10px;
font-size:var(--m-2xs);font-weight:600;color:var(--fo-halvany);background:var(--kiemelt-halvany)}
.tk-felsavok{display:grid;gap:4px;margin:0 0 12px}
.tk-felsav-sor{display:grid;grid-template-columns:minmax(80px,max-content) 1fr;gap:10px;
align-items:center;font-size:var(--m-xs)}
.tk-felsav-nev{color:var(--fo-halvany);font-weight:600}
.tk-felsav{display:flex;gap:2px;min-width:0}
.tk-felsav-resz{flex-grow:0;flex-shrink:1;min-width:0;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;padding:3px 6px;border-radius:4px;font-size:var(--m-2xs);
font-weight:700;text-decoration:none;color:#fff;background:#475569}
.tk-felsav.cs0 .tk-felsav-resz{background:#1d4ed8}
.tk-felsav.cs1 .tk-felsav-resz{background:#b91c1c}
.tk-felsav-resz:nth-child(even){filter:brightness(1.25)}
.tk-felsav-resz.tk-aktiv{outline:2px solid #fde047;outline-offset:1px}
.tk-ablakjel{margin:0 0 12px;font-size:var(--m-s);color:var(--fo-halvany)}
.tk-fatyol{fill:#fff;fill-opacity:.62;pointer-events:none}
.tk-ablakhatar{stroke:#0f172a;stroke-width:1.4;stroke-dasharray:5 4;
pointer-events:none}
/* Kattinthato lovestabla, kiemeles, jatekosszuro */
.tk-lsor{cursor:pointer}
.tk-lsor:hover td{background:var(--kiemelt-halvany)}
.tk-lsor.tk-aktiv td{background:var(--kiemelt-halvany);font-weight:600}
.tk-tablajel{margin:6px 0;font-size:var(--m-s);color:var(--fo-halvany)}
.tk-lovesnagy{margin:10px 0 14px;max-width:560px}
.tk-lovesnagy .tk-nevsor{grid-template-columns:repeat(3,minmax(0,1fr))}
.tk-lp.tk-ki circle{stroke:#f59e0b;stroke-width:3.6}
.tk-nevsor li{cursor:default;border-radius:4px}
.tk-nevsor li.tk-ki{background:#fef9c3}
.tk-jszurosor{display:flex;align-items:center;gap:8px;margin:0 0 10px;
font-size:var(--m-s);color:var(--fo-halvany)}
.tk-jszuro{width:auto;min-width:220px;padding:5px 9px;font-size:var(--m-s)}
.tk-jrejt{display:none}
.tk-jsor{cursor:pointer}
.tk-jsor:hover{background:var(--kiemelt-halvany)}
.tk-jsor.tk-aktiv{background:var(--kiemelt-halvany)}
.tk-jsor.tk-aktiv .tk-csik-nev{color:var(--fo);font-weight:700}
.tk-jhalvany{opacity:.4}
.tk-pr{display:grid;gap:16px;align-items:start;grid-template-columns:minmax(0,380px) minmax(0,1fr)}
@media (max-width:900px){.tk-pr{grid-template-columns:1fr}}
@media (max-width:620px){.tk-100sor{grid-template-columns:110px 1fr}
.tk-csik{grid-template-columns:90px 1fr 76px}}
/* --- felallas-osszevetes: ket dontott palya, kozottuk a paros mutatok.
A mintakep szerint egy zold, csikos panelen, feher feliratokkal. --- */
.fo-keret{margin:0 0 16px;padding:18px 20px 16px;border-radius:var(--r);color:#fff;
background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 64px,transparent 64px 128px),
linear-gradient(180deg,#17512c,#0f3b20);box-shadow:var(--arnyek)}
/* A panelen a halvany feliratok (figcaption, forras) vilagosak: a valtozot
irjuk felul, nem a kozos osztalyokat. */
.fo-keret{--halvany:rgba(255,255,255,.78)}
.fo-keret figcaption{margin-bottom:10px}
.fo-racs{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.9fr) minmax(0,1fr);
gap:18px;align-items:start}
.fo-csapat{min-width:0}
.fo-lista{list-style:none;margin:0 auto;padding:0;max-width:380px;display:flex;
flex-direction:column;gap:3px}
.fo-lista li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;
padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.08);font-size:var(--m-s)}
.fo-l-szam{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.fo-l-nev{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fo-l-jel{font-size:var(--m-xs);white-space:nowrap}
.fo-palya{display:block;width:100%;height:auto;max-width:380px;margin:0 auto}
.fo-fej{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 auto 6px;
text-align:center}
.fo-fej .kep{box-shadow:0 2px 10px rgba(0,0,0,.25)}
/* A zold panel a --halvany-t feherre allitja: a cimer monogramja a feher
korongon ettol eltunt volna. */
.fo-fej .kep .mono{color:#475569}
.fo-oldal{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
font-weight:600;color:rgba(255,255,255,.72)}
.fo-nev{font-weight:700;font-size:var(--m-xl);text-transform:uppercase;
letter-spacing:var(--betukoz);max-width:100%;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.fo-formacio{font-size:var(--m-s);font-weight:600;color:rgba(255,255,255,.8);
font-variant-numeric:tabular-nums}
.fo-szinjel{display:block;width:44px;height:4px;border-radius:2px;margin-top:2px}
.fo-sajat .fo-szinjel{background:#3b82f6}
.fo-ellen .fo-szinjel{background:#ef4444}
.fo-stat{display:grid;gap:2px;padding-top:6px}
.fo-stat-cim{text-align:center;font-weight:700;font-size:var(--m-xl);text-transform:uppercase;
letter-spacing:var(--betukoz);padding-bottom:10px;margin-bottom:4px;
text-shadow:0 1px 2px rgba(0,0,0,.3)}
.fo-sor{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;
column-gap:8px;padding:6px 0 8px;border-top:1px solid rgba(255,255,255,.14)}
.fo-e{font-size:var(--m-2xl);font-weight:700;font-variant-numeric:tabular-nums;
color:rgba(255,255,255,.6)}
.fo-e.b{text-align:left}
.fo-e.j{text-align:right}
.fo-sor.vezet-b .fo-e.b,.fo-sor.vezet-j .fo-e.j{color:#fff}
.fo-sor:not(.vezet-b):not(.vezet-j) .fo-e{color:#fff}
.fo-k{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff}
.fo-ikon{display:flex;height:22px}
.fo-ikon svg{width:22px;height:22px}
.fo-c{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
font-weight:600;color:rgba(255,255,255,.8);text-align:center;line-height:1.25}
.fo-s{grid-column:1 / -1;display:flex;gap:3px;height:4px;margin-top:5px}
.fo-s i{display:block;height:100%;border-radius:2px;min-width:2px}
/* A palyarajzok szinei (FO_SZIN): a nezopont csapata kek, a masik piros --
a sav ugyanazt a szint viszi, temafuggetlenul. */
.fo-s i.fo-sajat{background:#3b82f6}
.fo-s i.fo-ellen{background:#ef4444}
@media (max-width:1100px){
.fo-racs{grid-template-columns:1fr 1fr;grid-template-areas:"bal jobb" "stat stat"}
.fo-bal{grid-area:bal}.fo-jobb{grid-area:jobb}.fo-stat{grid-area:stat;max-width:560px;
width:100%;margin:0 auto}}
@media (max-width:640px){
.fo-keret{padding:14px 12px}
.fo-racs{grid-template-columns:1fr;grid-template-areas:"bal" "stat" "jobb"}}
/* --- terkepek: interaktiv reszek (2026-09-18) --- */
.ph-int .ph-cs{cursor:pointer;transition:opacity .12s}
.ph-int .ph-cs:focus-visible{outline:none;stroke:#fde047;stroke-width:3}
.ph-int .ph-cs.ph-valasztott{stroke:#fde047;stroke-width:3}
.ph-int .ph-el,.ph-int .ph-felirat{transition:opacity .12s}
.ph-vezerlo{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px;
font-size:var(--m-xs);color:var(--fo-halvany)}
.ph-kuszob{display:flex;align-items:center;gap:8px;font-weight:600}
.ph-kuszob input{width:140px}
.ph-sugo{color:var(--halvany)}
.ph-info{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:var(--m-xs)}
.ph-info b{flex-basis:100%;font-size:var(--m-s)}
.ph-info span{background:var(--papir-2);border-radius:6px;padding:2px 8px;
font-variant-numeric:tabular-nums}
.ny-vezerlo{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.ny-csuszka{flex:1;min-width:140px}
.ny-ido{font-variant-numeric:tabular-nums;font-weight:700;min-width:38px}
.lv-jelek .lv-kapcsolo{border:1px solid var(--keret);background:var(--lap);
border-radius:999px;padding:2px 9px 2px 6px;cursor:pointer;font:inherit;color:inherit}
.lv-jelek .lv-kapcsolo[aria-pressed="false"]{opacity:.45;text-decoration:line-through}
.ej-palya{display:block;width:100%;max-width:900px;height:auto;border-radius:8px}
.ej-szoveg{min-height:1.6em;margin:8px 0 4px;font-size:var(--m-s);font-weight:600;
font-variant-numeric:tabular-nums}
.ej-sor{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.ej-ora{font-variant-numeric:tabular-nums;font-weight:700;min-width:48px}
.ej-csuszka{flex:1;min-width:160px}
.ej-kapcs{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--keret);
background:var(--lap);border-radius:999px;padding:4px 11px;font:inherit;
font-size:var(--m-xs);cursor:pointer;color:var(--fo)}
.ej-kapcs i{width:10px;height:10px;border-radius:50%;display:inline-block}
.ej-kapcs[aria-pressed="false"]{opacity:.45;text-decoration:line-through}
.ej-elvalaszto{width:1px;height:20px;background:var(--keret);margin:0 4px}
/* JS-horgonyok: a lejatszok elemei (a kinezetuk a fenti kozos osztalyokbol) */
.ej{max-width:900px}
.ej [hidden],.ny-int .ny-farok[points=""]{display:none!important}
.ny-int .ny-ut{transition:opacity .15s}
.ej-betolt,.ej-indit,.ej-kov,.ny-gomb,.ny-mind{white-space:nowrap}
.ej-szurok,.ej-csapat,.ej-tipus{user-select:none}
.ej-vezerlok{margin-top:2px}
.ny-int .ny-pont,.lv-pont{transition:opacity .12s}
.ny-int .ny-most{pointer-events:none}
/* jatekos-hoterkep (2026-10-01): a nyomvonal vezerlojet hasznalja, plusz a mod */
.hj-db{font-size:var(--m-xs);color:var(--halvany);font-variant-numeric:tabular-nums}
.hj-modok{display:flex;gap:4px;flex-wrap:wrap;flex-basis:100%}
.hj-mod,.hj-gomb,.hj-mind{white-space:nowrap}
.hj-vezerlo{row-gap:6px}
.hj-vezerlo .hj-ido{min-width:52px}
.hj-csuszka{flex:1}
.hj-int .hj-pont{pointer-events:none}
/* aktivitas-tukor (2026-10-04b) */
.abra.akt-abra{max-width:none;width:100%}
.abra.akt-abra svg{max-width:none}
.akt-abra svg{width:100%;height:auto;display:block}
.akt-tukor .akt-racs{stroke:var(--keret);stroke-width:1}
.akt-tukor .akt-sav{fill:#475569}
.akt-tukor .akt-kat{fill:#fff;font-weight:700;letter-spacing:.02em}
.akt-tukor .akt-terulet{fill:var(--fo-halvany);fill-opacity:.12}
.akt-tukor .akt-ertek{fill:var(--fo);font-variant-numeric:tabular-nums}
.akt-tukor .akt-nev{fill:var(--fo);font-weight:700}
.akt-tukor .akt-al{fill:var(--fo-halvany)}
.akt-tukor .akt-egy{stroke:var(--fo-halvany);stroke-width:1;stroke-dasharray:3 4;opacity:.6}
.akt-tukor .akt-egy-f{fill:var(--fo-halvany)}
.akt-valaszto{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:end;margin:0 0 10px}
.sajto-lista{display:grid;gap:10px}
.sajto-tetel{padding:12px 15px;background:var(--lap);border:1px solid var(--keret);
border-radius:var(--r);border-left:3px solid var(--papir-2)}
.sajto-tetel.hivatalos{border-left-color:var(--zold)}
.sajto-tetel.pletyka{border-left-color:var(--sarga)}
.sajto-fej{display:flex;flex-wrap:wrap;align-items:center;gap:9px;
margin-bottom:6px;font-size:var(--m-xs);color:var(--halvany)}
.sajto-cimke{font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
text-transform:uppercase;padding:2px 8px;border-radius:20px;
background:var(--papir-2);color:var(--halvany)}
.sajto-cimke.hivatalos{background:#f0fdf4;color:var(--zold)}
.sajto-cimke.pletyka{background:#fffbeb;color:var(--sarga)}
.sajto-jatekos{font-weight:600;color:var(--fo);font-size:var(--m-m)}
.sajto-jatekos.sajto-jatekos-nyers{font-weight:600;color:var(--halvany)}
.sajto-allitas{font-size:var(--m-m);line-height:1.5;margin:0 0 6px}
.sajto-idezet{font-size:var(--m-s);color:var(--halvany);line-height:1.5;
border-left:2px solid var(--papir-2);padding-left:10px;margin:0 0 6px;
font-style:italic}
.sajto-lab{font-size:var(--m-xs);color:var(--halvany)}
.sajto-lab a{color:var(--kiemelt)}
.sajto-nyelvjel{font-size:var(--m-2xs);color:var(--halvany);font-style:italic;
white-space:nowrap}
/* --- felkeszulesi allapot az Attekintesen (2026-09-05) --------------- */
.teendo{border-left:4px solid var(--kiemelt)}
.teendo .c{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600}
.teendo p{font-size:var(--m-alap);margin:7px 0 12px;max-width:62ch}
/* 2026-09-10-i keres: SORONKENT KETTO. Negy doboznal a haromoszlopos
tordeles 3+1-re szakadt, es a hosszabb nevsor nem fert ki. */
.allapot-racs{display:grid;gap:12px;margin:12px 0;
grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.allapot-racs{grid-template-columns:1fr}}
.allapot-doboz{background:var(--lap);border:1px solid var(--keret);
border-radius:11px;padding:13px 15px}
.allapot-doboz .c{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600;margin-bottom:6px}
.allapot-doboz .t{font-size:var(--m-m);line-height:1.5}
.allapot-doboz .t b{font-size:var(--m-l)}
.allapot-doboz .t b.jo{color:var(--zold)}
.allapot-doboz .t b.varakozo{color:var(--sarga)}
.allapot-doboz .g{margin-top:9px}
/* --- "amit nem tudunk" rekesz (2026-09-05) --------------------------- */
.nemtudjuk{margin:12px 0 0;padding:11px 13px;border-radius:9px;
background:#fffbeb;border:1px solid #fde68a}
.nemtudjuk b{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--sarga)}
.nemtudjuk ul{margin:7px 0 0;padding-left:18px;font-size:var(--m-s);line-height:1.55}
.nemtudjuk a{font-size:var(--m-xs);display:inline-block;margin-top:7px;color:var(--kiemelt)}
/* --- Modszertan lap -------------------------------------------------- */
.modszer h2{margin-top:22px}
.modszer p{font-size:var(--m-m);line-height:1.6;max-width:70ch}
.modszer ul{font-size:var(--m-m);line-height:1.65;max-width:70ch}
.modszer ol{font-size:var(--m-m);line-height:1.65;max-width:70ch}
.modszer li{margin:4px 0}
/* v1.20: Sugo, Verziok ful */
.verzio-tetel{border-top:1px solid var(--keret);padding-top:12px;margin-top:14px}
.verzio-tetel h3{margin:0 0 4px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.verzio-tetel .verzio-datum{font-weight:400;font-size:var(--m-s)}
.verzio-tetel .verzio-osszeg{margin:0 0 4px}
.verzio-tetel ul{margin-top:4px}
/* --- sajtofigyelo: haladasjelzo (2026-09-05-i keres) ----------------- */
.haladas{min-height:26px}
.hl-fej{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:var(--m-s)}
.hl-jel{font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);text-transform:uppercase;
padding:3px 9px;border-radius:999px;background:#f1f5f9;color:var(--halvany)}
.hl-jel.fut{background:#eff6ff;color:#1d4ed8}
.hl-jel.kesz{background:#f0fdf4;color:var(--zold)}
.hl-jel.hiba{background:#fef2f2;color:var(--piros)}
.hl-jel.kihagyva{background:#fffbeb;color:var(--sarga)}
.hl-sav{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:10px 0 6px}
.hl-sav i{display:block;height:100%;background:#2563eb;transition:width .4s ease}
.hl-szam{font-size:var(--m-xs);color:var(--halvany)}
.hl-uzenet{font-size:var(--m-s);margin:8px 0 0}
.hl-lista{list-style:none;margin:10px 0 0;padding:0;max-height:240px;overflow:auto;
border-top:1px solid var(--keret)}
.hl-lista .hl{display:flex;gap:10px;padding:5px 0;font-size:var(--m-s);
border-bottom:1px solid var(--keret)}
.hl-lista .hl .ora{color:var(--halvany);font-variant-numeric:tabular-nums;flex:0 0 auto}
.hl-lista .hl.hiba{color:var(--piros)}
.hl-lista .hl.fut{color:#1d4ed8}
.uzenet{font-size:var(--m-s);margin:10px 0 0;padding:8px 12px;border-radius:8px;
background:#f8fafc;border:1px solid var(--keret)}
.uzenet.jo{background:#f0fdf4;border-color:#bbf7d0;color:var(--zold)}
.uzenet.rossz{background:#fef2f2;border-color:#fecaca;color:var(--piros)}
.sajto-figyelmeztet{font-size:var(--m-s);color:var(--halvany);line-height:1.5;
margin:0 0 12px}
/* --- felhasznalokezeles (2026-09-06) -------------------------------- */
.adm-fej{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px}
/* Aktivitas es rendszerstatisztika (2026-09-21) */
.akt-szuro{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:0}
.akt-szuro .adm-mezo{margin:0;min-width:180px}
.akt-csempek{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.akt-figyel{border-color:var(--sarga)}
.akt-oszlop{fill:var(--kiemelt);opacity:.85}
.akt-oszlop:hover{opacity:1}
.akt-tabla td{vertical-align:top}
.akt-ido{white-space:nowrap}
.akt-tabla tr.akt-tobb{display:none}
.akt-tobb-gomb{margin-top:10px}
.akt-tabla details summary{cursor:pointer}
.akt-szoveg{white-space:pre-wrap;max-width:46ch;margin-top:6px;color:var(--halvany)}
.adm-fej form{display:flex;align-items:flex-end;gap:8px;margin:0}
.adm-keret{font-size:var(--m-s);color:var(--halvany);padding:6px 12px;border-radius:999px;
background:var(--papir-2);white-space:nowrap}
.adm-keret b{color:var(--fo);font-variant-numeric:tabular-nums}
.adm-keret.betelt{background:#fef2f2;color:var(--piros)}
.adm-jel{font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);text-transform:uppercase;
padding:2px 8px;border-radius:999px;background:var(--papir-2);color:var(--halvany);
white-space:nowrap}
.adm-jel.adm-jo{background:#f0fdf4;color:var(--zold)}
.adm-jel.adm-var{background:#fffbeb;color:var(--sarga)}
.adm-jel.adm-tilt{background:#fef2f2;color:var(--piros)}
.adm-muvelet{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.adm-muvelet a,.adm-muvelet button{font-size:var(--m-s);padding:5px 10px}
.adm-urlap{max-width:560px}
.adm-mezo{margin:0 0 4px}
.adm-keretmezo{margin:0}
.adm-sugo{font-size:var(--m-s);color:var(--halvany);margin:4px 0 12px;line-height:1.5}
.adm-gombsor{display:flex;gap:9px;align-items:center;margin-top:20px}
.adm-jelszo{font-family:var(--betu-mono);font-size:var(--m-xl);
letter-spacing:.02em;padding:14px 18px;border-radius:var(--r);background:var(--papir-2);
border:1px dashed var(--keret-eros);display:inline-block;margin:6px 0 2px;
user-select:all}
.adm-minta{display:inline-flex;gap:0;border-radius:5px;overflow:hidden;
border:1px solid var(--keret);vertical-align:middle;margin-right:7px}
.adm-minta i{width:11px;height:14px;display:block}
.adm-klublista{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.adm-klub{background:var(--lap);border:1px solid var(--keret);border-radius:var(--r);
padding:14px 16px}
.adm-klub h3{margin:0 0 4px;font-size:var(--m-alap);color:var(--fo)}
.adm-klub .adm-sugo{margin:0 0 10px}
.kislap{max-width:430px;margin:7vh auto;padding:0 20px}
.kislap-jel{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;
margin:0 auto 18px;color:#fff;background:linear-gradient(145deg,#1d4ed8,#0ea5a0)}
.kislap-jel svg{width:26px;height:26px}
.kislap-doboz{background:var(--lap);border:1px solid var(--keret);border-radius:14px;
padding:26px 28px;box-shadow:var(--arnyek)}
.kislap-doboz h1{font-size:var(--m-xl);margin:0 0 6px}
.kislap-doboz p{font-size:var(--m-m);color:var(--halvany);margin:0 0 4px}
.kislap-doboz button{width:100%;padding:11px 18px;font-size:var(--m-alap);margin-top:20px}
.kislap-vissza{text-align:center;margin-top:16px;font-size:var(--m-m);color:var(--halvany)}
.kislap-vissza a{text-decoration:none}
/* A belepes elotti kis lapok (elfelejtett jelszo, uj jelszo) ugyanazon a
sotet hatteren allnak, ugyanolyan uvegkartyaval -- egy csalad. */
.kislap-hatter { min-height:100vh; position:relative; isolation:isolate;
overflow:hidden; display:flex; align-items:center; justify-content:center;
padding:28px 20px; color:#eaf3fb;
background:linear-gradient(160deg,#04101d 0%,#0a2033 46%,#12395a 100%); }
.kislap-hatter:before { content:""; position:absolute; z-index:-2; inset:0;
pointer-events:none;
background:radial-gradient(700px 400px at 20% -10%,rgba(96,165,250,.2),transparent 62%),
radial-gradient(560px 340px at 86% 2%,rgba(14,165,160,.16),transparent 60%); }
.kislap-palya { position:absolute; z-index:-1; right:-12%; bottom:-20%;
width:88%; max-width:1000px; color:#8ec9ff; opacity:.18; pointer-events:none;
-webkit-mask-image:radial-gradient(115% 105% at 86% 84%,#000 34%,transparent 76%);
mask-image:radial-gradient(115% 105% at 86% 84%,#000 34%,transparent 76%); }
.kislap-palya svg { width:100%; height:auto; display:block; }
.kislap-hatter .kislap { margin:0; max-width:430px; width:100%; }
.kislap-hatter .kislap-jel { background:linear-gradient(145deg,#1d4ed8,#0ea5a0);
box-shadow:0 12px 30px rgba(29,78,216,.34); }
.kislap-hatter .kislap-doboz { border-radius:20px;
border:1px solid rgba(255,255,255,.13); background:rgba(8,22,38,.68);
-webkit-backdrop-filter:blur(16px) saturate(140%);
backdrop-filter:blur(16px) saturate(140%);
box-shadow:0 34px 70px rgba(2,10,20,.5); color:#eaf3fb; }
.kislap-hatter .kislap-doboz h1 { color:#fff; }
.kislap-hatter .kislap-doboz p { color:rgba(190,215,236,.78); }
.kislap-hatter .kislap-doboz label { color:rgba(214,232,246,.86); }
.kislap-hatter .kislap-doboz input { color:#fff;
background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18);
border-radius:11px; }
.kislap-hatter .kislap-doboz input:focus { outline:none;
border-color:rgba(96,165,250,.8); background:rgba(255,255,255,.09);
box-shadow:0 0 0 3px rgba(96,165,250,.22); }
.kislap-hatter .kislap-doboz button { border:0; border-radius:12px; color:#fff;
cursor:pointer; background:linear-gradient(135deg,#2563eb,#0ea5a0);
box-shadow:0 12px 26px rgba(37,99,235,.3); }
.kislap-jo { background:rgba(16,185,129,.1); color:#0f766e;
border:1px solid rgba(52,211,153,.35); border-radius:11px;
padding:10px 13px; font-size:var(--m-m); margin:0; }
.kislap-hatter .kislap-jo { background:rgba(16,185,129,.14); color:#c9f5e4; }
.kislap-hatter .kislap-vissza { color:rgba(178,201,221,.7); }
.kislap-hatter .kislap-vissza a { color:#8ec5f0; }
/* --- potlasok (2026-09-11): kereso, terheles, video, API --- */
.jk-tabla table{font-size:var(--m-s)}
.jk-tabla td,.jk-tabla th{white-space:nowrap}
.jk-ertek{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.jk-rang{display:inline-block;width:34px;height:5px;border-radius:3px;
background:linear-gradient(90deg,var(--kiemelt) var(--r),var(--keret) var(--r))}
.jk-rang-szam{font-variant-numeric:tabular-nums;font-weight:600}
.jk-szuro select[multiple]{min-width:180px}
.jk-rang.t-elit{--sz:#15803d}.jk-rang.t-eros{--sz:#0d9488}
.jk-rang.t-kozep{--sz:var(--kiemelt)}.jk-rang.t-gyenge{--sz:#94a3b8}
.jk-rang.t-elit,.jk-rang.t-eros,.jk-rang.t-kozep,.jk-rang.t-gyenge{
background:linear-gradient(90deg,var(--sz) var(--r),var(--keret) var(--r))}
/* Jatekoskereso pult (2026-09-18) */
.jk-pult{display:flex;flex-direction:column;gap:14px;padding:16px 18px}
.jk-pult-fo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}
.jk-csop{border:0;margin:0;padding:0;min-width:0}
.jk-csop legend{padding:0;margin-bottom:8px;font-size:var(--m-2xs);font-weight:700;
letter-spacing:var(--betukoz);text-transform:uppercase;color:var(--halvany)}
.jk-csop legend .halvany{text-transform:none;letter-spacing:0;font-weight:400}
.jk-szegmens{display:inline-flex;background:#f1f5f9;border:1px solid var(--keret);
border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.jk-szegmens label{cursor:pointer}
.jk-szegmens input,.jk-chip input{position:absolute;opacity:0;pointer-events:none}
.jk-szegmens span{display:block;padding:6px 12px;border-radius:7px;font-size:var(--m-s);
font-weight:600;color:var(--fo-halvany);white-space:nowrap}
.jk-szegmens input:checked+span{background:#fff;color:var(--kiemelt);
box-shadow:0 1px 3px rgba(15,23,42,.12)}
.jk-szegmens input:focus-visible+span,.jk-chip input:focus-visible+span{outline:2px solid var(--kiemelt);outline-offset:1px}
.jk-chipek{display:flex;flex-wrap:wrap;gap:6px;max-height:112px;overflow:auto;padding:1px}
.jk-chip{position:relative;cursor:pointer}
.jk-chip span{display:inline-flex;align-items:baseline;gap:6px;padding:5px 11px;border-radius:999px;
border:1px solid var(--keret);background:#fff;font-size:var(--m-s);color:var(--fo)}
.jk-chip small{font-size:var(--m-2xs);color:var(--halvany)}
.jk-chip input:checked+span{background:var(--kiemelt);border-color:var(--kiemelt);color:#fff}
.jk-chip input:checked+span small{color:rgba(255,255,255,.8)}
.jk-chip span:hover{border-color:var(--kiemelt)}
.jk-liga-kereso{max-width:260px;margin-bottom:8px}
.jk-pult-also{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:flex-end;
border-top:1px solid var(--keret);padding-top:14px}
.jk-pult-also .mezo{min-width:0}
.jk-egyseg{display:flex;align-items:stretch}
.jk-egyseg input{width:96px;border-top-right-radius:0;border-bottom-right-radius:0;padding:8px 10px}
.jk-egyseg span{display:flex;align-items:center;padding:0 10px;border:1px solid var(--keret-eros);
border-left:0;border-radius:0 8px 8px 0;background:#f8fafc;color:var(--halvany);font-size:var(--m-s)}
.jk-megj{display:block;font-size:var(--m-2xs);margin-top:3px}
.jk-kapcsolo{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--m-s);
color:var(--fo-halvany);padding-bottom:8px;position:relative}
.jk-kapcsolo input{position:absolute;opacity:0}
.jk-sin{width:34px;height:20px;border-radius:999px;background:var(--keret-eros);position:relative;
transition:background .15s;flex:none}
.jk-sin::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;
background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.jk-kapcsolo input:checked+.jk-sin{background:var(--kiemelt)}
.jk-kapcsolo input:checked+.jk-sin::after{transform:translateX(14px)}
.jk-kapcsolo input:focus-visible+.jk-sin{outline:2px solid var(--kiemelt);outline-offset:2px}
.jk-pult-gombok{margin-left:auto;display:flex;gap:8px}
@media (max-width:900px){.jk-pult-fo{grid-template-columns:1fr}.jk-pult-gombok{margin-left:0}}
/* Talalati tabla */
.jk-eredmeny-fej{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.jk-eredmeny-fej p{margin:0}
.jk-eredmeny-fej .export-sor{margin:0}
.jk-eszkoz{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;
margin:12px 0 10px}
.jk-csop-gombok{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--m-s)}
.jk-csop-gomb{padding:4px 11px;border-radius:999px;border:1px solid var(--keret);background:#fff;
color:var(--fo-halvany);font-size:var(--m-s);cursor:pointer}
.jk-csop-gomb.aktiv{background:var(--kiemelt-halvany);border-color:var(--kiemelt);color:var(--kiemelt);
font-weight:600}
/* 2026-10-04d: ertekmod es oszlopvalaszto */
.jk-mod-sor{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:var(--m-s);
padding:3px;border-radius:999px;background:#f1f5f9}
.jk-mod-sor .halvany{padding:0 6px 0 8px}
.jk-mod{padding:4px 12px;border-radius:999px;color:var(--fo-halvany);text-decoration:none;font-weight:600}
.jk-mod.aktiv{background:#fff;color:var(--kiemelt);box-shadow:0 1px 3px rgba(15,23,42,.12)}
.jk-eszkoz{position:relative}
.jk-ov{font-size:var(--m-s)}
.jk-ov>summary{cursor:pointer;list-style:none;padding:5px 12px;border:1px solid var(--keret);
border-radius:999px;background:#fff;font-weight:600;color:var(--fo)}
.jk-ov>summary::-webkit-details-marker{display:none}
.jk-ov[open]>summary{border-color:var(--kiemelt);color:var(--kiemelt)}
.jk-ov-db{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:999px;
background:var(--kiemelt-halvany);color:var(--kiemelt);text-align:center;font-variant-numeric:tabular-nums}
.jk-ov-panel{position:absolute;z-index:20;top:calc(100% + 2px);left:0;width:min(820px,100%);
background:#fff;border:1px solid var(--keret);border-radius:12px;padding:12px 14px;
box-shadow:0 12px 32px rgba(15,23,42,.16);display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px 16px}
.jk-ov-csop{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.jk-ov-csop legend{font-weight:700;margin-bottom:4px;color:var(--kiemelt)}
.jk-ov-csop label{display:flex;gap:6px;align-items:center;cursor:pointer}
.jk-ov-cs,.jk-ov-k{accent-color:var(--kiemelt);margin:0}
.jk-ov-gombok{grid-column:1 / -1;display:flex;gap:6px;border-top:1px solid var(--keret);padding-top:8px}
.jk-jelmagy{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:var(--m-xs);
color:var(--halvany)}
.jk-jelmagy span{display:inline-flex;align-items:center;gap:5px}
.jk-tabla{max-height:78vh;overflow:auto;border:1px solid var(--keret);border-radius:var(--r)}
.jk-tabla table{border-collapse:separate;border-spacing:0;width:100%}
.jk-tabla thead th{position:sticky;background:#f8fafc;z-index:2}
.jk-tabla thead tr:first-child th{top:0;height:26px}
.jk-tabla thead tr:nth-child(2) th{top:26px}
.jk-tabla thead tr:first-child th{padding:4px 10px;font-size:var(--m-2xs);font-weight:700;
letter-spacing:var(--betukoz);text-transform:uppercase;color:var(--kiemelt);
border-bottom:0;text-align:left}
.jk-tabla .jk-csop-fej th[data-cs]{border-left:1px solid var(--keret)}
.jk-tabla tbody tr:hover td{background:var(--kiemelt-halvany)}
.jk-tabla td{vertical-align:middle}
.jk-tabla .cs-elso{border-left:1px solid var(--keret)}
.jk-csop-liga{min-width:0}
.jk-eredmeny{padding-top:14px}
.jk-tabla .jk-sorsz{color:var(--nagyon-halvany);font-variant-numeric:tabular-nums;width:34px;
text-align:right}
.jk-tabla thead .jk-sorsz{text-align:right}
.jk-jatekos{position:sticky;left:0;background:#fff;z-index:1}
.jk-tabla thead th:nth-child(2){position:sticky;left:0;z-index:3}
.jk-nev{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fo)}
.jk-nev span{display:flex;flex-direction:column;min-width:0}
.jk-nev b{font-weight:600}
.jk-nev small{font-size:var(--m-xs);color:var(--halvany);max-width:260px;overflow:hidden;
text-overflow:ellipsis}
.jk-nev:hover b{color:var(--kiemelt);text-decoration:underline}
.jk-poszt{display:inline-block;min-width:28px;text-align:center;padding:2px 6px;border-radius:6px;
font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz)}
.jk-poszt.p-G{background:#fef3c7;color:#92400e}.jk-poszt.p-D{background:#dbeafe;color:#1e40af}
.jk-poszt.p-M{background:#dcfce7;color:#166534}.jk-poszt.p-F{background:#fee2e2;color:#991b1b}
.jk-poszt.p-x{background:#f1f5f9;color:var(--halvany)}
.jk-szamcella{font-variant-numeric:tabular-nums}
.jk-rend a{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none}
.jk-rend a:hover{color:var(--kiemelt)}
.jk-nyil{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
border-top:5px solid var(--keret-eros)}
.jk-rend[aria-sort] a{color:var(--kiemelt)}
.jk-rend[aria-sort] .jk-nyil{border-top-color:var(--kiemelt)}
.jk-rend[aria-sort="ascending"] .jk-nyil{transform:rotate(180deg)}
.jk-tabla tr.jk-rejtett{display:none}
.jk-tabla.rejt-alap [data-cs="alap"],.jk-tabla.rejt-tamadas [data-cs="tamadas"],
.jk-tabla.rejt-passz [data-cs="passz"],.jk-tabla.rejt-vedekezes [data-cs="vedekezes"]{display:none}
.jk-tobb{display:flex;align-items:center;gap:12px;margin-top:12px}
.jk-vl{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400;color:inherit;
font-size:inherit;cursor:pointer}
.jk-vl input,.jk-vl .jk-valaszt{margin:0}
.jk-jatekos-sor{display:flex;align-items:center;gap:8px;justify-content:space-between}
.jk-plusz{width:26px;height:26px;border-radius:50%;border:1px solid var(--keret-eros);background:#fff;
color:var(--kiemelt);font-size:var(--m-l);font-weight:700;line-height:1;cursor:pointer;
opacity:0;transition:opacity .12s;flex:none;padding:0}
.jk-tabla tr:hover .jk-plusz,.jk-plusz:focus-visible{opacity:1}
.jk-plusz:hover{background:var(--kiemelt);color:#fff;border-color:var(--kiemelt)}
@media (hover:none){.jk-plusz{opacity:1}}
.jk-ossz-sav{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;gap:14px;
margin-top:12px;padding:10px 14px;border-radius:12px;background:#0f172a;color:#e2e8f0;
box-shadow:0 10px 30px rgba(15,23,42,.3);font-size:var(--m-s)}
.jk-ossz-sav[hidden]{display:none}
.jk-ossz-sav .halvany{color:#94a3b8}
.jk-ossz-sav .gomb{margin-left:auto}
.jk-ossz-sav .gomb.tiltva{opacity:.45;pointer-events:auto;cursor:not-allowed}
.jk-pop{position:absolute;z-index:60;width:280px;background:#fff;border:1px solid var(--keret);
border-radius:12px;box-shadow:0 16px 40px rgba(15,23,42,.2);padding:12px 14px;
display:flex;flex-direction:column;gap:4px}
.jk-pop[hidden]{display:none}
.jk-pop label{margin:6px 0 2px}
.jk-pop-gombok{display:flex;gap:8px;margin-top:8px}
.jk-mentett-sav{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;
font-size:var(--m-s)}
.jk-mentett{display:inline-flex;align-items:center;border:1px solid var(--keret);border-radius:999px;
background:#fff;overflow:hidden}
.jk-mentett a{padding:4px 10px;color:var(--fo);text-decoration:none;font-weight:600}
.jk-mentett a:hover{color:var(--kiemelt)}
.jk-mentett.aktiv{border-color:var(--kiemelt);background:var(--kiemelt-halvany)}
.jk-mentett form{margin:0}
.jk-mentett .jk-mentett-x{border:0;background:none;color:var(--halvany);padding:4px 9px 4px 2px;
cursor:pointer;font-size:var(--m-m)}
.jk-mentett .jk-mentett-x:hover{color:var(--piros)}
/* v1.18: Tehetsegek (/jatekosok/tehetsegek) */
.tal-fulek{margin:0 0 6px;max-width:100%}
.tal-leiras{margin:4px 2px 12px;font-size:var(--m-s)}
.tal-tabla td{white-space:nowrap}
.tal-tabla td.jk-jatekos{white-space:normal;min-width:200px}
.tal-tabla .jk-nev small{white-space:nowrap;max-width:240px}
@media (max-width:600px){.tal-tabla td.jk-jatekos{min-width:150px;max-width:170px}
.tal-tabla .jk-nev small{max-width:105px}}
.tal-al{display:block;font-size:var(--m-2xs);color:var(--halvany);font-weight:400}
.tal-valt{color:#15803d;font-variant-numeric:tabular-nums}
.tal-valt.neg{color:var(--piros)}
.tal-ix{display:flex;flex-direction:column;line-height:1.25;font-variant-numeric:tabular-nums}
.tal-ix b{font-size:var(--m-m)}
.tal-ix small{font-size:var(--m-2xs);color:var(--halvany)}
.tal-ix-nincs small{white-space:normal;min-width:140px;max-width:200px}
.tal-komp{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:var(--m-xs);
min-width:210px;max-width:320px;white-space:normal}
.tal-komp>span{display:inline-flex;align-items:center;gap:4px}
.tal-komp small{font-size:var(--m-2xs)}
.tal-modszer ul{margin:4px 0 0;padding-left:18px}
.tal-modszer p{margin:6px 0 0}
.jk-ment{display:inline-flex;gap:6px;margin-left:auto}
.jk-ment input{width:200px;padding-top:5px;padding-bottom:5px}
.jk-nezet{display:inline-flex;background:#f1f5f9;border:1px solid var(--keret);border-radius:9px;
padding:2px;gap:2px;margin-left:auto}
.jk-nezet button{border:0;background:transparent;padding:5px 12px;border-radius:7px;font-size:var(--m-s);
font-weight:600;color:var(--fo-halvany);cursor:pointer}
.jk-nezet button.aktiv{background:#fff;color:var(--kiemelt);box-shadow:0 1px 3px rgba(15,23,42,.12)}
.jk-felho{margin-top:12px}
.jk-felho[hidden],.jk-tabla[hidden],.jk-eszkoz[hidden],.jk-tobb[hidden]{display:none}
.jk-felho-fej{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:8px}
.jk-felho-fej label{display:inline-flex;align-items:center;gap:8px;margin:0}
.jk-felho-fej select{width:auto}
.jk-felho-rajz{position:relative}
.jk-felho-rajz svg{display:block;width:100%;height:auto}
.jk-felho-rajz .jf-hatter{fill:#f8fafc;stroke:var(--keret)}
.jk-felho-rajz .jf-racs{stroke:var(--keret);stroke-dasharray:2 4}
.jk-felho-rajz .jf-szam{fill:var(--halvany)}
.jk-felho-rajz .jf-tengely{fill:var(--fo-halvany);font-weight:600}
.jk-felho-rajz .jf-pont{fill:#94a3b8;fill-opacity:.8;stroke:#fff;stroke-width:1;cursor:pointer}
.jk-felho-rajz .jf-pont:hover{stroke:#0f172a;stroke-width:2}
.jk-felho-rajz .jf-pont.p-G{fill:#d97706}.jk-felho-rajz .jf-pont.p-D{fill:#2563eb}
.jk-felho-rajz .jf-pont.p-M{fill:#16a34a}.jk-felho-rajz .jf-pont.p-F{fill:#dc2626}
.jk-felho-tipp{position:absolute;pointer-events:none;background:#0f172a;color:#fff;border-radius:8px;
padding:7px 10px;font-size:var(--m-xs);line-height:1.45;max-width:240px}
.jk-felho-tipp[hidden]{display:none}
.jk-felho-jel{display:flex;gap:14px;font-size:var(--m-xs);color:var(--halvany);margin-top:6px}
.jk-felho-jel span{display:inline-flex;align-items:center;gap:6px}
.jk-felho-jel span::before{content:"";width:10px;height:10px;border-radius:50%}
.jk-felho-jel .p-G::before{background:#d97706}.jk-felho-jel .p-D::before{background:#2563eb}
.jk-felho-jel .p-M::before{background:#16a34a}.jk-felho-jel .p-F::before{background:#dc2626}
.sl-fejsor{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
.sl-listak{display:flex;flex-wrap:wrap;gap:6px}
.sl-lista{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;
border:1px solid var(--keret);background:#fff;color:var(--fo);text-decoration:none;font-weight:600;
font-size:var(--m-s)}
.sl-lista span{font-size:var(--m-2xs);padding:1px 7px;border-radius:999px;background:#f1f5f9;
color:var(--halvany)}
.sl-lista.aktiv{background:var(--kiemelt);border-color:var(--kiemelt);color:#fff}
.sl-lista.aktiv span{background:rgba(255,255,255,.22);color:#fff}
.sl-uj{display:inline-flex;gap:6px;margin-left:auto}
.sl-uj input{width:200px;padding-top:5px;padding-bottom:5px}
.sl-tabla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
@media (max-width:1000px){.sl-tabla{grid-template-columns:1fr}}
.sl-oszlop{background:#f1f5f9;border:1px solid var(--keret);border-radius:14px;padding:12px;
min-height:180px;transition:background .12s,border-color .12s}
.sl-oszlop.folotte{background:var(--kiemelt-halvany);border-color:var(--kiemelt)}
.sl-oszlop h3{display:flex;align-items:center;gap:8px;margin:0 2px 10px;font-size:var(--m-m)}
.sl-oszlop h3 .halvany{margin-left:auto;font-weight:600}
.sl-pott{width:10px;height:10px;border-radius:50%}
.sl-pott.figyelt{background:#94a3b8}.sl-pott.megnezendo{background:#f59e0b}.sl-pott.ajanlott{background:#16a34a}
.sl-kartyak{display:flex;flex-direction:column;gap:10px}
.sl-kartya{background:#fff;border:1px solid var(--keret);border-radius:12px;padding:12px;
display:flex;flex-direction:column;gap:10px;box-shadow:var(--arnyek)}
.sl-kartya[draggable=true]{cursor:grab}
.sl-kartya.huzva{opacity:.45}
.sl-fej{display:flex;gap:10px;align-items:center}
.sl-fej a{color:var(--fo);text-decoration:none}
.sl-fej a:hover{color:var(--kiemelt)}
.sl-fej small{display:block;font-size:var(--m-xs);color:var(--halvany)}
.sl-szamok{display:flex;gap:16px;font-size:var(--m-2xs);color:var(--halvany)}
.sl-szamok b{display:block;font-size:var(--m-l);color:var(--fo);font-variant-numeric:tabular-nums}
.sl-megj{margin:0;font-size:var(--m-s);color:var(--fo-halvany);background:#f8fafc;border-radius:8px;
padding:6px 9px}
.sl-lab{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--m-xs)}
.sl-muv{display:flex;gap:4px}
.sl-muv form{margin:0}
.sl-lep button,.sl-muv .sl-le{width:28px;height:28px;border-radius:8px;border:1px solid var(--keret);
background:#fff;color:var(--fo-halvany);font-size:var(--m-m);font-weight:700;cursor:pointer;padding:0}
.sl-lep button:hover{border-color:var(--kiemelt);color:var(--kiemelt)}
.sl-muv .sl-le:hover{border-color:var(--piros);color:var(--piros)}
.sl-ures{margin:6px 2px;font-size:var(--m-s);color:var(--halvany)}
.jko-kartyak{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:14px}
.jko-kartya{--jsz:var(--kiemelt);display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--keret);
border-top:4px solid var(--jsz);border-radius:12px;padding:12px 14px}
.jko-kartya a{color:var(--fo);text-decoration:none}
.jko-kartya a:hover{color:var(--kiemelt)}
.jko-kartya small{display:block;font-size:var(--m-xs);color:var(--halvany)}
.jko-racs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}
@media (max-width:1000px){.jko-racs{grid-template-columns:1fr}}
.jko-radar{display:block;width:100%;height:auto}
.jko-radar .jko-halo{fill:none;stroke:var(--keret)}
.jko-radar .jko-cimke{fill:var(--fo-halvany)}
.jko-tabla{width:100%;font-size:var(--m-s)}
.jko-tabla th[scope=row]{font-weight:400;color:var(--fo-halvany);text-align:left;text-transform:none;letter-spacing:0;font-size:var(--m-s);background:none}
.jko-tabla .jko-csop th{padding-top:14px;font-size:var(--m-2xs);font-weight:700;
letter-spacing:var(--betukoz);text-transform:uppercase;color:var(--kiemelt);text-align:left}
.jko-tabla td.jko-legjobb .jk-ertek{font-weight:700}
/* Nevkereso a Jatekoskereson (2026-09-13-i keres): gepeles kozben szukit. */
.jk-nevkereso{position:relative;max-width:440px;margin:0 0 14px}
.jk-nevkereso input{width:100%}
/* A jatekos lapjanak fejkartyaja: NAGY foto, mellette a nev es az adatai.
2026-09-13-i keres: a foto ne csak kis ikonkent legyen kint. A kep MERETE
a kepek.jatekos_kep() beagyazott stilusabol jon (egy helyen all minden
kepmeret), itt csak az elrendezes. Keskeny kepernyon a sor tordelodik. */
.jk-fejkartya{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.jk-fejkartya .adat{min-width:0}
.jk-lap .abra{margin-top:14px}
.export-sor{display:flex;gap:8px;justify-content:flex-end;margin:0 0 8px}
.futas-naplo{margin:0;font-family:var(--betu-mono);font-size:var(--m-2xs);
white-space:pre-wrap;max-height:140px;overflow:auto;color:var(--fo-halvany)}
.api-kulcs{display:block;margin:6px 0;font-family:var(--betu-mono);
font-size:var(--m-s);word-break:break-all}
.potlas-sav{margin-bottom:14px}
.potlas-sav .jelzo{margin:0 4px 4px 0}
.video-lap{display:flex;flex-direction:column;gap:14px}
.video-jatszo{width:100%;max-height:60vh;background:#000;border-radius:var(--r)}
.video-eszkoz{display:flex;gap:10px;align-items:center;margin:10px 0}
.video-lista{list-style:none;margin:0;padding:0;max-height:340px;overflow:auto;
border:1px solid var(--keret);border-radius:var(--r)}
.video-lista li{border-bottom:1px solid var(--keret)}
.video-lista li:last-child{border-bottom:0}
.video-lista a{display:grid;grid-template-columns:52px 92px 1fr auto auto;gap:10px;
padding:7px 12px;text-decoration:none;color:var(--fo);font-size:var(--m-s);
align-items:center}
.video-lista a:hover{background:var(--kiemelt-halvany)}
.v-perc{font-variant-numeric:tabular-nums;font-weight:600}
.v-tipus{color:var(--fo-halvany)}
.v-nev{overflow:hidden;text-overflow:ellipsis}
.gyenge-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.gyenge-sor{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;
align-items:baseline;padding:8px 0;border-bottom:1px solid var(--keret)}
.gyenge-sor:last-child{border-bottom:0}
.gyenge-sor.keves .gy-szoveg{color:var(--fo-halvany)}
.gy-szoveg{min-width:0}
@media (max-width:760px){
.gyenge-sor{grid-template-columns:1fr;row-gap:3px}
}
.video-lista li.jelenet{display:grid;grid-template-columns:1fr auto;align-items:center}
.video-lista li.jelenet form{margin:0;padding-right:8px}
.v-cimke{display:inline-block;padding:1px 8px;border-radius:999px;font-size:var(--m-2xs);
background:var(--kiemelt-halvany);color:var(--fo-halvany);white-space:nowrap}
.video-urlap{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.video-urlap .mezo{min-width:150px}
.vk-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;
margin-bottom:18px}
.vk{background:#fff;border:1px solid var(--keret);border-radius:12px;overflow:hidden;
display:flex;flex-direction:column;box-shadow:var(--arnyek)}
.vk-bely{position:relative;display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#0f2a1f,#1c4d33)}
.vk-kep{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.vk-lejatszas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;
border-radius:50%;background:rgba(15,23,42,.62);display:grid;place-items:center;
transition:transform .15s,background .15s}
.vk-lejatszas svg{fill:#fff;margin-left:3px}
.vk-bely:hover .vk-lejatszas{transform:translate(-50%,-50%) scale(1.08);background:var(--kiemelt)}
.vk-test{padding:12px 14px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.vk-cim{font-weight:600;font-size:var(--m-m)}
.vk-cim a{color:var(--fo);text-decoration:none}
.vk-cim a:hover{color:var(--kiemelt)}
.vk-meta{font-size:var(--m-xs);color:var(--halvany);min-height:1em}
.vk-cim .kep,.vk-meta .kep{vertical-align:-4px;margin-right:2px}
.vk-jelek{display:flex;flex-wrap:wrap;gap:4px}
.vk-szamok{display:flex;gap:12px;font-size:var(--m-xs);color:var(--fo-halvany)}
.vk-lab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;
padding-top:8px;border-top:1px solid var(--keret);font-size:var(--m-xs)}
.vk-lab form{margin:0}
.vk-ejto{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 14px;
border:2px dashed var(--keret-eros);border-radius:12px;background:#f8fafc;cursor:pointer;
text-align:center;color:var(--fo-halvany);font-weight:600;margin:0}
.vk-ejto svg{fill:none;stroke:var(--kiemelt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vk-ejto small{font-weight:400;color:var(--halvany);font-size:var(--m-xs)}
.vk-ejto .ejto-szoveg{overflow-wrap:anywhere}
.vk-ejto input{position:absolute;width:1px;height:1px;opacity:0}
.vk-ejto.folotte,.vk-ejto:hover{border-color:var(--kiemelt);background:var(--kiemelt-halvany)}
.vk-ejto.van{border-style:solid;border-color:#86efac;background:#f0fdf4;color:var(--zold)}
.ki-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:10px}
.ki-csop h4{margin:0 0 6px;font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
text-transform:uppercase;color:var(--halvany)}
.ki-chip{position:relative;display:flex;justify-content:space-between;gap:8px;padding:6px 10px 8px;
margin-bottom:5px;border:1px solid var(--keret);border-radius:8px;background:#fff;text-decoration:none;
color:var(--fo);font-size:var(--m-s);overflow:hidden}
.ki-chip b{font-variant-numeric:tabular-nums;color:var(--fo-halvany)}
.ki-chip i{position:absolute;left:0;bottom:0;height:3px;background:var(--kiemelt);opacity:.55}
.ki-chip:hover{border-color:var(--kiemelt)}
.ki-chip.aktiv{border-color:var(--piros);background:#fef2f2}
.ki-chip.aktiv i{background:var(--piros)}
.ki-eredmeny{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin:12px 0 16px}
.ki-kartya{flex:1 1 220px;max-width:320px;border:1px solid var(--keret);border-top:4px solid var(--keret-eros);
border-radius:12px;background:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.ki-kartya.kieso{border-top-color:var(--piros)}
.ki-kartya.helyettes{border-top-color:#16a34a;box-shadow:var(--arnyek)}
.ki-kartya.tovabbi{opacity:.9}
.ki-cimke{font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);text-transform:uppercase;
color:var(--halvany)}
.ki-fej{display:flex;align-items:center;gap:10px}
.ki-fej a{color:var(--fo);text-decoration:none}
.ki-fej small{display:block;font-size:var(--m-xs);color:var(--halvany)}
.ki-szaz{margin-left:auto;font-size:var(--m-xl);font-weight:700;font-variant-numeric:tabular-nums}
.ki-sav{height:6px;border-radius:3px;background:#f1f5f9;overflow:hidden}
.ki-sav i{display:block;height:100%;background:#16a34a}
.ki-kartya.kieso .ki-sav i{background:var(--piros)}
.ki-nyil{align-self:center;font-size:var(--m-2xl);color:var(--nagyon-halvany)}
.sf-sav{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:var(--m-s)}
.sf-elem{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--keret);
border-radius:999px;background:#fff}
.sf-elem i{width:8px;height:8px;border-radius:50%;background:#94a3b8}
.sf-elem.friss i{background:#16a34a}.sf-elem.regi i{background:#f59e0b}
.sf-elem b{font-variant-numeric:tabular-nums;color:var(--fo-halvany)}
.sf-elem .sf-hiv{font-size:var(--m-2xs);font-weight:700;color:var(--zold);letter-spacing:var(--betukoz);
text-transform:uppercase}
html.asztal-teljes main button,html.asztal-teljes main .gomb{min-height:44px;padding-left:16px;
padding-right:16px;font-size:var(--m-m)}
html.asztal-teljes main a.gomb{display:inline-flex;align-items:center}
.hs-sav{display:grid;grid-template-columns:repeat(14,minmax(64px,1fr));gap:4px;overflow-x:auto;
margin:4px 0 14px;padding-bottom:4px}
.hs-nap{min-height:118px;border-radius:10px;background:#f8fafc;border:1px solid var(--keret);
padding:6px 5px;display:flex;flex-direction:column;gap:6px}
.hs-nap.hetvege{background:#f1f5f9}
.hs-nap.ma{border-color:var(--kiemelt);box-shadow:inset 0 3px 0 var(--kiemelt)}
.hs-fej{display:flex;flex-direction:column;align-items:center;font-size:var(--m-2xs);color:var(--halvany);
text-transform:uppercase;font-weight:700;letter-spacing:var(--betukoz)}
.hs-fej b{font-size:var(--m-s);color:var(--fo);letter-spacing:0}
.hs-meccs{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px;border-radius:8px;
background:#fff;border:1px solid var(--keret-eros);text-decoration:none;color:var(--fo);text-align:center}
.hs-meccs:hover{border-color:var(--kiemelt)}
.hs-meccs b{font-size:var(--m-2xs);line-height:1.2;overflow:hidden;text-overflow:ellipsis;max-width:100%;
white-space:nowrap}
.hs-meccs small{font-size:var(--m-2xs);color:var(--halvany)}
.ak-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:12px}
.ak-kartya{background:#fff;border:1px solid var(--keret);border-radius:14px;padding:16px 18px;
display:flex;flex-direction:column;gap:8px;box-shadow:var(--arnyek);border-top:4px solid #94a3b8}
.ak-kartya.friss{border-top-color:#16a34a}.ak-kartya.regi{border-top-color:#f59e0b}
.ak-kartya.hiba{border-top-color:#dc2626}
.ak-fej{display:flex;align-items:center;gap:10px}
.ak-fej h3{margin:0;font-size:var(--m-l)}
.ak-ikon{width:34px;height:34px;border-radius:10px;background:var(--kiemelt-halvany);color:var(--kiemelt);
display:grid;place-items:center;flex:none}
.ak-allapot{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:var(--m-xs);
color:var(--halvany);white-space:nowrap}
.ak-allapot i{width:8px;height:8px;border-radius:50%;background:#94a3b8}
.ak-kartya.friss .ak-allapot i{background:#16a34a}.ak-kartya.regi .ak-allapot i{background:#f59e0b}
.ak-kartya.hiba .ak-allapot i{background:#dc2626}
.ak-leiras{margin:0;font-size:var(--m-s);color:var(--fo-halvany);min-height:2.8em}
.ak-szam b{font-size:var(--m-3xl);font-weight:700;font-variant-numeric:tabular-nums;margin-right:8px}
.ak-szam span{font-size:var(--m-s);color:var(--halvany)}
.ak-ido{font-size:var(--m-xs);color:var(--halvany)}
.ak-gombok{display:flex;gap:8px;margin-top:auto;padding-top:6px}
.ures-blokk{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
padding:42px 20px;position:relative;overflow:hidden}
/* 2026-09-20: halk fenykor az ikon mogott -- az ures allapot igy nem
"hianyzo tartalomnak", hanem megfogalmazott allapotnak latszik. */
.ures-blokk:before{content:"";position:absolute;top:-40px;left:50%;
width:340px;height:220px;transform:translateX(-50%);pointer-events:none;
background:radial-gradient(circle,var(--kiemelt-halvany),transparent 66%)}
.ures-blokk h2{margin:4px 0 0;border-top:0;padding-top:0;position:relative}
.ures-blokk>h2:before{display:none}
.ures-blokk p{margin:0;max-width:60ch;color:var(--fo-halvany);position:relative}
.ub-ikon{width:58px;height:58px;border-radius:50%;background:var(--lap);
color:var(--kiemelt);display:grid;place-items:center;position:relative;
border:1px solid var(--keret);
box-shadow:0 0 0 7px var(--kiemelt-halvany),0 8px 20px rgba(29,78,216,.12)}
.ub-ikon svg{width:27px;height:27px}
.ub-gombok{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px;
position:relative}
/* 2026-09-19 (b): az elmaradt lapok felhozasa -- kozos elemek. */
input[type=file]{font-size:var(--m-s);color:var(--fo-halvany)}
input[type=file]::file-selector-button{font:inherit;font-weight:600;margin-right:10px;padding:7px 14px;
border:1px solid var(--keret-eros);border-radius:8px;background:#fff;color:var(--fo);cursor:pointer}
input[type=file]::file-selector-button:hover{border-color:var(--kiemelt);color:var(--kiemelt)}
.lapcim{display:flex;align-items:center;gap:10px;margin:0 0 14px}
.lapcim h2{margin:0;border-top:0;padding-top:0}
.lapcim h2:before{display:none}
.lapcim small{display:block;font-size:var(--m-xs);color:var(--halvany);font-weight:400}
.lapcim .lc-ikon{width:34px;height:34px;border-radius:10px;background:var(--kiemelt-halvany);
color:var(--kiemelt);display:grid;place-items:center;flex:none}
.lapcim .lc-ikon svg{width:18px;height:18px}
.lapcim .lc-jobb{margin-left:auto;display:flex;gap:8px;align-items:center}
.urlap-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px 18px;
max-width:none}
.urlap-racs .szeles,.urlap-racs > :last-child{grid-column:1 / -1}
.ket-hasab{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;
align-items:start}
.ket-hasab > .lap{margin:0}
.ejto-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:0 0 12px}
.allapot-sav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.allapot-sav .as-elem{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;
border:1px solid var(--keret);background:#fff;font-size:var(--m-s);color:var(--fo-halvany)}
.allapot-sav .as-elem i{width:9px;height:9px;border-radius:50%;background:#94a3b8;flex:none}
.allapot-sav .as-elem.jo i{background:#16a34a}.allapot-sav .as-elem.figy i{background:#f59e0b}
.cst-tabla th{white-space:normal;min-width:78px;vertical-align:bottom;line-height:1.25}
.cst-tabla td:first-child,.cst-tabla th:first-child{position:sticky;left:0;background:#fff;z-index:2;
box-shadow:1px 0 0 var(--keret)}
.cst-tabla thead th:first-child{z-index:4;background:#f8fafc}
.cst-tabla tbody tr:hover td:first-child{background:var(--kiemelt-halvany)}
.mlsz-csapat{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--fo);
font-weight:600}
.mlsz-csapat:hover{color:var(--kiemelt)}
.mlsz-tabella tr.valasztott td{background:var(--kiemelt-halvany)}
.mlsz-tabella tr.valasztott td:first-child{box-shadow:inset 3px 0 0 var(--kiemelt)}
.mlsz-panel{scroll-margin-top:84px}
.mlsz-panel .lapcim .lc-ikon{background:none;width:auto;height:auto}
.mlsz-meccs{display:grid;grid-template-columns:92px minmax(0,1fr) 64px minmax(0,1fr);gap:10px;
align-items:center;padding:8px 4px;border-bottom:1px solid var(--keret);font-size:var(--m-s)}
.mlsz-meccs:last-child{border-bottom:0}
.mlsz-meccs .mm-datum{color:var(--halvany);font-variant-numeric:tabular-nums}
.mlsz-meccs .mm-hazai{justify-self:end;text-align:right}
.mlsz-meccs .mm-eredm{justify-self:center;font-weight:700;font-variant-numeric:tabular-nums;
padding:3px 8px;border-radius:7px;background:#f1f5f9}
.mlsz-meccs .mm-eredm.gy{background:#dcfce7;color:var(--zold)}
.mlsz-meccs .mm-eredm.v{background:#fee2e2;color:var(--piros)}
.mlsz-meccs .mm-csapat{display:inline-flex;align-items:center;gap:7px;min-width:0}
.mlsz-meccs .mm-csapat span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mlsz-meccs .mm-biro{grid-column:2 / -1;font-size:var(--m-xs);color:var(--halvany);margin-top:-4px}
.cs-parok{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:10px 0 16px}
.cs-par{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--keret);
border-radius:10px;background:#fff;text-decoration:none;color:var(--fo);transition:border-color .12s}
.cs-par:hover{border-color:var(--kiemelt);background:var(--kiemelt-halvany)}
.cs-le{color:var(--piros);font-weight:600;font-size:var(--m-s)}
.cs-be{color:var(--zold);font-weight:600;font-size:var(--m-s)}
.cs-meta{font-size:var(--m-xs);color:var(--halvany)}
.cs-meta b{color:var(--fo)}
.cs-allasok{display:grid;gap:6px;max-width:620px}
.cs-allas{display:grid;grid-template-columns:110px 1fr 44px 150px;gap:10px;align-items:center;
font-size:var(--m-s)}
.cs-sav{height:8px;border-radius:4px;background:#f1f5f9;overflow:hidden}
.cs-sav i{display:block;height:100%;background:var(--kiemelt);border-radius:4px}
.cs-szam{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.th-fej{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.th-mutato a{display:inline-block;padding:5px 12px;border-radius:7px;font-size:var(--m-s);
font-weight:600;color:var(--fo-halvany);text-decoration:none}
.th-mutato a.aktiv{background:#fff;color:var(--kiemelt);box-shadow:0 1px 3px rgba(15,23,42,.12)}
.th-csempek{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.th-csempe{background:#fff;border:1px solid var(--keret);border-left:4px solid var(--keret-eros);
border-radius:10px;padding:10px 14px}
.th-csempe b{display:block;font-size:var(--m-2xl);font-variant-numeric:tabular-nums}
.th-csempe span{font-size:var(--m-xs);color:var(--halvany)}
.th-csempe.rendben{border-left-color:#16a34a}.th-csempe.alacsony{border-left-color:#94a3b8}
.th-csempe.emelt{border-left-color:#f59e0b}.th-csempe.magas{border-left-color:#dc2626}
.ures-allapot{text-align:left}
.ures-allapot h2{margin-top:0;border-top:0;padding-top:0}
.ures-allapot>p{color:var(--fo-halvany);max-width:70ch}
.vk-folyamat{position:relative;height:22px;border-radius:999px;background:#e2e8f0;overflow:hidden;
margin-top:8px}
.vk-folyamat[hidden]{display:none}
.vk-folyamat i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--kiemelt);
transition:width .2s}
.vk-folyamat span{position:relative;display:block;text-align:center;line-height:22px;
font-size:var(--m-xs);font-weight:600;color:#fff;mix-blend-mode:difference}
.vr-lista a{grid-template-columns:68px 44px 1fr auto auto}
.video-lista li.most a{background:var(--kiemelt-halvany);box-shadow:inset 3px 0 0 var(--kiemelt)}
.abra-letolt{position:absolute;top:8px;right:10px;display:flex;gap:4px;opacity:0;
transition:opacity .15s}
.abra:hover .abra-letolt,.abra:focus-within .abra-letolt{opacity:1}
.abra-letolt button{font-size:var(--m-2xs);padding:2px 7px;border:1px solid var(--keret);
background:var(--lap);color:var(--fo-halvany);border-radius:6px;cursor:pointer}
.abra{position:relative}
@media (max-width:760px){
.video-lista a{grid-template-columns:46px 1fr;row-gap:2px}
.v-nev{grid-column:1 / -1}
}
/* 2026-10-01: videofeldolgozas */
.vf-sav{margin:8px 0 0}
.vf-kimenet{font-variant-numeric:tabular-nums;font-weight:600}
.vf-halad{font-variant-numeric:tabular-nums}
.vf-reteg{pointer-events:none}
.vf-reteg.vf-aktiv{pointer-events:auto;cursor:crosshair;touch-action:none}
/* 2026-10-04d: lejatszasi sebesseg 16x-ig, billentyuk */
.vr-seb{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:6px 0 0;font-size:var(--m-s)}
.vr-seb .halvany{margin-right:4px}
.vr-seb-gomb{padding:3px 9px;border-radius:999px;border:1px solid var(--keret);background:#fff;
color:var(--fo-halvany);font-size:var(--m-xs);font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums}
.vr-seb-gomb.aktiv{background:var(--kiemelt);border-color:var(--kiemelt);color:#fff}
.vr-seb-tipp{margin-left:8px;font-size:var(--m-2xs)}
.vr-seb-jel{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:6;
background:rgba(11,18,32,.78);color:#fff;font-weight:700;font-size:var(--m-xl);padding:6px 14px;
border-radius:10px;pointer-events:none}
/* 2026-10-03: rajzolas kozben (.vr-rajzol) a fenti `.vr-keret.vr-rajzol .vr-reteg`
szabaly a feldolgozasi reteget is aktivva tette; az a rajzreteg FOLOTT all, igy
elnyelte az egeret, es a rajzeszkoz nem rajzolt. */
.vr-keret.vr-rajzol .vf-reteg:not(.vf-aktiv){pointer-events:none}
.vf-klip-opc{margin:8px 0 0;font-size:var(--m-s)}
.vf-klip-opc summary{cursor:pointer;color:var(--fo-halvany)}
.vf-tabla td{vertical-align:top}
.vf-indit{margin:0;display:inline-flex}
.vf-atvesz{display:inline-flex;gap:6px;align-items:center;margin-left:8px}
.vf-atvesz select{width:auto;padding:2px 6px}
.vf-lista{list-style:none;margin:6px 0;padding:0;max-height:340px;overflow:auto;font-size:var(--m-s)}
.vf-lista li{padding:5px 2px;border-bottom:1px solid var(--keret);display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.vf-lista-sur{display:flex;flex-wrap:wrap;gap:4px 12px}
.vf-lista-sur li{border:0}
.vf-ugro{font-variant-numeric:tabular-nums;font-weight:600}
.vf-index-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0;max-height:560px;overflow:auto}
.vf-index{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--fo);font-size:var(--m-xs)}
.vf-index img{width:100%;height:auto;border-radius:6px;background:#0f172a;display:block}
.vf-elonezet{position:absolute;z-index:30;background:#0b1220;border-radius:8px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none}
.vf-elonezet[hidden]{display:none}
.vf-elonezet video{display:block;width:320px;border-radius:5px}
.vf-fn-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.vf-fn-kartya{margin:0;display:flex;flex-direction:column;gap:6px}
.vf-fn-kartya figcaption{font-size:var(--m-s);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fn-palya{width:100%;height:auto;display:block;border-radius:8px;background:#2f8f4e}
.fn-gyep{fill:#2f8f4e}
.fn-vonal{stroke:rgba(255,255,255,.75);stroke-width:1.2}
.vf-csapat{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;box-shadow:0 0 0 1px rgba(15,23,42,.35)}
.vf-kereso select{width:auto}
.vf-ai{background:var(--kiemelt-halvany);border-radius:10px;padding:10px 12px;margin:6px 0}
.vf-atirat-kereso{max-width:320px;margin:6px 0}
.fn-voronoi polygon{fill-opacity:.62;stroke:rgba(255,255,255,.7);stroke-width:1;stroke-linejoin:round}
.fn-tk{display:flex;flex-direction:column;gap:4px;margin:6px 0 0;font-size:var(--m-xs)}
.fn-tk-sav{display:flex;height:10px;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(15,23,42,.15)}
.fn-tk-sav i{display:block;height:100%}
.vk-kal-racs.fn-racs{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
#vf_fn_panel{position:static;max-height:none;overflow:visible;box-shadow:none}
#vf_fn_lista{display:flex;flex-wrap:wrap;gap:4px 6px;padding:0;margin:8px 0 0;list-style:none;counter-reset:fnp;font-size:var(--m-xs)}
#vf_fn_lista li{counter-increment:fnp;background:#e2e8f0;border-radius:999px;padding:1px 8px;line-height:1.5}
#vf_fn_lista li::before{content:counter(fnp) ". ";font-weight:700}
.fn-mire{margin:0 0 6px;font-size:var(--m-s);font-weight:600}
.fn-lepesek{margin:0 0 10px;padding-left:20px;font-size:var(--m-xs);color:var(--fo-halvany);
display:grid;gap:3px}
.fn-fajtak{display:inline-flex;flex-wrap:wrap;gap:6px}
.fn-fajta{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;
border:1px solid var(--keret-eros);font-size:var(--m-xs);cursor:pointer;background:var(--lap)}
.fn-fajta input{position:absolute;opacity:0;pointer-events:none}
.fn-fajta i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #0b1220}
.fn-fajta.fn-mi i{background:#38bdf8}.fn-fajta.fn-ellen i{background:#f43f5e}
.fn-fajta.fn-labda i{background:#facc15}.fn-fajta.fn-egyeb i{background:#a3a3a3}
.fn-fajta:has(input:checked){border-color:var(--kiemelt);background:var(--kiemelt-halvany);font-weight:600}
.fn-fajta:has(input:focus-visible){outline:2px solid var(--kiemelt);outline-offset:1px}
/* 2026-09-20: palyakalibracio, klip */
.vr-reteg.vk-kal-mod{pointer-events:auto;cursor:crosshair;touch-action:none}
.vr-nagyito{position:absolute;width:160px;height:160px;pointer-events:none;z-index:6;
border-radius:50%;box-shadow:0 4px 18px rgba(0,0,0,.55)}
.vr-nagyito[hidden]{display:none}
.vk-kal-panel{border:1px solid var(--keret);border-radius:12px;padding:12px 14px;margin:10px 0 0;background:#f8fafc;position:sticky;bottom:8px;z-index:6;box-shadow:0 10px 30px rgba(15,23,42,.18)}
.vk-kal-panel[hidden]{display:none}
video[data-video]{scroll-margin-top:78px}
.vk-kal-racs{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:14px;align-items:start}
@media (max-width:760px){.vk-kal-racs{grid-template-columns:1fr}.vk-kal-panel{position:static;box-shadow:none}}
.vk-kal-mini{width:100%;height:auto;display:block;background:#2f8f4e;border-radius:8px}
.vk-kal-mini line,.vk-kal-mini rect,.vk-kal-mini circle.v,.vk-kal-mini path{stroke:rgba(255,255,255,.7);fill:none;stroke-width:.5}
.vk-kal-mini [data-pp]{fill:#facc15;stroke:#0b1220;stroke-width:.4;cursor:pointer}
.vk-kal-mini [data-pp]:hover{fill:#fff}
.vk-kal-mini [data-pp].foglalt{fill:#5eead4}
.vk-kal-lista{margin:6px 0;padding-left:18px;font-size:var(--m-s)}
/* 2026-10-05d (visszajelzes: sok pontnal a panel kitakarta a kepet): a felvett
pontok sorszamozott cimkek egy sorban, a panel legfeljebb 40vh magas, es a
lejatszo kalibracio alatt pontosan a panel folotti helyre kicsinyul -- a
panel igy soha nem takarja a kepet. */
#vk_kal_lista{display:flex;flex-wrap:wrap;gap:4px 6px;padding:0;list-style:none;counter-reset:vkp}
#vk_kal_lista li{counter-increment:vkp;background:#e2e8f0;border-radius:999px;padding:1px 8px;line-height:1.5}
#vk_kal_lista li::before{content:counter(vkp) ". ";font-weight:700}
#vk_kal_lista li{cursor:pointer}
#vk_kal_lista li:hover{text-decoration:line-through}
.vk-kal-panel{max-height:40vh;overflow:auto}
.vk-kal-mini{max-width:240px}
.vr-keret.vk-kal-aktiv{--vk-panel-m:0px}
.vr-keret.vk-kal-aktiv>video{max-height:calc(100vh - var(--vk-panel-m) - 28px)}
.vk-kal-tipp{font-size:var(--m-s);color:var(--fo-halvany);margin:6px 0}
.vk-klip-sav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0}
.vk-klip-sav select{width:auto}
.vk-klip-allapot{font-size:var(--m-s);color:var(--fo-halvany)}
.vk-klip-jel{margin-left:6px}
/* 2026-09-20: elonezeti kep az idosav folott (egerrel vagy ujjal) */
.vr-is-sin{position:relative}
.vr-elonezo{position:absolute;bottom:calc(100% + 8px);transform:translateX(-50%);pointer-events:none;
background:#0b1220;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:4px;z-index:6;
box-shadow:0 6px 20px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;gap:3px}
.vr-elonezo[hidden]{display:none}
.vr-elonezo canvas{display:block;width:176px;height:99px;border-radius:5px;background:#1e293b}
.vr-elonezo span{color:#fff;font-size:var(--m-xs);font-variant-numeric:tabular-nums}
/* 2026-09-20: automatikus osszeallitasok */
.vo-racs{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);gap:14px;align-items:start}
@media (max-width:1000px){.vo-racs{grid-template-columns:1fr}}
.vo-racs > .lap{margin:0}
.vo-racs video{width:100%;background:#000;border-radius:10px;display:block;max-height:62vh}
.vo-lista{list-style:none;margin:0;padding:0;max-height:62vh;overflow:auto}
.vo-lista li a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 10px;padding:8px 10px;
border-bottom:1px solid var(--keret);text-decoration:none;color:var(--fo);font-size:var(--m-s)}
.vo-lista li a:hover{background:var(--kiemelt-halvany)}
.vo-lista li.most a{background:var(--kiemelt-halvany);box-shadow:inset 3px 0 0 var(--kiemelt)}
.vo-lista .vo-n{font-weight:700;color:var(--halvany);font-variant-numeric:tabular-nums}
.vo-lista .vo-m{grid-column:2;color:var(--halvany);font-size:var(--m-xs)}
.vo-most{font-weight:600;margin:8px 0 0;min-height:1.4em}
/* 2026-09-20: ket video egymas mellett */
.ov-racs{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
@media (max-width:900px){.ov-racs{grid-template-columns:1fr}}
.ov-racs > .lap{margin:0}
.ov-racs video{width:100%;background:#000;border-radius:10px;display:block;max-height:60vh}
.ov-ido{font-variant-numeric:tabular-nums;font-weight:600}
.ov-sav{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 0}
.ov-sav select{max-width:100%}
.ov-vezerlo{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:sticky;top:64px;z-index:5}
.ov-vezerlo .ov-eltolas{font-size:var(--m-s);color:var(--fo-halvany)}
.vr-keret{position:relative;line-height:0;background:#000;border-radius:var(--r);
overflow:hidden}
.vr-keret>video{display:block;border-radius:0}
.vr-reteg{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}
.vr-reteg .vr-alak{filter:drop-shadow(0 1px 2px rgba(0,0,0,.65))}
.vr-reteg .vr-elonezet{opacity:.75}
.vr-keret.vr-rajzol .vr-reteg{pointer-events:auto;cursor:crosshair;touch-action:none}
.vr-keret.vr-rajzol{box-shadow:0 0 0 3px #facc15}
.vr-jelzo{position:absolute;left:12px;top:12px;line-height:1.3;padding:4px 10px;
border-radius:999px;background:rgba(11,18,32,.78);color:#fff;font-size:var(--m-xs);
font-weight:600;letter-spacing:var(--betukoz);pointer-events:none;max-width:70%;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vr-sav{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.vr-idosav{display:flex;flex-direction:column;gap:6px}
.vr-idosav[hidden]{display:none}
.vr-is-sin{position:relative;height:26px;border-radius:8px;background:#0f172a;cursor:pointer}
.vr-is-most{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;left:0;
box-shadow:0 0 0 1px rgba(15,23,42,.4);pointer-events:none}
.vr-is{position:absolute;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:0;padding:0;
border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px #0f172a}
.vr-is.rajz{background:#facc15;border-radius:2px;transform:rotate(45deg)}
.vr-is.jelenet{background:#2dd4bf}
.vr-is.gol{background:#fff;width:12px;height:12px;margin:-6px 0 0 -6px}
.vr-is.esemeny{background:#94a3b8;width:7px;height:7px;margin:-3.5px 0 0 -3.5px}
.vr-is:hover{transform:scale(1.35)}
.vr-is.rajz:hover{transform:rotate(45deg) scale(1.35)}
.vr-is-jel{display:flex;flex-wrap:wrap;gap:14px;font-size:var(--m-xs);color:var(--halvany)}
.vr-is-jel .vr-is-ablak{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--fo)}
.vr-is-jel .vr-is-ablak::before{display:none}
.vr-is-sin.nagyitva{box-shadow:inset 0 0 0 2px #facc15;cursor:grab}
.vr-is-sin.huzas{cursor:grabbing}
.vr-is-attekinto{position:relative;height:12px;border-radius:6px;background:#cbd5e1;
cursor:pointer;touch-action:none}
.vr-is-attekinto[hidden]{display:none}
.vr-is-ablakjel{position:absolute;top:-2px;bottom:-2px;border-radius:5px;
background:rgba(250,204,21,.45);box-shadow:0 0 0 2px #facc15;cursor:grab}
.vr-is-pont{position:absolute;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;
border-radius:1px;background:#0f172a;pointer-events:none}
.vr-is-jel span{display:inline-flex;align-items:center;gap:6px}
.vr-is-jel span::before{content:"";width:9px;height:9px;border-radius:50%;background:#94a3b8}
.vr-is-jel .rajz::before{background:#facc15;border-radius:2px;transform:rotate(45deg)}
.vr-is-jel .jelenet::before{background:#2dd4bf}
.vr-is-jel .gol::before{background:#fff;box-shadow:0 0 0 2px #0f172a}
.vr-sav .gomb{display:inline-flex;gap:6px;align-items:center}
.vr-sav .gomb svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.vr-kapcs{display:inline-flex;gap:6px;align-items:center;font-size:var(--m-s);
color:var(--fo-halvany);cursor:pointer}
.vr-db{margin-left:auto;font-size:var(--m-s)}
.vr-eszkoztar{border:1px solid var(--keret);border-radius:var(--r);padding:12px 14px;
background:var(--kiemelt-halvany);display:flex;flex-direction:column;gap:10px}
.vr-eszkoztar[hidden]{display:none}
.vr-sor{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vr-csoport{display:inline-flex;gap:4px;flex-wrap:wrap;align-items:center}
.vr-eszkoz{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;
border:1px solid var(--keret);border-radius:8px;background:#fff;color:var(--fo);
font-size:var(--m-s);cursor:pointer}
.vr-eszkoz svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;
stroke-linejoin:round}
.vr-eszkoz:hover{border-color:var(--kiemelt)}
.vr-eszkoz.aktiv{background:var(--kiemelt);border-color:var(--kiemelt);color:#fff}
.vr-szin{--vr-szin:#facc15;width:30px;height:30px;border-radius:50%;border:2px solid transparent;
background:#fff;padding:3px;cursor:pointer;display:inline-flex}
.vr-szin-minta{flex:1;border-radius:50%;background:var(--vr-szin);
box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.vr-szin.aktiv{border-color:var(--kiemelt)}
.vr-szoveg{flex:1 1 240px;max-width:380px;width:auto}
.vr-tipp{margin:0;font-size:var(--m-s)}
.vr-urlap{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.vr-urlap .vr-cim{flex:1;min-width:220px}
.vr-gombok{display:flex;gap:8px;flex-direction:row}
.vr-pottyok{display:inline-flex;gap:3px}
.vr-pottyok i{width:10px;height:10px;border-radius:50%;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.v-szuro{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 10px}
.v-szuro-gomb{padding:4px 12px;border-radius:999px;border:1px solid var(--keret);
background:#fff;color:var(--fo);font-size:var(--m-s);cursor:pointer}
.v-szuro-gomb .db{color:var(--fo-halvany);margin-left:4px;font-variant-numeric:tabular-nums}
.v-szuro-gomb.aktiv{background:var(--kiemelt);border-color:var(--kiemelt);color:#fff}
.v-szuro-gomb.aktiv .db{color:rgba(255,255,255,.8)}
.v-szuro select{max-width:240px;width:auto;padding-top:5px;padding-bottom:5px}
.v-szuro .v-osszeg{margin-left:auto;font-size:var(--m-s)}
@media (max-width:760px){
.vr-eszkoz span{display:none}
.vr-db{margin-left:0}
}
html.asztal-teljes .morzsa{display:none}
.pal-gomb{display:inline-flex;align-items:center;gap:8px;margin-left:14px;
padding:6px 10px 6px 11px;border:1px solid rgba(255,255,255,.22);border-radius:9px;
background:rgba(255,255,255,.06);color:#dbe7f2;font:inherit;font-size:var(--m-s);
font-weight:600;cursor:pointer;min-width:190px}
.pal-gomb:hover{background:rgba(255,255,255,.12);color:#fff}
.pal-gomb svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;flex:none}
.pal-gomb .pal-szo{flex:1;text-align:left}
.pal-gomb kbd,.pal-sugo kbd{font:inherit;font-size:var(--m-2xs);font-weight:600;
padding:1px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.28);
color:#b9cbdc}
.pal-hatter{position:fixed;inset:0;z-index:400;background:rgba(8,15,28,.46);
display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}
.pal-hatter[hidden]{display:none}
.pal-doboz{width:min(640px,100%);background:#fff;border-radius:14px;
box-shadow:0 24px 60px rgba(8,15,28,.35);overflow:hidden;display:flex;
flex-direction:column;max-height:72vh}
.pal-mezo{display:flex;align-items:center;gap:10px;padding:14px 16px;
border-bottom:1px solid var(--keret)}
.pal-mezo svg{fill:none;stroke:var(--halvany);stroke-width:1.8;stroke-linecap:round;flex:none}
.pal-mezo input{border:0;outline:0;padding:4px 0;font-size:var(--m-l);width:100%}
.pal-mezo input:focus{outline:0}
.pal-lista{overflow:auto;padding:6px 0 8px}
.pal-csop{padding:10px 16px 4px;font-size:var(--m-2xs);font-weight:700;
letter-spacing:var(--betukoz);text-transform:uppercase;color:var(--halvany)}
.pal-elem{display:flex;align-items:center;gap:10px;padding:8px 16px;
color:var(--fo);text-decoration:none;font-size:var(--m-m)}
.pal-elem .pal-al{margin-left:auto;font-size:var(--m-xs);color:var(--halvany);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.pal-elem.aktiv{background:var(--kiemelt-halvany);box-shadow:inset 3px 0 0 var(--kiemelt)}
.pal-elem .pal-ikon{width:26px;height:26px;border-radius:7px;display:inline-grid;
place-items:center;background:#f1f5f9;color:var(--fo-halvany);flex:none;
font-size:var(--m-2xs);font-weight:700;position:relative;overflow:hidden}
.pal-ikon svg{width:16px;height:16px}
.pal-ikon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.pal-ures{padding:18px 16px;color:var(--halvany);font-size:var(--m-s)}
.pal-sugo{display:flex;gap:14px;padding:9px 16px;border-top:1px solid var(--keret);
font-size:var(--m-xs);color:var(--halvany);background:#f8fafc}
.pal-sugo kbd{border-color:var(--keret-eros);color:var(--fo-halvany)}
.morzsa{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px;
font-size:var(--m-xs);color:var(--halvany)}
.morzsa a{color:var(--halvany);text-decoration:none}
.morzsa a:hover{color:var(--kiemelt);text-decoration:underline}
.morzsa .morzsa-jel{color:var(--nagyon-halvany)}
.morzsa [aria-current]{color:var(--fo-halvany);font-weight:600}
@media (max-width:900px){.pal-gomb{min-width:0;margin-left:8px}
.pal-gomb .pal-szo,.pal-gomb kbd{display:none}}
@media (max-width:480px){.pal-gomb{margin-left:4px;padding:6px 8px}}
.dk-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;
margin:4px 0 16px}
.dk-kartya{border:1px solid var(--keret);border-radius:12px;background:#fff;padding:14px 16px;
display:flex;flex-direction:column;gap:8px;min-width:0}
.dk-kartya.szeles{grid-column:span 2}
@media (max-width:760px){.dk-kartya.szeles{grid-column:auto}}
.dk-cim{font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
text-transform:uppercase;color:var(--halvany);display:flex;justify-content:space-between;gap:8px}
.dk-cim .halvany{text-transform:none;letter-spacing:0;font-weight:400}
.dk-nagy{font-size:var(--m-3xl);font-weight:700;letter-spacing:-.02em;line-height:1.05;
font-variant-numeric:tabular-nums}
.dk-nagy small{font-size:var(--m-s);font-weight:600;color:var(--halvany);letter-spacing:0}
.dk-lanc{display:flex;gap:5px;flex-wrap:wrap}
.dk-lanc span{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:30px}
.dk-lanc b{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
font-size:var(--m-xs);color:#fff}
.dk-lanc .gy b{background:#15803d}.dk-lanc .d b{background:#94a3b8}.dk-lanc .v b{background:#b91c1c}
.dk-lanc small{font-size:var(--m-2xs);color:var(--halvany);font-variant-numeric:tabular-nums}
.dk-felallas{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}
.dk-mini{width:110px;height:auto;display:block}
.dk-alt{display:flex;flex-wrap:wrap;gap:4px}
.dk-alt span{font-size:var(--m-xs);padding:2px 8px;border-radius:999px;background:#f1f5f9;
color:var(--fo-halvany);font-variant-numeric:tabular-nums}
.dk-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.dk-lista li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
.dk-lista .dk-nev{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
font-size:var(--m-s);font-weight:600;color:var(--fo);text-decoration:none}
.dk-lista a.dk-nev:hover{color:var(--kiemelt)}
.dk-mini-szamok{display:flex;gap:18px;margin-top:auto;padding-top:10px;
border-top:1px solid var(--keret);font-size:var(--m-xs);color:var(--halvany)}
.dk-mini-szamok b{display:block;font-size:var(--m-xl);color:var(--fo);
font-variant-numeric:tabular-nums}
.dk-lista .dk-nev small{display:block;font-weight:400;color:var(--halvany);font-size:var(--m-xs)}
.dk-lista .dk-db{font-size:var(--m-l);font-weight:700;font-variant-numeric:tabular-nums}
.dk-savok{display:grid;grid-template-columns:auto 1fr 1fr;gap:4px 8px;align-items:center;
font-size:var(--m-xs);font-variant-numeric:tabular-nums}
.dk-savok .dk-sav{height:8px;border-radius:4px;background:#f1f5f9;position:relative;overflow:hidden}
.dk-savok .dk-sav i{position:absolute;top:0;bottom:0;border-radius:4px}
.dk-savok .l i{left:0;background:#15803d}
.dk-savok .k i{left:0;background:#b91c1c}
.dk-savok .dk-fej{color:var(--halvany);font-size:var(--m-2xs);font-weight:700;
text-transform:uppercase;letter-spacing:var(--betukoz)}
.dk-hiszto{display:flex;align-items:flex-end;gap:6px;height:64px}
.dk-hiszto span{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
font-size:var(--m-2xs);color:var(--halvany)}
.dk-hiszto i{display:block;width:100%;border-radius:4px 4px 0 0;background:var(--kiemelt);
min-height:2px}
.dk-reszletek{margin-top:6px;border:1px solid var(--keret);border-radius:10px;background:#fff}
.dk-reszletek>summary{cursor:pointer;padding:10px 14px;font-size:var(--m-s);font-weight:600;
color:var(--fo-halvany)}
.dk-reszletek[open]>summary{border-bottom:1px solid var(--keret)}
.dk-reszletek>div{padding:4px 14px 12px}
.kep{position:relative;flex:none;border-radius:50%;overflow:hidden;
background:var(--papir-2);border:1px solid var(--keret);
display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.kep .mono{font-weight:700;color:var(--halvany);letter-spacing:.02em;
line-height:1;user-select:none}
.kep img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
display:block;background:var(--lap);opacity:0;transition:opacity .12s ease}
.kep img.betoltve{opacity:1}
.kep.logo{border-radius:8px;background:var(--lap)}
.kep.logo img{object-fit:contain;padding:2px;background:transparent}
.kep.logo .mono{font-size:.62em}
/* --- jatekos adatlap (2026-09-18) --- */
/* v1.11: a jatekos-osszefoglalo (AI) a fejkartyak es a fulek kozott */
.jl-ai{margin:16px 0 4px}
/* A profil egy teljes sort kap, alatta az idenyek es a palyafutas egymas
mellett. A lap tartalomszelessege legfeljebb ~1200 px: harom kartya egy
sorban a nevet es a tablakat tordelne. */
.jl-fej{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:14px;margin-bottom:14px;align-items:stretch}
.jl-fej .jl-profil{grid-column:1 / -1}
@media (max-width:900px){.jl-fej{grid-template-columns:1fr}}
.jl-kartya{margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}
.jl-kartya-fej{display:flex;align-items:stretch;min-height:40px;
background:var(--kiemelt);color:#fff}
.jl-kartya-cim{display:flex;align-items:center;padding:0 18px;font-size:var(--m-xs);
font-weight:700;text-transform:uppercase;letter-spacing:var(--betukoz)}
.jl-kartya-torzs{padding:12px 18px 14px;flex:1}
.jl-valto-gomb{flex:1;border:0;background:transparent;color:rgba(255,255,255,.78);
font-family:inherit;font-size:var(--m-xs);font-weight:700;text-transform:uppercase;
letter-spacing:var(--betukoz);cursor:pointer;padding:10px 12px}
.jl-valto-gomb span{font-weight:600;opacity:.85}
.jl-valto-gomb[aria-pressed="true"]{background:var(--lap);color:var(--kiemelt)}
.jl-valto-gomb:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.jl-valto-panel[hidden]{display:none}
.jl-valto .jl-valto-gomb + .jl-valto-gomb{border-left:1px solid rgba(255,255,255,.25)}
.jl-profil{flex-direction:row;align-items:center;gap:18px;padding:16px 20px}
.jl-foto .kep{border-radius:16px}
@media (max-width:700px){
.jl-profil{display:grid;grid-template-columns:auto 1fr;
grid-template-areas:"foto gyuru" "adat adat";gap:14px}
.jl-foto{grid-area:foto}.jl-gyuru{grid-area:gyuru;justify-self:center}
.jl-profil-adat{grid-area:adat}}
.jl-profil-adat{flex:1;min-width:0}
.jl-nev{font-size:var(--m-xl);margin:0 0 8px;display:flex;align-items:center;gap:8px;
flex-wrap:wrap;letter-spacing:-.01em}
.jl-kor{font-weight:400;color:var(--halvany)}
.jl-zaszlo{height:15px;width:auto;border-radius:2px;box-shadow:0 0 0 1px var(--keret)}
.jl-magas{font-size:var(--m-m);font-weight:600;color:var(--fo-halvany);white-space:nowrap}
.jl-hk-adat .jl-magas{margin-left:6px;font-size:var(--m-s)}
.jl-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;
font-size:var(--m-s)}
.jl-profil .jl-dl{grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:6px 16px}
@media (max-width:1100px){.jl-profil .jl-dl{grid-template-columns:auto 1fr}}
.jl-dl dt{color:var(--halvany);text-transform:uppercase;font-size:var(--m-2xs);
letter-spacing:var(--betukoz);align-self:center}
.jl-dl dd{margin:0;font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}
.jl-dl.kicsi{font-size:var(--m-xs);gap:1px 10px}
.jl-szabad{display:inline-block;padding:1px 8px;border-radius:20px;font-size:var(--m-xs);
font-weight:600;background:#fff7ed;color:#b45309;border:1px solid #fed7aa;cursor:help}
.jl-szabad.kicsi{font-size:var(--m-2xs);padding:0 6px;cursor:default}
.jl-gyuru{display:flex;flex-direction:column;align-items:center;text-align:center;
flex:none;max-width:140px}
.jl-gyuru-c{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600;margin-top:2px}
.jl-gyuru-m{font-size:var(--m-2xs);color:var(--halvany);margin-top:2px;line-height:1.35}
.jl-ideny-tabla,.jl-karrier-tabla{width:100%;border-collapse:collapse;font-size:var(--m-s)}
.jl-ideny-tabla th,.jl-karrier-tabla th{font-size:var(--m-2xs);text-transform:uppercase;
letter-spacing:var(--betukoz);color:var(--halvany);font-weight:600;text-align:left;
padding:4px 6px 6px;border-bottom:1px solid var(--keret)}
.jl-ideny-tabla td,.jl-karrier-tabla td{padding:6px;border-bottom:1px solid var(--papir-2)}
.jl-ideny-tabla .szam,.jl-karrier-tabla .szam{text-align:right;
font-variant-numeric:tabular-nums;font-weight:600}
.jl-ideny-tabla th.szam{text-align:right}
.jl-ideny-tabla .jl-liga{font-weight:600;text-transform:uppercase;font-size:var(--m-xs)}
.jl-osszes td{border-top:1px solid var(--keret-eros);font-weight:700}
.jl-ikon{display:inline-flex;color:var(--fo-halvany)}
.jl-rejtett{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.jl-karrier-tabla .jl-datum{white-space:nowrap;font-variant-numeric:tabular-nums;
color:var(--fo-halvany)}
.jl-karrier-tabla .jl-klub{font-weight:600;text-transform:uppercase;font-size:var(--m-xs)}
.jl-karrier-tabla .jl-klub .kep{margin-right:7px}
.jl-megj{margin:8px 0 0;font-size:var(--m-2xs);color:var(--halvany)}
/* mutatocsoportok */
.jl-mutatok{max-width:820px;--csop:var(--kiemelt)}
.jl-mfej,.jl-msor{display:grid;grid-template-columns:minmax(150px,1.2fr) 90px minmax(120px,1fr) 44px;
gap:14px;align-items:center}
.jl-mfej{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--keret)}
.jl-mfej span:last-child{grid-column:3 / 5}
.jl-msor{padding:9px 0;border-bottom:1px solid var(--papir-2);font-size:var(--m-m)}
.jl-msor .v{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.jl-msor.nincs .jl-nincs{grid-column:3 / 5;font-size:var(--m-xs)}
.jl-sav{height:8px;border-radius:5px;background:var(--papir-2);overflow:hidden;display:block}
.jl-sav i{display:block;height:100%;border-radius:5px;background:var(--csop)}
.jl-hely{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
/* attekintes */
.jl-pizzak{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 4px}
@media (max-width:900px){.jl-pizzak{grid-template-columns:1fr}}
.jl-pizza{margin:0;padding:10px 8px 6px;border:1px solid var(--keret);border-top:3px solid var(--csop);
border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center}
.jl-pizza figcaption{align-self:flex-start;padding-left:6px}
.jl-pizza path[data-info]{cursor:help}
.jl-pizza path[data-info]:hover{stroke:#0f172a;stroke-width:1.5}
.jl-attekintes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
margin-bottom:6px}
@media (max-width:900px){.jl-attekintes{grid-template-columns:1fr 1fr}}
/* hasonlo jatekosok */
.jl-hszuro{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:4px 0 14px}
.jl-hszuro .mezo{min-width:150px}
.jl-hszuro select[multiple]{min-width:260px}
.jl-hszam{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:220px}
.jl-hszam .jl-sav{flex:1;height:12px}
.jl-hszam .jl-sav i{background:var(--kiemelt)}
.jl-hszam b{font-variant-numeric:tabular-nums;white-space:nowrap}
.jl-hlista{display:grid;gap:10px}
.jl-hk{display:grid;grid-template-columns:24px minmax(250px,1.6fr) 150px minmax(170px,1fr) 132px 130px 150px;
align-items:stretch;border:1px solid var(--keret);border-radius:var(--r);background:var(--lap);
box-shadow:var(--arnyek);overflow:hidden}
.jl-hk > div{display:flex;flex-direction:column;justify-content:center;padding:12px 14px;
min-width:0}
.jl-hk > .jl-hk-szalag{padding:0;border-right:1px solid var(--papir-2);align-items:center}
.jl-hk-szalag span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--m-2xs);
color:var(--kiemelt);white-space:nowrap}
.jl-hk > .jl-hk-jatekos{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
.jl-hk-foto{flex:none;text-decoration:none}
.jl-hk-foto .kep{border-radius:12px}
.jl-hk-adat{min-width:0}
.jl-hk-nev{font-size:var(--m-l);font-weight:700;color:var(--fo);text-decoration:none}
.jl-hk-nev:hover{color:var(--kiemelt)}
.jl-hk-adat .jl-zaszlo{margin:0 4px;vertical-align:-2px}
.jl-hk-adat .jl-dl{margin-top:6px}
.jl-hk > .jl-hk-pont{background:var(--kiemelt);color:#fff;gap:2px}
.jl-hk-pc{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
opacity:.85;font-weight:600}
.jl-hk-pe{font-size:var(--m-3xl);font-weight:700;line-height:1.1;
font-variant-numeric:tabular-nums;margin-bottom:4px}
.jl-hk-psor{display:flex;justify-content:space-between;font-size:var(--m-xs);opacity:.92}
.jl-hk-psor b{font-variant-numeric:tabular-nums}
.jl-hk-hfej{display:flex;justify-content:space-between;align-items:baseline;
font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
font-weight:600;color:var(--halvany);margin-bottom:4px}
.jl-hk-hfej b{font-size:var(--m-2xl);color:var(--fo);letter-spacing:-.01em}
.jl-hk-cs{display:flex;justify-content:space-between;font-size:var(--m-xs);
text-transform:uppercase;color:var(--fo-halvany);padding:1px 0}
.jl-hk-cs b{font-variant-numeric:tabular-nums}
.jl-hk-tengely{font-size:var(--m-2xs);color:var(--halvany);margin-top:4px}
.jl-hk > .jl-hk-kerek{align-items:center;padding:6px 0}
.jl-hk-jsor{display:flex;flex-direction:column;margin:3px 0}
.jl-hk-jsor span{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);font-weight:600}
.jl-hk-jsor b{font-size:var(--m-xl);font-variant-numeric:tabular-nums}
.jl-hk > .jl-hk-akcio{border-left:1px solid var(--papir-2);align-items:stretch;gap:6px}
.jl-hk-akcio form{display:flex;flex-direction:column;gap:6px;margin:0}
.jl-hk-akcio select{font-size:var(--m-xs);padding:5px 6px}
.jl-hk-akcio button{display:flex;align-items:center;justify-content:center;gap:6px;
font-size:var(--m-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--betukoz);
background:var(--lap);color:var(--kiemelt);border:1px solid var(--kiemelt);
border-radius:8px;padding:8px 10px;cursor:pointer}
.jl-hk-akcio button:hover{background:var(--kiemelt-halvany)}
.jl-hk-akcio a{font-size:var(--m-xs)}
@media (max-width:1380px){
.jl-hk{grid-template-columns:24px minmax(0,1.5fr) 140px minmax(0,1fr) 132px;
grid-template-areas:none}
.jl-hk > .jl-hk-jobb,.jl-hk > .jl-hk-akcio{grid-column:2 / -1;flex-direction:row;
justify-content:flex-start;gap:18px;border-left:0;border-top:1px solid var(--papir-2);
padding:8px 14px}
.jl-hk-akcio form{flex-direction:row;align-items:center}
.jl-hk-jsor{flex-direction:row;gap:8px;align-items:baseline}
.jl-hk-jsor b{font-size:var(--m-m)}}
@media (max-width:820px){
.jl-hk{grid-template-columns:1fr}
.jl-hk > .jl-hk-szalag{display:none}
.jl-hk > .jl-hk-jobb,.jl-hk > .jl-hk-akcio{grid-column:auto}}
.jl-jelek{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:var(--m-xs);
margin:12px 0 0;color:var(--fo-halvany)}
.jl-jelek i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;
vertical-align:-1px}
.jl-lista-kulon{margin-top:14px}
.pt-fej{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.pt-fej h1{margin:0;font-size:var(--m-2xl)}
.pt-fej small{color:var(--halvany);font-size:var(--m-s)}
.pt-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}
.pt-racs > .lap{margin:0}
.pt-uzenet{border:1px solid var(--keret);border-radius:12px;padding:12px 14px;background:#fff;
margin:0 0 10px;display:flex;flex-direction:column;gap:6px}
.pt-uzenet.uj{border-color:var(--kiemelt);box-shadow:inset 3px 0 0 var(--kiemelt)}
.pt-uzenet p{margin:0;white-space:pre-wrap;color:var(--fo-halvany);font-size:var(--m-s)}
.pt-u-fej{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pt-u-fej .pt-ido{margin-left:auto;font-size:var(--m-xs)}
.pt-hatarido{font-size:var(--m-xs);font-weight:600;color:var(--sarga)}
.pt-u-lab{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.pt-u-lab form{margin:0}
.uz-forditas{padding:9px 11px;border-radius:10px;background:#f6fbfa;border:1px solid #d8ece8}
.uz-forditas>div:first-child{margin-bottom:4px}
.uz-forditas p{color:var(--fo)}
.uz-fordit-gomb{align-self:flex-start}
.uz-fordit-gomb form{margin:0}
.pt-latta{font-size:var(--m-xs)}
.pt-hatarido.lejart{color:var(--piros)}
.uz-elozmeny{font-size:var(--m-xs)}
.uz-fulek{margin:0 0 14px}
.uz-urlap optgroup{font-weight:600}
.uz-racs{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;align-items:start}
.uz-racs > .lap{margin:0}
@media (max-width:980px){.uz-racs{grid-template-columns:minmax(0,1fr)}}
.uz-cimzettek{margin:6px 0 0;padding-left:18px;font-size:var(--m-xs)}
.uz-tabla td{vertical-align:top}
.aszk-racs{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:14px;align-items:start}
.aszk-racs .lap{margin:0 0 14px}
@media (max-width:980px){.aszk-racs{grid-template-columns:minmax(0,1fr)}}
.aszk-urlap{display:flex;flex-direction:column;gap:10px}
.aszk-urlap select[size]{width:100%;min-height:220px}
.aszk-urlap input[type=search]{width:100%;margin:0 0 6px}
.aszk-meccsek summary{cursor:pointer;font-weight:600;margin:0 0 8px}
.aszk-meccs-lista{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:4px;
font-size:var(--m-xs);margin:0 0 10px}
.aszk-meccs{display:flex;gap:6px;align-items:center}
.aszk-ablak{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aszk-fo{min-width:0}
.aszk-szam{display:flex;flex-direction:column;gap:2px;margin:0 0 12px}
.aszk-szam b{font-size:var(--m-2xl)}
.aszk-tabla td{vertical-align:top}
.aszk-mentes{display:flex;justify-content:flex-end;margin:0 0 10px}
.pt-klipek{margin:0}
.pt-szamok{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 12px}
.pk-tabla td{vertical-align:top}
.pk-urlap textarea{width:100%;min-height:84px;padding:8px 10px;border:1px solid var(--keret-eros);
border-radius:8px;font:inherit}
.ht-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin:4px 0 14px}
.ht-kartya{border:1px solid var(--keret);border-radius:12px;padding:14px 16px;background:var(--lap,#fff);min-width:0}
.ht-kartya h3{margin:0 0 10px;font-size:15px}
.ht-edzo{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.ht-edzo .ht-nev{font-weight:700;font-size:16px}
.ht-sor{display:flex;gap:8px;align-items:center;min-width:0}
.ht-sor+.ht-sor{margin-top:6px}
.ht-sor .ht-nev{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ht-szam{font-variant-numeric:tabular-nums;color:var(--halvany,#64748b);min-width:22px;text-align:right}
.ht-cimke{display:inline-block;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;white-space:nowrap}
.ht-cimke.serult{background:#fee2e2;color:#991b1b}
.ht-cimke.eltiltott{background:#fef3c7;color:#92400e}
.ht-cimke.vissza{background:#dcfce7;color:#166534}
.ht-poszt{margin:12px 0 4px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--halvany,#64748b)}
.ht-savok{display:flex;flex-direction:column;gap:6px}
.ht-sav{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13px}
.ht-sav .s{height:10px;border-radius:5px;background:var(--hangsuly,#2563eb)}
.ht-sav .h{background:var(--keret);border-radius:5px;overflow:hidden}
.ht-szamok{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:10px}
.ht-figy{border-left:4px solid #d97706;background:#fffbeb;color:#78350f;border-radius:8px;padding:9px 12px;margin:0 0 12px}
.ht-forma{display:inline-flex;gap:3px;flex-wrap:wrap}
.ht-forma span{width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}
.ht-forma .W{background:#16a34a}.ht-forma .D{background:#94a3b8}.ht-forma .L{background:#dc2626}
@media (max-width:560px){.ht-sav{grid-template-columns:52px minmax(0,1fr) auto}}
.ovr-valaszto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.ovr-keret{border:1px solid var(--keret);border-radius:10px;padding:12px 14px;background:#fff}
.ovr-keret h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:var(--m-m)}
.ovr-keret .ovr-gyors{margin-left:auto;display:flex;gap:6px}
.ovr-keret .ovr-gyors button{font-size:var(--m-xs);padding:3px 8px}
.ovr-poszt{margin:10px 0 2px;font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
text-transform:uppercase;color:var(--halvany)}
.ovr-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 10px}
.ovr-lista label{display:flex;align-items:center;gap:7px;margin:0;padding:4px 2px;font-size:var(--m-s);
color:var(--fo);cursor:pointer;border-radius:5px}
.ovr-lista label:hover{background:#f1f5f9}
.ovr-lista input{margin:0;flex:none}
.ovr-lista small{color:var(--halvany);margin-left:auto;font-variant-numeric:tabular-nums}
.ovr-gombsor{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.ovr-doboz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px;align-items:start}
.ovr-doboz.egymas-ala{grid-template-columns:1fr}
@media (max-width:1000px){.ovr-doboz{grid-template-columns:1fr}}
.ovr-radar{display:block;width:100%;height:auto;max-width:620px;margin:0 auto}
.ovr-radar .ovr-halo{fill:none;stroke:#e2e8f0;stroke-width:1}
.ovr-radar .ovr-cimke{fill:#475569}
.ovr-radar .ovr-skala{fill:#94a3b8}
.ovr-radar .ovr-alak{fill:var(--sz);fill-opacity:.10;stroke:var(--sz);stroke-width:2;
stroke-linejoin:round;mix-blend-mode:multiply}
.ovr-radar .ovr-pont{fill:var(--sz);stroke:#fff;stroke-width:2}
.ovr-radar .ovr-sor{transition:opacity .15s}
.ovr-radar .ovr-sor.rejtett{display:none}
.ovr-radar.kiemel .ovr-sor{opacity:.18}
.ovr-radar.kiemel .ovr-sor.fokusz{opacity:1}
.ovr-radar.kiemel .ovr-sor.fokusz .ovr-alak{fill-opacity:.22;stroke-width:2.6}
.ovr-jelek{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.ovr-jel{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--fo);
border:1px solid var(--keret);border-radius:999px;padding:3px 10px 3px 7px;font-size:var(--m-xs);font-weight:600}
.ovr-jel i{width:16px;height:0;border-top:3px solid var(--sz);border-radius:2px}
.ovr-jel i.szagg{border-top-style:dashed}
.ovr-jel[aria-pressed=false]{opacity:.45;text-decoration:line-through}
.ovr-kartyak{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:14px}
.ovr-kartya{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--keret);
border-left:4px solid var(--sz);border-radius:10px;padding:9px 12px;min-width:0}
.ovr-kartya.szagg{border-left-style:dashed}
.ovr-kartya > div{min-width:0}
.ovr-kartya a{color:var(--fo);text-decoration:none}
.ovr-kartya a:hover{color:var(--kiemelt)}
.ovr-kartya small{display:block;font-size:var(--m-xs);color:var(--halvany);overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
.ovr-tabla{width:100%;font-size:var(--m-s)}
.ovr-tabla th[scope=row]{font-weight:400;color:var(--fo-halvany);text-align:left;text-transform:none;
letter-spacing:0;font-size:var(--m-s);background:none;white-space:nowrap}
.ovr-tabla thead th{white-space:nowrap}
.ovr-tabla thead th i{display:inline-block;width:12px;height:0;border-top:3px solid var(--sz);
vertical-align:middle;margin-right:5px}
.ovr-tabla .ovr-csop th{padding-top:14px;font-size:var(--m-2xs);font-weight:700;letter-spacing:var(--betukoz);
text-transform:uppercase;color:var(--halvany);background:none}
.ovr-tabla td.ovr-legjobb{font-weight:700}
.jlink{color:inherit;text-decoration:none;border-bottom:1px dotted #94a3b8}
.jlink:hover{color:var(--kiemelt);border-bottom-color:currentColor}
.jlink-svg{cursor:pointer}
.jlink-svg:hover text{text-decoration:underline}
.mr-riport{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);max-width:100%}
.mr-riport>*{min-width:0;max-width:100%}
.mr-betolto{min-width:0;max-width:100%}
.mr-fej{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;
text-align:center;padding:6px 0 2px}
.mr-fej .cs{font-size:var(--m-l);font-weight:700}
.mr-fej .eredmeny{font-size:var(--m-3xl);font-weight:700;font-variant-numeric:tabular-nums;
letter-spacing:.04em}
.mr-fej .golok{font-size:var(--m-s);color:var(--halvany);margin-top:4px;line-height:1.5}
.mr-ket{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.mr-harom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mr-ket>*,.mr-harom>*{min-width:0}
.mr-szakasz{break-inside:avoid-page}
.mr-szakasz h3{margin:8px 0 6px;font-size:var(--m-m)}
.mr-szakasz h4{margin:6px 0 4px;font-size:var(--m-s);color:var(--halvany);font-weight:600}
.mr-tabla{width:100%;border-collapse:collapse;font-size:var(--m-xs)}
.mr-tabla th,.mr-tabla td{padding:4px 6px;border-bottom:1px solid var(--papir-2);
text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mr-tabla th{font-weight:600;color:var(--halvany);font-size:var(--m-2xs);
text-transform:uppercase;letter-spacing:.02em}
.mr-tabla td.nev,.mr-tabla th.nev{text-align:left;white-space:normal}
.mr-tabla tr.ossz td{font-weight:700;border-top:2px solid var(--keret)}
.mr-tabla tr.csere td{color:var(--halvany)}
.mr-tabla td.ures{color:var(--halvany)}
.mr-tabla.matrix th.fugg{writing-mode:vertical-rl;transform:rotate(180deg);
text-align:left;vertical-align:bottom;white-space:nowrap;padding:6px 2px}
.mr-tabla.matrix td{text-align:center}
.em-tabla th[title]{cursor:help}
.em-jtabla td.nev{cursor:help}
.em-jtabla tr.em-csop th{text-align:left;padding-top:12px;color:var(--fo);font-size:var(--m-xs)}
.mr-tabla.matrix td.nev,.mr-tabla.matrix th.nev{text-align:left;white-space:nowrap}
.mr-tabla.matrix td.h1{background:color-mix(in srgb,var(--kiemelt) 18%,transparent)}
.mr-tabla.matrix td.h2{background:color-mix(in srgb,var(--kiemelt) 36%,transparent);font-weight:700}
.mr-tabla.matrix td.h3{background:color-mix(in srgb,var(--kiemelt) 60%,transparent);font-weight:700;color:#fff}
.mr-abra svg.mr-palya{width:100%;height:auto;display:block}
.mr-abra svg.mr-palya[viewBox^="290"]{max-width:420px}
.mr-abra.kicsi figcaption{font-size:var(--m-xs)}
.mr-idovonal{width:100%;height:auto}
.mr-oszlop{width:100%;height:auto}
.mr-lap{border-top:2px solid var(--keret);padding-top:12px;margin-top:6px;break-before:page}
.mr-lap h3 .szam{display:inline-block;min-width:2em;color:var(--halvany)}
.mr-lap .mr-perc{color:var(--halvany);font-size:var(--m-s);font-weight:400;margin-left:8px}
.mr-eszkoz{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.mr-jatekoslista{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--m-s)}
.mr-hiany{color:var(--halvany);font-size:var(--m-s);margin:4px 0}
.mr-tovabb{margin:4px 0;font-size:var(--m-s)}
.mr-betolto{min-height:120px}
.mr-nev-lista{font-size:var(--m-xs);color:var(--halvany);columns:2;margin:4px 0 0;padding-left:18px}
@media (max-width:860px){.mr-ket,.mr-harom{grid-template-columns:1fr}}
@media print{
.mr-eszkoz,.mr-tovabb{display:none!important}
.mr-riport{gap:8px}
.mr-tabla{font-size:var(--m-2xs)}
.mr-ket{grid-template-columns:1fr 1fr!important}
.mr-harom{grid-template-columns:repeat(3,1fr)!important}
.tk-szakasz,.mr-szakasz{box-shadow:none;border:0}
}
/* ---- 2026-10-04c: interaktiv reteg (interaktiv.py) ---- */
th.rendezheto{cursor:pointer;user-select:none;white-space:nowrap}
th.rendezheto:after{content:"";display:inline-block;width:0;height:0;margin-left:6px;
vertical-align:middle;border:4px solid transparent;border-top-color:currentColor;
opacity:.22;transform:translateY(2px)}
th.rendezheto:hover:after{opacity:.55}
th.rendezheto[aria-sort=descending]:after{opacity:1;color:var(--kiemelt)}
th.rendezheto[aria-sort=ascending]:after{opacity:1;color:var(--kiemelt);
transform:translateY(-2px) rotate(180deg)}
th.rendezheto:focus-visible{outline:2px solid var(--kiemelt);outline-offset:-2px}
figure.abra [data-info]{cursor:help}
a.lanc-link{text-decoration:none;color:inherit;display:inline-flex;border-radius:8px}
a.lanc-link:hover .lanc-elem, a.lanc-link:focus-visible .lanc-elem{transform:translateY(-2px);
box-shadow:0 4px 12px rgba(15,23,42,.18)}
.lanc-elem{transition:transform .12s, box-shadow .12s}
a.rot-link rect:hover{stroke:#0f172a;stroke-width:1.5}
.gk-pont:hover, .gk-pont:focus{fill:rgba(29,78,216,.15)}
svg [data-info]:focus{outline:none}
svg [data-info]:focus-visible{stroke:#f59e0b;stroke-width:2}
.oszlop-sor[data-info]:hover{background:rgba(29,78,216,.05);border-radius:6px}
figure.abra a [data-info], figure.abra [data-info] a{cursor:pointer}
.nagy-sav{position:absolute;z-index:4;display:flex;gap:4px;opacity:0;
transition:opacity .15s;pointer-events:none}
figure:hover>.nagy-sav, figure:focus-within>.nagy-sav, figure.nagyitva>.nagy-sav{opacity:1;pointer-events:auto}
@media (hover:none){.nagy-sav{opacity:1;pointer-events:auto}}
.nagy-gomb{width:30px;height:30px;padding:0;border-radius:8px;font:600 16px/1 inherit;
background:rgba(15,23,42,.72);color:#fff;border:1px solid rgba(255,255,255,.25);
cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(4px)}
.nagy-gomb:hover:not(:disabled){background:rgba(15,23,42,.9)}
.nagy-gomb:disabled{opacity:.35;cursor:default}
.nagy-gomb.vissza{font-size:15px}
svg.nagyitva{cursor:grab;touch-action:none}
svg.nagyitva:active{cursor:grabbing}
figure.abra.terkep svg[viewBox]:not(.xgiv):not(.tk-diagram), figure.abra svg.szpalya, svg.fn-palya{touch-action:pan-x pan-y}
@media print{.nagy-sav{display:none}}
@media (prefers-reduced-motion:no-preference){
figure.anim-var .vsav i, figure.anim-var .oszlop-sav i, figure.anim-var .aranysav i,
figure.anim-var .lanc-elem, figure.anim-var .tk-sav, figure.anim-var svg circle,
figure.anim-var .idovonal .sav i{opacity:0}
figure.anim-var .vsav i, figure.anim-var .oszlop-sav i, figure.anim-var .aranysav i{
transform:scaleX(0);transform-origin:left center}
figure.anim-var .oszlop-sav.bal i{transform-origin:right center}
figure.anim-be .vsav i, figure.anim-be .oszlop-sav i, figure.anim-be .aranysav i{
animation:md1q-sav .75s cubic-bezier(.2,.75,.25,1) both}
figure.anim-be .lanc-elem, figure.anim-be .idovonal .sav i{animation:md1q-be .45s ease-out both}
figure.anim-be svg circle{animation:md1q-be .5s ease-out both}
figure.anim-be .lanc-elem:nth-child(2n), figure.anim-be svg circle:nth-of-type(2n){animation-delay:.06s}
figure.anim-be .lanc-elem:nth-child(3n), figure.anim-be svg circle:nth-of-type(3n){animation-delay:.12s}
figure.anim-be .vosszlopok .vsor:nth-child(n+4) i, figure.anim-be .oszlopok .oszlop-sor:nth-child(n+4) i{animation-delay:.1s}
figure.anim-be .vosszlopok .vsor:nth-child(n+8) i, figure.anim-be .oszlopok .oszlop-sor:nth-child(n+8) i{animation-delay:.2s}
.anim-vonal{transition:stroke-dashoffset 1.1s cubic-bezier(.35,.6,.25,1)}
@keyframes md1q-sav{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes md1q-be{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
}
@media print{figure.anim-var *{opacity:1!important;transform:none!important;animation:none!important;
stroke-dashoffset:0!important}}
/* xG-gorbe lejatszasa */
.xg-lej{display:flex;align-items:center;gap:10px;margin:8px 0 0;max-width:600px}
.xg-lej-gomb{width:32px;height:32px;border-radius:50%;padding:0;flex:none;font-size:12px;
background:var(--kiemelt,#2563eb);color:#fff;border:0;cursor:pointer}
.xg-lej input[type=range]{flex:1;min-width:80px}
.xg-lej-ki{font-variant-numeric:tabular-nums;font-size:var(--m-s);white-space:nowrap;color:var(--fo,#0f172a)}
.xg-kurzor{stroke:#f59e0b;stroke-width:2}
@media print{.xg-lej{display:none}}
/* Kieses modellezes: tobb kieso + palya */
.ki-osszeg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:18px;align-items:start}
.ki-osszeg .ki-palya .abra{margin:0}
@media (max-width:900px){.ki-osszeg{grid-template-columns:1fr}}
.ki-sugo{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* Csere-tervezo a palyan */
.cs-racs{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:900px){.cs-racs{grid-template-columns:1fr}}
.cs-palya .abra{margin:0}
.cs-palya [data-j]{cursor:pointer}
.cs-pad h4{margin:0 0 8px;font-size:var(--m-s);color:var(--halvany);text-transform:uppercase;letter-spacing:.06em}
.cs-chipek{display:flex;flex-wrap:wrap;gap:8px}
.cs-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;
border:1px solid var(--keret,#e2e8f0);background:var(--lap,#fff);cursor:grab;touch-action:none;
font:inherit;color:inherit;text-align:left}
.cs-chip:hover{border-color:var(--kiemelt,#2563eb)}
.cs-chip span{display:flex;flex-direction:column;line-height:1.15}
.cs-chip small{color:var(--halvany);font-size:var(--m-xs)}
.cs-chip.cs-bejel{border-color:#16a34a;box-shadow:0 0 0 2px rgba(22,163,74,.25)}
.cs-szellem{position:fixed;z-index:99;pointer-events:none;transform:translate(-50%,-50%) scale(1.05);
box-shadow:0 12px 30px rgba(15,23,42,.3);opacity:.95}
svg g.cs-lejel circle:first-of-type{stroke:#dc2626;stroke-width:4}
svg g.cs-cel circle:first-of-type{stroke:#16a34a;stroke-width:5}
svg g.cs-lejel{filter:drop-shadow(0 0 4px rgba(220,38,38,.6))}
/* kozos meccsasztal */
.kozos-jel{display:inline-flex;align-items:center;gap:6px;font-size:var(--m-xs);color:var(--halvany);
vertical-align:middle;margin:0 6px}
.kozos-jel:before{content:"";width:8px;height:8px;border-radius:50%;background:#94a3b8}
.kozos-jel.elo:before{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.18)}
.kozos-jel.ment:before{background:#f59e0b}
.kozos-jel.offline{color:#b45309}
.kozos-jel.offline:before{background:#dc2626}
.csip-ki{color:var(--halvany);font-size:var(--m-2xs,10px);margin-left:2px;max-width:9em;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
/* infodoboz-, kiemeles- es lejatszo-celpontok */
.radar-pont,.xg-loves{cursor:help}
.szp-jatekos[data-j],.lt-sav[data-j],.rot-sor[data-j]{cursor:pointer}
.xg-sorok{pointer-events:auto}
.cs-tabla{position:relative}
.ki-parok{min-width:0}
/* reszleges csere */
main.reszleges-tolt{opacity:.5;transition:opacity .15s .1s;pointer-events:none}
main.reszleges-tolt:before{content:"";position:fixed;left:0;top:0;height:3px;width:100%;z-index:95;
background:linear-gradient(90deg,transparent,var(--kiemelt,#2563eb),transparent);
background-size:40% 100%;background-repeat:no-repeat;animation:md1q-csik 1s linear infinite}
@keyframes md1q-csik{from{background-position:-40% 0}to{background-position:140% 0}}
/* kereszt-kiemeles */
.j-halv{opacity:.22;transition:opacity .15s}
.j-ki{transition:opacity .15s}
svg .j-ki circle:first-of-type, svg g.j-ki rect, svg circle.j-ki, svg rect.j-ki{stroke:#f59e0b;stroke-width:3}
svg path.j-ki{stroke-width:3.5}
svg g.rot-sor.j-ki text{font-weight:700;fill:#b45309}
.jsav-elem.j-ki{outline:2px solid #f59e0b;outline-offset:3px;border-radius:12px}
tr.j-ki-sor>td{background:rgba(245,158,11,.13)}
a.jlink.j-ki{background:rgba(245,158,11,.2);border-radius:4px}
@media print{.j-halv{opacity:1}}
.uj-uzenet-sav{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;gap:10px;
align-items:center;padding:11px 12px 11px 16px;border-radius:12px;background:#0f172a;
color:#fff;box-shadow:0 12px 34px rgba(15,23,42,.35);font-size:var(--m-m)}
.uj-uzenet-sav[hidden]{display:none}
.uj-uzenet-sav a{color:#fff;font-weight:600;text-decoration:none}
.uj-uzenet-sav a:hover{text-decoration:underline}
.uj-uzenet-sav button{background:transparent;border:0;color:#cbd5e1;font-size:18px;
cursor:pointer;padding:0 4px;line-height:1}
@media (prefers-reduced-motion:no-preference){
.uj-uzenet-sav:not([hidden]){animation:md1q-be .3s ease-out both}}
@media print{.uj-uzenet-sav{display:none}}
/* ---- 2026-10-04c: belepo jelenet (belepo.py) ---- */
/* a reflektor helye; a BELEPO_JS az eger szerint irja at */
.belepo{--mx:18%;--my:-8%}
.belepo:before{background:
radial-gradient(520px 420px at var(--mx) var(--my),rgba(96,165,250,.22),transparent 62%),
radial-gradient(620px 380px at 88% 4%,rgba(14,165,160,.18),transparent 60%)!important}
.belepo .belepo-palya{opacity:.12}
.belepo-allitas h2{margin-bottom:10px}
.bj{margin:22px 0 0;max-width:560px}
.bj-keret{position:relative;border-radius:16px;overflow:hidden;
background:linear-gradient(180deg,rgba(14,70,52,.55),rgba(8,40,32,.7));
border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(2,10,20,.45)}
.bj-svg{display:block;width:100%;height:auto;color:rgba(214,240,226,.38)}
.bj-reteg{transition:opacity .35s ease}
.bj-vonal{pointer-events:none}
.bj-utak,.bj-ff{pointer-events:none}
.bj-reteg.rejt{opacity:0}
.bj-ut{fill:none;stroke:#93c5fd;stroke-width:.55;stroke-linecap:round}
.bj-ut.c{stroke-dasharray:1 1.2;stroke:#bfdbfe}
.bj-ut.s{stroke:#fde047;stroke-width:.75}
.bj-nev{font:600 2.3px/1 system-ui,sans-serif;fill:#fff;paint-order:stroke;stroke:rgba(0,0,0,.55);
stroke-width:.5px}
.bj-labda{fill:#fff;filter:drop-shadow(0 0 1.4px rgba(255,255,255,.9))}
.bj-p{stroke:rgba(0,0,0,.35);stroke-width:.25}
.bj-p.s{fill:#60a5fa}.bj-p.e{fill:#f87171}.bj-p.k{fill:#fbbf24}.bj-p.l{fill:#fde047}
.bj-xg{font:700 3.2px/1 system-ui,sans-serif;fill:#fde047;paint-order:stroke;stroke:rgba(0,0,0,.6);stroke-width:.6px}
.bj-xi circle{fill:#1d4ed8;stroke:#bfdbfe;stroke-width:.35}
.bj-el{stroke:#93c5fd;stroke-linecap:round}
.bj-cs{fill:#60a5fa;stroke:#fff;stroke-width:.3}
.bj-idov line{stroke:rgba(255,255,255,.35);stroke-width:.3}
.bj-idov .gol{fill:#fde047}.bj-idov .piros{fill:#ef4444}.bj-idov .sarga{fill:#facc15}.bj-idov .csere{fill:#93c5fd}
.bj-jel{position:absolute;left:12px;top:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
color:rgba(226,240,250,.8);font-weight:600}
.bj-lejatszo{position:absolute;right:10px;top:8px;width:30px;height:30px;border-radius:50%;
border:1px solid rgba(255,255,255,.2);background:rgba(2,10,20,.45);color:#fff;font-size:11px;
cursor:pointer;display:grid;place-items:center;padding:0}
.bj-lejatszo:hover{background:rgba(2,10,20,.7)}
.bj figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-top:9px;
font-size:var(--m-s);color:rgba(206,226,242,.8)}
.bj-cim b{color:#fff}
.bj-meccs{color:rgba(206,226,242,.6)}
.bj-forras{margin-left:auto;font-size:var(--m-xs);color:rgba(178,201,221,.55)}
.bj-fulek{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;max-width:560px}
.bj-ful{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;
border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(214,232,246,.9);
font:inherit;font-size:var(--m-s);cursor:pointer;transition:background .15s,border-color .15s}
.bj-ful b{font-weight:600;color:#fff}
.bj-ful svg{color:#8ec5f0}
.bj-ful:hover,.bj-ful[aria-pressed=true]{background:rgba(96,165,250,.16);border-color:rgba(96,165,250,.55)}
.bj-ful:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}
.bj-leiras{margin:10px 0 0;min-height:3em;max-width:560px;font-size:var(--m-s);line-height:1.5;
color:rgba(206,226,242,.78)}
/* urlap */
.belepo-jelszo{position:relative}
.belepo-jelszo input{width:100%;padding-right:46px}
.belepo-szem{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:34px;
border:0;background:transparent;color:rgba(214,232,246,.7);cursor:pointer;border-radius:8px;
display:grid;place-items:center;padding:0;margin:0!important;box-shadow:none!important}
.belepo-szem:hover,.belepo-szem[aria-pressed=true]{color:#fff;background:rgba(255,255,255,.08)}
.belepo-caps{margin:6px 0 0;font-size:var(--m-xs);color:#fcd34d}
.belepo-caps[hidden]{display:none}
.belepo-doboz button[type=submit][disabled]{opacity:.75;cursor:progress;transform:none}
@media (prefers-reduced-motion:no-preference){
.belepo-doboz.razkod{animation:belepo-razkod .42s cubic-bezier(.36,.07,.19,.97) both}
@keyframes belepo-razkod{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}
30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}
}
@media (max-height:820px) and (min-width:1041px){.belepo-allitas > p{display:none}}
@media (max-width:760px){.bj,.bj-fulek,.bj-leiras{display:none}}
/* 2026-10-04d: interaktiv teljesitmenytrend (trend.py) */
.trend-pult{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px;font-size:var(--m-s)}
.trend-ablak,.trend-torol{padding:4px 11px;border-radius:999px;border:1px solid var(--keret);background:#fff;
color:var(--fo-halvany);font-size:var(--m-s);cursor:pointer}
.trend-ablak.aktiv{background:var(--kiemelt-halvany);border-color:var(--kiemelt);color:var(--kiemelt);font-weight:600}
.trend-torol{margin-left:auto}
.trend-abra{margin:4px 0 10px;max-width:680px}
.trend-jel{display:flex;flex-wrap:wrap;gap:12px;font-size:var(--m-xs);color:var(--fo-halvany);margin-top:4px}
.trend-jel i{display:inline-block;width:12px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}
.trend-tabla td.szam,.trend-tabla th.szam{text-align:right;font-variant-numeric:tabular-nums}
.trend-tabla td.jo{color:var(--zold);font-weight:600}.trend-tabla td.rossz{color:var(--piros);font-weight:600}
.trend-tabla tr.trend-sor{cursor:pointer}
.trend-tabla tr.trend-sor:hover td{background:var(--kiemelt-halvany)}
.trend-tabla tr.kijelolt td{background:#eff6ff}
.trend-tabla tr.kijelolt td:first-child{box-shadow:inset 3px 0 0 var(--kiemelt);font-weight:600}
.trend-ivcella{padding-top:2px;padding-bottom:2px}
.trend-iv{display:block}
.trend-ures{margin:6px 0}
.fa-szerk{margin:0 0 16px}
.fa-szerk>summary{cursor:pointer;font-weight:700;font-size:var(--m-l)}
.fa-szerk .fa-csapatok{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:18px;margin-top:12px}
.fa-urlap h3{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.fa-urlap .fa-fej{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:10px}
.fa-palya{display:flex;flex-direction:column;gap:8px;padding:12px 10px;border-radius:var(--r);
background:linear-gradient(180deg,#2f8f4e,#2a8347)}
.fa-sor{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.fa-sor-cim{display:block;text-align:center;font-size:var(--m-xs);color:rgba(255,255,255,.85);
margin-bottom:2px}
.fa-sor .fa-hely{max-width:170px;min-width:0;flex:1 1 0;font-size:var(--m-s)}
.fa-gombok{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.fa-uzenet{margin:8px 0 0}
.fa-uzenet.hiba{color:var(--piros)}
@media (max-width:520px){.fa-sor .fa-hely{max-width:none;flex-basis:45%}}
.szp-ismeretlen,.fo-ismeretlen,.szp-kerdojel{cursor:help}
/* 2026-10-08: a pillanatkep perc-valasztoja az abra folott */
.pill-blokk{min-width:0}
.szurosor.pill-perc{margin:0 0 8px}
/* 2026-10-08: MD1Q-jelzes a nyomtatott oldalak aljan (minden oldalon) */
.nyomtat-marka{display:none}
@media print{
@page{margin:12mm 12mm 14mm}
/* position:fixed: a bongeszok minden nyomtatott oldalon megismetlik
(Chrome, Safari, Firefox); a jel mogott feher alap, csak a szoveg alatt */
.nyomtat-marka{display:block;position:fixed;right:0;bottom:0;background:#fff;
padding:1mm 0 0 3mm;font-size:var(--m-2xs);font-weight:600;color:#475569}
}
.kz-fo .kz-kep{margin:0}
.kz-fo .kz-kep figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kz-fo .kz-kep svg{display:block;border-radius:var(--r);box-shadow:var(--arnyek)}
/* v1.18: a kozlesi kep letoltogombjai mindig latszanak (telefonon nincs hover) */
.kz-kep .kz-letolt{position:static;opacity:1;justify-content:flex-end;flex-wrap:wrap;
gap:6px;margin-top:8px}
.kz-kep .kz-letolt button{font-size:var(--m-xs);padding:4px 10px}
.kz-arc-urlap input[type=color]{width:64px;height:36px;padding:2px;border:1px solid var(--keret);
border-radius:8px;background:var(--lap)}
.kz-arc-urlap .kz-arc-alap{flex-direction:row;gap:7px;align-items:center}
.kz-arc-jelen{margin:12px 0}
.kz-arc-logo{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;
border:1px dashed var(--keret);border-radius:10px;margin-right:10px;
background:repeating-conic-gradient(#e2e8f0 0 25%,#fff 0 50%) 0 0/16px 16px}
.kz-arc-logo img{height:56px;width:auto;max-width:220px;display:block}
.kz-arc-elonezet{margin:6px 0 0;max-width:640px}
.kz-arc-elonezet figcaption{font-size:var(--m-xs);margin-bottom:4px}
.kz-arc-elonezet svg{display:block;width:100%;height:auto;border-radius:var(--r)}
.kom-nav{margin-bottom:10px}
.kom-lap .kom-oldal h2{font-size:var(--m-l);margin:0 0 4px;display:flex;align-items:center;gap:8px;
border:0;padding:0}
.kom-lap .kom-oldal>p{margin:0 0 10px;font-size:var(--m-s)}
.kom-lap table td.szam,.kom-lap table th.szam{text-align:end;font-variant-numeric:tabular-nums}
.kom-lap tr.kom-csere-fej td{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany);padding-top:10px}
.kom-lap tr.kiemelt td,.elo-racs tr.kiemelt td{background:#fef3c7;font-weight:600}
.kom-lap ul{margin:0;padding-inline-start:18px;font-size:var(--m-s)}
.kom-lap .kom-sor li{margin:0}
.kom-lap .kom-sor-ota{margin:2px 0 0;font-size:var(--m-2xs)}
.elo-sorozat{margin:0 0 6px;padding-inline-start:18px;font-size:var(--m-s)}
.elo-lista b.elo-sor{font-weight:600;color:var(--kiemelt)}
.elo-st{width:100%;margin:0 0 10px;table-layout:fixed}
.elo-st th{white-space:normal;overflow-wrap:break-word;text-transform:none;letter-spacing:0}
.elo-st th:first-child,.elo-st th:last-child{width:32%}
.elo-st td{vertical-align:middle}
.elo-st-felirat{font-size:var(--m-xs);color:var(--halvany);text-align:center}
.elo-st-sav{height:6px;border-radius:3px;background:#dc2626;overflow:hidden;margin-top:2px}
.elo-st-sav i{display:block;height:100%;background:#16a34a}
.elo-esely .elo-esely-elotte{margin:6px 0 4px;font-size:var(--m-xs)}
.elo-esely .elo-esely-sav{margin-top:4px}
.elo-gorbe{width:100%;height:auto;display:block;margin-top:4px}
.elo-gorbe polygon.h{fill:#16a34a;opacity:.85}
.elo-gorbe polygon.d{fill:#94a3b8;opacity:.85}
.elo-gorbe polygon.v{fill:#dc2626;opacity:.85}
.elo-gorbe line.r{stroke:#fff;stroke-opacity:.45;stroke-width:1}
.elo-gorbe line.r.felido{stroke-dasharray:4 3;stroke-opacity:.9}
.elo-gorbe text{font-size:var(--m-2xs);fill:var(--halvany)}
.elo-gorbe circle.gol{stroke:#fff;stroke-width:1}
.elo-gorbe circle.gol.h{fill:#14532d}
.elo-gorbe circle.gol.v{fill:#7f1d1d}
.elo-gorbe rect.piros{fill:#b91c1c;stroke:#fff;stroke-width:.8}
.elo-fej{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;text-align:center}
.elo-fej .elo-csapat{font-size:var(--m-xl);font-weight:700;text-align:end}
.elo-fej .elo-csapat.jobbra{text-align:start}
.elo-eredmeny{font-size:var(--m-3xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.elo-eredmeny span{color:var(--halvany);font-weight:400;margin:0 8px}
.elo-meta{grid-column:1/-1;font-size:var(--m-s);color:var(--halvany)}
.elo-racs{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px}
@media (max-width:900px){.elo-racs{grid-template-columns:1fr}}
.elo-lista{list-style:none;margin:0;padding:0}
.elo-esemeny{display:grid;grid-template-columns:52px 14px 1fr;gap:10px;align-items:start;
padding:8px 0;border-bottom:1px solid var(--keret)}
.elo-esemeny:last-child{border-bottom:0}
.elo-perc{font-weight:700;font-variant-numeric:tabular-nums;text-align:end}
.elo-esemeny small{display:block;color:var(--halvany);font-size:var(--m-xs);margin-top:2px}
.elo-ikon{width:12px;height:12px;border-radius:50%;margin-top:5px;background:var(--keret-eros)}
.elo-ikon.gol{background:var(--kiemelt)}
.elo-ikon.sarga{background:#facc15;border-radius:2px;height:14px;width:10px}
.elo-ikon.piros{background:var(--piros);border-radius:2px;height:14px;width:10px}
.elo-ikon.csere{background:#3b82f6}
.elo-allas{margin-inline-start:6px;font-variant-numeric:tabular-nums}
.sr-osszeg{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.sr-osszeg>div{display:flex;flex-direction:column;gap:3px}
.sr-osszeg small{font-size:var(--m-2xs);text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--halvany)}
.sr-osszeg b{font-size:var(--m-xl)}
.sr-pontok{display:inline-flex;align-items:center;gap:3px}
.sr-pontok i{width:9px;height:9px;border-radius:50%;background:var(--keret)}
.sr-pontok i.be{background:var(--kiemelt)}
.sr-pontok b{margin-inline-start:6px;font-variant-numeric:tabular-nums}
.sr-pontok.t10{gap:2px}
.sr-pontok.t10 i{width:7px;height:7px}
.sr-uj{margin-top:14px}
.sr-uj summary{cursor:pointer;font-weight:600}
.sr-sor{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.sr-csoport{border:1px solid var(--keret);border-radius:var(--r);padding:10px 12px;margin:10px 0;
display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 14px}
.sr-csoport legend{font-weight:600;padding:0 6px}
.sr-szempont{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:var(--m-s)}
.sl-sr{margin:6px 0 0;font-size:var(--m-xs)}
.sl-sr a{text-decoration:none}
.arny-fej{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.arny-fej h2{margin:0;border:0;padding:0}
.ak-eszkoz{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ak-palya{position:relative;margin-top:14px;aspect-ratio:68/80;max-width:860px;margin-inline:auto;
background:linear-gradient(#2f8f4e,#2a8347);border-radius:var(--r);
box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.ak-palya:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid rgba(255,255,255,.55)}
.ak-palya:after{content:"";position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;
transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.55);border-radius:50%}
.ak-hely{position:absolute;transform:translate(-50%,-50%);width:min(190px,22%);z-index:1;
background:rgba(255,255,255,.95);border-radius:10px;padding:6px 8px;box-shadow:var(--arnyek);
font-size:var(--m-xs)}
.ak-poszt{font-size:var(--m-2xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--betukoz);
color:var(--kiemelt);margin-bottom:3px}
.ak-hely ol{list-style:none;margin:0;padding:0}
.ak-hely li{display:flex;align-items:center;gap:5px;padding:2px 0;border-top:1px solid var(--keret)}
.ak-hely li:first-child{border-top:0}
.ak-sorszam{font-weight:700;color:var(--halvany);min-width:12px}
.ak-nev{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ak-nev small{display:block;color:var(--halvany);font-size:var(--m-2xs)}
.ak-muv{display:flex;gap:2px}
.ak-gomb{padding:0 5px;font-size:var(--m-xs);line-height:1.4;background:transparent;
color:var(--halvany);border:1px solid var(--keret)}
.ak-hozzaad{display:flex;gap:4px;margin-top:4px}
.ak-hozzaad select{flex:1;min-width:0;font-size:var(--m-2xs);padding:2px 4px}
@media (max-width:760px){.ak-hely{width:30%;font-size:var(--m-2xs)}}
@media print{.ak-hozzaad,.ak-muv,.ak-eszkoz,.sl-fejsor,.kom-nav,.sr-uj{display:none!important}}
.kom-ered{white-space:nowrap}
.kz-urlap select{max-width:100%}
.sr-lap .blokk p{white-space:pre-line}
.sr-urlap textarea{width:100%;font:inherit}
.kom-lap .kom-oldal td:nth-child(2),.kom-lap .kom-oldal td.kom-nev{white-space:nowrap}
.kom-lap{--kom-zoom:1}
@media print{
body:has(.kom-lap) .morzsa,body:has(.kom-lap) .lapfej{display:none!important}
.kom-lap{font-size:var(--m-xs)}
.kom-lap .fej{margin-bottom:8px;padding-bottom:6px}
.kom-lap .fej h1{font-size:var(--m-l)}
.kom-lap .hasabok{gap:14px}
.kom-lap .blokk{margin-bottom:7px}
.kom-lap .blokk h3{margin-bottom:3px;padding-bottom:2px}
.kom-lap table{font-size:var(--m-2xs);margin:2px 0}
.kom-lap th,.kom-lap td{padding:1.5px 4px}
.kom-lap th .rendez-jel,.kom-lap th:after{display:none}
.kom-lap ul{font-size:var(--m-2xs)}
.kom-lap .kom-oldal h2{font-size:var(--m-m)}
.kom-lap td{white-space:nowrap}
.kom-lap{zoom:var(--kom-zoom)}
}
.elo-racs .lap table{font-size:var(--m-s)}
.elo-ikon.csere{background:transparent;border:2px solid var(--halvany);width:8px;height:8px}
.sr-osszeg>div{align-items:flex-start}
.sr-arny{margin:12px 0 0;align-items:center}
.sr-arny label{font-size:var(--m-s);font-weight:600}
.ak-ures{margin:2px 0;color:var(--halvany);font-size:var(--m-2xs)}
.ak-nev small .jelzo{font-size:var(--m-2xs);padding:0 4px;margin-inline-start:3px}
@media (max-width:760px){
.ak-palya{aspect-ratio:auto;background:none;box-shadow:none;display:grid;gap:8px}
.ak-palya:before,.ak-palya:after{display:none}
.ak-hely{position:static;transform:none;width:auto!important;font-size:var(--m-xs);
border:1px solid var(--keret)}
}
.auto-sav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 12px}
.auto-sav form{margin:0}
.auto-sav-cim{display:inline-flex;align-items:center;gap:6px;font-size:var(--m-s);font-weight:600;
color:var(--halvany);margin-inline-end:4px}
.auto-racs{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start}
@media (max-width:900px){.auto-racs{grid-template-columns:1fr}}
.auto-jelzok{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.auto-jelzok .jelzo{display:inline-flex;align-items:center;gap:4px}
.auto-motor-ai{background:#ecfeff;color:#15706a}
.auto-var{margin:0 0 10px}
.auto-szoveg-lap{min-width:0}
.auto-cimke{display:block;font-size:var(--m-xs);font-weight:600;color:var(--halvany);margin:0 0 4px}
.auto-urlap textarea{width:100%;box-sizing:border-box;min-height:200px;font:inherit;font-size:var(--m-m);
line-height:1.55;resize:vertical}
.auto-urlap textarea[readonly]{background:var(--papir-2)}
.auto-gombok{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.auto-masolva{font-size:var(--m-s);color:var(--zold)}
.auto-masolva[hidden]{display:none}
.auto-meta{margin:10px 0 0;font-size:var(--m-xs)}
.auto-tenyek td{font-size:var(--m-s);vertical-align:top;overflow-wrap:break-word}
.auto-tenyek td:first-child{width:45%}
.auto-forras{display:block;margin-top:2px;color:var(--halvany);font-size:var(--m-2xs)}
.auto-lista td{vertical-align:middle}
.auto-lista .jelzo{white-space:nowrap}
.auto-motor-ai svg{flex:0 0 auto}
@media print{.auto-sav,.auto-gombok{display:none!important}}
.terep{max-width:680px;margin:0 auto}
.terep [hidden]{display:none!important}
.terep-ketto label:first-letter,.terep-csoport h3:first-letter{text-transform:uppercase}
.terep-allapot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 16px}
.terep-allapot .masodlagos{margin-inline-start:auto;min-height:44px}
.terep-halo{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:var(--m-m)}
.terep-halo:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--keret-eros)}
.terep-halo.van:before{background:var(--zold)}
.terep-halo.nincs:before{background:var(--piros)}
.terep-szamok,.terep-offline{font-size:var(--m-s);color:var(--halvany)}
.terep .figyelem .gomb{margin-inline-start:6px}
.terep-urlap{padding:16px}
.terep-blokk{border:0;margin:0 0 18px;padding:0;min-width:0}
.terep-blokk legend{font-size:var(--m-l);font-weight:700;color:var(--fo);padding:0;margin-bottom:8px}
.terep-blokk h3{margin:14px 0 6px}
.terep-urlap input[type=text],.terep-urlap input[type=search],.terep-urlap input[type=date],
.terep-urlap textarea{width:100%;min-height:48px;font-size:var(--m-l);font-family:inherit;
padding:10px 12px;border:1px solid var(--keret-eros);border-radius:8px;background:#fff;color:var(--fo)}
.terep-urlap label{font-size:var(--m-m)}
.terep-gombsor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.terep-gombsor.negy{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:480px){.terep-gombsor.negy{grid-template-columns:repeat(2,minmax(0,1fr))}}
.terep-valasz{position:relative;display:block;margin:0;cursor:pointer;color:var(--fo)}
.terep-valasz input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.terep-valasz span{display:flex;align-items:center;justify-content:center;min-height:52px;
padding:6px 4px;border:1px solid var(--keret-eros);border-radius:var(--r);background:#fff;
text-align:center;font-size:var(--m-m);font-weight:600;line-height:1.25;overflow-wrap:break-word;hyphens:auto;
-webkit-tap-highlight-color:transparent;user-select:none}
.terep-valasz input:checked+span{background:var(--kiemelt);border-color:var(--kiemelt);color:#fff}
.terep-valasz input:focus-visible+span{outline:3px solid var(--kiemelt-halvany);outline-offset:1px}
.terep-csoport h3{margin:12px 0 2px}
.terep-pont{display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--keret)}
.terep-pont>span{font-size:var(--m-m);font-weight:600}
.terep-skala{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.terep-skala .terep-valasz span{font-size:var(--m-l);min-height:52px}
@media (min-width:760px){.terep-pont{grid-template-columns:minmax(0,1fr) 320px;align-items:center}}
.terep-ketto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:10px;margin-bottom:18px}
.terep-ketto label{margin-top:0}
@media (max-width:420px){.terep-ketto{grid-template-columns:1fr}}
.terep-valasztott{display:flex;align-items:center;justify-content:space-between;gap:10px;
padding:10px 12px;border:2px solid var(--kiemelt);border-radius:var(--r);background:var(--kiemelt-halvany)}
.terep-valasztott b{display:block;font-size:var(--m-l)}
.terep-valasztott small{display:block;color:var(--halvany);font-size:var(--m-s)}
.terep-valasztott .masodlagos{min-height:44px;flex:none}
.terep-talalatok{display:grid;gap:6px;margin:6px 0}
.terep-talalatok .halvany{margin:4px 0}
.terep-talalat{display:block;width:100%;text-align:start;min-height:52px;padding:8px 12px;
background:#fff;color:var(--fo);border:1px solid var(--keret-eros);border-radius:var(--r)}
.terep-talalat:hover{background:var(--kiemelt-halvany)}
.terep-talalat b{display:block;font-size:var(--m-l)}
.terep-talalat small{display:block;color:var(--halvany);font-size:var(--m-s)}
.terep-kezi-gomb{width:100%;min-height:48px;margin-top:4px}
.terep-kezi{margin-top:4px}
.terep-uzenet{margin:12px 0;padding:10px 12px;border-radius:8px;font-size:var(--m-m);font-weight:600}
.terep-uzenet.jo{background:#f0fdf4;color:var(--zold)}
.terep-uzenet.rossz{background:#fef2f2;color:var(--piros)}
.terep-mentes{display:block;width:100%;min-height:56px;margin-top:14px;font-size:var(--m-l);font-weight:700}
.terep-mentes:disabled,.terep-allapot .masodlagos:disabled{opacity:.55;cursor:default}
.terep-sor h2,.terep-varo h2,.sr-parositas h2{margin-top:0}
.sr-terep{margin-top:12px}
.terep-varo td:first-child{white-space:nowrap}
.terep-lista{list-style:none;margin:0;padding:0}
.terep-elem{padding:10px 0;border-top:1px solid var(--keret)}
.terep-elem:first-child{border-top:0}
.terep-elem small{display:block;color:var(--halvany);font-size:var(--m-s);margin-top:2px}
.terep-elem-fej{display:flex;justify-content:space-between;align-items:center;gap:10px}
.terep-elem-fej b{min-width:0;overflow-wrap:anywhere}
.terep-elem-fej .jelzo{flex:none}
.terep-elem-muv{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:var(--m-s)}
.terep-elem-muv button{min-height:40px}
.terep-elem.hiba .terep-ok{color:var(--piros);font-weight:600;flex-basis:100%}
.terep-elem.var b,.terep-elem.kesz b{color:var(--fo)}
@media (max-width:640px){
.terep-urlap,.terep-sor,.terep-varo{padding:14px 12px}
.terep-allapot .masodlagos{width:100%;margin-inline-start:0}
}
.sr-alnav{margin-bottom:12px}
.sr-ov h3{margin-top:0}
.sr-ov-valaszto{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:8px 0 10px;
font-size:var(--m-s)}
.sr-ov-valaszto label{display:inline-flex;gap:5px;align-items:center}
.sr-ov-tabla th{vertical-align:bottom;white-space:nowrap}
.sr-ov-tabla th small{display:block;font-weight:400;color:var(--halvany);text-transform:none;
letter-spacing:0;font-size:var(--m-2xs)}
.sr-ov-tabla td{text-align:center;font-variant-numeric:tabular-nums}
.sr-ov-tabla td:first-child{text-align:start;min-width:120px}
.sr-ov-tabla tr.sr-ov-itelet td{border-top:2px solid var(--keret-eros)}
.sb-urlap select{max-width:280px}
.smr-urlap{max-width:none}
.smr-urlap .lap h2{margin-top:0}
.sb-urlap{max-width:1100px}
.sb-racs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;
margin-top:10px}
.sb-poszt{border:1px solid var(--keret);border-radius:var(--r);padding:8px 12px;margin:0;min-width:0}
.sb-poszt legend{font-weight:600;padding:0 6px}
.sb-sor{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;align-items:center;padding:3px 0}
.sb-s{width:100%;min-width:0;padding-inline:6px}
.sb-n{display:flex;flex-direction:column;gap:2px;min-width:0}
.sb-n input{width:100%;min-width:0}
.sb-n small{font-size:var(--m-2xs);color:var(--halvany)}
.sb-t{display:inline-flex;gap:4px;align-items:center;font-size:var(--m-xs);color:var(--halvany);
white-space:nowrap}
.sb-uj .sb-n input{border-style:dashed}
.smr-csapat{margin:16px 0 4px}
.smr-sor{border-top:1px solid var(--keret);padding:8px 4px}
.smr-sor.smr-hibas{background:#fef2f2;box-shadow:inset 3px 0 0 var(--piros)}
.smr-sor.smr-kiemel{background:#fef9c3}
.smr-nev{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}
.smr-nev small{color:var(--halvany);font-size:var(--m-xs)}
.smr-mezok{display:grid;grid-template-columns:repeat(3,minmax(70px,90px)) minmax(130px,160px) minmax(160px,1fr);
gap:8px;align-items:end}
.smr-m{display:flex;flex-direction:column;gap:2px;font-size:var(--m-xs);color:var(--halvany);min-width:0}
.smr-m select,.smr-m input{width:100%;min-width:0}
.smr-szempontok{margin-top:6px}
.smr-szempontok summary{cursor:pointer;font-size:var(--m-s)}
.smr-sz select{width:84px;flex:none}
.smr-sz{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:6px 14px;
margin-top:6px}
.smr-kereso{margin-top:14px;max-width:460px}
.smr-meccsek{list-style:none;margin:6px 0 12px;padding:0;display:grid;gap:4px;font-size:var(--m-s)}
.smr-tabla td:nth-child(6){min-width:180px}
@media (max-width:760px){
.smr-mezok{grid-template-columns:1fr 1fr}
.smr-megj{grid-column:1/-1}
.sb-sor{grid-template-columns:56px minmax(0,1fr) auto;gap:6px}
}
@media print{.sr-alnav,.sr-ov-valaszto{display:none!important}}
.ert-racs{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.ert-szuro{margin:0 0 12px}
.ert-elem{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--keret);border-radius:12px;
padding:10px 12px;background:#fff;margin:0 0 8px}
.ert-elem.uj{border-color:var(--kiemelt);box-shadow:inset 3px 0 0 var(--kiemelt)}
.ert-torzs{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ert-fej{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.ert-fej a{color:var(--fo);text-decoration:none}
.ert-fej a:hover{text-decoration:underline}
.ert-ido{margin-left:auto;font-size:var(--m-xs)}
.ert-torzs p{margin:0;color:var(--fo-halvany);font-size:var(--m-s);overflow-wrap:anywhere}
.ert-lab{flex:none;align-self:center}
.ert-lab form{margin:0}
.ert-beallitas fieldset{border:0;padding:0;margin:0 0 12px;display:flex;flex-direction:column;
align-items:flex-start}
.ert-beallitas legend{font-size:var(--m-xs);font-weight:600;color:var(--halvany);margin:0 0 6px;
text-transform:uppercase;letter-spacing:var(--betukoz)}
@media (max-width:980px){.ert-racs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ert-elem{flex-wrap:wrap}.ert-lab{width:100%;display:flex;justify-content:flex-end}
.ert-ido{margin-left:0;width:100%}}
html[dir=rtl] svg,html[dir=rtl] canvas,html[dir=rtl] video{direction:ltr}html[dir=rtl] .vissza-gomb svg{transform:scaleX(-1)}html[dir=rtl] .lapfej h1 .kep{margin-left:4px;margin-right:initial}html[dir=rtl] td.nevcella .kep{margin-left:5px;margin-right:initial}html[dir=rtl] .lapfej .jobb{margin-right:auto;margin-left:initial}html[dir=rtl] .eszkozsor .halvany{margin-right:4px;margin-left:initial}html[dir=rtl] .lap > h2:before{margin-left:9px;margin-right:initial}html[dir=rtl] th,html[dir=rtl] td{text-align:right}html[dir=rtl] td.szam,html[dir=rtl] th.szam{text-align:left}html[dir=rtl] .talalatok{right:0;left:0}html[dir=rtl] .nevjelolt{margin-left:22px;margin-right:initial}html[dir=rtl] .figyelem{border-right:3px solid #f59e0b;border-left:initial;border-radius:6px 0 0 6px}html[dir=rtl] .adatalap-cim{margin-left:4px;margin-right:initial}html[dir=rtl] blockquote{border-right:3px solid var(--keret-eros);border-left:initial;border-radius:6px 0 0 6px}html[dir=rtl] .ures a{margin-right:auto;margin-left:initial}html[dir=rtl] .tabla-gorgo > table > * > tr > :first-child{right:0;left:auto}html[dir=rtl] .ai-fej .halvany{margin-right:auto;margin-left:initial}html[dir=rtl] .fejsav:after{left:-40px;right:auto}html[dir=rtl] .intro-felirat{right:0;left:0}html[dir=rtl] .ellenfel-pirula,html[dir=rtl] .sajat-pirula{padding:4px 6px 4px 11px}html[dir=rtl] .menu-db{left:-9px;right:auto}html[dir=rtl] .vissza-gomb{margin-right:14px;margin-left:initial}html[dir=rtl] .osszegzo > div{border-left:1px solid var(--keret);border-right:initial}html[dir=rtl] .osszegzo > div:last-child{border-left:0;border-right:initial}html[dir=rtl] .szurosor .jobb{margin-right:auto;margin-left:initial}html[dir=rtl] .fulsor{border-radius:var(--r) var(--r) 0 0}html[dir=rtl] .fultartalom{border-radius:0 0 var(--r) var(--r)}html[dir=rtl] .meccsnap .fej .meta{text-align:left}html[dir=rtl] .oszlop-fejlec .bal-cim{text-align:left}html[dir=rtl] .oszlop-fejlec .jobb-cim{text-align:right}html[dir=rtl] .szp-nev .kep{margin-left:6px;margin-right:initial}html[dir=rtl] .szp-cimke{margin-right:auto;margin-left:initial}html[dir=rtl] .pont{margin-left:5px;margin-right:initial}html[dir=rtl] .vertek{text-align:left}html[dir=rtl] .afsor .jobbra{text-align:left}html[dir=rtl] .oradoboz .uj-meccs{margin-right:10px;margin-left:initial}html[dir=rtl] .tolt-vaz{padding-right:calc(20px + 58px + 16px);padding-left:initial}html[dir=rtl] .tolt-szo{left:18px;right:auto}html[dir=rtl] .ember-jel{margin-right:9px;margin-left:initial}html[dir=rtl] .kep-fej .halvany{margin-right:auto;margin-left:initial}html[dir=rtl] .jsor{border-right:0;border-left:0;text-align:right}html[dir=rtl] .fmodosit{margin-right:auto;margin-left:initial}html[dir=rtl] .fszerk-fej .fgombok{margin:0 auto 0 0}html[dir=rtl] .csip{padding:3px 8px 3px 6px}html[dir=rtl] .ao-irany{margin-right:4px;margin-left:initial}html[dir=rtl] .parancsdoboz button{text-align:right}html[dir=rtl] .jv-lista{padding:0 18px 0 0}html[dir=rtl] .jv-bh-lista{padding:0 18px 0 0}html[dir=rtl] .jv-csere{margin-left:auto;margin-right:initial}html[dir=rtl] .jkartya .szerepjel{margin-right:auto;margin-left:initial}html[dir=rtl] .lj-magyarazat i{margin-left:5px;margin-right:initial}html[dir=rtl] td.sorszam,html[dir=rtl] th.sorszam{text-align:left}html[dir=rtl] .meccs-ful-plusz{margin-right:6px;margin-left:initial}html[dir=rtl] .msor .m-xg{margin-left:6px;margin-right:initial}html[dir=rtl] .msor .m-xg i b{right:0;left:auto}html[dir=rtl] .m-db{margin-right:auto;margin-left:initial}html[dir=rtl] .mido .tetel{border-right:3px solid transparent;border-left:initial}html[dir=rtl] .mido .tetel.hazai{border-right-color:var(--kiemelt);border-left-color:initial}html[dir=rtl] .mido .tetel.vendeg{border-right-color:var(--piros);border-left-color:initial}html[dir=rtl] .mperc .sav i{right:0;left:auto}html[dir=rtl] .mstat .fejsor .k{text-align:left}html[dir=rtl] .mstat .ert.b{text-align:left}html[dir=rtl] .mstat .savhely.b i{left:0;right:auto}html[dir=rtl] .mstat .savhely.j i{right:0;left:auto}html[dir=rtl] .tk-100cimke{text-align:left}html[dir=rtl] .tk-szelet{padding-right:6px;padding-left:initial}html[dir=rtl] .tk-csik-nev{text-align:left}html[dir=rtl] .tk-lanc .tk-lanc-kulso{right:0;left:auto}html[dir=rtl] .tk-lanc .tk-lanc-belso{right:0;left:auto}html[dir=rtl] .tk-ablakurlap{margin-right:auto;margin-left:initial}html[dir=rtl] .fo-l-szam{text-align:left}html[dir=rtl] .fo-e.b{text-align:right}html[dir=rtl] .fo-e.j{text-align:left}html[dir=rtl] .lv-jelek .lv-kapcsolo{padding:2px 6px 2px 9px}html[dir=rtl] .sajto-tetel{border-right:3px solid var(--papir-2);border-left:initial}html[dir=rtl] .sajto-tetel.hivatalos{border-right-color:var(--zold);border-left-color:initial}html[dir=rtl] .sajto-tetel.pletyka{border-right-color:var(--sarga);border-left-color:initial}html[dir=rtl] .sajto-idezet{border-right:2px solid var(--papir-2);border-left:initial;padding-right:10px;padding-left:initial}html[dir=rtl] .teendo{border-right:4px solid var(--kiemelt);border-left:initial}html[dir=rtl] .nemtudjuk ul{padding-right:18px;padding-left:initial}html[dir=rtl] .adm-minta{margin-left:7px;margin-right:initial}html[dir=rtl] .jk-egyseg input{border-top-left-radius:0;border-top-right-radius:initial;border-bottom-left-radius:0;border-bottom-right-radius:initial}html[dir=rtl] .jk-egyseg span{border-right:0;border-left:initial;border-radius:8px 0 0 8px}html[dir=rtl] .jk-sin::after{right:2px;left:auto}html[dir=rtl] .jk-pult-gombok{margin-right:auto;margin-left:initial}html[dir=rtl] .jk-mod-sor .halvany{padding:0 8px 0 6px}html[dir=rtl] .jk-ov-db{margin-right:4px;margin-left:initial}html[dir=rtl] .jk-ov-panel{right:0;left:auto}html[dir=rtl] .jk-tabla thead tr:first-child th{text-align:right}html[dir=rtl] .jk-tabla .jk-csop-fej th[data-cs]{border-right:1px solid var(--keret);border-left:initial}html[dir=rtl] .jk-tabla .cs-elso{border-right:1px solid var(--keret);border-left:initial}html[dir=rtl] .jk-tabla .jk-sorsz{text-align:left}html[dir=rtl] .jk-tabla thead .jk-sorsz{text-align:left}html[dir=rtl] .jk-jatekos{right:0;left:auto}html[dir=rtl] .jk-tabla thead th:nth-child(2){right:0;left:auto}html[dir=rtl] .jk-nyil{border-right:4px solid transparent;border-left:4px solid transparent}html[dir=rtl] .jk-ossz-sav .gomb{margin-right:auto;margin-left:initial}html[dir=rtl] .jk-mentett .jk-mentett-x{padding:4px 2px 4px 9px}html[dir=rtl] .tal-modszer ul{padding-right:18px;padding-left:initial}html[dir=rtl] .jk-ment{margin-right:auto;margin-left:initial}html[dir=rtl] .jk-nezet{margin-right:auto;margin-left:initial}html[dir=rtl] .sl-uj{margin-right:auto;margin-left:initial}html[dir=rtl] .sl-oszlop h3 .halvany{margin-right:auto;margin-left:initial}html[dir=rtl] .jko-tabla th[scope=row]{text-align:right}html[dir=rtl] .jko-tabla .jko-csop th{text-align:right}html[dir=rtl] .potlas-sav .jelzo{margin:0 0 4px 4px}html[dir=rtl] .vk-lejatszas{right:50%;left:auto}html[dir=rtl] .vk-cim .kep,html[dir=rtl] .vk-meta .kep{margin-left:2px;margin-right:initial}html[dir=rtl] .ki-chip i{right:0;left:auto}html[dir=rtl] .ki-szaz{margin-right:auto;margin-left:initial}html[dir=rtl].asztal-teljes main button,html[dir=rtl].asztal-teljes main .gomb{padding-right:16px;padding-left:16px}html[dir=rtl] .ak-allapot{margin-right:auto;margin-left:initial}html[dir=rtl] .ak-szam b{margin-left:8px;margin-right:initial}html[dir=rtl] .ures-blokk:before{right:50%;left:auto}html[dir=rtl] input[type=file]::file-selector-button{margin-left:10px;margin-right:initial}html[dir=rtl] .lapcim .lc-jobb{margin-right:auto;margin-left:initial}html[dir=rtl] .cst-tabla td:first-child,html[dir=rtl] .cst-tabla th:first-child{right:0;left:auto}html[dir=rtl] .mlsz-meccs .mm-hazai{text-align:left}html[dir=rtl] .cs-szam{text-align:left}html[dir=rtl] .th-csempe{border-right:4px solid var(--keret-eros);border-left:initial}html[dir=rtl] .th-csempe.rendben{border-right-color:#16a34a;border-left-color:initial}html[dir=rtl] .th-csempe.alacsony{border-right-color:#94a3b8;border-left-color:initial}html[dir=rtl] .th-csempe.emelt{border-right-color:#f59e0b;border-left-color:initial}html[dir=rtl] .th-csempe.magas{border-right-color:#dc2626;border-left-color:initial}html[dir=rtl] .ures-allapot{text-align:right}html[dir=rtl] .vk-folyamat i{right:0;left:auto}html[dir=rtl] .vr-seb .halvany{margin-left:4px;margin-right:initial}html[dir=rtl] .vr-seb-tipp{margin-right:8px;margin-left:initial}html[dir=rtl] .vr-seb-jel{right:50%;left:auto}html[dir=rtl] .vk-kal-lista{padding-right:18px;padding-left:initial}html[dir=rtl] .vk-klip-jel{margin-right:6px;margin-left:initial}html[dir=rtl] .vr-reteg{right:0;left:auto}html[dir=rtl] .vr-jelzo{right:12px;left:auto}html[dir=rtl] .vr-is-most{right:0;left:auto}html[dir=rtl] .vr-is{margin:-5px -5px 0 0}html[dir=rtl] .vr-is.gol{margin:-6px -6px 0 0}html[dir=rtl] .vr-is.esemeny{margin:-3.5px -3.5px 0 0}html[dir=rtl] .vr-is-jel .vr-is-ablak{margin-right:auto;margin-left:initial}html[dir=rtl] .vr-is-pont{margin:-2px -2px 0 0}html[dir=rtl] .vr-db{margin-right:auto;margin-left:initial}html[dir=rtl] .v-szuro-gomb .db{margin-right:4px;margin-left:initial}html[dir=rtl] .v-szuro .v-osszeg{margin-right:auto;margin-left:initial}html[dir=rtl] .pal-gomb{margin-right:14px;margin-left:initial;padding:6px 11px 6px 10px}html[dir=rtl] .pal-gomb .pal-szo{text-align:right}html[dir=rtl] .pal-elem .pal-al{margin-right:auto;margin-left:initial}html[dir=rtl] .dk-savok .l i{right:0;left:auto}html[dir=rtl] .dk-savok .k i{right:0;left:auto}html[dir=rtl] .dk-hiszto i{border-radius:4px 4px 0 0}html[dir=rtl] .jl-valto .jl-valto-gomb + .jl-valto-gomb{border-right:1px solid rgba(255,255,255,.25);border-left:initial}html[dir=rtl] .jl-hk-adat .jl-magas{margin-right:6px;margin-left:initial}html[dir=rtl] .jl-ideny-tabla th,html[dir=rtl] .jl-karrier-tabla th{text-align:right}html[dir=rtl] .jl-ideny-tabla .szam,html[dir=rtl] .jl-karrier-tabla .szam{text-align:left}html[dir=rtl] .jl-ideny-tabla th.szam{text-align:left}html[dir=rtl] .jl-karrier-tabla .jl-klub .kep{margin-left:7px;margin-right:initial}html[dir=rtl] .jl-msor .v{text-align:left}html[dir=rtl] .jl-hely{text-align:left}html[dir=rtl] .jl-hszam{margin-right:auto;margin-left:initial}html[dir=rtl] .jl-hk > .jl-hk-szalag{border-left:1px solid var(--papir-2);border-right:initial}html[dir=rtl] .jl-hk > .jl-hk-akcio{border-right:1px solid var(--papir-2);border-left:initial}html[dir=rtl] .jl-jelek i{margin-left:5px;margin-right:initial}html[dir=rtl] .pt-u-fej .pt-ido{margin-right:auto;margin-left:initial}html[dir=rtl] .uz-cimzettek{padding-right:18px;padding-left:initial}html[dir=rtl] .ht-szam{text-align:left}html[dir=rtl] .ht-figy{border-right:4px solid #d97706;border-left:initial}html[dir=rtl] .ovr-keret .ovr-gyors{margin-right:auto;margin-left:initial}html[dir=rtl] .ovr-lista small{margin-right:auto;margin-left:initial}html[dir=rtl] .ovr-jel{padding:3px 7px 3px 10px}html[dir=rtl] .ovr-kartya{border-right:4px solid var(--sz);border-left:initial}html[dir=rtl] .ovr-kartya.szagg{border-right-style:dashed;border-left-style:initial}html[dir=rtl] .ovr-tabla th[scope=row]{text-align:right}html[dir=rtl] .ovr-tabla thead th i{margin-left:5px;margin-right:initial}html[dir=rtl] .mr-tabla th,html[dir=rtl] .mr-tabla td{text-align:left}html[dir=rtl] .mr-tabla td.nev,html[dir=rtl] .mr-tabla th.nev{text-align:right}html[dir=rtl] .mr-tabla.matrix th.fugg{text-align:right}html[dir=rtl] .em-jtabla tr.em-csop th{text-align:right}html[dir=rtl] .mr-tabla.matrix td.nev,html[dir=rtl] .mr-tabla.matrix th.nev{text-align:right}html[dir=rtl] .mr-lap .mr-perc{margin-right:8px;margin-left:initial}html[dir=rtl] .mr-nev-lista{padding-right:18px;padding-left:initial}html[dir=rtl] th.rendezheto:after{margin-right:6px;margin-left:initial}html[dir=rtl] .cs-chip{padding:6px 6px 6px 10px;text-align:right}html[dir=rtl] .csip-ki{margin-right:2px;margin-left:initial}html[dir=rtl] main.reszleges-tolt:before{right:0;left:auto}html[dir=rtl] .uj-uzenet-sav{left:18px;right:auto;padding:11px 16px 11px 12px}html[dir=rtl] .belepo-jelszo input{padding-left:46px;padding-right:initial}html[dir=rtl] .belepo-szem{left:6px;right:auto}html[dir=rtl] .trend-torol{margin-right:auto;margin-left:initial}html[dir=rtl] .trend-jel i{margin-left:5px;margin-right:initial}html[dir=rtl] .trend-tabla td.szam,html[dir=rtl] .trend-tabla th.szam{text-align:left}html[dir=rtl] .kz-arc-logo{margin-left:10px;margin-right:initial}html[dir=rtl] .ert-ido{margin-right:auto;margin-left:initial}@media (max-width:640px){html[dir=rtl] .vissza-gomb{margin-right:8px;margin-left:initial}}@media (max-width:900px){html[dir=rtl].menu-nyitva .oldalsav{right:10px;left:10px}html[dir=rtl].menu-nyitva .menu-zar{margin:0 auto 6px 0}html[dir=rtl] .tolt-vaz{padding-right:20px;padding-left:initial}html[dir=rtl] .jk-pult-gombok{margin-right:0;margin-left:initial}html[dir=rtl] .pal-gomb{margin-right:8px;margin-left:initial}}@media (max-width:760px){html[dir=rtl] .vr-db{margin-right:0;margin-left:initial}}@media (max-width:480px){html[dir=rtl] .pal-gomb{margin-right:4px;margin-left:initial}}@media (max-width:1380px){html[dir=rtl] .jl-hk > .jl-hk-jobb,html[dir=rtl] .jl-hk > .jl-hk-akcio{border-right:0;border-left:initial}}@media print{html[dir=rtl] .nyomtat-marka{left:0;right:auto;padding:1mm 3mm 0 0}}@media (max-width:560px){html[dir=rtl] .ert-ido{margin-right:0;margin-left:initial}}