:root{
  
  --bg:#cdb98f; --panel:#f3e8cd; --panel-2:#e6d7b4; --panel-3:#dbc9a1;
  --line:#a98f66; --line-soft:#c8b28a;
  
  --fg:#302417; --fg-dim:#5e4a31; --fg-mute:#67533a;
  --accent:#a8762b; --accent-dim:#82591d; --accent-fg:#fff7e6;
  --teal:#2f7d6e; --danger:#a33a2f; --ok:#4c7a31;
  --wood:#6d8f4e; --stone:#9c8a6d; --iron:#5f7285;

  
  --gold:#c79a4a; --gold-dim:#8a6a2c; --gold-hi:#e7c884;
  --cifra:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cg%20fill=%22none%22%20stroke=%22%238a6a2c%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M12%203.5c0%204-2.1%205.2-5.2%205.2%203.1%200%205.2%201.2%205.2%205.2%200-4%202.1-5.2%205.2-5.2-3.1%200-5.2-1.2-5.2-5.2z%22/%3E%3Cpath%20d=%22M12%2017.5v3M5.5%2012h-3M21.5%2012h-3M12%203.5v-1%22/%3E%3C/g%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%221.6%22%20fill=%22%23c79a4a%22/%3E%3C/svg%3E");
  --bordo:#8f2b28; --bordo-2:#6d1f1d; --bordo-line:#4a1412;

  
  --chrome:#3b2a17; --chrome-2:#4d3820; --chrome-line:#24190d;
  --chrome-fg:#f0e2c4; --chrome-fg-dim:#bda787;

  --hover:rgba(101,74,38,.07);
  --stripe:rgba(101,74,38,.035);
  --tint:rgba(168,118,43,.14);
  --ring:rgba(168,118,43,.30);

  --r:8px; --r-sm:5px;
  --shadow:0 1px 2px rgba(58,40,20,.14),0 3px 10px rgba(58,40,20,.10);
  --nav-w:190px;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-head:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
}


*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{color:var(--fg);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;
  background-color:var(--bg);
  background-image:
    repeating-linear-gradient(27deg,rgba(120,88,44,.035) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(-63deg,rgba(255,255,255,.05) 0 1px,transparent 1px 5px),
    radial-gradient(circle at 22% 14%,rgba(255,255,255,.20),transparent 58%),
    radial-gradient(circle at 80% 76%,rgba(104,74,34,.16),transparent 55%)}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{margin:0 0 .6em;font-weight:650;line-height:1.25;
  font-family:var(--font-head);letter-spacing:.2px}
h1{font-size:20px} h2{font-size:17px} h3{font-size:15px}
img,svg{vertical-align:middle}


.ui-shell{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);
  grid-template-rows:auto 1fr;min-height:100vh}

.ui-top{grid-column:1/-1;position:sticky;top:0;z-index:20;
  background-color:var(--chrome);
  background-image:
    linear-gradient(180deg,rgba(26,16,6,.20) 0%,rgba(26,16,6,.34) 44%,
      rgba(30,20,9,.86) 100%),
    var(--taj,none),
    linear-gradient(180deg,var(--chrome-2),var(--chrome));
  background-size:auto,cover,auto;
  background-position:center,center 38%,center;
  background-repeat:no-repeat,no-repeat,repeat;
  border-bottom:3px solid var(--chrome-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 4px 14px rgba(40,26,10,.40)}

.ui-top-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;
  align-items:center;column-gap:22px;row-gap:8px;padding:10px 18px 12px}

.ui-brand{grid-column:1;grid-row:1/3;justify-self:start;display:flex;align-items:center;
  text-decoration:none}
.ui-brand:hover{text-decoration:none}
.ui-brand img{height:104px;width:auto;display:block;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.62))}

.ui-meta{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;
  gap:14px;color:var(--chrome-fg-dim);font-size:13px;
  background:linear-gradient(180deg,rgba(38,25,11,.88),rgba(20,12,5,.94));
  border:2px solid var(--gold-dim);border-radius:var(--r-sm);
  padding:6px 7px 6px 14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.42)}
.ui-meta b{color:var(--chrome-fg)}
.ui-meta-sor{display:flex;align-items:center;gap:14px}
.ui-meta-elem{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;white-space:nowrap}
a.ui-meta-elem:hover{color:var(--chrome-fg);text-decoration:none}
.ui-meta-elem svg,.ui-meta-elem .ic{width:17px;height:17px;flex:none;color:var(--gold-hi);object-fit:contain}

.ui-meta-helyezes svg,.ui-meta-helyezes .ic{width:24px;height:24px}

.ui-meta-premium{display:inline-flex;align-items:center;gap:5px;color:var(--gold-hi);
  text-decoration:none;padding:2px 9px;border:1px solid var(--gold-dim);border-radius:999px}
.ui-meta-premium:hover{border-color:var(--gold-hi)}
.ui-meta-premium svg,.ui-meta-premium .ic{width:24px;height:24px}

.ui-meta-zaszlo{color:var(--chrome-fg);border-color:var(--chrome-line)}
.ui-meta-zaszlo:hover{border-color:var(--gold-dim)}
.ui-meta-zaszlo svg{color:var(--bordo)}

.btn.ui-kilep{display:inline-grid;place-items:center;padding:5px 11px;line-height:0;color:#3a240e;
  background:linear-gradient(180deg,#f6d27a,#d29a36 55%,#b07a22);
  border:1px solid #6d4a16;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 3px rgba(0,0,0,.4)}
.btn.ui-kilep:hover{background:linear-gradient(180deg,#fadf98,#dca545 55%,#bb8429);color:#2a1a08}
.btn.ui-kilep svg,.btn.ui-kilep .ic{width:22px;height:22px;object-fit:contain}

.ui-meta-nev{font-size:14.5px;white-space:nowrap}
.ui-meta-nev a{color:var(--chrome-fg);text-decoration:none}
.ui-meta-nev a:hover b{text-decoration:underline}
.ui-meta-pont{font-size:12.5px;color:var(--chrome-fg-dim);white-space:nowrap}

@media (max-width:1100px){
  .ui-top-row>.ui-brand{grid-row:1}
  .ui-brand img{height:72px}
  .ui-top-row>.ui-bar{grid-column:1/-1;grid-row:2;justify-self:stretch}}

@media (max-width:640px){
  .ui-top-row{grid-template-columns:1fr auto;gap:8px}
  .ui-brand img{height:54px}
  .ui-meta{flex-wrap:wrap;justify-content:flex-end;gap:4px 10px;
    padding:5px 8px;border-width:1px;font-size:11.5px}
  .ui-meta-nev{font-size:12.5px}
  .ui-meta-sor{gap:8px}
  .ui-meta-elem svg,.ui-meta-elem .ic{width:14px;height:14px}
  .ui-meta-helyezes svg,.ui-meta-helyezes .ic,.ui-meta-premium svg,.ui-meta-premium .ic{width:19px;height:19px}
  .btn.ui-kilep{padding:3px 7px}
  .btn.ui-kilep svg,.btn.ui-kilep .ic{width:18px;height:18px}}


.ui-bar{grid-column:2;grid-row:2;justify-self:start;display:flex;align-items:stretch;
  flex-wrap:wrap;gap:0;min-width:0;max-width:100%;
  background:linear-gradient(180deg,rgba(38,25,11,.90),rgba(20,12,5,.95));
  border:2px solid var(--gold-dim);border-radius:var(--r-sm);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 10px rgba(0,0,0,.45)}
.ui-village{display:flex;align-items:center;gap:9px;padding:6px 14px;
  border-right:1px solid rgba(0,0,0,.45);box-shadow:inset -1px 0 0 rgba(255,255,255,.055)}
.ui-plakett-falu{display:inline-flex;align-items:center;gap:7px;padding-left:12px;margin-left:3px;
  border-left:1px solid rgba(255,255,255,.14)}
.ui-village select{background:transparent;border:0;color:var(--chrome-fg);font:inherit;
  font-weight:600;cursor:pointer;outline:none;max-width:190px}
.ui-village select option{background:var(--chrome);color:var(--chrome-fg)}
.ui-village b{color:var(--chrome-fg)}

.ui-village select.ui-csoport{max-width:110px;opacity:.85;border-right:1px solid rgba(255,255,255,.18);padding-right:6px}

.ui-falu-lep{background:transparent;border:1px solid var(--gold-dim);border-radius:6px;
  color:var(--gold-hi,#e7c884);font:inherit;font-size:17px;line-height:1;padding:1px 8px 3px;cursor:pointer}
.ui-falu-lep:hover{background:rgba(231,200,132,.14)}

.ut-reteg{position:fixed;inset:0;z-index:1000}
.ut-reteg.kozep{background:rgba(11,7,3,.82)}
.ut-feny{position:fixed;border-radius:12px;pointer-events:none;
  box-shadow:0 0 0 9999px rgba(11,7,3,.82),0 0 0 3px var(--gold-hi);
  transition:left .35s ease,top .35s ease,width .35s ease,height .35s ease}
.ut-feny::after{content:"";position:absolute;inset:-4px;border-radius:14px;
  border:3px solid var(--gold-hi);animation:ut-puls 1.3s ease-out infinite}
@keyframes ut-puls{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}
.ut-nyil{position:fixed;width:40px;height:60px;pointer-events:none;
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.45));animation:ut-ugras .62s ease-in-out infinite alternate}
.ut-nyil svg{display:block;fill:var(--gold-hi);stroke:#3b2a17;stroke-width:2.5;stroke-linejoin:round}
.ut-nyil.fel{animation-name:ut-ugras-fel}
.ut-nyil.fel svg{transform:rotate(180deg)}
@keyframes ut-ugras{from{transform:translateY(0)}to{transform:translateY(10px)}}
@keyframes ut-ugras-fel{from{transform:translateY(0)}to{transform:translateY(-10px)}}
.ut-kartya{position:fixed;left:16px;right:16px;max-width:440px;margin:0 auto;
  background:var(--panel);color:var(--fg);border:2px solid var(--gold);border-radius:16px;
  padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.ut-fej{display:flex;align-items:baseline;gap:8px}
.ut-fej b{flex:1;font-size:17px;color:var(--accent)}
.ut-szam{font-size:12px;color:var(--fg-dim);font-variant-numeric:tabular-nums}
.ut-kartya p{margin:8px 0 12px;line-height:1.45}
.ut-pottyok{display:flex;gap:5px;align-items:center;margin-bottom:12px}
.ut-pottyok i{width:6px;height:6px;border-radius:50%;background:var(--line)}
.ut-pottyok i.on{background:var(--gold)}
.ut-pottyok i.most{width:9px;height:9px}
.ut-gombok{display:flex;gap:8px;align-items:center}
.ut-ter{flex:1}
@media(prefers-reduced-motion:reduce){.ut-nyil,.ut-feny::after{animation:none}.ut-feny{transition:none}}

details.gf-csoport{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);margin:8px 0}
details.gf-csoport>summary{cursor:pointer;padding:9px 12px;list-style-position:inside}
.gf-csoport-torzs{padding:2px 12px 10px}
.gf-csoport-tagok a{display:inline-block;margin:2px 4px 2px 0;padding:2px 9px;border-radius:999px;
  background:var(--panel-3);border:1px solid var(--line);text-decoration:none}

.gf-tabla-eszkoz{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:4px 0 8px}
.gf-tabla-szuro{min-width:220px;flex:0 1 320px;padding:6px 10px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:var(--panel-2);color:inherit;font:inherit}
table.gf-rendezheto th[data-rendez]{cursor:pointer;user-select:none;white-space:nowrap}
table.gf-rendezheto th[data-rendez]::after{content:" \2195";opacity:.35;font-size:.85em}
table.gf-rendezheto th[data-irany="fel"]::after{content:" \2191";opacity:.9}
table.gf-rendezheto th[data-irany="le"]::after{content:" \2193";opacity:.9}
table.gf-rendezheto tfoot th,table.gf-rendezheto tfoot td{border-top:2px solid var(--line);font-weight:650}
.ui-falu-hanyadik{color:var(--chrome-fg-dim);font-size:11.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-coord{color:var(--chrome-fg-dim);font-size:12px;font-variant-numeric:tabular-nums}

.ui-res{display:flex;gap:0;flex-wrap:wrap;min-width:0}
.ui-res-item{display:flex;align-items:center;gap:9px;
  border:0;border-right:1px solid rgba(0,0,0,.45);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.055);
  padding:6px 16px 6px 12px;
  min-width:120px;position:relative;color:var(--chrome-fg)}
.ui-res-item:last-child{border-right:0;box-shadow:none}
.ui-res-item svg,.ui-res-item .ic{width:30px;height:30px;flex:none;object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}
.ui-res-item .n{font-weight:700;font-variant-numeric:tabular-nums;font-size:15px}

.ui-res-szam{display:flex;flex-direction:column;line-height:1.15}
.ui-res-rate{font-size:10.5px;color:var(--chrome-fg-dim);font-variant-numeric:tabular-nums;white-space:nowrap}

.ui-village-cimer{width:22px;height:22px;object-fit:contain;flex:none;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.ui-res-item .fill{position:absolute;left:0;bottom:0;height:3px;opacity:.9}
.ui-res-item.w svg{color:var(--wood)} .ui-res-item.w .fill{background:var(--wood)}
.ui-res-item.s svg{color:var(--stone)} .ui-res-item.s .fill{background:var(--stone)}
.ui-res-item.i svg{color:var(--iron)} .ui-res-item.i .fill{background:var(--iron)}
.ui-res-item.p svg{color:var(--teal)} .ui-res-item.p .fill{background:var(--teal)}
.ui-res-item.full .n{color:var(--danger)}

a.ui-res-item{text-decoration:none;transition:background .12s,border-color .12s}
a.ui-res-item:hover{background:rgba(255,255,255,.07);text-decoration:none}
a.ui-res-item:active{transform:translateY(1px)}
.ui-res-item.st svg{color:var(--chrome-fg-dim)}




.ui-quick{display:flex;justify-content:center;gap:8px;padding:9px 16px 10px;flex-wrap:wrap;
  background:linear-gradient(180deg,rgba(16,9,3,.62),rgba(16,9,3,.86));
  border-top:1px solid rgba(231,200,132,.22)}
.ui-quick a{display:flex;align-items:center;gap:10px;
  background:linear-gradient(180deg,rgba(52,35,16,.94),rgba(26,16,6,.96));
  border:2px solid var(--gold-dim);border-radius:var(--r-sm);
  padding:7px 14px;color:var(--chrome-fg);
  text-decoration:none;font-size:13.5px;font-weight:650;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 6px rgba(0,0,0,.40);
  transition:border-color .12s,background .12s}
.ui-quick a:hover{border-color:var(--gold);text-decoration:none}
.ui-quick a.on{border-color:var(--gold-hi);
  background:linear-gradient(180deg,rgba(143,43,40,.92),rgba(109,31,29,.96))}
.ui-quick a.on svg{color:var(--gold-hi)}
.ui-quick svg,.ui-quick .ic{width:24px;height:24px;flex:none;object-fit:contain;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}


.ui-nav{background-color:var(--chrome);
  background-image:
    repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 15px),
    linear-gradient(180deg,var(--chrome-2),var(--chrome));
  border-right:2px solid var(--chrome-line);padding:12px 9px;
  display:flex;flex-direction:column;gap:3px;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.05)}
.ui-nav a{display:flex;align-items:center;gap:10px;padding:8px 11px;
  border-radius:var(--r-sm);color:var(--chrome-fg-dim);font-weight:550;
  font-size:13.5px;text-decoration:none;border:1px solid transparent}
.ui-nav a:hover{background:rgba(255,255,255,.07);color:var(--chrome-fg)}

.ui-nav a.on{color:#f7e9cd;border-color:transparent;
  margin:0 -9px;padding-left:20px;padding-right:20px;border-radius:0;
  background:linear-gradient(180deg,var(--bordo),var(--bordo-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.34),0 2px 7px rgba(0,0,0,.34);
  clip-path:polygon(0 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,0 100%)}
.ui-nav a.on:hover{background:linear-gradient(180deg,#9c302c,var(--bordo))}
.ui-nav svg,.ui-nav .ic{width:19px;height:19px;flex:none;opacity:.9;object-fit:contain}
.ui-nav a.on svg,.ui-nav a.on .ic{color:var(--accent);opacity:1}

.ui-nav .ic{filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}
.ui-nav a.on .ic{filter:drop-shadow(0 0 4px rgba(224,165,72,.45))}
.ui-nav .badge{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;
  font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;
  place-items:center;padding:0 5px}

.ui-nav .badge[hidden]{display:none}

.ui-nav .badge.veszely{background:#d42a1c;box-shadow:0 0 0 2px rgba(212,42,28,.35);
  animation:ui-veszely 1.4s ease-in-out infinite}
@keyframes ui-veszely{50%{box-shadow:0 0 0 5px rgba(212,42,28,0)}}
@media(prefers-reduced-motion:reduce){.ui-nav .badge.veszely{animation:none}}

@media(min-width:901px){
  .ui-nav{gap:0}
  .ui-nav a{border-width:0 0 1px;border-style:solid;border-color:rgba(0,0,0,.40);border-radius:0;
    box-shadow:0 1px 0 rgba(255,255,255,.045);padding:9px 11px}
  .ui-nav a:last-of-type{border-bottom-color:transparent;box-shadow:none}}


[hidden]{display:none !important}


.ui-nav-tobb,.ui-nav-tores{display:none}
.ui-nav-tobb{background:none;border:1px solid transparent;border-radius:var(--r-sm);
  color:var(--chrome-fg-dim);font:inherit;font-weight:550;cursor:pointer;
  align-items:center;position:relative}
.ui-nav-tobb:hover{background:rgba(255,255,255,.07);color:var(--chrome-fg)}
.ui-nav-tobb.on,.ui-nav-tobb[aria-expanded="true"]{color:#f7e9cd;
  box-shadow:inset 0 3px 0 var(--accent)}


.ui-kuldetes{position:fixed;right:18px;bottom:18px;z-index:25;display:flex;
  align-items:center;gap:8px;pointer-events:none}
.ui-kuldetes>*{pointer-events:auto}
.ui-kuldetes-gomb{position:relative;width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;flex:none;
  background:linear-gradient(180deg,var(--bordo),var(--bordo-2));
  border:2px solid var(--gold-hi);box-shadow:0 3px 10px rgba(0,0,0,.45)}
.ui-kuldetes-gomb svg,.ui-kuldetes-gomb .ic{width:28px;height:28px;color:var(--gold-hi)}
.ui-kuldetes-gomb .badge{position:absolute;top:-4px;right:-4px;background:var(--danger);
  color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;
  border-radius:9px;display:grid;place-items:center;padding:0 5px}
.ui-kuldetes-gomb .badge[hidden]{display:none}
.ui-kuldetes-gomb.lukteto{animation:ui-kuldetes-feny 1.6s ease-out infinite}
@keyframes ui-kuldetes-feny{0%{box-shadow:0 3px 10px rgba(0,0,0,.45),0 0 0 0 rgba(231,200,132,.7)}
  100%{box-shadow:0 3px 10px rgba(0,0,0,.45),0 0 0 14px rgba(231,200,132,0)}}
@media(prefers-reduced-motion:reduce){.ui-kuldetes-gomb.lukteto{animation:none}}
.ui-kuldetes-buborek{max-width:230px;padding:8px 12px;border-radius:10px;
  background:var(--bordo-2);color:var(--gold-hi);border:1px solid var(--gold-hi);
  box-shadow:0 3px 8px rgba(0,0,0,.35);font-size:13px;text-decoration:none}
.ui-kuldetes-buborek:hover{text-decoration:none;color:#fff}
.ui-kuldetes-buborek[hidden]{display:none}



.ui-main{position:relative;padding:22px 22px 26px;min-width:0}
.ui-main::before{content:"";position:absolute;pointer-events:none;
  left:9px;right:9px;top:9px;bottom:9px;
  border:2px solid var(--gold-dim);border-radius:4px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),
    inset 0 0 0 4px rgba(199,154,74,.13);
  opacity:.5}
.ui-main::after{content:"";position:absolute;pointer-events:none;
  left:9px;right:9px;top:9px;bottom:9px;opacity:.55;
  background-image:var(--cifra),var(--cifra),var(--cifra),var(--cifra);
  background-repeat:no-repeat;background-size:24px 24px;
  background-position:5px 5px,right 5px top 5px,
    5px bottom 5px,right 5px bottom 5px}

.ui-main>*{position:relative;z-index:1}

.ui-card{position:relative;background:var(--panel);
  border:2px solid var(--gold-dim);border-radius:var(--r);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),
    inset 0 1px 0 rgba(255,255,255,.6),var(--shadow);
  margin-bottom:20px;padding:0 0 2px}
.ui-card::before{content:"";position:absolute;pointer-events:none;
  left:0;top:0;width:100%;height:100%;opacity:.45;
  background-image:var(--cifra),var(--cifra),var(--cifra),var(--cifra);
  background-repeat:no-repeat;
  background-size:22px 22px;
  background-position:7px 7px,right 7px top 7px,
    7px bottom 7px,right 7px bottom 7px}

.ui-card>.head,.ui-card .head{position:relative;
  margin:-2px 0 0 -10px;padding:9px 20px 9px 38px;
  color:#f7e9cd;font-weight:650;font-size:14.5px;
  font-family:var(--font-head);letter-spacing:.3px;
  background:linear-gradient(180deg,var(--bordo),var(--bordo-2));
  border:0;border-radius:2px 0 0 2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.30),0 3px 8px rgba(58,40,20,.30);
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%);
  width:fit-content;max-width:calc(100% + 10px)}

.ui-card>.head::before,.ui-card .head::before{content:"";position:absolute;
  left:9px;top:50%;transform:translateY(-50%);
  width:21px;height:21px;background:var(--ic-crest) center/contain no-repeat;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}

.ui-card>.head::after,.ui-card .head::after{content:"";position:absolute;
  left:0;bottom:-3px;width:10px;height:3px;background:var(--bordo-line);
  opacity:.55}

.ui-card>.body,.ui-card .body{padding:0}


.vis{width:100%;border-collapse:collapse;background:transparent;font-size:13.5px}
.vis th,.vis td{padding:8px 10px;border-bottom:1px solid var(--line-soft);text-align:left;
  vertical-align:middle}
.vis th{background:linear-gradient(180deg,var(--panel-2),var(--panel-3));
  color:var(--fg-dim);font-weight:650;font-size:12px;
  text-transform:uppercase;letter-spacing:.5px;
  border-bottom:1px solid var(--line)}
.vis tr:last-child td{border-bottom:0}
.vis tr:hover td{background:var(--hover)}
.vis tr.selected td,.vis tr.self td{background:var(--tint)}
.vis td.r,.vis th.r{text-align:right;font-variant-numeric:tabular-nums}

.btn{display:inline-block;
  background:linear-gradient(180deg,#c48c39 0%,var(--accent) 45%,var(--accent-dim) 100%);
  color:var(--accent-fg);border:1px solid #6d4a16;border-radius:var(--r-sm);
  padding:7px 15px;font:inherit;font-weight:650;font-size:13px;cursor:pointer;
  text-decoration:none;line-height:1.2;text-shadow:0 1px 1px rgba(60,38,10,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),
             inset 0 -1px 0 rgba(60,38,10,.28),
             0 1px 2px rgba(60,40,16,.3)}
.btn:hover{filter:brightness(1.07);text-decoration:none}
.btn:active{transform:translateY(1px);
  box-shadow:inset 0 2px 4px rgba(60,38,10,.35)}
.btn.ghost{background:var(--panel-3);color:var(--fg);border-color:var(--line)}
.btn.danger{background:var(--danger);border-color:#9d3d36;color:#fff}
.btn:disabled,.btn.disabled,span.disabled{background:var(--panel-3);color:var(--fg-mute);
  border-color:var(--line);cursor:not-allowed;filter:none;
  display:inline-block;padding:7px 14px;border-radius:var(--r-sm);font-size:13px}

.info_box,.box{background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:12px;margin:10px 0}
.info_box .content{padding:0}



table.vis.modemenu{display:block;width:auto !important;background:transparent;
  border:0;box-shadow:none;margin:0 0 16px}
table.vis.modemenu tbody{display:block}
table.vis.modemenu tr{display:flex;flex-wrap:wrap;gap:7px}
table.vis.modemenu tr:hover td,table.vis.modemenu tr:nth-child(even) td{background:var(--panel-2)}
table.vis.modemenu td{display:block;background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:7px 14px;text-align:center;color:var(--fg-dim);
  font-size:13px;font-weight:550;transition:background .12s,color .12s,border-color .12s}
table.vis.modemenu td a{display:block;margin:-7px -14px;padding:7px 14px;
  color:inherit;text-decoration:none}
table.vis.modemenu td:hover{color:var(--fg);border-color:var(--accent-dim)}
table.vis.modemenu td.selected,table.vis.modemenu tr:hover td.selected{
  background:var(--accent);border-color:var(--accent-dim);color:var(--accent-fg);
  font-weight:650}
ul.modemenu{display:flex;gap:6px;flex-wrap:wrap;list-style:none;margin:0 0 14px;padding:0}
ul.modemenu a{display:inline-block;padding:6px 12px;border-radius:var(--r-sm);
  background:var(--panel-2);border:1px solid var(--line);color:var(--fg-dim);font-size:13px}



.gf-fulsor,.gf-fulsor>*,.gf-fulsor-jel{box-sizing:border-box}
.gf-fulsor{display:flex;flex-wrap:wrap;gap:1px;
  margin:0 0 18px;background:var(--line-soft);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.gf-fulsor>:is(a,label){position:relative;flex:1 1 calc(100% / var(--sor,6) - 1px);min-width:0;
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;min-height:78px;padding:10px 6px 9px;
  background:var(--panel);color:var(--fg-dim);font-size:12.5px;font-weight:600;
  line-height:1.2;text-align:center;text-decoration:none;
  transition:background .12s,color .12s}
.gf-fulsor>:is(a,label):hover{background:var(--panel-2);color:var(--fg)}

.gf-fulsor>label{cursor:pointer;-webkit-user-select:none;user-select:none}
.gf-fulsor>a:focus-visible,
#gf-graf-pont:focus-visible~.gf-fulsor>label[for=gf-graf-pont],
#gf-graf-falu:focus-visible~.gf-fulsor>label[for=gf-graf-falu],
#gf-graf-legyozott:focus-visible~.gf-fulsor>label[for=gf-graf-legyozott],
#gf-graf-zsakmany:focus-visible~.gf-fulsor>label[for=gf-graf-zsakmany]{outline:2px solid var(--gold);outline-offset:-4px}

.gf-fulsor svg{box-sizing:content-box;width:20px;height:20px;padding:8px;flex:none;
  border-radius:50%;color:var(--accent-dim);background:var(--panel-2);
  box-shadow:inset 0 0 0 1px var(--line-soft),0 1px 0 rgba(255,255,255,.6);
  transition:color .12s,background .12s,transform .12s}
.gf-fulsor>:is(a,label):hover svg{color:var(--bordo);background:var(--panel-3);transform:translateY(-1px)}

.gf-fulsor>a.on,.gf-fulsor>a.on:hover,
#gf-graf-pont:checked~.gf-fulsor>label[for=gf-graf-pont],
#gf-graf-falu:checked~.gf-fulsor>label[for=gf-graf-falu],
#gf-graf-legyozott:checked~.gf-fulsor>label[for=gf-graf-legyozott],
#gf-graf-zsakmany:checked~.gf-fulsor>label[for=gf-graf-zsakmany]{color:#f9eed6;
  background:linear-gradient(180deg,var(--bordo),var(--bordo-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -3px 0 var(--gold)}
.gf-fulsor>a.on svg,
#gf-graf-pont:checked~.gf-fulsor>label[for=gf-graf-pont] svg,
#gf-graf-falu:checked~.gf-fulsor>label[for=gf-graf-falu] svg,
#gf-graf-legyozott:checked~.gf-fulsor>label[for=gf-graf-legyozott] svg,
#gf-graf-zsakmany:checked~.gf-fulsor>label[for=gf-graf-zsakmany] svg{color:var(--gold-hi);transform:none;background:rgba(0,0,0,.2);
  box-shadow:inset 0 0 0 1px rgba(231,200,132,.55),0 1px 0 rgba(255,255,255,.12)}
.gf-fulsor-cim{overflow-wrap:break-word;min-width:0}

.gf-fulsor-jel{position:absolute;top:6px;left:calc(50% + 10px);min-width:18px;height:18px;
  padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;
  font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--panel)}
.gf-fulsor>:is(a,label):hover .gf-fulsor-jel{box-shadow:0 0 0 2px var(--panel-2)}
.gf-fulsor>a.on .gf-fulsor-jel{box-shadow:0 0 0 2px var(--bordo)}

@media(min-width:1400px){
  .gf-fulsor.kompakt>:is(a,label){flex-basis:calc(100% / var(--sor-w,var(--sor)) - 1px)}
}
.gf-fulsor.kompakt>:is(a,label){flex-direction:row;justify-content:flex-start;gap:9px;
  min-height:46px;padding:7px 12px;text-align:left}
.gf-fulsor.kompakt svg{width:16px;height:16px;padding:6px}
.gf-fulsor.kompakt .gf-fulsor-jel{position:static;margin-left:auto;flex:none}
@media(max-width:560px){
  .gf-fulsor>:is(a,label){flex-basis:calc(100% / var(--sor-m,3) - 1px);min-height:70px;font-size:12px}
  .gf-fulsor svg{width:18px;height:18px;padding:7px}
  .gf-fulsor.kompakt>:is(a,label){flex-basis:calc(100% / var(--sor-m,3) - 1px);flex-direction:column;justify-content:center;text-align:center;
    gap:5px;min-height:60px;padding:8px 4px;font-size:11.5px}
  .gf-fulsor.kompakt svg{width:15px;height:15px;padding:6px}
  .gf-fulsor.kompakt .gf-fulsor-jel{position:absolute;margin:0}
}


.gf-fulsor-kapcsolo{box-shadow:none;margin:0 0 12px}
.gf-grafikon-fulek>input{position:absolute;opacity:0;pointer-events:none}
.gf-grafikon-lap{display:none}
#gf-graf-pont:checked~.gf-grafikon-lap-pont,
#gf-graf-falu:checked~.gf-grafikon-lap-falu,
#gf-graf-legyozott:checked~.gf-grafikon-lap-legyozott,
#gf-graf-zsakmany:checked~.gf-grafikon-lap-zsakmany{display:block}
.gf-grafikon{display:block;width:100%;height:auto;max-height:260px}
.gf-grafikon-racs{stroke:var(--line);stroke-width:1}
.gf-grafikon-felirat{fill:var(--fg-dim);font-size:11px}
.gf-grafikon-vonal{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}
.gf-grafikon-vonal-terulet{fill:var(--accent);opacity:.12}
.gf-grafikon-vonal-pont{fill:var(--accent)}
.gf-grafikon-vonal2{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linejoin:round}
.gf-grafikon-vonal2-terulet{fill:var(--teal);opacity:.1}
.gf-grafikon-vonal2-pont{fill:var(--teal)}
.gf-grafikon-jelmagyarazat{font-size:13px;color:var(--fg-dim);margin:6px 0 0}
.gf-grafikon-j1,.gf-grafikon-j2{display:inline-block;width:14px;height:3px;vertical-align:middle;margin:0 4px 0 8px}
.gf-grafikon-j1{background:var(--accent)}
.gf-grafikon-j2{background:var(--teal)}


.gf-cimer{display:inline-block;vertical-align:middle;object-fit:contain}
.gf-cimer-sor{width:18px;height:22px;margin-right:4px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.gf-cimer-fej{width:38px;height:46px;margin-right:10px;vertical-align:-12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}
.gf-cimer-nagy{width:128px;height:154px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
.gf-cimer-kicsi{width:42px;height:50px}

.gf-cimer-tervezo{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:start}
.gf-cimer-elonezet{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px 14px;
  border-radius:var(--r);border:1px solid var(--line);position:sticky;top:12px;
  background:radial-gradient(ellipse 75% 45% at 50% 32%,rgba(255,240,200,.95),rgba(230,205,160,.45) 60%,transparent 82%),var(--tint)}
.gf-cimer-igy{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-mute)}
.gf-cimer-igy .gf-cimer-fej{margin-right:0;vertical-align:middle}
.gf-cimer-figyelem{margin:0;padding:6px 9px;border-radius:8px;font-size:12px;line-height:1.35;
  background:#fff1d6;border:1px solid #e0b25c;color:#7a4b0b;text-align:center}
.gf-cimer-gombok{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.gf-cimer-gombok .btn{padding:6px 10px;font-size:12.5px}
.gf-cimer-panel{min-width:0}
.gf-cimer-fulek{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.gf-cimer-fulek button{border:0;background:none;padding:8px 12px;margin-bottom:-1px;cursor:pointer;
  font:650 12.5px/1 var(--font);color:var(--fg-dim);border-bottom:3px solid transparent;border-radius:6px 6px 0 0}
.gf-cimer-fulek button:hover{color:var(--fg);background:rgba(201,154,46,.08)}
.gf-cimer-fulek button[aria-selected=true]{color:var(--fg);border-bottom-color:#c99a2e;background:rgba(201,154,46,.12)}
.gf-cimer-tervezo:not([data-aktiv]) .gf-cimer-fulek{display:none}
.gf-cimer-lap{display:flex;flex-direction:column;gap:12px}
.gf-cimer-tervezo[data-aktiv] .gf-cimer-lap{display:none}
.gf-cimer-tervezo[data-aktiv=pajzs] .gf-cimer-lap[data-lap=pajzs],
.gf-cimer-tervezo[data-aktiv=mezo] .gf-cimer-lap[data-lap=mezo],
.gf-cimer-tervezo[data-aktiv=szinek] .gf-cimer-lap[data-lap=szinek],
.gf-cimer-tervezo[data-aktiv=jelkep] .gf-cimer-lap[data-lap=jelkep],
.gf-cimer-tervezo[data-aktiv=disz] .gf-cimer-lap[data-lap=disz],
.gf-cimer-tervezo[data-aktiv=mintak] .gf-cimer-lap[data-lap=mintak]{display:flex}
.gf-cimer-mentes{grid-column:1/-1;margin:0}
.gf-cimer-csoport{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.gf-cimer-csoport legend{font-weight:700;font-size:12.5px;margin-bottom:5px;padding:0;letter-spacing:.02em}
.gf-cimer-opcio{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px;
  border-radius:9px;border:2px solid transparent;cursor:pointer;background:var(--panel-2);
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.gf-cimer-opcio:hover{transform:translateY(-2px);box-shadow:0 4px 9px rgba(0,0,0,.18)}
.gf-cimer-opcio input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.gf-cimer-opcio:has(input:checked){border-color:#c99a2e;background:#fff6dc;transform:translateY(-1px);
  box-shadow:0 0 0 2px rgba(201,154,46,.35),0 4px 9px rgba(0,0,0,.2)}
.gf-cimer-opcio:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.gf-cimer-szin{width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.45);display:block;
  box-shadow:inset 0 -3px 5px rgba(0,0,0,.28),inset 0 2px 3px rgba(255,255,255,.4)}

.gf-cimer-mintak{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}
.gf-cimer-minta{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;cursor:pointer;
  border-radius:10px;border:1px solid var(--line);background:var(--panel-2);font:600 12px/1.25 var(--font);color:var(--fg);
  text-align:center;transition:transform .12s ease,box-shadow .12s ease}
.gf-cimer-minta:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.18)}
.gf-cimer-minta-kep{width:52px;height:63px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
@media (max-width:640px){.gf-cimer-tervezo{grid-template-columns:1fr}.gf-cimer-elonezet{position:static}}


.gf-map-terulet{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.gf-ter-klan{--tsz:#d9d9d9}
.gf-ter-klan[data-t=sajat],.gf-terulet-minta[data-t=sajat],.gf-terulet-felirat[data-t=sajat]{--tsz:#ffcf4d}
.gf-ter-klan[data-t=szov],.gf-terulet-minta[data-t=szov],.gf-terulet-felirat[data-t=szov]{--tsz:#6fa8dc}
.gf-ter-klan[data-t=ellen],.gf-terulet-minta[data-t=ellen],.gf-terulet-felirat[data-t=ellen]{--tsz:#ef5a4f}
.gf-ter-klan .kitoltes{fill:var(--tsz);fill-opacity:.17}
.gf-ter-klan .derenges{fill:none;stroke:var(--tsz);stroke-width:30;stroke-opacity:.34;stroke-linecap:round}
.gf-ter-klan .hatar{fill:none;stroke:var(--tsz);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 1.5px rgba(0,0,0,.55))}

.gf-map-feliratok{position:absolute;inset:0;z-index:5;pointer-events:none}
.gf-terulet-felirat{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:5px;
  padding:3px 10px 3px 5px;border-radius:999px;white-space:nowrap;opacity:.92;
  background:linear-gradient(180deg,rgba(28,17,6,.82),rgba(20,12,4,.66));
  border:1.5px solid var(--tsz);box-shadow:0 2px 8px rgba(0,0,0,.45),0 0 10px color-mix(in srgb,var(--tsz) 35%,transparent);
  color:#fff7e0;font:800 12px/1 var(--font);letter-spacing:.09em;text-shadow:0 1px 2px #000}
.gf-terulet-felirat .gf-cimer-sor{width:16px;height:19px;margin:0}

.gf-map-klanok{position:absolute;left:10px;top:10px;z-index:10;max-width:220px;padding:9px 11px;
  border-radius:10px;background:rgba(20,12,4,.74);border:1px solid rgba(255,217,138,.55);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 4px 14px rgba(0,0,0,.35);
  color:#f4e6c4;font-size:12px;display:flex;flex-direction:column;gap:5px}
.gf-map-klanok>b{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ffd98a;
  padding-bottom:4px;border-bottom:1px solid rgba(255,217,138,.25)}
.gf-map-klan{display:flex;align-items:center;gap:6px;color:#f4e6c4;text-decoration:none;border-radius:6px;padding:1px 3px;margin:0 -3px}
.gf-map-klan:hover{color:#fff;background:rgba(255,217,138,.12)}
.gf-map-klan span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}
.gf-map-klan-ures{color:#cdbb95;font-style:italic}
.gf-terulet-minta{width:12px;height:12px;flex:none;border-radius:3px;box-sizing:border-box;
  border:2px solid var(--tsz);background:color-mix(in srgb,var(--tsz) 40%,transparent)}
@media (max-width:640px){.gf-map-klanok{display:none}}

.gf-map-reteg{display:flex;align-items:center;justify-content:center}
.gf-map-reteg img{width:22px;height:22px}
.gf-map-reteg[aria-pressed=true]{box-shadow:inset 0 0 0 1px rgba(255,217,138,.85),0 0 9px rgba(255,217,138,.35)}
.gf-map-reteg[aria-pressed=false]{opacity:.45}
.gf-map-frame[data-terulet=ki] .gf-map-terulet,.gf-map-frame[data-terulet=ki] .gf-map-klanok,
.gf-map-frame[data-terulet=ki] .gf-map-feliratok{display:none}
.gf-map-frame[data-seregek=ki] .gf-map-seregek{display:none}

.gf-map-popup-klan{display:flex;align-items:center;gap:6px;margin:-4px 0 8px;font-weight:700}


.gf-map-ejjel{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;
  font-size:12.5px;font-weight:650;background:rgba(30,40,90,.10);color:var(--fg-dim);border:1px solid var(--line)}
.gf-map-ejjel.aktiv{color:#eef1ff;border-color:#5a6bc0;box-shadow:0 0 14px rgba(90,110,220,.35);
  background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.95) 0 .8px,transparent 1.4px),
    radial-gradient(circle at 63% 72%,rgba(255,255,255,.7) 0 .7px,transparent 1.2px),
    radial-gradient(circle at 86% 26%,rgba(255,255,255,.85) 0 .9px,transparent 1.5px),
    radial-gradient(circle at 42% 18%,rgba(255,255,255,.6) 0 .6px,transparent 1.1px),
    linear-gradient(135deg,#121838,#2b3a7a)}
.gf-map-ejjel [data-endtime]{font-variant-numeric:tabular-nums;font-weight:750}
.gf-hold{width:14px;height:14px;border-radius:50%;box-shadow:inset -4px 2px 0 0 #ffe7a3;flex:none;
  filter:drop-shadow(0 0 4px rgba(255,231,163,.85))}
.gf-map-canvas[data-ejszaka]::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  background:radial-gradient(ellipse 70% 60% at 50% 42%,rgba(60,75,160,.14),rgba(8,12,42,.62)),
    linear-gradient(rgba(14,22,68,.22),rgba(14,22,68,.22))}
.gf-map-canvas[data-ejszaka] a[data-kind=player]::after{content:"";position:absolute;left:4%;right:4%;top:-2%;bottom:10%;
  z-index:4;pointer-events:none;border-radius:50%;mix-blend-mode:screen;
  background:radial-gradient(closest-side,rgba(255,210,120,.8),rgba(255,170,70,.28) 55%,rgba(255,150,60,0));
  animation:gf-ablak 2.8s ease-in-out infinite}
.gf-map-canvas[data-ejszaka] .gf-map-cell:nth-child(3n) a::after{animation-delay:-1.1s}
.gf-map-canvas[data-ejszaka] .gf-map-cell:nth-child(3n+1) a::after{animation-delay:-2s}
@keyframes gf-ablak{0%,100%{opacity:.72;transform:scale(.96)}30%{opacity:1;transform:scale(1.03)}
  48%{opacity:.8}62%{opacity:.98;transform:scale(1)}80%{opacity:.85}}
.gf-map-canvas[data-ejszaka] .gf-map-cell::before{z-index:4}
.gf-map-canvas[data-ejszaka] .gf-map-nev,.gf-map-canvas[data-ejszaka] .gf-map-parancsok{z-index:5}
@media (prefers-reduced-motion:reduce){.gf-map-canvas[data-ejszaka] a[data-kind=player]::after{animation:none}}


.gf-map-seregek{position:absolute;inset:0;z-index:6;pointer-events:none}
.gf-sereg-utak{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gf-sereg-utak path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.gf-sereg-utak .ut-menet{stroke-width:3;stroke-dasharray:12 9;opacity:.92;
  animation:gf-sereg-ut 1.1s linear infinite;transition:stroke-width .15s,opacity .15s}
.gf-sereg-utak .ut-feny{stroke-width:12;opacity:.18;transition:stroke-width .15s,opacity .15s}
.gf-sereg-utak .ut-teljes{stroke-width:2;stroke-dasharray:2 8;opacity:.42}
.gf-sereg-utak .ut-menet.kiemel{stroke-width:4.5;opacity:1}
.gf-sereg-utak .ut-feny.kiemel{stroke-width:18;opacity:.34}
.gf-sereg-utak .nyil{stroke-width:1.5;stroke-linejoin:round;opacity:.95}
@keyframes gf-sereg-ut{to{stroke-dashoffset:-21}}
.gf-sereg-utak .tamad{stroke:#e0443a;fill:#e0443a}
.gf-sereg-utak .orseg,.gf-sereg-utak .bejovo-orseg{stroke:#4ea3d8;fill:#4ea3d8}
.gf-sereg-utak .vissza{stroke:#58b36a;fill:#58b36a}
.gf-sereg-utak .bejovo{stroke:#ff3b30;fill:#ff3b30}
.gf-sereg-utak path.ut-teljes,.gf-sereg-utak path.ut-feny,.gf-sereg-utak path.ut-menet{fill:none}
.gf-sereg-utak .ut-menet.bejovo{stroke-width:4}
.gf-sereg{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:2px solid #f3d27a;box-shadow:0 0 0 1.5px rgba(18,11,3,.9),inset 0 1px 1px rgba(255,255,255,.45),
    0 3px 8px rgba(0,0,0,.55);pointer-events:auto;
  transition:left 1s linear,top 1s linear,transform .15s ease,opacity .6s ease}
.gf-sereg:hover{transform:scale(1.18);z-index:2}
.gf-sereg img{width:15px;height:15px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.gf-sereg::before{content:"";position:absolute;right:calc(50% + 11px);top:50%;width:36px;height:7px;margin-top:-3.5px;
  border-radius:4px;transform-origin:calc(100% + 11px) 50%;transform:rotate(var(--szog));
  background:linear-gradient(to left,var(--csova),transparent);pointer-events:none;transition:transform .9s linear}
.gf-sereg.megerkezett{opacity:0}
.gf-sereg.tamad{background:radial-gradient(circle at 35% 30%,#ec6355,#9e1f17);--csova:rgba(255,95,70,.75)}
.gf-sereg.orseg,.gf-sereg.bejovo-orseg{background:radial-gradient(circle at 35% 30%,#5aa8d0,#22597a);--csova:rgba(110,185,235,.75)}
.gf-sereg.vissza{background:radial-gradient(circle at 35% 30%,#5cbd66,#1f6a25);--csova:rgba(120,205,130,.75)}
.gf-sereg.vissza img{transform:scaleX(-1)}
.gf-sereg.bejovo{background:radial-gradient(circle at 35% 30%,#ff5a4f,#b10f0f);--csova:rgba(255,60,60,.85);
  animation:gf-sereg-veszely 1s ease-in-out infinite}
@keyframes gf-sereg-veszely{0%,100%{box-shadow:0 0 0 1.5px rgba(18,11,3,.9),0 0 0 0 rgba(255,60,60,.75)}
  50%{box-shadow:0 0 0 1.5px rgba(18,11,3,.9),0 0 0 10px rgba(255,60,60,0)}}
.gf-sereg-ido{position:absolute;top:calc(100% + 4px + var(--cimke-y,0px));left:50%;transform:translateX(-50%);
  padding:1px 7px;border-radius:999px;
  background:rgba(20,12,4,.88);color:#fff;font:700 10.5px/1.35 var(--font);font-variant-numeric:tabular-nums;
  white-space:nowrap;border:1px solid rgba(243,210,122,.55);box-shadow:0 2px 5px rgba(0,0,0,.4);pointer-events:none;z-index:3;
  transition:top .3s ease}
.gf-sereg.bejovo .gf-sereg-ido{background:#8e1010;border-color:#ff8a80}

.gf-sereg-db{position:absolute;right:-8px;top:-8px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;
  border-radius:999px;background:linear-gradient(180deg,#f7dd92,#d9a944);color:#2a1a08;
  font:800 10px/16px var(--font);font-style:normal;text-align:center;
  box-shadow:0 0 0 1.5px rgba(18,11,3,.9),0 2px 4px rgba(0,0,0,.45);pointer-events:none}
.gf-map-viewport.dragging .gf-sereg{pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .gf-sereg,.gf-sereg::before,.gf-sereg-ido{transition:none}
  .gf-sereg.bejovo,.gf-sereg-utak .ut-menet{animation:none}}
.gf-map-legend .sereg-tamad::before{background:#b3261e;border-radius:50%}
.gf-map-legend .sereg-orseg::before{background:#2f6f8f;border-radius:50%}
.gf-map-legend .sereg-vissza::before{background:#2e7d32;border-radius:50%}
.gf-map-legend .sereg-bejovo::before{background:#d01818;border-radius:50%;box-shadow:0 0 0 3px rgba(255,60,60,.35)}


.gf-csatakep{margin:14px 0;padding:14px 16px;border-radius:var(--r);border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel-2),var(--tint));box-shadow:0 2px 10px rgba(0,0,0,.08)}
.gf-csatakep-fej{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.gf-csatakep-fej h4{margin:0}
.gf-csatakep-kimenet{padding:5px 14px;border-radius:999px;font-weight:750;font-size:12.5px;color:#fff;letter-spacing:.03em;
  box-shadow:0 2px 6px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25);
  animation:gf-kimenet .55s cubic-bezier(.2,1.5,.4,1) 1.3s both}
.gf-csatakep-kimenet.tamado{background:linear-gradient(180deg,#c9402f,#8f1f16)}
.gf-csatakep-kimenet.vedo{background:linear-gradient(180deg,#3d84ad,#215677)}
.gf-csatakep-kimenet.hoditas{background:linear-gradient(180deg,#e6b23a,#9c6f10);color:#1d1205}
@keyframes gf-kimenet{from{transform:scale(.5);opacity:0}}
.gf-csatakep-felek{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.gf-csatakep-vs{align-self:center;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,#6a4620,#2a1a0a);border:2px solid #d9b26a;
  box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.2)}
.gf-csatakep-vs img{width:21px;height:21px;filter:brightness(1.7) sepia(.35)}
@media (max-width:700px){.gf-csatakep-felek{grid-template-columns:1fr}.gf-csatakep-vs{justify-self:center}}
.gf-csatakep-fel{padding:10px 12px;border-radius:10px;border:1px solid var(--line);min-width:0}
.gf-csatakep-fel.tamado{background:linear-gradient(135deg,rgba(179,38,30,.11),transparent 65%)}
.gf-csatakep-fel.vedo{background:linear-gradient(225deg,rgba(47,111,143,.13),transparent 65%)}
.gf-csatakep-fel h4{margin:0 0 8px;font-size:13px}
.gf-csatakep-fel.tamado h4{color:#b3261e}
.gf-csatakep-fel.vedo h4{color:#2f6f8f}
.gf-csatakep-sor{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;margin:4px 0}
.gf-csatakep-sor img{width:20px;height:20px}
.gf-csatakep-sav{position:relative;height:11px;border-radius:6px;overflow:hidden;
  background:linear-gradient(90deg,#9e2a22,#d4483c);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.gf-csatakep-sav::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.32),transparent 55%)}
.gf-csatakep-sav i{display:block;height:100%;width:var(--marad);border-radius:6px 0 0 6px;
  background:linear-gradient(90deg,#3d8b46,#6cc070);
  animation:gf-csatakep-fogy 1.1s cubic-bezier(.3,.1,.2,1) both;animation-delay:calc(.25s + var(--i) * 90ms)}
@keyframes gf-csatakep-fogy{from{width:100%}}
.gf-csatakep-szam{font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--fg-dim);white-space:nowrap}
.gf-csatakep-szam small{color:#b3261e;font-weight:700;margin-left:4px}
.gf-csatakep-ossz{margin:7px 0 0;font-size:12px;color:var(--fg-mute)}
.gf-csatakep-ures{margin:0;color:var(--fg-mute);font-style:italic}
.gf-csatakep-epulet{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:10px;margin-top:12px}
.gf-csatakep-epulet-nev{font-weight:650;font-size:12.5px}
.gf-csatakep-kovek{display:flex;flex-wrap:wrap;gap:2px;padding:2px;border-radius:3px;background:rgba(80,60,35,.18)}
.gf-csatakep-kovek i{width:13px;height:10px;border-radius:2px;
  background:linear-gradient(180deg,#c4b394,#8a7658);box-shadow:inset 0 -1px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.25)}
.gf-csatakep-kovek i.omlik{animation:gf-ko-omlik .7s ease-in both;animation-delay:calc(.6s + var(--i) * 120ms)}

@keyframes gf-ko-omlik{60%{opacity:1}to{transform:translateY(4px) rotate(22deg);opacity:.22}}
.gf-csatakep-huseg{position:relative;height:11px;border-radius:6px;background:var(--panel-3);overflow:hidden;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.gf-csatakep-huseg i{display:block;height:100%;width:var(--utana);
  background:linear-gradient(90deg,#c08a2b,#ffd24a);animation:gf-huseg-csuszik 1.2s ease-out .5s both}
@keyframes gf-huseg-csuszik{from{width:var(--elotte)}}
@media (prefers-reduced-motion:reduce){
  .gf-csatakep-sav i,.gf-csatakep-kovek i.omlik,.gf-csatakep-huseg i,.gf-csatakep-kimenet{animation:none}
  .gf-csatakep-kovek i.omlik{opacity:.22}}


.gf-map-hadm{position:absolute;left:50%;top:-6px;z-index:5;width:22px;height:22px;margin-left:-11px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;pointer-events:none;
  background:radial-gradient(circle at 35% 30%,#e8574a,#8e1b14);border:2px solid #ffe2a8;
  box-shadow:0 0 0 1px rgba(18,11,3,.8),0 2px 6px rgba(0,0,0,.5);animation:gf-hadijel 1.8s ease-in-out infinite}
.gf-map-hadm b{color:#fff;font-size:13px;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.6)}
.gf-map-hadm.siker{background:radial-gradient(circle at 35% 30%,#ffd76a,#a5760f);animation:none}
@keyframes gf-hadijel{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.gf-map-hadm{animation:none}}
.gf-map-action.hadm>span::before{content:"\2691";color:#b3261e}
.ui-main>form.gf-hadm-uj,.gf-hadm-uj{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:0 0 16px;padding:12px 14px;
  border-radius:var(--r);border:1px solid var(--line);background:var(--tint)}
.gf-hadm-uj>b{flex-basis:100%;font-size:13px}
.gf-hadm-uj label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--fg-dim)}
.gf-hadm-uj input[type=number]{width:80px}
.gf-hadm-parancs{flex:1 1 220px}
.gf-hadm-parancs input{width:100%}
.gf-hadm{margin:0 0 14px;padding:12px 14px;border-radius:var(--r);border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(179,38,30,.08),transparent 55%),var(--panel-2);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.gf-hadm.siker{background:linear-gradient(135deg,rgba(201,154,46,.18),transparent 60%),var(--panel-2)}
.gf-hadm:target{outline:2px solid #c99a2e;outline-offset:2px}
.gf-hadm-fej{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.gf-hadm-fej>div{display:flex;flex-direction:column;min-width:0;flex:1}
.gf-hadm-fej>div span{font-size:12px;color:var(--fg-mute)}
.gf-hadm-jel{width:32px;height:32px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 35% 30%,#e8574a,#8e1b14);border:2px solid #ffe2a8;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.gf-hadm-jel img{width:18px;height:18px;filter:brightness(2.2)}
.gf-hadm-siker{padding:3px 10px;border-radius:999px;background:linear-gradient(180deg,#e6b23a,#9c6f10);color:#1d1205;font-weight:750;font-size:12px}
.gf-hadm-ido,.gf-hadm-parancs-szoveg,.gf-hadm-ki{margin:4px 0}
.gf-hadm-hatra{color:var(--fg-dim)}
.gf-hadm-hatra [data-endtime]{font-variant-numeric:tabular-nums;font-weight:700;color:#b3261e}
.gf-hadm-parancs-szoveg{padding:6px 10px;border-left:3px solid #b3261e;background:rgba(179,38,30,.06);font-style:italic}
.gf-hadm-tabla{width:100%;margin:8px 0}
.gf-hadm-fajta{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.gf-hadm-fajta::before{content:"";width:9px;height:9px;border-radius:50%;background:#b3261e}
.gf-hadm-fajta[data-fajta=nemes]::before{background:#c99a2e}
.gf-hadm-fajta[data-fajta=kem]::before{background:#6c6c6c}
.gf-hadm-fajta[data-fajta=tamogatas]::before{background:#2f6f8f}
.gf-hadm-elteres{font-variant-numeric:tabular-nums;font-weight:700;color:#b0640f}
.gf-hadm-elteres.pontos{color:#2e7d32}
.ui-main>form.gf-hadm-jelentkezes,.gf-hadm-jelentkezes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.gf-hadm-gombok{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}


.gf-trofeaterem{margin:14px 0}
.gf-trofeaterem>h3{margin:0 0 10px}
.gf-trofeak{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.gf-trofea{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(255,255,255,.5),transparent 60%),var(--panel-2);box-shadow:0 2px 6px rgba(0,0,0,.06)}
.gf-trofea-erem{position:relative;width:46px;height:46px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;
  --erem1:#b07ad8;--erem2:#5a2f86;
  background:radial-gradient(circle at 35% 30%,var(--erem1),var(--erem2));border:3px solid rgba(255,255,255,.55);
  box-shadow:0 0 0 1.5px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.4)}
.gf-trofea[data-fok="1"] .gf-trofea-erem{--erem1:#e0a26a;--erem2:#8a4d1e}
.gf-trofea[data-fok="2"] .gf-trofea-erem{--erem1:#f2f4f6;--erem2:#8d969e}
.gf-trofea[data-fok="3"] .gf-trofea-erem{--erem1:#ffe08a;--erem2:#b07d12}
.gf-trofea-erem img{width:24px;height:24px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.gf-trofea-szoveg{display:flex;flex-direction:column;gap:2px;min-width:0}
.gf-trofea-szoveg b{font-size:13px}
.gf-trofea-szoveg span{font-size:12.5px;color:var(--fg-dim)}
.gf-trofea-szoveg small{font-size:11.5px;color:var(--fg-mute)}


.ui-main>form.gf-klan-nyitas{margin:0 0 18px}

.timer{font-variant-numeric:tabular-nums;color:var(--teal);font-weight:600}
.inactive{opacity:.5}
.icon{display:inline-block;width:18px;height:18px}
.card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);
  padding:12px}


input[type=text],input[type=number],input[type=password],input[type=datetime-local],input:not([type]),
input[type=email],input[type=search],input[type=url],input[type=tel],input[type=date],input[type=time],
textarea,select{background:var(--panel-3);border:1px solid var(--line);color:var(--fg);
  border-radius:var(--r-sm);padding:7px 9px;font:inherit;font-size:13.5px;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--accent);
  box-shadow:0 0 0 3px var(--ring)}
textarea{resize:vertical}
label{font-weight:600;font-size:13px;color:var(--fg-dim)}

input[type=file]{font:inherit;font-size:13px;color:var(--fg-dim);max-width:100%}
input[type=file]::file-selector-button{margin-right:10px;padding:6px 12px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:var(--panel-3);color:var(--fg);font:inherit;font-weight:650;cursor:pointer}
input[type=file]::file-selector-button:hover{border-color:var(--accent)}


.ui-prog{height:6px;background:var(--panel-3);border-radius:3px;overflow:hidden;min-width:90px}
.ui-prog>i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--accent));
  border-radius:3px}

.ui-empty{color:var(--fg-mute);text-align:center;padding:26px 14px;font-style:italic}


.ui-finish-error{margin:8px 0 0;padding:8px 11px;border-radius:var(--r-sm);
  background:rgba(180,60,40,.14);border:1px solid var(--danger);
  color:var(--fg);font-size:13px}
.ui-foot{grid-column:1/-1;padding:13px 18px;color:var(--chrome-fg-dim);
  font-size:12px;background-color:var(--chrome);
  background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 6px);
  border-top:2px solid var(--chrome-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}



.icon.header{display:inline-block;width:15px;height:15px;background-size:contain;
  background-repeat:no-repeat;background-position:center;vertical-align:-3px;
  margin-right:5px}
.icon.header.wood{background-image:var(--ic-wood)}
.icon.header.stone{background-image:var(--ic-stone)}
.icon.header.iron{background-image:var(--ic-iron)}
.icon.header.pop,.icon.header.farm{background-image:var(--ic-pop)}
.icon.header.storage{background-image:var(--ic-storage)}
.icon.header.premium,.icon.header.coin{background-image:var(--ic-premium)}
.icon.header.attack{background-image:var(--ic-attack)}
.icon.header.support{background-image:var(--ic-support)}
img.icon,.bmain_list_img{width:28px;height:28px;object-fit:contain;
  vertical-align:middle;margin-right:6px}
.bmain_list_img{width:34px;height:34px}




h2.ui-page-title{position:relative;font-size:22px;
  margin:0 0 18px -18px;padding:12px 30px 12px 66px;min-height:52px;
  display:flex;align-items:center;color:#f9eed6;
  background:linear-gradient(180deg,#a3322e,var(--bordo) 45%,var(--bordo-2));
  border:0;border-radius:2px 0 0 2px;width:fit-content;
  max-width:calc(100% + 18px);
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.30),0 4px 12px rgba(58,40,20,.34);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%)}

h2.ui-page-title::before{content:"";position:absolute;left:14px;top:50%;
  transform:translateY(-50%);width:38px;height:44px;
  background:linear-gradient(180deg,var(--gold-hi),var(--gold) 50%,var(--gold-dim));
  clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%)}
h2.ui-page-title::after{content:"";position:absolute;left:17px;top:50%;
  transform:translateY(-50%);width:32px;height:38px;
  background:var(--screen-icon) center 38%/20px no-repeat,
    linear-gradient(180deg,#c13a31,var(--bordo) 55%,var(--bordo-2));
  clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%)}
h2.ui-page-title+p{margin-top:-6px}
.ui-main>p{color:var(--fg-dim);margin:0 0 14px;max-width:70ch}
.ui-main table.vis:not(.modemenu),.ui-main>.info_box{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}
.ui-main>table.vis th:first-child,.ui-main>table.vis td:first-child{padding-left:14px}
.ui-main>table.vis th:last-child,.ui-main>table.vis td:last-child{padding-right:14px}
.vis th:first-child{border-top-left-radius:var(--r)}
.vis th:last-child{border-top-right-radius:var(--r)}
.vis td{transition:background .12s ease}


.vis td:has(.icon.header){white-space:nowrap;font-variant-numeric:tabular-nums;
  text-align:right}


.btn{transition:filter .12s ease,transform .06s ease,box-shadow .12s ease}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,
button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ui-nav a{transition:background .12s ease,color .12s ease}
.ui-card{transition:border-color .15s ease}
.ui-res-item{transition:border-color .15s ease}
.ui-res-item:hover{border-color:var(--accent-dim)}
small{color:var(--fg-mute)}
code{background:var(--panel-3);border:1px solid var(--line);border-radius:4px;
  padding:1px 5px;font-size:12.5px}
hr{border:0;border-top:1px solid var(--line-soft);margin:16px 0}
::selection{background:var(--accent);color:var(--accent-fg)}


*{scrollbar-color:var(--panel-3) transparent}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--panel-3);border-radius:6px;
  border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--line)}



div.vis{width:auto;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--shadow);padding:12px 14px;
  margin:0 0 16px;display:block}
div.vis>b:first-child{display:block;font-size:12px;text-transform:uppercase;
  letter-spacing:.5px;color:var(--fg-dim);font-weight:650;margin-bottom:9px}


div.vis>div>span{display:inline-flex;align-items:center;gap:6px;
  background:var(--panel-2);border:1px solid var(--line);border-radius:999px;
  padding:4px 12px 4px 7px;margin:0 7px 7px 0 !important;font-size:13px}
div.vis>div>span>b{font-variant-numeric:tabular-nums}


.vis td img{width:26px;height:26px;object-fit:contain;vertical-align:middle;
  margin-right:7px}
.vis td{font-variant-numeric:tabular-nums}
.vis td b,.vis td a b{font-variant-numeric:normal}


.vis .lvl{display:inline-block;margin-top:4px;font-size:11.5px;
  color:var(--fg-mute);background:var(--panel-3);
  border:1px solid var(--line-soft);border-radius:999px;padding:1px 9px;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.vis td .bmain_list_img{vertical-align:-8px}
.vis td>a>b{font-size:13.5px}


.vis td.cost{white-space:nowrap;font-variant-numeric:tabular-nums}
.vis td.cost .icon.header{margin-left:11px}
.vis td.cost .icon.header:first-child{margin-left:0}
.vis td.cost .dur{margin-left:14px;color:var(--fg-mute);font-size:12.5px}


.gf-halvany{color:var(--fg-mute);font-size:12.5px}


.inactive{display:inline-block;background:var(--panel-3);
  border:1px dashed var(--line);border-radius:var(--r-sm);padding:4px 10px;
  color:var(--fg-mute);font-size:12.5px;opacity:1;line-height:1.35}

.vis td.inactive{display:table-cell;background:none;border:0;border-bottom:1px solid var(--line-soft);
  border-radius:0;padding:8px 10px;font-size:inherit}


.gf-att{display:grid;grid-template-columns:minmax(0,1fr);gap:0 22px;align-items:start}
.gf-att-fo,.gf-att-oldal{min-width:0}
@media(min-width:1200px){.gf-att{grid-template-columns:minmax(0,1fr) 300px}}
@media(min-width:1500px){.gf-att{grid-template-columns:minmax(0,1fr) 340px}}


.ui-card.gf-oldal{margin-bottom:14px}
.ui-card.gf-oldal>.head{margin:0;padding:8px 12px 8px 32px;width:auto;max-width:none;clip-path:none;
  border-radius:calc(var(--r) - 2px) calc(var(--r) - 2px) 0 0;color:var(--fg);font-size:14.5px;
  background:linear-gradient(180deg,#f2e6c7,#e2cfa6);box-shadow:inset 0 -1px 0 var(--line-soft)}
.ui-card.gf-oldal>.head::before{left:12px;width:10px;height:10px;border-radius:2px;
  background:linear-gradient(135deg,var(--gold-hi),var(--gold-dim));
  transform:translateY(-50%) rotate(45deg);filter:none}
.ui-card.gf-oldal>.head::after{display:none}
.ui-card.gf-oldal>.body{padding:8px 9px 9px}
.gf-oldal-lista,.gf-oldal .gf-hatas-lista{background:rgba(255,253,245,.55);border:1px solid var(--line-soft);
  border-radius:var(--r-sm);padding:1px 10px}
.gf-oldal-sor{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line-soft);
  font-size:13.5px;color:var(--fg);text-decoration:none}
.gf-oldal-sor:last-child{border-bottom:0}
a.gf-oldal-sor:hover{color:var(--accent-dim);text-decoration:none}
.gf-oldal-sor>span:first-of-type{flex:1;min-width:0}
.gf-oldal-sor b{font-variant-numeric:tabular-nums;white-space:nowrap}
.gf-oldal-sor small{color:var(--fg-dim);white-space:nowrap}
.gf-oldal-sor .icon{width:22px;height:22px;object-fit:contain;flex:none}

.gf-oldal-kep{width:42px;height:42px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.gf-oldal-sor.gf-oldal-sor-sor{padding:8px 0}
.gf-oldal-tetel{display:flex;flex-direction:column;gap:1px;line-height:1.3}
.gf-oldal-tetel .timer{font-variant-numeric:tabular-nums;color:var(--fg-dim);font-size:13px}
.gf-oldal-ossz{font-weight:650}
.gf-oldal-ossz i,.gf-oldal-lab i{font-style:normal;color:var(--accent)}
.gf-oldal-lab{color:var(--accent-dim);font-weight:650}
.gf-oldal-lab-jobb{margin:8px 2px 0;text-align:right;font-size:13px}

.gf-sor-x{display:inline-grid;place-items:center;width:22px;height:22px;flex:none;
  border-radius:50%;border:0;padding:0;cursor:pointer;
  background:var(--danger);color:#fff;font:700 15px/1 var(--font);text-decoration:none;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
.gf-sor-x:hover{background:#c0392b;color:#fff;text-decoration:none}
.gf-oldal-csoportok{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px}
.gf-oldal-csoport{display:inline-flex;align-items:center;gap:6px;margin:0;
  padding:2px 3px 2px 10px;border-radius:999px;background:var(--panel-3);border:1px solid var(--line);font-size:13px}
.gf-oldal-halvany{color:var(--fg-dim)}
.gf-oldal-hozzaad{display:flex;gap:6px;margin-top:9px}
.gf-oldal-hozzaad select{flex:1;min-width:0}
.gf-oldal-jegyzet{margin:8px 0 4px;font-size:13.5px}
.gf-oldal-szerk>summary{cursor:pointer;padding:7px 0;color:var(--accent-dim);font-weight:650;list-style:none}
.gf-oldal-szerk>summary::-webkit-details-marker{display:none}
.gf-oldal-szerk[open]>summary{border-bottom:1px solid var(--line-soft);margin-bottom:8px}
.gf-oldal textarea{width:100%;box-sizing:border-box}


.gf-esemeny-szalag{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.gf-esemeny-kep{flex:none}
.gf-esemeny-zaszlo{display:grid;place-items:center;width:80px;height:92px;padding-bottom:10px;
  background:linear-gradient(180deg,#c13a31,var(--bordo) 55%,var(--bordo-2));
  clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);
  box-shadow:inset 0 0 0 3px rgba(199,154,74,.55)}
.gf-esemeny-zaszlo img{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(.92)}
.gf-esemeny-sajat{display:block;width:96px;height:96px;object-fit:cover;border-radius:4px;
  border:2px solid var(--gold-dim);box-shadow:0 2px 6px rgba(0,0,0,.3)}
.gf-esemeny-szoveg{flex:1 1 260px;min-width:0}
.gf-esemeny-szoveg p{margin:0 0 7px}
.gf-esemeny-ido{font-weight:650}
.gf-esemeny-allapot{color:var(--accent)}
.btn.gf-esemeny-gomb{padding:10px 22px;font-weight:700;color:#f3e6c8;
  background:linear-gradient(180deg,#3d2b17,#1f1409);border:2px solid var(--gold);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.35)}
.btn.gf-esemeny-gomb:hover{border-color:var(--gold-hi);color:#fff}


.ui-card .gf-kartya-fej{display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;margin-top:-2px;padding-right:12px}
.ui-card .gf-kartya-fej>.head{margin-top:0}
.btn.gf-att-reszletek{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-weight:650;color:#f3e6c8;
  background:linear-gradient(180deg,#3d2b17,#1f1409);border:1px solid var(--gold)}
.btn.gf-att-reszletek .icon{width:16px;height:16px}

.gf-att-aktualis .vis td>.icon{width:28px;height:28px}
.btn.gf-att-reszletek:hover{color:#fff;border-color:var(--gold-hi)}


.gf-falukep .gv-wrap{border:0;border-radius:0 0 calc(var(--r) - 2px) calc(var(--r) - 2px)}

.gf-klan-megosztas{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px 4px}
.gf-klan-vedelem .gf-magyarazat{padding:0 14px 12px;margin:0}
.gf-klan-vedelem-tabla tr.gf-vedelem-tamadas td:first-child{color:var(--danger);font-weight:650}
.gf-klan-vedelem-tabla tr.gf-vedelem-tamogatas td:first-child{color:var(--ok)}

.gf-report-eszkoz{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.gf-report-tomeges{margin:0}
.gf-mind-kijelol{cursor:pointer}
.gf-lapozo{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;justify-content:center}
.gf-lapozo a,.gf-lapozo b{min-width:32px;padding:4px 9px;text-align:center;border:1px solid var(--line);
  border-radius:var(--r-sm);background:var(--panel)}
.gf-lapozo b{background:var(--bordo);color:#f7e9cd;border-color:var(--bordo-2)}
.gf-report-tovabbit{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;
  border:1px dashed var(--line);border-radius:var(--r-sm)}
.gf-report-tovabbit input[name="to"]{min-width:160px}
.gf-report-ujra{margin:12px 0 0}
.gf-report-tovabbitotta{margin:0 0 10px;color:var(--fg-dim);font-style:italic}

.gf-piac-kereskedo{margin:0 0 12px;color:var(--fg-dim)}
.gf-piac-kuldes .vis,.gf-piac-uj .vis{margin:0}
input.gf-koord{width:72px}
.gf-piac-szuro{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px}
.gf-piac-ajanlatok td.r,.gf-piac-kereskedok td.r{font-variant-numeric:tabular-nums}

.gf-tomeges-zsakmany .gf-magyarazat{padding:12px 14px 0;margin:0}
.gf-tomeges-zsakmany-urlap{margin:0}
.gf-tz-valaszt{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 14px}
.gf-tz-valaszt label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.gf-tz-tabla td.gf-tz-szabad{color:var(--ok);font-weight:650}
.gf-tz-tabla td.gf-tz-uton{color:var(--fg-dim);font-variant-numeric:tabular-nums}
.gf-tz-gomb{padding:12px 14px;margin:0;text-align:right}

.gf-kiegyenlito .gf-magyarazat{padding:12px 14px 0}
.gf-kiegyenlito-indit{padding:12px 14px;text-align:right}
.gf-kiegyenlito-tabla td small{color:var(--fg-dim)}

.gf-jatekos-kep{display:block;max-width:160px;max-height:160px;margin:0 0 12px;border-radius:var(--r-sm);
  border:1px solid var(--line);object-fit:cover}
.gf-idegen-profil .gf-profile-meta td small{color:var(--fg-mute)}
.gf-kituntetesek{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.gf-kituntetesek li{display:inline-flex;align-items:center;gap:6px}
.gf-kituntetesek img{width:24px;height:24px}

.gf-belepes-tabla{width:100%}
.gf-belepes-tabla code{font-size:12.5px}
.gf-belepes-ok{color:var(--ok)}
.gf-belepes-hiba{color:var(--danger);font-weight:650}

.gf-email-megerosites{margin:0 0 12px}
.gf-email-megerositve{margin:0 0 12px;color:var(--ok);font-weight:600}

.gf-premium-naplo{width:100%}
.gf-premium-naplo td.r{font-variant-numeric:tabular-nums;white-space:nowrap}
.gf-pn-plusz{color:var(--ok);font-weight:650}
.gf-pn-minusz{color:var(--danger);font-weight:650}

.gf-reszleges{display:inline-block;margin-left:6px;vertical-align:middle}
.gf-reszleges>summary{cursor:pointer;color:var(--fg-dim);font-size:13px}
.gf-reszleges-urlap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 0}
.gf-reszleges-urlap label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.gf-reszleges-urlap input[type=number]{width:70px}

.gf-falvak-termeles small{color:var(--fg-mute)}
.gf-fv-tele{color:var(--danger);font-weight:650}
.gf-fv-kesz{color:var(--ok);font-weight:700;text-align:center}
.gf-fv-folyik{color:var(--fg-dim);font-variant-numeric:tabular-nums;white-space:nowrap}
.gf-falvak-kutatas td{text-align:center}
.gf-falvak-kutatas td:first-child{text-align:left}
.gf-falvak-parancsok td small{color:var(--fg-mute)}

.gf-vilag-beallitasok{max-width:760px}
.gf-vb-tabla{width:100%}
.gf-vb-tabla th{width:42%;text-align:left;font-weight:600}
.gf-info-linkek{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0}
.gf-vilag-beallitasok .gf-magyarazat{padding:12px 14px 0;margin:0}
.gf-vilag-beallitasok .gf-info-linkek{padding:0 14px 14px;margin:8px 0 0}

.gf-klan-beallitas{margin:18px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel)}
.gf-klan-beallitas h3{margin:0 0 10px}
.gf-klan-atnevezes{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px}
.gf-klan-atnevezes label{display:inline-flex;align-items:center;gap:6px}
.gf-klan-feloszlatas{margin:8px 0 0}

.gf-rangsor-kereso{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 12px}
.gf-rangsor-kereso label{display:inline-flex;align-items:center;gap:6px}
.gf-ranking-table tr.gf-rangsor-cel td{background:rgba(214,170,74,.22);font-weight:650}
.gf-napi-kategoriak{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.gf-napi-kategoriak a{padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--fg);
  text-decoration:none;font-size:13px}
.gf-napi-kategoriak a.on{background:var(--accent);border-color:transparent;color:var(--accent-fg)}

.gv-l .gv-szint{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:3px;
  padding:0 5px;border-radius:9px;background:#3b2a17;color:#f3e6c8;font-size:10.5px}


.vis input[type=text],.vis input[type=number],.vis input:not([type]){
  text-align:center;padding:6px 7px}
.local-recruit-unit{text-align:center;font-variant-numeric:tabular-nums}
.ui-main>form{margin:0}




.vis th{position:sticky;top:0;z-index:2;
  box-shadow:inset 0 -1px 0 var(--line)}


.vis tr:nth-child(even) td{background:var(--stripe)}
.vis tr:hover td{background:var(--hover)}


.vis tr.unread td{background:var(--tint);font-weight:600}
.vis tr.unread td a{font-weight:700}
.vis tr.unread:hover td{background:var(--hover)}

.new-report{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:999px;
  background:var(--accent);color:var(--accent-fg);font-size:11px;font-weight:700;
  letter-spacing:.3px;vertical-align:1px}


.rank-medal{display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;height:24px;padding:0 6px;border-radius:999px;
  background:var(--panel-3);border:1px solid var(--line);
  font-variant-numeric:tabular-nums;font-weight:650;font-size:12.5px}
.rank-medal.rank-1{background:linear-gradient(180deg,#f0d27a,#c9a137);
  border-color:#8a6c1d;color:#3b2c06;box-shadow:inset 0 1px 0 #fff6d6}
.rank-medal.rank-2{background:linear-gradient(180deg,#e2e2e2,#b4b4b4);
  border-color:#8d8d8d;color:#2f2f2f;box-shadow:inset 0 1px 0 #fff}
.rank-medal.rank-3{background:linear-gradient(180deg,#e0a97b,#b6764a);
  border-color:#8a5530;color:#331d0d;box-shadow:inset 0 1px 0 #ffe0c6}





.gf-report-osszes{display:flex;justify-content:flex-end;margin:-6px 0 12px}

.gf-gyozelem-szalag{margin:0 0 12px;padding:10px 14px;border-radius:var(--r-sm);
  border:1px solid var(--accent-dim);background:var(--panel-2);font-weight:600}
.gf-gyozelem-szalag.gyoztes{background:var(--gold);color:#2b2015;border-color:var(--gold-dim)}
.gf-gyozelem-gyoztes{font-size:17px;font-weight:700;margin:0 0 6px}
.gf-gyozelem-sav{height:10px;border-radius:6px;background:var(--line);overflow:hidden;margin:8px 0}
.gf-gyozelem-sav>span{display:block;height:100%;background:var(--accent)}
.gm-gyozelem{margin:6px 0;font-weight:600}


.gf-profile-main,.gf-profile-card,.gf-report-paper,.gf-report-screen,
.gf-forum-post,.gf-stat-card,.gf-flag-card,.gf-premium-feature,.gf-item,
.gf-mail-letter,.gf-map-panel,.gf-map-popup,.gf-tribe-forum,.gf-ranking,
.gf-command-overview,.gf-village-overview,.gf-overview-dynamic,
.gf-premium-shop,.gf-mail,.gf-flags,.gf-award{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}

.gf-eredmeny-osszeg{font-weight:bold;margin:0 0 10px}.gf-eredmeny-lista{display:grid;gap:8px}.gf-eredmeny{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--panel);border:1px solid var(--gold);border-radius:8px}.gf-eredmeny.locked{opacity:.62;border-color:var(--line,#b59a6a)}.gf-eredmeny>img{width:36px;height:36px;flex:0 0 36px}.gf-eredmeny-szoveg{flex:1;min-width:0}.gf-eredmeny-szoveg h3{margin:0;font-size:15px}.gf-eredmeny-szoveg p{margin:2px 0 6px;font-size:13px}.gf-eredmeny-sav{height:8px;border-radius:4px;background:rgba(36,25,13,.16);overflow:hidden}.gf-eredmeny-sav>span{display:block;height:100%;background:linear-gradient(90deg,#6d1f1d,#8f2b28)}.gf-eredmeny-szoveg small{font-size:12px;opacity:.8}.gf-eredmeny-ermek{display:flex;gap:4px}.gf-eredmeny-ermek i{font-style:normal;font:bold 12px Georgia,serif;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(36,25,13,.35);opacity:.45}.gf-eredmeny-ermek i.megvan{opacity:1;border-color:#3b2a17;background:radial-gradient(circle at 35% 35%,#e7c884,#b8913f);color:#3b2a17}.gf-eredmeny-cim{margin:16px 0 6px}.gf-eredmeny-archivum{list-style:none;margin:0;padding:0}.gf-eredmeny-archivum li{display:flex;justify-content:space-between;gap:12px;padding:6px 2px;border-bottom:1px solid rgba(36,25,13,.15)}.gf-eredmeny-archivum li span{opacity:.75;white-space:nowrap}.gf-eredmeny-ures{opacity:.75}


.gf-profile-main>.head,.gf-profile-card>.head,.gf-premium-feature>.head,
.gf-stat-card>.head,.gf-item>.head,.gf-flag-card>.head,.gf-award>.head{
  position:relative;margin:0;padding:9px 20px 9px 36px;
  color:#f7e9cd;font-weight:650;font-size:14.5px;
  font-family:var(--font-head);letter-spacing:.3px;
  background:linear-gradient(180deg,var(--bordo),var(--bordo-2));
  border:0;border-bottom:2px solid var(--bordo-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.gf-profile-main>.head::before,.gf-profile-card>.head::before,
.gf-premium-feature>.head::before,.gf-stat-card>.head::before,
.gf-item>.head::before,.gf-flag-card>.head::before,.gf-award>.head::before{
  content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);
  width:20px;height:20px;background:var(--ic-crest) center/contain no-repeat;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}




.gf-mail-head,.gf-forum-head,.gf-map-title,.gf-daily-title,.gf-report-title,
.local-section-head{background:linear-gradient(180deg,var(--panel-3),var(--panel-2));
  border-bottom:1px solid var(--line);padding:10px 14px;font-weight:650;
  font-size:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gf-report-title h2{margin:0;font-size:16px}
.gf-report-title span{color:var(--fg-mute);font-size:12.5px;font-weight:400}
.gf-mail-body,.gf-report-meta,.gf-report-loot,.gf-report-loyalty,
.gf-mail-meta,.gf-profile-meta{padding:14px}


.quest-popup-container{background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}
.quest-popup-header{background:linear-gradient(180deg,var(--panel-3),var(--panel-2));
  border-bottom:1px solid var(--line)}
.quest-popup-navbar ul{display:flex;gap:6px;list-style:none;margin:0;
  padding:9px 12px 0;flex-wrap:wrap}
.qline-tab .tab-link{display:block;padding:8px 15px;cursor:pointer;
  border:1px solid var(--line);border-bottom:0;
  border-radius:var(--r-sm) var(--r-sm) 0 0;background:var(--panel-2);
  color:var(--fg-dim);font-size:13px;font-weight:600;text-decoration:none}
.qline-tab.selected-tab .tab-link{background:var(--panel);color:var(--fg)}

.quest-popup-body>.tab{display:none;padding:16px}
.quest-popup-body>.tab.active-tab{display:grid;gap:16px;align-items:start;
  grid-template-columns:minmax(210px,1fr) minmax(0,2fr)}

.quest-popup-body>#reward-tab.active-tab,.quest-popup-body>#epulet-tab.active-tab{display:block}
@media(max-width:820px){
  .quest-popup-body>.tab.active-tab{grid-template-columns:1fr}}


.questline-list,.questline-list ul{list-style:none;margin:0;padding:0}

.questline-header{display:flex;align-items:flex-end;gap:8px;margin-bottom:6px;
  height:52px;padding:8px 12px;cursor:pointer;border:1px solid var(--line);
  border-radius:var(--r-sm);text-decoration:none;overflow:hidden;
  background-size:cover;background-position:center}
.questline-header:hover{border-color:var(--accent-dim)}

.questline-header.header-opened{border-color:var(--accent);
  box-shadow:inset 0 0 0 1px rgba(168,118,43,.45)}

.questline-header:before{content:"";flex:none;width:0;height:0;margin-bottom:3px;
  border:5px solid transparent;border-left-color:#f5ead0;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));transition:transform .12s ease}
.questline-header.header-opened:before{transform:rotate(90deg)}

.questline-title{color:#f5ead0;font-weight:700;font-size:13.5px;
  text-shadow:0 1px 3px rgba(0,0,0,.75)}

.quests{display:none;margin:0 0 10px;padding:0 0 0 4px}
.quests.opened{display:block}
.quest-state{position:relative;padding:0 0 0 20px;margin:2px 0}

.quest-state:before{content:"";position:absolute;left:3px;top:7px;width:9px;
  height:9px;border-radius:50%;border:1.5px solid var(--fg-mute)}
.quest-state.quest-state-finished:before{background:var(--accent);
  border-color:var(--accent)}

.quest-state.completed:before{content:"";left:4px;top:5px;width:5px;height:9px;
  border:0;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);
  border-radius:0;background:none;transform:rotate(45deg)}
.quest-link{display:block;padding:4px 8px;border-radius:var(--r-sm);
  color:var(--fg-dim);font-size:13px;text-decoration:none;cursor:pointer}
.quest-link:hover{background:var(--hover);color:var(--fg)}
.quest-link.selected{background:var(--tint);color:var(--fg);font-weight:650}


.quest-popup-content{min-width:0}
.quest-title{display:flex;align-items:flex-start;gap:12px;
  padding:0 0 12px;border-bottom:1px solid var(--line-soft)}
.quest-title h1{margin:0;font-size:18px}
.quest-title p{margin:3px 0 0;color:var(--fg-mute);font-size:12.5px}
.quest-title .reward{margin-left:auto;flex:none}
.quest-title .reward img{width:36px;height:36px}
.quest-body{padding:12px 0}
.quest-description{margin:0 0 12px;line-height:1.5}
.quest-goal{margin-bottom:14px}
.quest-goal-line{display:flex;justify-content:space-between;font-size:12.5px;
  color:var(--fg-dim);margin-bottom:4px}

.progress{position:relative;height:16px;border-radius:var(--r-sm);
  background:var(--panel-3);border:1px solid var(--line);overflow:hidden}
.progress>span{display:block;height:100%;
  background:linear-gradient(90deg,var(--teal),var(--accent))}
.progress>b{position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;font-size:11.5px;color:var(--fg)}
.quest-reward-summary{display:flex;align-items:center;gap:11px;padding:11px;
  border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2)}
.quest-reward-summary img{width:30px;height:30px;flex:none}
.quest-actions{margin-top:14px}
.quest-footer{padding-top:10px;border-top:1px solid var(--line-soft)}
.reward-descriptions{margin-bottom:12px}
.reward-descriptions p{margin:4px 0 0;color:var(--fg-mute);font-size:12.5px}


.ui-modal-bg{position:fixed;inset:0;z-index:200;display:flex;align-items:center;
  justify-content:center;padding:18px;background:rgba(40,26,12,.55);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  opacity:1;transition:opacity .14s ease}
.ui-modal-bg.tunik{opacity:0}
.ui-modal{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:0 18px 44px rgba(45,28,10,.45);overflow:hidden;
  animation:promo-be .18s ease-out both}

@keyframes promo-be{
  from{opacity:0;transform:translateY(10px) scale(.98)}
  to{opacity:1;transform:none}}
.ui-modal>.head{background:var(--panel-2);border-bottom:1px solid var(--line);
  padding:12px 16px;font-weight:700;font-size:15px}
.ui-modal>.body{padding:16px}
.ui-modal>.body p{margin:0;line-height:1.5}

.ui-modal>.foot{display:flex;gap:9px;justify-content:flex-end;
  padding:0 16px 16px}


.ui-modal.promo{border-color:#b8913f;
  box-shadow:0 0 0 1px rgba(18,11,3,.55),0 18px 44px rgba(45,28,10,.45)}
.ui-modal.promo>.promo-kep{position:relative;height:150px;
  background:linear-gradient(135deg,var(--panel-3),var(--accent))}
.ui-modal.promo>.promo-kep .festmeny{display:block;width:100%;height:100%;
  object-fit:cover}

.ui-modal.promo>.promo-kep .fatyol{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,0) 32%,
    rgba(0,0,0,0) 48%,rgba(20,12,4,.82))}
.ui-modal.promo .promo-cim{position:absolute;left:18px;right:18px;bottom:12px;
  color:#fbe9c2;font:700 20px/1.2 var(--font-head);
  text-shadow:0 1px 3px rgba(0,0,0,.85)}

.ui-modal.promo .promo-fajta,.ui-modal.promo .promo-szamlalo{position:absolute;top:10px;
  padding:3px 9px;border-radius:999px;font:700 11px/1.4 var(--font-ui,inherit);
  letter-spacing:.06em;text-transform:uppercase;color:#fbe9c2;
  background:rgba(20,12,4,.72);border:1px solid rgba(251,233,194,.45)}
.ui-modal.promo .promo-fajta{left:12px}
.ui-modal.promo .promo-szamlalo{right:12px;letter-spacing:0}
.ui-modal.promo .promo-fajta.reward{background:rgba(46,125,50,.9)}
.ui-modal.promo .promo-fajta.sale{background:rgba(179,38,30,.9)}
.ui-modal.promo .promo-fajta.info{background:rgba(47,111,143,.9)}
.ui-modal.promo .promo-fajta.warning{background:rgba(179,107,0,.92)}

.ui-modal.promo>.body{padding:14px 18px 4px;max-height:42vh;overflow:auto}
.ui-modal.promo>.body p{color:var(--fg-dim);white-space:pre-wrap}

.ui-modal.promo .promo-jutalmak{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ui-modal.promo .promo-jutalom{display:inline-flex;align-items:center;gap:6px;
  padding:5px 10px;border-radius:var(--r-sm);border:1px solid var(--ring);
  background:linear-gradient(var(--tint),var(--tint)),var(--panel);font-weight:700}
.ui-modal.promo .promo-jutalom img{width:18px;height:18px;object-fit:contain}
.ui-modal.promo>.foot{padding:14px 18px 16px;align-items:center}
.ui-modal.promo .promo-lapozo{display:flex;gap:4px;margin-right:auto}
.ui-modal.promo .promo-lapozo .btn{min-width:36px;padding-left:0;padding-right:0;
  font-size:18px;line-height:1}
.ui-modal.promo .promo-lapozo .btn:disabled{opacity:.35;cursor:default}
@media(max-width:700px){
  .ui-modal.promo>.promo-kep{height:124px}
  .ui-modal.promo .promo-cim{left:14px;right:14px;bottom:10px;font-size:18px}
  .ui-modal.promo>.body{padding:12px 14px 2px}
  .ui-modal.promo>.foot{padding:14px 14px 14px}}

.kozm-bolt h3{margin:18px 0 4px}
.kozm-pont{font-size:14px}
.kozm-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:8px 0 6px}
.kozm-kartya{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);
  padding:10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.kozm-kartya.valasztott{border-color:var(--accent);box-shadow:0 0 0 2px var(--ring)}
.kozm-elonezet{height:70px;display:flex;align-items:center;justify-content:center}
.kozm-elonezet img{width:98px;height:70px;object-fit:contain;
  background:url(/ui/a/map.gras1?v=fhN5JxMFXj) center/53px 38px}
.kozm-nevminta{font-weight:700;font-size:16px}
.kozm-nev{font-weight:600}
.kozm-hasznalatban{font-size:12px;color:var(--fg-dim)}

.nev-arany{color:#b8860b;font-weight:700}
.nev-ezust{color:#7d8b96;font-weight:700}
.nev-bibor{color:#9b1f45;font-weight:700}
.nev-smaragd{color:#1d7a50;font-weight:700}
.nev-csillog{font-weight:700;color:#b8862b;
  background:linear-gradient(90deg,#a8781f 0%,#f5d98a 45%,#a8781f 90%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:nev-csillog 3.2s linear infinite}
@keyframes nev-csillog{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.nev-csillog{animation:none}}

.gm-felugro{border:1px solid var(--line);border-left:4px solid #2f6f8f;
  border-radius:var(--r-sm);padding:10px 12px;margin:10px 0;background:var(--panel-2)}
.gm-felugro.gm-felugro-warning{border-left-color:#b36b00}
.gm-felugro-allapot{font-size:12px;opacity:.8;margin-left:6px}
#popups h3{margin:18px 0 6px}
.gm-felugro-elonezet{background:var(--panel);border:1px dashed var(--line);
  padding:8px 10px;margin:6px 0;border-radius:var(--r-sm)}
.gm-felugro-elonezet p{margin:4px 0 0;white-space:pre-wrap}
.gm-felugro-urlap label{display:block;margin:8px 0}
.gm-felugro-urlap input:not([type=checkbox]),.gm-felugro-urlap textarea,
.gm-felugro-urlap select{width:100%;box-sizing:border-box}
.gm-felugro-urlap .gm-sor label{flex:1;min-width:180px}

@media(prefers-reduced-motion:reduce){
  .ui-modal{animation:none}
  .ui-modal-bg{transition:none}}


.gf-lada-sor{display:flex;align-items:center;gap:12px;padding:10px 0}
.gf-lada-sor+.gf-lada-sor{border-top:1px solid var(--line)}
.gf-lada-sor img{width:44px;height:44px;object-fit:contain;flex:none}
.gf-lada-szoveg{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gf-lada-szoveg>span{font-size:12.5px;color:var(--fg-dim)}
.gf-lada-sor .btn{flex:none}


.gf-stats-grid,.gf-flag-grid,.gf-inventory-grid{
  display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  margin-bottom:16px}


.gf-profile-grid{display:grid;gap:14px;align-items:start;margin-bottom:16px;
  grid-template-columns:minmax(220px,1fr) minmax(0,3fr)}

.gf-profile-grid>.gf-profile-full{grid-column:1/-1}
.gf-profile-full{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  align-items:start}
@media(max-width:820px){
  .gf-profile-grid{grid-template-columns:1fr}
  .gf-profile-full{grid-template-columns:1fr}}


.gf-report-toolbar,.gf-report-actions,.gf-mail-actions,.gf-inventory-toolbar,
.gf-map-panel-actions,.gf-map-popup-actions,.gf-map-actions{
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 14px;
  border-top:1px solid var(--line-soft)}
.gf-report-toolbar,.gf-inventory-toolbar{border-top:0;border-bottom:1px solid var(--line-soft)}



.gf-report-list,.gf-mail-list,.gf-forum-list{display:table;width:100%}

.gf-mail-elonezet{color:var(--fg-mute);font-size:12px;max-width:560px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.gf-report-korulmeny{margin-top:-1px}

.ui-kapcsolat{position:fixed;left:50%;top:10px;transform:translateX(-50%);z-index:300;
  display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;border-radius:var(--r);
  background:#5a1f1a;color:#fbe9e4;border:1px solid #2d0e0b;box-shadow:var(--shadow);
  font-size:13.5px;max-width:calc(100vw - 20px)}
.ui-kapcsolat .btn{padding:4px 12px}

.gf-ertesites-lista{list-style:none;margin:0;padding:0;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.gf-ertesites{border-bottom:1px solid var(--line-soft)}
.gf-ertesites:last-child{border-bottom:0}
.gf-ertesites-nyit{display:flex;align-items:baseline;gap:12px;padding:10px 14px 10px 26px;
  color:var(--fg);text-decoration:none;position:relative}
.gf-ertesites-nyit:hover{background:var(--hover)}
.gf-ertesites-szoveg{flex:1;min-width:0}
.gf-ertesites-mikor{color:var(--fg-mute);font-size:12px;white-space:nowrap}
.gf-ertesites.uj .gf-ertesites-szoveg{font-weight:650}
.gf-ertesites.uj .gf-ertesites-nyit::before{content:"";position:absolute;left:11px;top:50%;
  width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--danger)}
.gf-ertesites-mind{margin:0 0 12px}
.gf-olvasatlan-sor{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:10px}
.gf-olvasatlan-sor a{color:var(--fg);text-decoration:none}
.gf-olvasatlan-sor a b{color:var(--danger)}
.gf-olvasatlan .gf-ertesites-mind{margin:0}
.gf-mail-dot{display:inline-block;width:8px;height:8px;border-radius:50%;
  background:var(--danger);margin-right:7px;vertical-align:middle}

.gf-mail-szuro{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.gf-mail-szuro input[type=search]{flex:1 1 180px;min-width:140px}
.gf-mail-tomeges{margin:0}
.gf-mail-valaszolt{color:var(--fg-mute);margin-left:6px}


.gf-sereg-gombok{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.gf-sereg-osszeg{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 12px;margin:8px 0;
  background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r-sm);font-size:13px}
.gf-sereg-osszeg b{font-variant-numeric:tabular-nums}
.gf-kuld-gombok{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}

.gf-cel-adat{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.gf-cel-uton{margin:8px 0;padding:8px 12px;border-left:3px solid var(--accent);background:var(--panel-2)}
.gf-cel-uton ul{margin:4px 0 0;padding-left:18px}

.gf-nepesseg{display:flex;align-items:center;gap:12px;margin:8px 0}
.gf-nepesseg .ui-prog{flex:1;max-width:260px}
.gf-egyseg-ertek{font-size:11.5px;color:var(--fg-mute);margin-top:2px}
#local-train-total.gf-hiany{color:var(--danger)}
.gf-sor-urites{margin:6px 0 0}

.gf-esemeny-leiras{color:var(--fg-dim);font-size:12.5px}

.gf-terv-mulva input{width:5em}


.gf-epulet-sor{scroll-margin-top:140px}
.gf-epulet-sor:target td{background:var(--tint);box-shadow:inset 0 0 0 9999px rgba(168,118,43,.10)}

.gf-bontas{color:var(--danger);font-weight:650}

.gf-befejezes-hiany{color:var(--danger);font-size:12px;margin-top:3px}


.gf-premium-feature{display:flex;gap:12px;align-items:flex-start;padding:12px 14px}
.gf-premium-feature>img{flex:none;width:32px;height:32px}
.gf-premium-feature h3{margin:0 0 4px}
.gf-premium-feature p{margin:4px 0}

.gf-premium-aktiv{color:var(--ok);font-weight:650}

.gf-tozsde-ar{font-size:12.5px;color:var(--fg-dim)}

.gf-eredmeny-ossz{margin:0 0 12px}
.gf-eredmeny-archivum li small{display:block;font-size:12px;opacity:.75}

.gf-szeker-igeny{margin:4px 0 8px;font-size:12.5px;color:var(--fg-dim)}
.gf-szeker-igeny.hiany{color:var(--danger)}

.gf-sugar-valaszto{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
.gf-sugar-valaszto>span{font-size:12.5px;color:var(--fg-dim);margin-right:4px}

.gf-zsakm-elonezet{margin:4px 0 0;font-size:12.5px;color:var(--fg-dim)}
.gf-zsakm-elonezet:empty{display:none}

.gf-szamlalo{display:block;text-align:right;font-size:11.5px;color:var(--fg-mute)}
.gf-szamlalo.tele{color:var(--danger)}
.gf-report-paper h4{margin:16px 14px 8px}


.gf-magyarazat{margin:0 0 12px;font-size:12.5px;line-height:1.55;color:var(--fg-dim);max-width:75ch}


#gf-ertesites-dobozok{position:fixed;top:14px;right:14px;z-index:98;display:flex;
  flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 28px))}
.gf-ertesites-doboz{display:block;padding:11px 14px 11px 16px;background:var(--panel);
  border:1px solid var(--line);border-left:4px solid var(--bordo);border-radius:var(--r-sm);
  box-shadow:0 6px 18px rgba(58,40,20,.35);color:var(--fg);font-size:13.5px;font-weight:550;
  line-height:1.35;text-decoration:none;transition:opacity .35s,transform .35s}
a.gf-ertesites-doboz:hover{background:var(--panel-2);color:var(--fg)}
.gf-ertesites-doboz.tunik{opacity:0;transform:translateX(12px)}


.gf-stat-card{padding:14px;text-align:center}
.gf-stat-ikon{display:inline-block;margin:0 0 6px}
.gf-stat-ikon svg{box-sizing:content-box;width:26px;height:26px;padding:11px;border-radius:50%;
  color:var(--accent-dim);background:var(--panel-2);
  box-shadow:inset 0 0 0 1px var(--line-soft),0 1px 0 rgba(255,255,255,.6)}

.gf-stats-summary,.gf-ranking-summary{display:grid;gap:10px;margin:0 0 14px;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.gf-stats-summary>div,.gf-ranking-summary>div{padding:10px 8px;text-align:center;
  background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r-sm)}
.gf-stats-summary b,.gf-ranking-summary b{display:block;font:700 22px/1.15 var(--font-head);
  color:var(--accent-dim);font-variant-numeric:tabular-nums}
.gf-stats-summary span,.gf-ranking-summary span{display:block;margin-top:3px;font-size:12px;color:var(--fg-dim)}
.gf-stat-card b,.gf-stat-card strong{display:block;font-size:22px;
  font-variant-numeric:tabular-nums;color:var(--accent);margin-bottom:3px}


.gf-flag-card-body,.gf-item{padding:12px;text-align:center}

.gf-flag-card{display:flex;flex-direction:column}
.gf-flag-card>.gf-flag-card-body{flex:1}
.gf-flag-card>.btn{align-self:center;margin:0 12px 12px}
.gf-flag-current{padding:14px}

.gf-zaszlo-szintek{width:100%;border-collapse:collapse;margin:8px 0 0;font-size:12.5px}
.gf-zaszlo-szintek td{padding:5px 4px;border-top:1px solid var(--line-soft);text-align:left}
.gf-zaszlo-szintek td:nth-child(2),.gf-zaszlo-szintek td:nth-child(3){white-space:nowrap;color:var(--fg-dim)}
.gf-zaszlo-szintek td:last-child{text-align:right;white-space:nowrap}
.gf-zaszlo-szintek .btn{padding:4px 9px;font-size:12px;min-height:0}
.gf-zaszlo-zar{color:var(--fg-mute)}

.gf-ures{margin:6px 0;font-size:12.5px;color:var(--fg-mute)}
.gf-kuldetes-zaszlo{font-size:12.5px;color:var(--bordo);font-weight:600}

.gf-lovag{margin:0 0 16px}
.gf-lovag-fej{display:flex;align-items:center;gap:12px;margin:0 0 8px}
.gf-lovag-kep svg{box-sizing:content-box;width:30px;height:30px;padding:10px;border-radius:50%;
  color:var(--bordo);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line-soft)}
.gf-lovag-fej>div{flex:1;min-width:0}
.gf-lovag-xp{height:8px;border-radius:5px;background:var(--panel-3);overflow:hidden;margin:5px 0 3px}
.gf-lovag-xp>span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold))}
.gf-lovag-allapot{margin:0 0 10px;font-weight:600}
.gf-lovag h3{margin:14px 0 4px}
.gf-lovag-kepessegek{width:100%;border-collapse:collapse}
.gf-lovag-kepessegek td{padding:6px 4px;border-top:1px solid var(--line-soft);vertical-align:middle}
.gf-lovag-kepessegek td:nth-child(2){white-space:nowrap;color:var(--fg-dim);text-align:center}
.gf-lovag-kepessegek td:last-child{text-align:right;width:1%;white-space:nowrap}
.gf-lovag-fegyverek{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.gf-lovag-fegyver{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;text-align:center;
  background:var(--panel-2);border:1px solid var(--line-soft);border-radius:var(--r-sm)}
.gf-lovag-fegyver svg{width:26px;height:26px;color:var(--accent-dim)}
.gf-lovag-fegyver small{color:var(--fg-dim);font-size:11.5px}
.gf-lovag-fegyver.zarva{opacity:.5}
.gf-lovag-fegyver.viselt{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.gf-lovag-fegyver .btn{margin-top:4px;padding:4px 10px;font-size:12px;min-height:0}

.gf-ej{padding:4px 2px}
.gf-ej-sor{display:flex;gap:14px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line-soft)}
.gf-ej-epulet{display:flex;gap:8px;align-items:center;flex:0 0 170px;min-width:0}
.gf-ej-epulet svg{width:26px;height:26px;flex:none;color:var(--accent-dim)}
.gf-ej-epulet small{display:block;color:var(--fg-dim);font-size:11.5px}
.gf-ej-fokok{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.gf-ej-fok{display:flex;flex-direction:column;gap:2px;min-width:112px;padding:7px 9px;border-radius:var(--r-sm);
  background:var(--panel-2);border:1px solid var(--line-soft);font-size:12.5px}
.gf-ej-fok small{color:var(--fg-dim);font-size:11.5px}
.gf-ej-fok>span{color:var(--fg-dim);font-size:11.5px}
.gf-ej-fok.atveve{opacity:.55}
.gf-ej-fok.atveheto{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.gf-ej-fok .btn{margin-top:3px;padding:4px 10px;font-size:12px;min-height:0}
@media (max-width:560px){.gf-ej-sor{flex-direction:column;gap:6px}.gf-ej-epulet{flex-basis:auto}}
.gf-empty-slot{border:1px dashed var(--line);border-radius:var(--r-sm);
  min-height:74px;display:grid;place-items:center;color:var(--fg-mute);
  font-size:12.5px;background:var(--panel-2)}


.gf-market-resource,.gf-market-resource-choice{display:inline-flex;
  align-items:center;gap:7px;background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:7px 12px;margin:0 7px 7px 0}



.gf-map-layout{min-width:0}

.gf-map-frame{--z:1;--cw0:72px;--cw:calc(var(--cw0) * var(--z));--ch:calc(var(--cw) * 0.717);
  min-width:0;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}

.gf-map-title{padding:8px 14px}
.gf-map-title h2{margin-bottom:0}
.gf-map-bar{flex:1 1 300px;min-width:0;display:flex;align-items:center;gap:6px}
.gf-map-gomb{width:36px;height:36px;flex:none;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:14px;line-height:1;
  color:var(--fg);text-decoration:none;background:var(--tint);border:1px solid var(--line)}
.gf-map-gomb:hover{border-color:var(--accent);color:var(--fg)}
.gf-map-gomb.haza{margin-left:6px;font-size:19px}
.gf-map-koord{flex:1;text-align:center;font-weight:650;font-variant-numeric:tabular-nums}

.gf-map-stage{position:relative}

.gf-map-viewport{position:relative;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;
  height:clamp(340px,calc(100vh - 300px),900px);
  background:#6e8e4a url(/ui/a/map.gras1?v=fhN5JxMFXj) repeat;background-size:var(--cw) var(--ch)}

.gf-map-viewport.dragging{cursor:grabbing}
.gf-map-viewport.dragging .gf-map-cell{pointer-events:none}

.gf-map-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;grid-template-columns:repeat(var(--oszlop),var(--cw));grid-auto-rows:var(--ch)}

.gf-map-frame.toltodik .gf-map-canvas{opacity:.72;transition:opacity .12s ease}
.gf-map-cell{position:relative;width:var(--cw);height:var(--ch);display:block}
.gf-map-cell img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-user-drag:none;
  margin:0;object-fit:cover;image-rendering:auto}
.gf-map-cell img.village{object-fit:contain}
.gf-map-cell>a{display:block;position:absolute;inset:0;margin:0}

.gf-map-nev{position:absolute;left:1px;right:1px;bottom:1px;z-index:3;
  font-size:clamp(9px,calc(var(--cw) * 0.15),12px);font-weight:700;line-height:1.15;
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 1px rgba(0,0,0,.9);pointer-events:none}

.gf-map-cell.self .gf-map-nev{color:#ffd98a}

.gf-map-nev.nev-arany{color:#ffd24a}
.gf-map-nev.nev-ezust{color:#e3e8ec}
.gf-map-nev.nev-bibor{color:#ff7c9c}
.gf-map-nev.nev-smaragd{color:#63e3a6}
.gf-map-nev.nev-csillog{color:#ffd24a;background:none;-webkit-text-fill-color:#ffd24a;animation:none}

.gf-map-cell.self::before,.gf-map-cell.ally::before,.gf-map-cell.enemy::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none}
.gf-map-cell.self::before{
  box-shadow:inset 0 0 0 1px rgba(18,11,3,.9),inset 0 0 0 3px rgba(255,217,138,.85)}
.gf-map-cell.self.home::before{
  box-shadow:inset 0 0 0 1px rgba(18,11,3,.9),inset 0 0 0 5px #ffd98a,inset 0 0 0 6px rgba(18,11,3,.55)}
.gf-map-cell.ally::before{
  box-shadow:inset 0 0 0 1px rgba(10,30,28,.75),inset 0 0 0 2px #6fa8dc}
.gf-map-cell.enemy::before{
  box-shadow:inset 0 0 0 1px rgba(40,8,4,.75),inset 0 0 0 2px var(--danger)}

.gf-map-cell.tavol .village{opacity:.4}
.gf-map-cell.tavol .gf-map-nev{opacity:.6}

.gf-map-parancsok{position:absolute;left:2px;top:2px;display:flex;gap:1px;z-index:4;pointer-events:none}
.gf-map-parancs{width:13px;height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(18,11,3,.8)}
.gf-map-parancs img{width:9px;height:9px}
.gf-map-parancs.tamad{background:rgba(179,38,30,.94)}
.gf-map-parancs.orseg{background:rgba(47,111,143,.94)}
.gf-map-parancs.vissza{background:rgba(46,125,50,.94)}
.gf-map-parancs.vissza img{transform:scaleX(-1)}

.gf-map-cell.selected{outline:2px solid #fff3d6;outline-offset:1px;z-index:6}
div.gf-map-cell:hover{z-index:6}
div.gf-map-cell:hover::after{content:"";position:absolute;inset:0;z-index:2;
  background:rgba(255,255,255,.18);pointer-events:none}

.gf-map-zoom{position:absolute;left:10px;bottom:10px;z-index:10;
  display:flex;flex-direction:column;gap:8px}
.gf-map-zoom button{width:40px;height:40px;padding:0;border-radius:8px;cursor:pointer;
  background:rgba(20,12,4,.72);border:1px solid rgba(255,217,138,.7);
  color:#ffd98a;font:700 22px/1 var(--font)}
.gf-map-zoom button:hover{background:rgba(20,12,4,.86)}
.gf-map-zoom button:disabled{opacity:.4;cursor:default}

.gf-map-cell a[data-kind=barbar] img.village{
  -webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);
  mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
.gf-map-cell[data-falu=gazdatlan] img.village{filter:grayscale(1) brightness(1.2) contrast(.82);opacity:.6}
.gf-map-cell[data-falu=bonusz] img.village{z-index:1}
.gf-map-cell[data-falu=bonusz]>a::before{content:"";position:absolute;inset:2%;z-index:1;border-radius:50%;
  pointer-events:none;background:radial-gradient(closest-side,rgba(255,236,150,.95),rgba(255,196,60,.6) 55%,rgba(255,196,60,0));
  animation:gf-bonusz-ragyog 2.4s ease-in-out infinite}
@keyframes gf-bonusz-ragyog{0%,100%{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.gf-map-cell[data-falu=bonusz]>a::before{animation:none;opacity:.85}}

.gf-minimap{position:absolute;right:10px;bottom:10px;z-index:10;box-sizing:content-box;
  width:121px;height:121px;overflow:hidden;cursor:pointer;
  background:#6e8e4a;border:1.5px solid rgba(18,11,3,.9);border-radius:6px}
.gf-minimap .dot{position:absolute;width:3px;height:3px;margin:-1px 0 0 -1px;
  border-radius:50%;background:#94918a;pointer-events:none}
.gf-minimap .dot.jatekos{background:rgba(238,232,218,.85)}
.gf-minimap .dot.klan,.gf-minimap .dot.ellen{width:4px;height:4px;margin:-1.5px 0 0 -1.5px}
.gf-minimap .dot.klan{background:#6fa8dc}
.gf-minimap .dot.ellen{background:#ff6e5a}

.gf-minimap .dot.sajat{width:7px;height:7px;margin:-3px 0 0 -3px;
  background:#ffd98a;box-shadow:0 0 0 1px rgba(18,11,3,.8)}

.gf-minimap .view{position:absolute;border:1.5px solid #c9281d;pointer-events:none}

@media(max-width:640px){
  .gf-map-frame{--cw0:calc((100vw - 26px) / 7)}
  
  .gf-map-viewport{height:clamp(300px,calc(100vh - 350px),900px)}
  .gf-map-bar{gap:4px}
  .gf-map-gomb{width:34px;height:34px}
}

.gf-map-under{display:grid;gap:16px;margin-top:16px;align-items:start;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

.gf-map-legend{padding:12px 14px;font-size:12.5px;color:var(--fg-dim);
  display:flex;flex-direction:column;gap:7px}
.gf-map-legend>span{display:flex;align-items:center;gap:8px}
.gf-map-legend>span::before{content:"";width:13px;height:13px;flex:none;
  border-radius:3px;border:1px solid rgba(0,0,0,.35)}
.gf-map-legend .own::before{background:#ffd98a}
.gf-map-legend .barbar::before{background:#94918a}
.gf-map-legend .ally::before{background:#6fa8dc}
.gf-map-legend .enemy::before{background:var(--danger)}
.gf-map-legend .bonusz::before{background:var(--gold);border-radius:50%}

.gf-map-bonusz{position:absolute;right:2px;top:2px;z-index:4;width:15px;height:15px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;pointer-events:none;
  background:rgba(18,11,3,.85);box-shadow:0 0 0 1.5px var(--gold)}
.gf-map-bonusz svg{width:10px;height:10px;color:var(--gold)}
.gf-bonuszfalu-ikon svg{width:15px;height:15px;vertical-align:-3px;color:var(--gold-dim)}
.gf-bonuszfalu th{color:var(--gold-dim)}
.gf-bonuszfalu-sor{margin:10px 0 0;font-weight:600}

.gf-hatasok .body{padding-top:6px}
.gf-hatas-lista{list-style:none;margin:0;padding:0}
.gf-hatas-lista li{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line-soft)}
.gf-hatas-lista li:first-child{border-top:0}
.gf-hatas-lista svg{width:20px;height:20px;flex:none;color:var(--gold-dim)}
.gf-kezdovedelem{border-color:var(--ok,#3d6b31);box-shadow:inset 0 0 0 1px var(--ok,#3d6b31)}
.gf-kezdovedelem p{margin:0 0 6px}
.gf-huseg td{color:var(--fg-dim)}

.gf-klan-rang{font-weight:600;white-space:nowrap}
.gf-klan-tagvezerlo{text-align:right}
.gf-klan-tagmuvelet{display:inline-flex;gap:4px;align-items:center;margin:2px 0 2px 6px}
.gf-klan-tagmuvelet select{padding:3px 6px;font-size:12px}
.gf-klan-tagmuvelet .btn{padding:4px 10px;font-size:12px;min-height:0}

.gf-tomeges-gorgeto{overflow-x:auto;margin:0 0 10px}
.gf-tomeges-tabla td,.gf-tomeges-tabla th{white-space:nowrap;text-align:center}
.gf-tomeges-tabla td:first-child{text-align:left}
.gf-tomeges-mind td{background:var(--panel-2)}
.gf-tomeges-mezo{width:62px}
.gf-tomeges .btn{min-width:180px}

.gf-cimke-urlap{display:inline-flex;gap:4px;align-items:center;margin:0}
.gf-cimke-urlap input[name="cimke"]{width:110px;padding:3px 6px;font-size:12px}
.gf-cimke-urlap .btn{padding:3px 8px;min-height:0;font-size:12px}

.gf-jegyzet textarea{width:100%;box-sizing:border-box;font:inherit;resize:vertical}
.gf-jegyzet-lista td:nth-child(2){white-space:normal;max-width:420px}
.gf-jegyzet-panel{display:inline-block;margin-top:4px;font-style:italic;color:var(--fg-dim)}

.gf-idezet{margin:6px 0;padding:6px 10px;border-left:3px solid var(--gold-dim);background:var(--panel-2);border-radius:0 var(--r-sm) var(--r-sm) 0}
.gf-idezet cite{display:block;font-style:normal;font-weight:600;font-size:12px;color:var(--fg-dim)}
.gf-koord{font-weight:600}
.gf-bb-sugo{margin:4px 0 8px;font-size:11.5px;color:var(--fg-dim)}

.gf-mail-csillag{background:none;border:0;padding:0 4px 0 0;font-size:17px;line-height:1;cursor:pointer;color:var(--fg-dim)}
.gf-mail-csillag.aktiv{color:var(--gold)}
.gf-mail-jeloles{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}

.gf-falvak-tabla td,.gf-falvak-tabla th{text-align:center;white-space:nowrap}
.gf-falvak-tabla td:first-child,.gf-falvak-tabla th:first-child{text-align:left}
.gf-falvak-fejl{color:var(--gold-dim);font-weight:600}
.gf-falvak-osszeg th,.gf-falvak-osszeg td{font-weight:600;background:var(--panel-2)}
.gf-ertesites-beallitas label{display:flex;align-items:center;gap:8px;padding:4px 0}

.gf-map-cell.jelolt{box-shadow:inset 0 0 0 3px var(--jelolo);border-radius:4px}
.gf-jelolo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0}
.gf-jelolo>span{font-weight:600;margin-right:4px}
.gf-jelolo-szin{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.35);cursor:pointer;padding:0}
.gf-jelolo-szin.aktiv{box-shadow:0 0 0 3px var(--gold)}
.gf-jelolo-lista{display:flex;flex-direction:column;gap:6px;padding:12px 14px}
.gf-jelolo-sor{display:flex;align-items:center;gap:8px;font-size:12.5px}
.gf-jelolo-sor i{width:13px;height:13px;border-radius:3px;flex:none}
.gf-jelolo-x{margin-left:auto;background:none;border:0;color:var(--fg-dim);font-size:16px;cursor:pointer;line-height:1}
.gf-huseg-alacsony td b{color:var(--danger)}
.gf-map-search{padding:12px 14px;display:flex;gap:8px;flex-wrap:wrap}
.gf-map-search #lmf-q{flex:1 1 130px;min-width:0}

.gf-map-hits{list-style:none;margin:6px 0 0;padding:0;flex:1 1 100%}
.gf-map-hits li{margin:0}
.gf-map-hits button{display:block;width:100%;text-align:left;cursor:pointer;
  background:none;border:0;border-radius:var(--r-sm);padding:6px 8px;
  color:var(--fg);font:inherit;font-size:13px}
.gf-map-hits button:hover{background:var(--hover)}
.gf-map-hits .hol{color:var(--fg-mute);font-size:12px}
.gf-map-hits .sajat{color:var(--accent);font-weight:650}
.gf-map-hits .ures{color:var(--fg-mute);font-size:12.5px;padding:6px 8px}

.ui-main>.gf-map-popup,.gf-map-popup{position:fixed;z-index:40;min-width:220px;max-width:calc(100vw - 16px)}
.gf-map-popup>h3{margin:0;padding:12px 34px 2px 14px;font-size:15px}
.gf-map-popup>p{margin:0;padding:0 14px 10px;color:var(--fg-dim);font-size:13px}
.gf-map-popup-close{position:absolute;right:8px;top:6px;cursor:pointer;
  background:none;border:0;font-size:16px;color:var(--fg-mute);font-weight:700}
.gf-map-popup-close:hover{color:var(--fg)}
.gf-map-popup-actions a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;
  border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);
  color:var(--fg);font-size:13px;font-weight:600;text-decoration:none}
.gf-map-popup-actions a:hover{border-color:var(--accent)}
.gf-map-popup-actions a>span{width:16px;height:16px;flex:none;display:inline-flex;
  align-items:center;justify-content:center;font-weight:800;color:var(--fg-dim);
  background:center/contain no-repeat}
.gf-map-action.attack>span{background-image:var(--ic-attack)}
.gf-map-action.support>span{background-image:var(--ic-support)}
.gf-map-action.info>span::before{content:"i"}
.gf-map-action.profil>span::before{content:"@"}
.gf-map-action.piac>span::before{content:"\21C4"}


.gf-profile-map{background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--r-sm);min-height:110px;margin-bottom:12px}
.gf-profile-card .head{padding:12px 14px}


.local-quest-window,.local-quest-detail,.local-feature-panel{
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--shadow);padding:14px;margin-bottom:16px}
.local-quest-line{margin-bottom:10px}
.local-building-requirements,.local-req-item{display:inline-flex;align-items:center;
  gap:6px;background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:4px 9px;margin:0 6px 6px 0;font-size:12.5px}
.local-building-requirement{color:var(--fg-dim)}




body.lg-page{min-height:100vh;margin:0;display:grid;place-items:center;
  padding:28px 16px;
  background-color:#2a1d10;
  background-image:
    radial-gradient(ellipse at 50% 32%,rgba(226,196,138,.22),transparent 62%),
    linear-gradient(180deg,rgba(32,22,11,.62),rgba(20,13,6,.86)),
    url(/ui/a/art.login?v=GB-ZYqkr62),
    linear-gradient(180deg,#3d2b18,#241809);
  background-size:auto,auto,cover,auto;
  background-position:center,center,center 38%,center;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-attachment:fixed,fixed,fixed,fixed}


@media(max-aspect-ratio:1/1){
  body.lg-page{background-image:
    radial-gradient(ellipse at 50% 32%,rgba(226,196,138,.22),transparent 62%),
    linear-gradient(180deg,rgba(32,22,11,.58),rgba(20,13,6,.84)),
    url(/ui/a/art.login-tall?v=hF4pxLRrw8),
    linear-gradient(180deg,#3d2b18,#241809)}
}


@media(min-width:1000px){
  body.lg-page{grid-template-columns:auto auto;gap:34px;
    justify-content:center;align-items:center}
  body.lg-page::before{content:"";width:250px;height:350px;
    background:url(/ui/a/art.ms-initial?v=GpqaeraA7j) center/cover no-repeat;
    border:3px solid rgba(214,186,132,.5);border-radius:3px;
    box-shadow:0 18px 50px rgba(0,0,0,.6);
    transform:rotate(-2deg)}
}

.lg-card{width:100%;max-width:430px;background:var(--panel);
  border:1px solid var(--chrome-line);border-radius:var(--r);overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),
             0 18px 50px rgba(0,0,0,.55),
             0 0 0 1px rgba(255,255,255,.05)}



.gf-bejelent{margin-top:11px;border:1px solid var(--line);
  border-radius:var(--r-sm);overflow:hidden;background:var(--panel-2)}
.gf-bejelent summary{cursor:pointer;padding:7px 11px;font-size:12.5px;
  font-weight:600;color:var(--fg-dim)}
.gf-bejelent summary:hover{color:var(--fg)}
.gf-bejelent-urlap{padding:0 11px 11px}
.gf-bejelent-mit{margin:0 0 8px;font-size:12px;color:var(--fg-mute);
  line-height:1.5}
.gf-bejelent-urlap textarea{width:100%;box-sizing:border-box;margin-bottom:8px}


.gm-jelzo{display:inline-block;min-width:18px;padding:1px 6px;border-radius:999px;
  background:var(--danger);color:#fdeae6;font-size:11px;font-weight:700;
  vertical-align:1px}
.gm-bejelent-fej{font-size:13px;margin-bottom:5px}
.gm-bejelent-fajta{font-size:11px;text-transform:uppercase;letter-spacing:.5px;
  color:var(--fg-mute)}
.gm-bejelent-mikor{float:right;color:var(--fg-mute);font-size:12px}
.gm-bejelent-indok{margin:0 0 7px;font-size:13px}
.gm-bejelent-masolat{margin:0 0 9px;padding:8px 10px;background:var(--panel-3);
  border:1px solid var(--line);border-radius:var(--r-sm);
  font:12.5px/1.5 var(--font-body);white-space:pre-wrap;word-break:break-word;
  max-height:170px;overflow:auto}



.lg-jogi{max-width:640px}
.lg-jogi-sor{display:block;margin-top:6px}
.lg-bevezeto{margin:0 0 14px;color:var(--fg-dim);font-size:13.5px;line-height:1.55}
.lg-jogi-sor a{color:var(--fg-mute);text-decoration:underline}
.lg-jogi-szoveg{font-size:13.5px;line-height:1.62;color:var(--fg-dim)}
.lg-jogi-szoveg h2{font-family:var(--font-head);font-size:15px;color:var(--fg);
  margin:18px 0 7px}
.lg-jogi-szoveg h2:first-child{margin-top:0}
.lg-jogi-szoveg ul,.lg-jogi-szoveg ol{margin:0 0 10px;padding-left:20px}
.lg-jogi-szoveg li{margin:3px 0}
.lg-jogi-szoveg p{margin:0 0 10px}


.gf-ugy-mit{margin:0 0 10px;font-size:12.5px;color:var(--fg-mute);line-height:1.6}
.gf-ugy-fej{margin:0 0 12px;font-size:12px;color:var(--fg-mute)}
.gf-ugy-ures{margin:0;color:var(--fg-mute);font-style:italic;font-size:12.5px}
.gf-ugy-gondnok,.gf-ugy-tele{margin:0 0 10px;padding:8px 10px;border-radius:5px;
  border:1px solid var(--line);background:var(--panel-2,#f3e9d2);
  font-size:12.5px;color:var(--fg-dim)}
.gf-ugy-tabla{width:100%}
.gf-ugy-tabla a{font-weight:600}

.gf-ugy-jelveny{display:inline-block;padding:1px 7px;border-radius:9px;
  font-size:11px;border:1px solid var(--line);background:var(--panel-3,#dbc9a1);
  color:var(--fg-dim);white-space:nowrap}
.gf-ugy-jelveny-open{border-color:var(--accent);color:var(--accent-dim);
  background:#f6e6c8}
.gf-ugy-jelveny-answered{border-color:var(--teal);color:var(--teal);
  background:#dcece8}
.gf-ugy-jelveny-closed{color:var(--fg-mute)}

.gf-ugy-szal{margin:0 0 14px;display:flex;flex-direction:column;gap:8px}
.gf-ugy-uzenet{border:1px solid var(--line-soft);border-radius:6px;
  padding:8px 10px;max-width:86%}
.gf-ugy-jatekos{align-self:flex-end;background:var(--panel-2,#f3e9d2)}
.gf-ugy-gm{align-self:flex-start;background:var(--panel,#f3e8cd);
  border-left:3px solid var(--accent)}
.gf-ugy-ki{font-size:11px;color:var(--fg-mute);margin-bottom:3px}
.gf-ugy-ki span{margin-left:6px}
.gf-ugy-szoveg{font-size:13px;line-height:1.6;color:var(--fg-dim);
  overflow-wrap:anywhere}
.gf-ugy-urlap textarea,.gf-ugy-urlap input[name="subject"]{width:100%;
  box-sizing:border-box}
.gf-ugy-urlap p{margin:0 0 8px}


@media(max-width:560px){
  .gf-ugy-tabla{display:block;overflow:visible}
  .gf-ugy-tabla tr{display:block;padding:8px 0;
    border-bottom:1px solid var(--line)}
  .gf-ugy-tabla tr:first-child{display:none}
  .gf-ugy-tabla td{display:flex;justify-content:space-between;gap:12px;
    border:0;padding:3px 0;white-space:normal}
  .gf-ugy-tabla td::before{content:attr(data-cimke);color:var(--fg-mute);
    font-size:11px;flex:0 0 auto}
  .gf-ugy-uzenet{max-width:100%}
}



.gf-nyelv{margin-top:14px}
.gf-nyelv-mit{margin:0 0 10px;font-size:12.5px;color:var(--fg-mute);line-height:1.6}
.gf-nyelv-urlap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gf-nyelv-urlap select{min-width:9em}

.gf-nyelv-tiltva{margin:8px 0 0;font-size:12.5px;color:var(--fg-mute)}

.gf-szabadsag{margin-top:14px}
.gf-szab-mit{margin:0 0 10px;font-size:12.5px;color:var(--fg-mute);line-height:1.6}
.gf-szab-aktiv,.gf-szab-var{margin:0 0 10px;padding:8px 10px;border-radius:5px;
  border:1px solid var(--teal);background:#dcece8;font-size:13px;color:var(--fg-dim)}
.gf-szab-nem{margin:0 0 10px;padding:8px 10px;border-radius:5px;
  border:1px solid var(--danger);background:#f3dedb;font-size:13px;
  color:var(--fg-dim)}
.gf-szab-gondnok{margin:8px 0 0;font-size:12.5px;color:var(--fg-mute)}
.gf-szab-urlap input{width:5em}
.gf-szab-urlap p{margin:0 0 8px}


.gf-terv-mit{margin:0 0 10px;font-size:12.5px;color:var(--fg-mute);line-height:1.6}
.gf-terv-innen{margin:0;font-size:12.5px;color:var(--fg-dim)}
.gf-terv-kiemelt{margin:0 0 10px;padding:8px 10px;border-radius:5px;
  border:1px solid var(--accent);background:#f6e6c8;font-size:13px;
  color:var(--fg-dim)}
.gf-terv-urlap input{width:7em}
.gf-terv-urlap input[type="datetime-local"]{width:auto}
.gf-terv-urlap p{margin:0 0 8px}
.gf-terv-tabla{width:100%}
.gf-terv-tabla td{white-space:nowrap}

.gf-terv-keso td{color:var(--fg-mute)}
@media(max-width:560px){
  .gf-terv-tabla{display:block;overflow:visible}
  .gf-terv-tabla tr{display:block;padding:8px 0;border-bottom:1px solid var(--line)}
  .gf-terv-tabla tr:first-child{display:none}
  .gf-terv-tabla td{display:flex;justify-content:space-between;gap:12px;
    border:0;padding:3px 0;white-space:normal}
  .gf-terv-tabla td::before{content:attr(data-cimke);color:var(--fg-mute);
    font-size:11px;flex:0 0 auto}
  .gf-terv-urlap input{width:5.5em}
}


.gf-korlevel .gf-forum-head h2:not(.ui-page-title){color:var(--accent-dim)}
.gf-korlevel-mit{margin:6px 0 0;font-size:12px;color:var(--fg-mute);
  line-height:1.6}


.gm-naplo{font-size:12px}
.gm-naplo td,.gm-naplo th{padding:3px 7px;white-space:nowrap}
.gm-naplo td:nth-child(4){white-space:normal}
.gm-naplo td:nth-child(5){color:var(--fg-mute)}
.gm-naplo th{text-align:left;color:var(--fg-mute);font-weight:600}
.gm-jelzo-halvany{margin-left:7px;font-size:11px;color:var(--fg-mute);
  font-weight:400}
@media(max-width:560px){
  .gm-naplo td,.gm-naplo th{white-space:normal}
  .gm-naplo td:nth-child(5),.gm-naplo th:nth-child(5){display:none}
}


.gm-ugy{border:1px solid var(--line);border-radius:6px;margin:0 0 10px;
  background:var(--panel-2,#f3e9d2)}
.gm-ugy>summary{cursor:pointer;padding:8px 10px;font-size:12.5px;
  color:var(--fg-dim);list-style:none}
.gm-ugy>summary::-webkit-details-marker{display:none}
.gm-ugy>summary::before{content:"\25B8";margin-right:7px;color:var(--fg-mute)}
.gm-ugy[open]>summary::before{content:"\25BE"}
.gm-ugy[open]>summary{border-bottom:1px solid var(--line-soft)}
.gm-ugy-fajta{margin-left:6px;font-size:11px;color:var(--fg-mute)}
.gm-ugy-var{float:right;font-size:11px;color:var(--fg-mute)}
.gm-ugy .gf-ugy-szal{padding:10px}
.gm-ugy form{padding:0 10px 10px}
.gm-ugy-valasz textarea{width:100%;box-sizing:border-box;margin-bottom:6px}


.gf-torles{border-color:var(--danger)}
.gf-torles .head{background:linear-gradient(180deg,#a84032,#83291d);
  color:#fdeae6;border-bottom-color:#5d1a12}
.gf-torles-gomb{background:linear-gradient(180deg,#9d3326,#7a2419);
  border-color:#5d1a12;color:#fdeae6}
.gf-torles-gomb:hover{background:linear-gradient(180deg,#b03b2c,#8a2a1d)}



.gf-eszkoz-mit{margin:0 0 10px;font-size:12.5px;color:var(--fg-mute);line-height:1.6}
.gf-eszkoz-gondnok{margin:0 0 10px;padding:8px 10px;border-radius:5px;
  border:1px solid var(--line);background:var(--panel-2,#f3e9d2);
  font-size:12.5px;color:var(--fg-dim)}
.gf-eszkoz-ures{margin:0;color:var(--fg-mute);font-style:italic;font-size:12.5px}
.gf-eszkoz-tabla{width:100%}


@media(max-width:560px){
  .gf-eszkoz-tabla{display:block;overflow:visible}
  .gf-eszkoz-tabla tr{display:block;padding:8px 0;
    border-bottom:1px solid var(--line)}
  .gf-eszkoz-tabla tr:first-child{display:none}
  .gf-eszkoz-tabla td{display:flex;justify-content:space-between;gap:12px;
    border:0;padding:3px 0;white-space:normal}
  .gf-eszkoz-tabla td::before{content:attr(data-cimke);color:var(--fg-mute);
    font-size:12px;flex:none}
  .gf-eszkoz-tabla td:last-child{justify-content:flex-end;margin-top:6px}
  .gf-eszkoz-tabla td:last-child::before{content:none}
}



.uv-lap{max-width:640px}
.uv-nincs{margin:0 0 16px;color:var(--fg-dim);line-height:1.6}
.uv-lista{list-style:none;margin:0 0 20px;padding:0}
.uv-vilag{display:grid;gap:2px;padding:13px 14px;margin:0 0 10px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--panel-2,#f3e9d2)}
.uv-nev{font-family:var(--font-head);font-size:17px;color:var(--fg)}
.uv-ido{font-size:20px;font-weight:700;color:#3f6b2f;line-height:1.2}
.uv-datum{font-size:12.5px;color:var(--fg-mute)}
.uv-szabaly{margin-top:5px;font-size:12.5px;color:var(--fg-dim)}
.uv-cim{font-family:var(--font-head);font-size:15px;margin:18px 0 8px;color:var(--fg)}
.uv-kesz{margin:0 0 10px;padding:9px 11px;border-radius:6px;
  border:1px solid #4a6b3f;background:rgba(74,107,63,.12);font-size:13px}
.uv-urlap{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.uv-urlap .lg-input{flex:1 1 200px;min-width:0}
.uv-apro{margin:9px 0 0;font-size:12px;color:var(--fg-mute);line-height:1.55}
.uv-apro a{color:var(--fg-mute);text-decoration:underline}


.lg-world-soon{display:block;font-size:13px;font-weight:600;color:#3f6b2f}
.lg-world-soon-link{font-size:12px;color:var(--fg-mute);text-decoration:underline}

.lg-elojegyzes{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:flex-end;margin-top:6px;font-size:12.5px}
.lg-elojegyzes form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0}
.lg-elojegyzes small{color:var(--fg-mute);flex-basis:100%;text-align:right}


.gm-ertesito{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.gm-ertesito h3{font-family:var(--font-head);font-size:13px;margin:0 0 7px;color:var(--fg)}



.jm-lap{max-width:620px}
.jm-mikor{margin:-4px 0 14px;font-size:12.5px;color:var(--fg-mute)}

.jm-gyozelem{color:#3f6b2f}
.jm-vereseg{color:#8d3326}
.jm-tabla{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:13px}
.jm-tabla th,.jm-tabla td{border:1px solid var(--line);padding:5px 8px;text-align:left}
.jm-tabla th{background:var(--panel-2,#efe3c8);font-weight:600;white-space:nowrap}
.jm-fej th{width:38%}
.jm-veszteseg{color:#8d3326}
.jm-lap h3{font-family:var(--font-head);font-size:14px;margin:16px 0 6px;color:var(--fg)}
.jm-zsakmany,.jm-huseg{margin:0 0 8px;font-size:13px}

.jm-lab{padding:16px;text-align:center;border-top:1px solid var(--line)}
.jm-hivas{margin:0 0 10px;font-size:13px;color:var(--fg-dim)}
.jm-belep{display:inline-block;padding:9px 20px;font-size:14px}


.gf-megoszt{margin:14px 0 0;padding:11px 12px;border-top:1px solid var(--line)}
.gf-megoszt-mit{margin:0 0 9px;font-size:12.5px;color:var(--fg-mute);line-height:1.55}
.gf-megoszt-mezo{width:100%;box-sizing:border-box;font-size:12.5px;padding:7px 9px;
  margin:0 0 9px;border:1px solid var(--line);border-radius:5px;
  background:var(--panel-2,#f3e9d2);color:var(--fg)}
.gf-megoszt-vissza{background:linear-gradient(180deg,#8a7f6a,#6d6353);
  border-color:#4e4639;color:#f3ece0}


.gf-war-tobbi{margin:6px 0 0;font-size:12px;color:var(--fg-mute);font-style:italic}



.gf-meghivo .head{background:linear-gradient(180deg,#4a6b3f,#35502d);
  color:#eaf4e4;border-bottom-color:#233a1d}
.gf-meghivo-link{margin:10px 0 6px}
.gf-meghivo-mezo{width:100%;box-sizing:border-box;font-family:var(--font-mono,monospace);
  font-size:12.5px;padding:8px 9px;border:1px solid var(--line);border-radius:5px;
  background:var(--panel-2,#f3e9d2);color:var(--fg)}
.gf-meghivo-kod{margin:0 0 12px;color:var(--fg-mute);font-size:12.5px}
.gf-meghivo-kod b{font-family:var(--font-mono,monospace);letter-spacing:2px;
  font-size:14px;color:var(--fg)}
.gf-meghivo-ures{color:var(--fg-mute);font-style:italic;margin:0}
.gf-meghivo-tabla{width:100%}

.gf-meghivo-varakozik{color:var(--fg-mute)}
.gf-meghivo-kesz{color:#3f6b2f;font-weight:600}


.lg-meghivo{margin:0 0 12px;padding:9px 11px;border-radius:6px;
  border:1px solid #4a6b3f;background:rgba(74,107,63,.12);
  font-size:13px;line-height:1.5;color:var(--fg)}



.gf-war{background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;
  margin:0 0 14px}
.gf-war-fej{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 14px;background:linear-gradient(180deg,var(--panel-3),var(--panel-2));
  border-bottom:1px solid var(--line);font-size:14px}
.gf-war-jel{font-size:11px;font-weight:700;letter-spacing:.6px;
  text-transform:uppercase;padding:2px 8px;border-radius:999px;
  background:var(--danger);color:#fdeae6}
.gf-war-vege{background:var(--panel-3);color:var(--fg-mute);
  border:1px solid var(--line)}
.gf-war-mikor{margin-left:auto;color:var(--fg-mute);font-size:12.5px}

.gf-viszony{font-weight:650}
.gf-viszony-ally{color:#2f6f8f}
.gf-viszony-nap{color:var(--fg-dim)}
.gf-viszony-enemy{color:var(--danger)}
.gf-viszony-neutral{color:var(--fg-mute);font-weight:400}

.gf-jel{display:inline-block;font-size:11.5px;font-weight:650;padding:1px 8px;
  border-radius:999px;background:var(--panel-3);border:1px solid var(--line);color:var(--fg-dim)}
.gf-klan-nyitott{background:rgba(76,122,49,.14);border-color:rgba(76,122,49,.45);color:var(--ok)}
.gf-klan-zart{color:var(--fg-mute)}

.gf-klan-kilepes{margin:14px 0 0;text-align:right}
.gf-war-tabla{width:100%;margin:0}
.gf-war-tabla td:not(:first-child),.gf-war-tabla th:not(:first-child){
  width:22%;text-align:right;font-variant-numeric:tabular-nums}

.gf-war-jobb{font-weight:700;color:var(--teal)}
.gf-war-rosszabb{color:var(--danger)}
.gf-war-tett{padding:11px 14px;border-top:1px solid var(--line-soft);
  display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.gf-war-varakozas{color:var(--fg-dim);font-size:12.5px}
.gf-war-mult{margin-top:12px;border:1px solid var(--line);
  border-radius:var(--r-sm);overflow:hidden}
.gf-war-mult summary{cursor:pointer;padding:9px 12px;background:var(--panel-2);
  font-weight:600;font-size:13px}
.gf-war-mult>*:not(summary){padding:11px}
.gf-war-ures{color:var(--fg-mute);font-size:13px;margin:12px 0 0}
.gf-war-gomb{background:linear-gradient(180deg,#9d3326,#7a2419);
  border-color:#5d1a12;color:#fdeae6}
.gf-war-gomb:hover{background:linear-gradient(180deg,#b03b2c,#8a2a1d)}



body.gm-page{margin:0;background:var(--chrome);color:var(--fg);
  font:14px/1.5 var(--font-body);min-height:100vh}
.gm-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;
  gap:16px;padding:10px 18px;background:linear-gradient(180deg,#3b342a,#221e18);
  border-bottom:1px solid #15120e;color:#e7dcc4;
  box-shadow:0 2px 10px rgba(0,0,0,.45)}
.gm-top-cim{font-weight:700;letter-spacing:1.4px;text-transform:uppercase;font-size:12px}
.gm-top-verzio{color:#c9ba99;font-size:11.5px}
.gm-top-nav{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap}
.gm-top-nav a{color:#e0d3b4;font-size:12.5px;text-decoration:none;
  padding:4px 8px;border-radius:var(--r-sm)}
.gm-top-nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.gm-top-ki{border:1px solid rgba(255,255,255,.22)}

.gm-layout{display:grid;grid-template-columns:200px minmax(0,1fr);
  align-items:start}

.gm-side{position:sticky;top:44px;display:flex;flex-direction:column;gap:2px;
  padding:14px 10px}

.gm-side a{display:block;padding:7px 10px;border-radius:var(--r-sm);
  color:#d8c9a8;font-size:13px;text-decoration:none}
.gm-side a:hover{background:rgba(255,255,255,.09);color:#fff5e0}
.gm-main{padding:16px 18px 40px;min-width:0}


.gm-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;
  margin-bottom:14px}
.gm-stat{background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:8px 11px;box-shadow:var(--shadow)}
.gm-stat span{display:block;font-size:11px;text-transform:uppercase;
  letter-spacing:.4px;color:var(--fg-mute)}
.gm-stat b{display:block;font-size:19px;font-variant-numeric:tabular-nums;
  line-height:1.25}


.gm-csoport{grid-column:1/-1;margin:10px 0 -4px;font-family:var(--font-head);font-size:15px;
  letter-spacing:.6px;text-transform:uppercase;color:#e7d6ae;display:flex;align-items:center;gap:10px}
.gm-csoport::after{content:"";flex:1;height:1px;background:rgba(231,214,174,.25)}
.gm-grid>.gm-csoport:first-child{margin-top:0}
.gm-side-csoport{display:block;margin:12px 10px 3px;font-size:10.5px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:#a8977a}
.gm-side-csoport:first-child{margin-top:0}
.gm-side .gm-jelzo{margin-left:4px}


.gm-uzenet{margin:0 0 12px;padding:10px 13px;border-radius:var(--r-sm);font-size:13.5px;
  box-shadow:var(--shadow)}
.gm-uzenet-ok{background:#e3f0d8;border:1px solid #6b9a4a;color:#2f4a1c}
.gm-uzenet-hiba{background:#f6dcd6;border:1px solid var(--danger);color:#7a2118}
.gm-hibalap{max-width:720px}


.gm-falu-cel{margin:0 0 9px;font-weight:600;color:var(--fg)}
.gm-falu-valaszto{margin:10px 0 0}
.gm-falu-valaszto select{max-width:100%}
.gm-mezok.gm-mezok-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.gm-sor-teli{margin:8px 0 0}
.gm-sor-teli label{flex:1}


.gm-adatlap th{text-align:left;width:34%;padding:7px 8px;font-weight:600;font-size:13px;
  color:var(--fg-dim);border-bottom:1px solid var(--line-soft);vertical-align:top}
.gm-adatlap td{padding:7px 8px}


.gm-lista-szuro{margin:0 0 4px}
.gm-lista-gorgeto{overflow-x:auto;margin-top:8px}
.gm-lista{font-size:13px}
.gm-lista th{text-align:left;padding:6px 8px;font-size:12px;color:var(--fg-mute);
  font-weight:600;border-bottom:1px solid var(--line);white-space:nowrap}
.gm-lista td{padding:6px 8px;white-space:nowrap}
.gm-lista td:first-child a{font-weight:650}
.gm-cimke{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;
  background:var(--panel-3);border:1px solid var(--line);color:var(--fg-dim)}
.gm-cimke-piros{background:#f6dcd6;border-color:var(--danger);color:#7a2118}
.gm-cimke-sarga{background:#f5ead0;border-color:#b98a2b;color:#6b4a10}


.gm-multi{border:1px solid var(--line);border-left:4px solid #b98a2b;border-radius:var(--r-sm);
  margin:0 0 9px;background:var(--panel)}
.gm-multi.gm-multi-tiltva{border-left-color:var(--danger)}
.gm-multi.gm-multi-rendben,.gm-multi.gm-multi-lejart{border-left-color:var(--line);opacity:.85}
.gm-multi>summary{cursor:pointer;padding:8px 11px;font-size:13px;display:flex;flex-wrap:wrap;
  align-items:center;gap:6px 10px}
.gm-multi-ip{font-variant-numeric:tabular-nums;color:var(--fg-dim)}
.gm-multi-mikor{color:var(--fg-mute);font-size:12px}
.gm-multi-torzs{padding:0 11px 11px;border-top:1px solid var(--line-soft)}
.gm-multi-cimek{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}
.gm-multi-cimek h4{margin:0 0 5px;font-size:13px}
.gm-multi-gombok{margin-top:6px}
.gm-ip-tabla{font-size:12px}
.gm-ip-tabla th{text-align:left;padding:4px 6px;color:var(--fg-mute);font-weight:600;
  border-bottom:1px solid var(--line)}
.gm-ip-tabla td{padding:4px 6px;font-variant-numeric:tabular-nums}
.gm-ip-tabla tr.gm-ip-kozos td{background:#f5ead0}
@media(max-width:700px){.gm-multi-cimek{grid-template-columns:minmax(0,1fr)}}


.gf-klan-fejlodes{display:grid;gap:12px}
.gf-klan-szint-szam{font-family:var(--font-head);font-size:22px;margin:0 0 6px}
.gf-klan-xp{height:10px;max-width:420px}
.gf-klan-kuldetesek .body>.lvl:first-child{margin-top:0}
.gf-klan-kuldetes-lista{list-style:none;margin:6px 0;padding:0;display:grid;gap:10px}
.gf-klan-kuldetes-lista li{padding:9px 11px;border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--panel-2)}
.gf-klan-kuldetes-lista li.kesz{border-color:#6b9a4a;background:#e3f0d8}
.gf-kk-fej{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:6px}
.gf-kk-xp{font-weight:700;color:var(--accent-dim);white-space:nowrap}
.gf-kepesseg-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:8px 0}
.gf-kepesseg{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2)}
.gf-kepesseg.gf-kepesseg-max{border-color:var(--gold)}
.gf-kepesseg h4{margin:0 0 4px;font-family:var(--font-head);font-size:15px}
.gf-kepesseg-hatas{margin:0 0 6px;color:var(--fg-dim);font-size:13px}
.gf-kepesseg-szintek{margin:0 0 8px;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--fg-mute)}
.gf-kepesseg-szintek i{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--line)}
.gf-kepesseg-szintek i.be{background:var(--gold);border-color:var(--gold-dim)}
.gf-kepesseg-szintek i.ki{background:var(--panel-3)}
.gf-kepesseg-szintek span{margin-left:4px}


.gf-forum-uj{margin:0 0 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2)}
.gf-forum-uj>summary{cursor:pointer;padding:8px 11px;font-weight:650}
.gf-forum-uj form{padding:0 11px 11px}
.gf-forum-compose label{display:block}
.gf-forum-compose input[name=title],.gf-forum-compose textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px}
table.vis.gf-forum-temak{width:100%}
.gf-forum-temak tr.gf-forum-kituzott td{background:rgba(199,154,74,.12)}
.gf-forum-cimke{display:inline-block;padding:0 6px;border-radius:999px;font-size:11px;
  background:var(--panel-3);border:1px solid var(--line);color:var(--fg-dim)}
.gf-forum-cimke.gf-forum-uj-jel{background:var(--bordo);border-color:var(--bordo-line);color:#fff4e0}
.gf-forum-tema-lap .gf-forum-post{margin:0 0 10px;padding:9px 12px}

.gf-forum-tema-lap .gf-forum-post>header{display:flex;flex-wrap:wrap;justify-content:space-between;
  gap:2px 10px;margin:0 0 6px;padding:0 0 5px;border-bottom:1px solid var(--line-soft)}
.gf-forum-tema-lap .gf-forum-post>header span{color:var(--fg-mute);font-size:12px}
.gf-forum-tema-lap .gf-forum-post>div{line-height:1.5;overflow-wrap:anywhere}
.gf-forum-tema-lap .gf-forum-post .gf-forum-muvelet{display:flex;justify-content:flex-end;margin:6px 0 0}
.gf-forum-valasz{margin-left:18px}
.gf-forum-vezeto{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.gf-forum-muvelet{display:inline-block;margin:6px 0 0}
.gf-forum-muvelet .btn{padding:3px 10px;font-size:12px}
.gf-forum-valaszmezo{margin-top:12px}
@media(max-width:560px){.gf-forum-valasz{margin-left:8px}}

.gf-szavazas{margin:0 0 12px}
.gf-szavazas.gf-kiemelt{box-shadow:0 0 0 2px var(--accent-dim)}
.gf-szavazas-urlap{display:grid;gap:6px}
.gf-szavazas-valasz{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-2);overflow-wrap:anywhere}
.gf-szavazas-eredmeny{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.gf-szavazas-eredmeny li{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,2fr) auto;gap:8px;align-items:center}
.gf-szavazas-eredmeny span{overflow-wrap:anywhere}
.gf-szavazas-kartya .body p{margin:0 0 8px}

.gf-forum-temak td,.gf-forum-head h2{overflow-wrap:anywhere;word-break:break-word}
.gf-forum-mind{display:block;margin:0 0 8px;text-align:right}
.gf-forum-lapozo{display:flex;gap:12px;justify-content:center;align-items:center;margin:10px 0 0}


.gf-klan-logo{display:block;width:96px;height:96px;object-fit:contain;margin:0 0 8px;
  border:2px solid var(--gold-dim);border-radius:var(--r-sm);background:var(--panel-2)}
.gf-klan-logo-kicsi{width:22px;height:22px;object-fit:contain;vertical-align:middle;border-radius:3px}
.gf-falu-kep{display:block;max-width:100%;width:480px;height:auto;margin:0 0 10px;
  border:2px solid var(--gold-dim);border-radius:var(--r-sm)}
.gf-kep-feltolto{margin:6px 0 14px}
.gf-kep-feltolto form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px}


.gf-kozos-internet .gf-kozos-jel{display:inline-flex;align-items:center;gap:8px;font-weight:600}

.gm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
  align-items:start}
.gm-card{background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;min-width:0}
.gm-wide{grid-column:1/-1}
.gm-card-cim{margin:0;padding:10px 14px;font-size:14px;font-weight:650;
  background:linear-gradient(180deg,var(--panel-3),var(--panel-2));
  border-bottom:1px solid var(--line)}
.gm-card-torzs{padding:13px 14px}
.gm-mit{margin:9px 0 0;color:var(--fg-dim);font-size:12.5px}


.gm-mezok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.gm-mezok label{display:flex;align-items:center;justify-content:space-between;
  gap:7px;padding:6px 8px;background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--r-sm);font-size:12.5px}
.gm-mezok input{width:78px;min-width:0}
.gm-sor{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.gm-sor label{display:flex;align-items:center;gap:6px;font-size:12.5px}
.gm-sor input{width:110px}
.gm-jelek{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0}
.gm-jel{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;
  padding:5px 9px;background:var(--panel-2);border:1px solid var(--line);
  border-radius:var(--r-sm)}

.gm-urlap{display:grid;gap:8px;max-width:720px}
.gm-urlap label{display:grid;gap:4px;font-size:12.5px}
.gm-urlap input:not([type=checkbox]),.gm-urlap textarea,.gm-urlap select{width:100%;box-sizing:border-box}
.gm-szavazas{margin-top:12px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2)}
.gm-szavazas ul{margin:6px 0 8px 18px}
.gm-inline{display:inline-block;margin:0}
.gm-tabla{width:100%;border-collapse:collapse}
.gm-tabla td{padding:9px 8px;border-bottom:1px solid var(--line-soft);
  vertical-align:top}
.gm-reszlet{margin-top:11px;border:1px solid var(--line);
  border-radius:var(--r-sm);overflow:hidden}
.gm-reszlet summary{cursor:pointer;padding:8px 11px;background:var(--panel-2);
  font-weight:600;font-size:13px}
.gm-reszlet>*:not(summary){padding:11px}


.gm-veszely{border:1px solid var(--danger);border-radius:var(--r-sm);
  padding:11px 12px;background:rgba(150,40,30,.07)}
.gm-veszely-cim{margin:0 0 9px;font-size:12.5px;color:var(--danger);
  font-weight:600}
.gm-veszely-sor{display:inline-block;margin:0 7px 7px 0}

.gm-sor input.gm-szoveg,.gm-szoveg{flex:1 1 18em;min-width:12em;width:auto}
.gm-veszely-sor.gm-kitilt{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.gm-btn-veszely{background:linear-gradient(180deg,#9d3326,#7a2419);
  border-color:#5d1a12;color:#fdeae6}
.gm-btn-veszely:hover{background:linear-gradient(180deg,#b03b2c,#8a2a1d)}

@media(max-width:900px){
  .gm-layout{grid-template-columns:1fr}
  .gm-side{position:static;flex-direction:row;overflow-x:auto;
    border-bottom:1px solid var(--line);padding:8px 10px}
  .gm-side a{flex:none;white-space:nowrap}
  
  .gm-side-csoport{flex:none;align-self:center;margin:0 2px 0 10px}
  .gm-side-csoport:first-child{margin-left:0}
  .gm-mezok.gm-mezok-5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gm-grid{grid-template-columns:1fr}
  .gm-wide{grid-column:auto}
  .gm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gm-main{padding:12px}
}
@media(max-width:560px){
  
  .gm-top{flex-wrap:wrap;row-gap:4px;padding:8px 12px}
  .gm-top-verzio{display:none}
  .gm-top-nav{margin-left:0;gap:4px}
  .gm-mezok,.gm-mezok.gm-mezok-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  .gm-tabla tr{display:block;border-bottom:1px solid var(--line-soft);
    padding:4px 0}
  .gm-tabla td{display:block;padding:6px 2px;border-bottom:0}
  
  .ui-main table.vis .gf-diplo-cella{white-space:normal}
  .gf-diplo-cella form{display:flex !important;flex-wrap:wrap;gap:6px;
    margin-top:6px}
  .gf-diplo-cella select{min-width:0;flex:1 1 130px}
  
  .gm-top{gap:10px;padding:8px 12px}
  .gm-top-verzio{display:none}
  .gm-top-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .gm-top-nav::-webkit-scrollbar{display:none}
  .gm-top-nav a{flex:none;white-space:nowrap}
}


.lg-gm{border-color:#2f2a22}
.lg-gm-band{margin:0;padding:8px 20px;background:linear-gradient(180deg,#3b342a,#221e18);
  color:#e7dcc4;font-size:11px;font-weight:700;letter-spacing:1.6px;
  text-transform:uppercase;text-align:center;
  border-bottom:1px solid #15120e;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.lg-gm .lg-foot{color:var(--fg-mute)}


.lg-head{display:flex;align-items:center;justify-content:center;padding:14px 20px 10px;
  background-color:var(--chrome);
  background-image:
    repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 6px),
    linear-gradient(180deg,var(--chrome-2),var(--chrome));
  border-bottom:2px solid var(--chrome-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.lg-logo{display:block;width:100%;max-width:300px;height:auto;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}

.lg-body{padding:24px 22px 20px}
.lg-title{font-family:var(--font-head);font-size:18px;margin:0 0 16px;
  padding-bottom:12px;border-bottom:1px solid var(--line-soft)}

.lg-notice,.lg-err{margin:0 0 15px;padding:11px 13px;border-radius:var(--r-sm);
  font-size:13px;line-height:1.5}
.lg-notice{background:var(--panel-2);border:1px solid var(--line);
  color:var(--fg-dim)}
.lg-err{background:#f6dcd6;border:1px solid var(--danger);color:#7a2118;
  font-weight:550}

.lg-form{display:block}
.lg-label{display:block;font-size:12px;font-weight:650;letter-spacing:.4px;
  text-transform:uppercase;color:var(--fg-dim);margin:0 0 5px}
.lg-input{display:block;width:100%;box-sizing:border-box;margin:0 0 15px;
  padding:11px 12px;font-size:15px}

.lg-opt{font-weight:500;text-transform:none;letter-spacing:0;color:var(--fg-mute)}
.lg-hint{margin:-6px 0 15px;font-size:12.5px;color:var(--fg-mute)}
.lg-submit{width:100%;padding:12px;font-size:14.5px;margin-top:2px}

.lg-switch{margin:16px 0 0;text-align:center;font-size:13px}
.lg-foot{padding:12px 20px;font-size:12px;color:var(--chrome-fg-dim);
  background:var(--chrome);border-top:2px solid var(--chrome-line);
  text-align:center}

@media(max-width:420px){
  .lg-body{padding:20px 16px 16px}
  .lg-logo{max-width:230px}
}



body.ny-page{margin:0;min-height:100vh;color:var(--chrome-fg);font-family:var(--font);
  background-color:#1c140b}
.ny-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:18px;
  padding:10px 24px;background:rgba(24,17,9,.93);
  border-bottom:1px solid rgba(214,186,132,.2);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.ny-marka{display:flex;align-items:center;gap:10px;text-decoration:none;
  font-family:var(--font-head);font-size:19px;color:var(--gold-hi)}
.ny-marka img{display:block}
.ny-top-nav{display:flex;gap:20px;margin-left:auto;font-size:14px}
.ny-top-nav a{text-decoration:none;color:var(--chrome-fg-dim)}
.ny-top-nav a:hover{color:var(--gold-hi)}
.ny-nyelv{font-size:12px;font-weight:700;letter-spacing:.8px;text-decoration:none;
  padding:4px 9px;border:1px solid rgba(214,186,132,.4);border-radius:999px;color:var(--chrome-fg-dim)}
.ny-nyelv:hover{color:var(--gold-hi);border-color:var(--gold-hi)}
.btn.ny-top-belepes{padding:7px 16px}

.ny-hos{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,420px);gap:48px;
  align-items:center;max-width:1180px;margin:0 auto;padding:56px 24px 64px;
  min-height:calc(100vh - 60px);box-sizing:border-box}
.ny-hos-logo{display:block;width:100%;max-width:400px;height:auto;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}
.ny-cimsor{font-family:var(--font-head);font-size:clamp(28px,4vw,44px);line-height:1.12;
  margin:12px 0 16px;color:#f7ead0;text-shadow:0 2px 14px rgba(0,0,0,.65)}
.ny-leiras{font-size:16.5px;line-height:1.6;max-width:600px;margin:0 0 10px;color:#eadcbf;
  text-shadow:0 1px 8px rgba(0,0,0,.65)}
.ny-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:26px 0 22px}

.btn.ny-regisztracio{font-size:19px;padding:17px 34px;border-radius:10px;
  background:linear-gradient(180deg,#b3372f,#7d211b);border-color:#4a1412;color:#fff4e0;
  box-shadow:0 8px 26px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);
  text-transform:uppercase;letter-spacing:.6px;text-decoration:none}
.btn.ny-regisztracio:hover{filter:brightness(1.1)}
.ny-video{display:inline-flex;align-items:center;gap:10px;font-weight:650;color:#f3e3c3;
  text-decoration:none}
.ny-video:hover{color:var(--gold-hi)}
.ny-ikon{display:block;flex:none;width:22px;height:22px}
.ny-video .ny-ikon{width:40px;height:40px;padding:10px;box-sizing:border-box;border-radius:50%;
  background:rgba(0,0,0,.5);border:1px solid rgba(214,186,132,.55)}
.ny-boltok{display:flex;flex-wrap:wrap;gap:12px}
.ny-bolt{display:inline-flex;align-items:center;gap:10px;min-width:172px;padding:8px 16px;
  border-radius:10px;background:#0d0a06;border:1px solid rgba(255,255,255,.4);color:#fff;
  text-decoration:none;box-sizing:border-box}
a.ny-bolt:hover{border-color:var(--gold-hi)}
.ny-bolt .ny-ikon{width:26px;height:26px}
.ny-bolt span{display:flex;flex-direction:column;line-height:1.15}
.ny-bolt small{font-size:11px;opacity:.85}
.ny-bolt b{font-size:17px;letter-spacing:.2px}
.ny-bolt.hamarosan{opacity:.55;cursor:default}
.ny-apk{margin:10px 0 0;font-size:13.5px}
.ny-apk a{color:var(--gold-hi)}
.ny-kozosseg,.ny-lab-kozosseg{display:flex;align-items:center;flex-wrap:wrap;gap:10px;
  margin-top:24px;font-size:13px;color:var(--chrome-fg-dim)}
.ny-kozossegi{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:rgba(0,0,0,.45);border:1px solid rgba(214,186,132,.4);color:#f3e3c3}
.ny-kozossegi:hover{background:var(--bordo);border-color:var(--bordo-line);color:#fff}
.lg-card.ny-kartya{max-width:none;color:var(--fg)}
.ny-feltetelek{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--fg-mute)}
.ny-feltetelek a{color:var(--accent-dim)}

.ny-szakasz{max-width:1180px;margin:0 auto;padding:56px 24px}
.ny-szakasz-cim{font-family:var(--font-head);font-size:28px;text-align:center;margin:0 0 30px;
  color:var(--gold-hi);text-shadow:0 2px 10px rgba(0,0,0,.6)}
.ny-jellemzok{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ny-jellemzo{background:var(--panel);color:var(--fg);border:1px solid var(--chrome-line);
  border-radius:var(--r);padding:22px 20px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ny-jellemzo .ny-ikon{width:40px;height:40px;color:var(--bordo);margin-bottom:10px}
.ny-jellemzo h3{font-family:var(--font-head);font-size:18px;margin:0 0 8px}
.ny-jellemzo p{margin:0;font-size:14px;line-height:1.55;color:var(--fg-dim)}
.ny-galeria{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;
  overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.ny-galeria figure{margin:0;scroll-snap-align:start;background:var(--panel);
  border:1px solid var(--chrome-line);border-radius:var(--r);overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ny-galeria img{display:block;width:100%;height:200px;object-fit:cover}
.ny-galeria figcaption{padding:10px 14px;font-size:14px;font-weight:600;color:var(--fg)}
.ny-forras{text-align:center;font-size:12px;color:var(--chrome-fg-dim);margin:14px 0 0}

.ny-lab{background:#120d07;border-top:1px solid rgba(214,186,132,.22);padding:40px 24px 28px}
.ny-lab-oszlopok{max-width:1180px;margin:0 auto;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ny-lab h4{font-family:var(--font-head);color:var(--gold-hi);margin:0 0 10px;font-size:15px}
.ny-lab-oszlopok a{display:block;padding:4px 0;color:var(--chrome-fg-dim);text-decoration:none;font-size:14px}
.ny-lab-oszlopok a:hover{color:var(--gold-hi)}
.ny-lab-kozosseg{max-width:1180px;margin:26px auto 0;justify-content:center}
.ny-lab-copy{text-align:center;font-size:12.5px;color:var(--chrome-fg-dim);margin:22px 0 0}
.ny-lab-copy a{color:var(--chrome-fg-dim)}
.ny-impresszum{width:100%;margin:0 0 12px}
.ny-impresszum th{text-align:left;width:40%;vertical-align:top}

@media(max-width:980px){
  .ny-hos{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:32px;min-height:0}
  .ny-hos-szoveg{text-align:center}
  .ny-hos-logo{margin:0 auto}
  .ny-leiras{margin-left:auto;margin-right:auto}
  .ny-cta,.ny-boltok,.ny-kozosseg{justify-content:center}
  .lg-card.ny-kartya{max-width:460px;margin:0 auto;width:100%}
  .ny-jellemzok{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .ny-top{padding:8px 14px;gap:10px}
  .ny-top-nav{display:none}
  .ny-nyelv{margin-left:auto}
  .ny-hos{padding:22px 16px 40px}
  .ny-szakasz{padding:40px 16px}
  .btn.ny-regisztracio{width:100%;box-sizing:border-box;text-align:center}
  .ny-jellemzok{grid-template-columns:minmax(0,1fr)}
  .ny-lab-oszlopok{grid-template-columns:repeat(2,minmax(0,1fr))}
}



body.ny-page::before{content:"";position:fixed;left:-5%;top:-5%;right:-5%;bottom:-5%;z-index:-3;
  background:url(/ui/a/art.login?v=GB-ZYqkr62) center 30%/cover no-repeat;
  animation:ny-kenburns 48s ease-in-out infinite alternate;will-change:transform}
body.ny-page::after{content:"";position:fixed;left:0;top:0;right:0;bottom:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(ellipse at 30% 18%,rgba(226,196,138,.18),transparent 55%),
    radial-gradient(ellipse at 50% 115%,rgba(255,140,50,.16),transparent 60%),
    linear-gradient(180deg,rgba(24,16,8,.6),rgba(16,11,5,.9) 70%)}
@media(max-aspect-ratio:1/1){
  body.ny-page::before{background-image:url(/ui/a/art.login-tall?v=hF4pxLRrw8)}
}
@keyframes ny-kenburns{from{transform:scale(1) translate3d(0,0,0)}
  to{transform:scale(1.1) translate3d(-1.5%,-1%,0)}}


.ny-parazs{position:fixed;left:0;top:0;right:0;bottom:0;z-index:-1;pointer-events:none;overflow:hidden}
.ny-parazs i{position:absolute;bottom:-12px;border-radius:50%;opacity:0;
  background:radial-gradient(circle,#fff1c9 0,#ffb453 45%,rgba(255,120,40,0) 72%);
  box-shadow:0 0 10px 3px rgba(255,150,60,.45);
  animation-name:ny-parazs;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes ny-parazs{0%{transform:translate3d(0,0,0);opacity:0}
  8%{opacity:.95}60%{opacity:.7}
  100%{transform:translate3d(var(--x,20px),-108vh,0);opacity:0}}


@keyframes ny-fel{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes ny-logo{from{opacity:0;transform:scale(.86) translate3d(0,12px,0)}to{opacity:1;transform:none}}
@keyframes ny-lebeg{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
.ny-hos-szoveg>*{animation:ny-fel .8s cubic-bezier(.2,.8,.2,1) both}
.ny-hos-szoveg>:nth-child(2){animation-delay:.12s}
.ny-hos-szoveg>:nth-child(3){animation-delay:.22s}
.ny-hos-szoveg>:nth-child(4){animation-delay:.3s}
.ny-hos-szoveg>:nth-child(5){animation-delay:.42s}
.ny-hos-szoveg>:nth-child(6){animation-delay:.54s}
.ny-hos-szoveg>:nth-child(7){animation-delay:.62s}
.ny-hos-szoveg>:nth-child(8){animation-delay:.7s}
.ny-hos-logo{animation:ny-logo 1.1s cubic-bezier(.2,.8,.2,1) both,ny-lebeg 7s ease-in-out 1.3s infinite}


@keyframes ny-csillan{0%,72%{left:-70%}100%{left:140%}}
@keyframes ny-pulzus{
  0%,100%{box-shadow:0 8px 26px rgba(0,0,0,.45),0 0 0 0 rgba(200,70,55,.55),inset 0 1px 0 rgba(255,255,255,.25)}
  55%{box-shadow:0 8px 26px rgba(0,0,0,.45),0 0 0 14px rgba(200,70,55,0),inset 0 1px 0 rgba(255,255,255,.25)}}
.btn.ny-regisztracio{position:relative;overflow:hidden;
  transition:transform .2s ease,filter .2s ease;animation:ny-pulzus 2.8s ease-in-out 1.6s infinite}
.btn.ny-regisztracio::after{content:"";position:absolute;top:-10%;left:-70%;width:45%;height:120%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-20deg);pointer-events:none;animation:ny-csillan 5s ease-in-out 2.2s infinite}
.btn.ny-regisztracio:hover{transform:translateY(-2px)}
@keyframes ny-gyuru{0%{box-shadow:0 0 0 0 rgba(231,200,132,.55)}100%{box-shadow:0 0 0 14px rgba(231,200,132,0)}}
.ny-video .ny-ikon{animation:ny-gyuru 2.4s ease-out 1.8s infinite;transition:transform .2s ease}
.ny-video:hover .ny-ikon{transform:scale(1.1)}


.ny-bolt,.ny-kozossegi{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}
a.ny-bolt:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.5),0 0 0 1px var(--gold-hi)}
.ny-kozossegi:hover{transform:translateY(-3px) rotate(-8deg) scale(1.08)}


.ny-szakasz-cim{display:flex;align-items:center;justify-content:center;gap:16px}
.ny-szakasz-cim::before,.ny-szakasz-cim::after{content:"";flex:0 1 140px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(199,154,74,.9))}
.ny-szakasz-cim::after{background:linear-gradient(270deg,transparent,rgba(199,154,74,.9))}


.ny-js .ny-felbukkan{opacity:0}
.ny-js .ny-felbukkan.lathato{opacity:1;animation:ny-fel .8s cubic-bezier(.2,.8,.2,1) backwards;
  animation-delay:calc(var(--k,0) * 110ms)}
.ny-jellemzo{position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ny-jellemzo::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;opacity:.45;
  background-image:var(--cifra),var(--cifra);background-repeat:no-repeat;background-size:18px 18px;
  background-position:right 9px top 9px,left 9px bottom 9px}
.ny-jellemzo:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,.5);border-color:var(--gold)}
.ny-jellemzo .ny-ikon{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.ny-jellemzo:hover .ny-ikon{transform:scale(1.15) rotate(-6deg)}
.ny-galeria figure{transition:transform .3s ease,box-shadow .3s ease}
.ny-galeria figure:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.ny-galeria img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease}
.ny-galeria figure:hover img{transform:scale(1.07);filter:saturate(1.15)}


@keyframes ny-kartya-be{from{opacity:0;transform:translate3d(0,26px,0) scale(.97)}to{opacity:1;transform:none}}
@keyframes ny-izzas{0%,100%{opacity:0}50%{opacity:1}}
@keyframes ny-erem{from{opacity:0;transform:scale(.4) rotate(-25deg)}to{opacity:1;transform:none}}
@keyframes ny-vonal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.lg-card.ny-kartya{position:relative;overflow:visible;margin-top:34px;
  background-color:var(--panel);
  background-image:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 35%),url(/ui/a/tex.parchment?v=tbOKCed5eX);
  
  background-size:auto,1024px;
  border:2px solid var(--gold-dim);border-radius:14px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 0 0 6px rgba(24,16,8,.55),0 0 0 7px rgba(199,154,74,.5),0 26px 60px rgba(0,0,0,.6);
  animation:ny-kartya-be .9s cubic-bezier(.2,.8,.2,1) .35s both}
.lg-card.ny-kartya::before{content:"";position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px;
  border-radius:14px;pointer-events:none;opacity:0;will-change:opacity;
  box-shadow:0 0 0 7px rgba(199,154,74,.35),0 0 42px rgba(231,200,132,.3);
  animation:ny-izzas 6s ease-in-out 1.6s infinite}
.lg-card.ny-kartya::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:2;
  opacity:.55;border-radius:14px;background-image:var(--cifra),var(--cifra);background-repeat:no-repeat;
  background-size:22px 22px;background-position:9px bottom 9px,right 9px bottom 9px}
.ny-kartya-cimer{position:absolute;left:50%;top:-38px;z-index:3;width:76px;height:76px;margin-left:-38px;
  padding:6px;box-sizing:border-box;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#5a4124,#24190d 72%);
  border:2px solid var(--gold);
  box-shadow:0 0 0 4px rgba(24,16,8,.6),0 8px 22px rgba(0,0,0,.55),0 0 24px rgba(231,200,132,.35);
  animation:ny-erem 1s cubic-bezier(.3,1.5,.5,1) .75s both}
.ny-kartya-fej{position:relative;overflow:hidden;padding:46px 16px 0;border-radius:12px 12px 0 0;
  background-color:var(--chrome);
  background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 1px,transparent 1px 6px),
    linear-gradient(180deg,var(--chrome-2),var(--chrome));
  border-bottom:2px solid var(--gold-dim);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.ny-kartya-fej::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(231,200,132,.16),transparent);
  transform:skewX(-18deg);animation:ny-csillan 7s ease-in-out 2.5s infinite}
.ny-fulek{display:flex;gap:6px}
.ny-ful{position:relative;flex:1;text-align:center;padding:11px 8px 13px;border-radius:8px 8px 0 0;
  font-family:var(--font-head);font-size:16px;font-weight:700;letter-spacing:.3px;text-decoration:none;
  color:var(--chrome-fg-dim);transition:color .2s ease,background-color .2s ease}
.ny-ful:hover{color:var(--gold-hi);background-color:rgba(255,255,255,.04);text-decoration:none}
.ny-ful.aktiv{color:var(--gold-hi);background-color:rgba(231,200,132,.09)}
.ny-ful::after{content:"";position:absolute;left:18%;right:18%;bottom:-2px;height:3px;border-radius:3px;
  background:var(--gold-hi);box-shadow:0 0 10px rgba(231,200,132,.7);
  transform:scaleX(0);transition:transform .3s ease}
.ny-ful:hover::after{transform:scaleX(.5)}
.ny-ful.aktiv::after{transform:scaleX(1);animation:ny-vonal .6s cubic-bezier(.2,.8,.2,1) 1s both}
.ny-ful:focus-visible{outline:2px solid var(--gold-hi);outline-offset:-3px}

.ny-valtott .ny-ful.aktiv::after{animation:none}
.lg-body.ny-kartya-torzs{padding:20px 24px 18px}

.ny-panelek{display:grid}
.ny-panel{grid-area:1/1;min-width:0;display:flex;flex-direction:column;
  transition:opacity .28s ease,transform .28s ease,visibility 0s}
.ny-panel.rejtve{visibility:hidden;opacity:0;transform:translate3d(0,6px,0);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility 0s .18s}
.ny-panel>.lg-form{flex:none}
.ny-panel-lab{margin-top:auto}
.ny-elfelejtett{margin:-7px 0 12px;text-align:right;font-size:12.5px}

.ny-robot{margin:0 0 8px;font-size:12.5px;color:var(--fg-mute);min-height:0}
.ny-robot:empty{display:none}
.ny-csali{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.ny-elfelejtett a{color:var(--accent-dim);font-weight:600}
.ny-elfelejtett a:hover{color:var(--bordo)}
.ny-vagy{display:flex;align-items:center;gap:12px;margin:18px 0 12px;font-size:12.5px;
  font-weight:600;color:var(--fg-mute)}
.ny-vagy::before,.ny-vagy::after{content:"";flex:1;height:1px;background:var(--line-soft)}
.btn.ny-masodlagos{display:block;box-sizing:border-box;width:100%;padding:12px;text-align:center;
  font-size:15px;font-weight:700;letter-spacing:.3px;border-radius:9px;text-decoration:none;
  background:rgba(255,255,255,.35);border:1.5px solid var(--bordo);color:var(--bordo);box-shadow:none;
  transition:background-color .2s ease,color .2s ease,transform .2s ease}
.btn.ny-masodlagos:hover{background:var(--bordo);color:#fff4e0;filter:none;transform:translateY(-2px)}

@keyframes ny-rezzen{0%,100%{transform:none}20%,60%{transform:translate3d(-4px,0,0)}40%,80%{transform:translate3d(4px,0,0)}}
.ny-kartya .lg-err{animation:ny-rezzen .45s ease .15s}

.ny-csendes .ny-hos-szoveg>*,.ny-csendes .lg-card.ny-kartya,.ny-csendes .ny-kartya-cimer,
.ny-csendes .ny-ful.aktiv::after{animation:none}
.ny-csendes .ny-hos-logo{animation:ny-lebeg 7s ease-in-out infinite}
.ny-rejtett{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ny-udv{margin:0 0 18px;text-align:center;font-family:var(--font-head);font-style:italic;
  font-size:15px;line-height:1.45;color:var(--fg-dim)}
.ny-mezo{position:relative;margin:0 0 15px}
.ny-mezo>.ny-ikon{position:absolute;left:13px;top:50%;width:18px;height:18px;transform:translateY(-50%);
  color:var(--fg-mute);pointer-events:none;transition:color .2s ease,transform .2s ease}
.ny-mezo .lg-input{margin:0;padding-left:42px;border-radius:9px;
  background-color:var(--panel-3);border:1px solid var(--line);color:var(--fg);
  transition:border-color .2s ease,box-shadow .25s ease,background-color .2s ease}
.ny-mezo .lg-input.ny-jelszo{padding-right:46px}
.ny-mezo .lg-input:focus{outline:none;border-color:var(--gold);background-color:#fbf3df;
  box-shadow:0 0 0 3px var(--ring),0 0 20px rgba(199,154,74,.35)}
.ny-mezo:focus-within>.ny-ikon{color:var(--accent);transform:translateY(-50%) scale(1.12)}
.ny-mutat{display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:7px;
  border:0;border-radius:6px;background:none;cursor:pointer;color:var(--fg-mute)}
.ny-js .ny-mutat{display:block}
.ny-mutat:hover,.ny-mutat[aria-pressed="true"]{color:var(--accent);background-color:rgba(168,118,43,.12)}
.btn.lg-submit.ny-kuld{position:relative;overflow:hidden;margin-top:6px;padding:14px;font-size:16px;
  letter-spacing:.4px;border-radius:9px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 6px 16px rgba(60,38,10,.35);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.btn.lg-submit.ny-kuld:hover{transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 22px rgba(60,38,10,.45)}
.btn.lg-submit.ny-kuld::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);transition:left .7s ease}
.btn.lg-submit.ny-kuld:hover::after{left:130%}
.ny-kartya .lg-switch{margin:12px 0 0}
.ny-kartya .lg-switch a{color:var(--accent-dim);font-weight:600}
.ny-kartya .lg-switch a:hover{color:var(--bordo)}

#belepes{scroll-margin-top:96px}
.ny-elonyok{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin:18px 0 0;
  font-size:12.5px;font-weight:600;color:var(--fg-dim)}
.ny-elonyok span{display:inline-flex;align-items:center;gap:5px}
.ny-elonyok .ny-ikon{width:14px;height:14px;color:var(--ok)}

@media(prefers-reduced-motion:reduce){
  body.ny-page::before,.ny-page *,.ny-page *::before,.ny-page *::after{animation:none!important;transition:none!important}
  .ny-parazs{display:none}
  .ny-js .ny-felbukkan{opacity:1}
}


.gm-kirakat-mezok{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 14px;margin:0 0 12px}
.gm-kirakat-mezok label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600}
.gm-kirakat-mezok input{width:100%;box-sizing:border-box}



body.lg-worlds,body.lg-respawn{grid-template-columns:none;place-items:center}
body.lg-worlds::before,body.lg-respawn::before{content:none}


body.lg-worlds{background-image:
  radial-gradient(ellipse at 50% 38%,rgba(226,196,138,.20),transparent 64%),
  linear-gradient(180deg,rgba(30,21,10,.60),rgba(18,12,5,.86)),
  url(/ui/a/art.worlds?v=vtlDYbZX9A),
  linear-gradient(180deg,#3d2b18,#241809);
  background-position:center,center,center 55%,center}


body.lg-respawn{background-image:
  radial-gradient(ellipse at 50% 26%,rgba(236,206,148,.16),transparent 58%),
  linear-gradient(180deg,rgba(24,16,8,.28),rgba(14,9,4,.62)),
  url(/ui/a/art.respawn?v=Hwb-IOFT2Y),
  linear-gradient(180deg,#32220f,#1b1206);
  background-position:center,center,center 22%,center}

.lg-card-wide{max-width:640px}

.lg-worlds-list{list-style:none;margin:0;padding:0}
.lg-world{display:flex;align-items:center;gap:13px;padding:13px 0;
  border-bottom:1px solid var(--line-soft)}
.lg-world:last-child{border-bottom:0}
.lg-world-id{flex:none;width:40px;height:40px;display:grid;place-items:center;
  border-radius:var(--r-sm);font-family:var(--font-head);font-size:19px;
  background:linear-gradient(180deg,var(--panel-3),var(--panel-2));
  border:1px solid var(--line);color:var(--fg-dim)}
.lg-world-main{flex:1 1 auto;min-width:0}
.lg-world-name{display:block;font-family:var(--font-head);font-size:16px}
.lg-world-meta{display:block;font-size:12.5px;color:var(--fg-mute);margin-top:2px}

.lg-world-load{display:inline-block;width:8px;height:8px;border-radius:50%;
  margin-right:5px;vertical-align:baseline;background:var(--fg-mute)}
.lg-world-load.is-free{background:#4f7a3a}
.lg-world-load.is-filling{background:#c8912b}
.lg-world-load.is-full{background:var(--danger)}
.lg-world-act{flex:none}
.lg-world-closed{font-size:12.5px;color:var(--fg-mute)}
.lg-world.is-closed .lg-world-id,.lg-world.is-closed .lg-world-name{opacity:.55}

.lg-sitter{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.lg-sitter form{margin:0}

.lg-warn{margin:0 0 18px;padding:11px 13px;border-radius:var(--r-sm);
  font-size:13px;line-height:1.55;
  background:var(--tint);border:1px solid var(--accent-dim);color:var(--fg)}


.lg-compass{display:grid;grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,auto);gap:9px;align-items:stretch}
.lg-dir{padding:18px 8px;font-family:var(--font-head);font-size:16px;
  text-align:center;display:flex;align-items:center;justify-content:center}
.lg-dir-n{grid-area:1/2}
.lg-dir-w{grid-area:2/1}
.lg-dir-e{grid-area:2/3}
.lg-dir-s{grid-area:3/2}
.lg-compass-rose{grid-area:2/2;display:grid;place-items:center;
  color:var(--fg-mute);font-size:26px;line-height:1}
.lg-compass-rose::before{content:"\2726"}

@media(max-width:420px){
  
  .lg-world{flex-wrap:wrap}
  .lg-world-act{width:100%}
  .lg-world-act .btn{width:100%;text-align:center}
  .lg-world.is-closed .lg-world-act{width:auto}
  
  .lg-world.has-elojegyzes .lg-world-act{width:100%}
  .lg-elojegyzes{justify-content:flex-start}
  .lg-elojegyzes .btn{width:auto}
  .lg-elojegyzes small{text-align:left}
  .lg-dir{padding:14px 6px;font-size:14px}
}



.ui-top,.ui-nav,.ui-quick,.ui-main,.ui-foot{position:relative}
.ui-top::before,.ui-nav::before,.ui-quick::before,
.ui-main::before,.ui-foot::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.ui-top>*,.ui-nav>*,.ui-quick>*,.ui-main>*,.ui-foot>*{position:relative;z-index:1}


body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url(/ui/a/tex.stone?v=ZRsMZXJodF) repeat;background-size:380px;
  opacity:.20;mix-blend-mode:multiply}


.ui-top::before{
  background:url(/ui/a/tex.wood-dark?v=_rQfEBVRQ7) repeat;background-size:300px;
  opacity:.30;mix-blend-mode:overlay}
.ui-nav::before{
  background:url(/ui/a/tex.wood-dark?v=_rQfEBVRQ7) repeat;background-size:260px;
  opacity:.26;mix-blend-mode:overlay}


.ui-quick::before,.ui-foot::before{
  background:url(/ui/a/tex.wood-warm?v=Y0ZW-WbTlN) repeat;background-size:240px;
  opacity:.16;mix-blend-mode:overlay}


.ui-main::before{
  background:url(/ui/a/tex.parchment?v=tbOKCed5eX) repeat;background-size:340px;
  opacity:.28;mix-blend-mode:multiply}


.ui-top::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:url(/ui/a/tex.cloth?v=F0etbxFDtU) repeat;background-size:150px;
  opacity:.07;mix-blend-mode:overlay}








.ui-empty{min-height:96px;padding:30px 18px;
  background-image:
    linear-gradient(rgba(243,232,205,.86),rgba(243,232,205,.86)),
    var(--vizjel,url(/ui/a/art.ms-leaf?v=fiML3YRQS8));
  background-position:center,center;
  background-size:cover,contain;
  background-repeat:no-repeat,no-repeat}

.gf-oldal .ui-empty{min-height:0;padding:6px 0 8px;background:none;text-align:left;font-size:13px}


@media(max-width:900px){
  .ui-shell{grid-template-columns:minmax(0,1fr)}
  .ui-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;flex-direction:row;
    overflow-x:auto;border-right:0;border-top:1px solid var(--line);padding:6px;
    gap:4px;box-shadow:0 -2px 10px rgba(0,0,0,.4)}
  .ui-nav a{flex-direction:column;gap:3px;font-size:10.5px;padding:6px 9px;min-width:60px;
    text-align:center;white-space:nowrap}
  .ui-nav a.on{box-shadow:inset 0 3px 0 var(--accent)}
  .ui-nav .badge{position:absolute;margin:0;transform:translate(14px,-4px)}
  .ui-nav a{position:relative}
  .ui-main{padding:12px 12px 100px}
  
  .ui-nav a:not(.fo){display:none}
  .ui-nav a.fo,.ui-nav-tobb{flex:1 1 0;min-width:0;padding:6px 2px}
  .ui-nav-tobb{display:flex;flex-direction:column;gap:3px;font-size:10.5px;
    text-align:center;white-space:nowrap}
  .ui-nav a.fo>span:not(.badge),.ui-nav-tobb>span:not(.badge){max-width:100%;
    overflow:hidden;text-overflow:ellipsis}
  .ui-nav.tobb-nyitva{flex-wrap:wrap;max-height:78vh;overflow-y:auto;
    align-content:flex-start}
  .ui-nav.tobb-nyitva a:not(.fo){display:flex;order:1;flex:0 0 calc(25% - 3px);
    min-width:0}
  .ui-nav.tobb-nyitva .ui-nav-tores{display:block;order:2;flex:0 0 100%;height:0}
  .ui-nav.tobb-nyitva a.fo,.ui-nav.tobb-nyitva .ui-nav-tobb{order:3}
  
  body.ui-tobb-nyitva::after{content:"";position:fixed;inset:0;z-index:29;
    background:rgba(0,0,0,.38)}
  .ui-nav.tobb-nyitva~.ui-kuldetes{display:none}
  
  .ui-nav a.on.fo,.ui-nav.tobb-nyitva a.on:not(.fo){margin:0;border-radius:var(--r-sm);
    clip-path:none}
  .ui-nav.tobb-nyitva a.on:not(.fo){padding:6px 4px}
  .ui-nav.tobb-nyitva a:not(.fo)>span:not(.badge){max-width:100%;overflow:hidden;
    text-overflow:ellipsis}
  .ui-nav a.fo,.ui-nav-tobb{font-size:10px}
  .ui-kuldetes{right:12px;bottom:84px}
  .ui-res-item{min-width:0;flex:1 1 calc(50% - 8px)}
  
  h2.ui-page-title{margin-left:-12px;padding:9px 22px 9px 56px;font-size:17px;min-height:46px;
    max-width:calc(100% + 12px)}
  .ui-card>.head,.ui-card .head{margin-left:-8px;padding:8px 18px 8px 34px;
    max-width:calc(100% + 8px)}
  .ui-top-row{padding:8px 12px;gap:10px}
  .ui-bar{padding:0}
  .ui-meta{font-size:12px;gap:9px}
}

@media(max-width:700px){
  .ui-main table.vis:not(.modemenu){display:block;overflow-x:auto;
    max-width:100%}
  
  .ui-main table.vis:not(.modemenu)>tbody:only-child{display:table;width:100%}
  .ui-main table.vis:not(.modemenu) td,
  .ui-main table.vis:not(.modemenu) th{white-space:nowrap}
  .ui-main table.vis:not(.modemenu) td .inactive{white-space:normal;
    display:inline-block;max-width:210px}

  
  .ui-main table.vis:not(.modemenu) tr>*:last-child{
    position:sticky;right:0;z-index:1;
    background:var(--panel);
    box-shadow:-8px 0 9px -7px rgba(58,40,20,.45)}
  
  .ui-main table.vis:not(.modemenu) th:last-child{z-index:3;
    background:linear-gradient(180deg,var(--panel-2),var(--panel-3))}
  
  .ui-main table.vis:not(.modemenu) td:last-child:has(.btn){
    white-space:normal;max-width:124px}
  .ui-main table.vis:not(.modemenu) td:last-child:has(.btn) .btn{
    display:block;margin:3px 0;text-align:center}
  .ui-main table.vis:not(.modemenu) tr:hover>*:last-child{
    background:var(--panel-2)}
  .ui-main table.vis:not(.modemenu) tr.selected>*:last-child,
  .ui-main table.vis:not(.modemenu) tr.self>*:last-child{
    background:var(--panel-3)}

  
  .ui-main form table.vis tr>th:first-child:nth-last-child(2),
  .ui-main form table.vis tr>th:first-child:nth-last-child(2)~td,
  .ui-main form table.vis tr>th:first-child:nth-last-child(2)~th,
  .ui-main form table.vis tr>td:first-child:nth-last-child(2),
  .ui-main form table.vis tr>td:first-child:nth-last-child(2)~td{
    display:block;width:auto;white-space:normal}
  
  .ui-main form table.vis tr>th:first-child:nth-last-child(2)~td,
  .ui-main form table.vis tr>td:first-child:nth-last-child(2)~td{
    position:static;box-shadow:none;background:none}
  
  .ui-main form table.vis tr>th:first-child:nth-last-child(2)~th{
    position:static;box-shadow:none}
  
  .ui-main form table.vis tr>td:first-child:nth-last-child(2):empty{
    display:none}

  
  
  .ui-main table.vis.gf-events{display:table;width:100%;table-layout:fixed}
  .ui-main table.vis.gf-events th,
  .ui-main table.vis.gf-events td{white-space:normal;width:auto !important}
  
  .ui-main table.vis.gf-events tr>*:first-child{width:32% !important}
  .ui-main table.vis.gf-events tr>*:nth-child(3){width:25% !important}
  .ui-main table.vis.gf-events tr>*:last-child{
    position:static;box-shadow:none;background:none}
  
  .ui-main table.vis.gf-events .ui-prog{min-width:0}
  .ui-main table.vis.gf-events .lvl{white-space:normal;max-width:100%}
  
  .ui-main table.vis.gf-events>tbody:only-child{display:table-row-group;width:auto}
  .ui-main table.vis.gf-events td,.ui-main table.vis.gf-events th{overflow-wrap:break-word;
    hyphens:auto}
  
  .ui-main table.vis.gf-events.gf-het tr>*:first-child{width:28% !important}
  .ui-main table.vis.gf-events.gf-het tr>*:nth-child(2){width:21% !important}
  .ui-main table.vis.gf-events.gf-het tr>*:nth-child(3){width:17% !important}
}

@media(max-width:560px){
  .ui-main table.vis.gf-events.gf-het,
  .ui-main table.vis.gf-events.gf-het>tbody{display:block}
  .ui-main table.vis.gf-events.gf-het tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;
    column-gap:12px;align-items:baseline;padding:8px 4px;border-bottom:1px solid var(--line-soft)}
  .ui-main table.vis.gf-events.gf-het tr:first-child{display:none}
  .ui-main table.vis.gf-events.gf-het tr>td{display:block;width:auto !important;padding:1px 2px;
    border:0;background:none;overflow-wrap:normal;hyphens:manual}
  .ui-main table.vis.gf-events.gf-het tr>td:nth-child(2),
  .ui-main table.vis.gf-events.gf-het tr>td:nth-child(3){font-size:12px;color:var(--fg-dim);white-space:nowrap}
  .ui-main table.vis.gf-events.gf-het tr>td:last-child{grid-column:1/-1;margin-top:3px}
  .ui-main table.vis.gf-events.gf-het .lvl{white-space:nowrap}
}
@media(max-width:700px){
  
  .ui-quick{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;
    scrollbar-width:none}
  .ui-quick::-webkit-scrollbar{display:none}
  .ui-quick a{flex:none;min-height:40px}
  .ui-quick .lbl{display:none}
}
@media(max-width:560px){
  .ui-brand img{height:52px}
  .vis th,.vis td{padding:7px 8px;font-size:12.5px}
  .ui-village select{max-width:130px}
  
  .ui-top-row{grid-template-columns:1fr;row-gap:8px}
  .ui-brand{grid-column:1}
  .ui-meta{grid-column:1;justify-self:stretch;justify-content:flex-end;gap:11px}
  .ui-res-item{min-width:0;flex:1 1 calc(50% - 8px)}
  
  .ui-res-item.st{display:none}
  
  .ui-top-row{padding:7px 12px}
  .ui-bar{gap:0}
  .ui-quick{padding:0 12px 7px}
  .ui-res{width:100%}
  .ui-res-item{padding:4px 9px 4px 7px}
  .ui-res-item .n{font-size:12.5px}
  .ui-village{padding:4px 9px}
  
  .ui-nav a{min-height:46px}
  .btn{min-height:40px;display:inline-flex;align-items:center}
}

@media(max-width:640px){
  .ui-top-row{display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;padding:6px 10px;gap:8px}
  .ui-brand img{height:34px;width:auto}
  .ui-meta{flex-wrap:nowrap;padding:4px 7px;gap:7px;font-size:11px;min-width:0}
  .ui-meta-sor{gap:6px}
  .ui-top-row>.ui-bar{flex:1 1 100%;order:3}
  .ui-village{padding:4px 10px;flex:1 1 100%;border-right:0;border-bottom:1px solid rgba(0,0,0,.45);box-shadow:none}
  
  .ui-village.tobb{min-width:0;max-width:100%;gap:6px}
  .ui-village.tobb select{min-width:0;flex:1 1 auto;max-width:none}
  .ui-village.tobb .ui-coord,.ui-village.tobb .ui-falu-hanyadik{display:none}
  .ui-res{flex:1 1 100%;min-width:0;flex-wrap:nowrap}
  
  .ui-res-item{min-width:0;padding:5px 6px;gap:4px}
  .ui-res-item.w,.ui-res-item.s,.ui-res-item.i{flex:1 1 0}
  .ui-res-item.p{flex:0 0 auto}
  .ui-res-item .n{font-size:11px;white-space:nowrap}
  .ui-res-item svg,.ui-res-item .ic{width:14px;height:14px}
  .ui-quick{display:none}
  
  .gv-scroll{-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);
    mask-image:linear-gradient(90deg,#000 86%,transparent)}
}

@media(max-width:480px){
  .ui-meta-nev,.ui-meta-ido{display:none}
}



:where(a,button,select,input,textarea):focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.ui-top :where(a,select):focus-visible{outline-color:var(--accent-fg)}

.gv-scroll{width:100%;overflow-x:auto;overflow-y:hidden}

.gv-wrap{position:relative;width:660px;height:465px;flex:none;
  background-image:var(--gv-back);background-size:cover;border-radius:8px;
  overflow:hidden;border:1px solid var(--line)}
.gv-b{position:absolute;display:block;background-image:var(--gv-sheet);
  background-repeat:no-repeat;text-decoration:none}
.gv-wall{position:absolute;left:0;top:0;width:660px;height:465px;
  background-image:var(--gv-wall);background-repeat:no-repeat;pointer-events:none}
.gv-l{position:absolute;background:linear-gradient(180deg,#f6ecd2,#e4d2ac);color:#332615;
  border:1px solid #a98f66;border-radius:4px;padding:1px 7px;
  font-size:11.5px;font-weight:650;text-decoration:none;white-space:nowrap;
  transform:translate(-50%,0);z-index:5}
.gv-l:hover{background:linear-gradient(180deg,#c48c39,#a8762b);color:#fff7e6;
  border-color:#6d4a16;text-decoration:none}
.gv-b-barracks0{width:98px;height:61px;background-position:-453px -476px;left:412px;top:251px}
.gv-b-barracks1{width:98px;height:61px;background-position:-350px -508px;left:412px;top:251px}
.gv-b-barracks2{width:98px;height:78px;background-position:-1px -376px;left:412px;top:234px}
.gv-b-barracks3{width:112px;height:95px;background-position:-271px -120px;left:412px;top:234px}
.gv-b-church0{width:73px;height:75px;background-position:-275px -507px;left:435px;top:159px}
.gv-b-church1{width:99px;height:92px;background-position:-602px -215px;left:417px;top:151px}
.gv-b-church2{width:115px;height:117px;background-position:-271px -1px;left:417px;top:130px}
.gv-b-church3{width:138px;height:122px;background-position:-1px -1px;left:417px;top:122px}
.gv-b-church_f1{width:128px;height:120px;background-position:-141px -1px;left:417px;top:127px}
.gv-b-farm1{width:69px;height:65px;background-position:-639px -465px;left:550px;top:41px}
.gv-b-farm2{width:126px;height:74px;background-position:-361px -282px;left:492px;top:31px}
.gv-b-farm3{width:139px;height:94px;background-position:-388px -1px;left:480px;top:12px}
.gv-b-garage0{width:90px;height:66px;background-position:-450px -539px;left:349px;top:297px}
.gv-b-garage1{width:85px;height:82px;background-position:-1px -456px;left:354px;top:297px}
.gv-b-garage2{width:106px;height:82px;background-position:-599px -309px;left:333px;top:297px}
.gv-b-garage3{width:126px;height:87px;background-position:-510px -108px;left:313px;top:297px}
.gv-b-hide1{width:54px;height:46px;background-position:-446px -607px;left:273px;top:88px}
.gv-b-iron0{width:64px;height:59px;background-position:-636px -532px;left:55px;top:43px}
.gv-b-iron1{width:56px;height:54px;background-position:-651px -72px;left:55px;top:43px}
.gv-b-iron2{width:75px;height:65px;background-position:-273px -584px;left:55px;top:32px}
.gv-b-iron3{width:87px;height:75px;background-position:-88px -539px;left:43px;top:32px}
.gv-b-main1{width:103px;height:73px;background-position:-101px -378px;left:342px;top:108px}
.gv-b-main2{width:108px;height:83px;background-position:-489px -301px;left:336px;top:105px}
.gv-b-main3{width:120px;height:98px;background-position:-388px -97px;left:322px;top:91px}
.gv-b-market0{width:94px;height:57px;background-position:-350px -571px;left:254px;top:155px}
.gv-b-market1{width:94px;height:68px;background-position:-177px -565px;left:254px;top:155px}
.gv-b-market2{width:113px;height:81px;background-position:-124px -218px;left:250px;top:153px}
.gv-b-market3{width:120px;height:105px;background-position:-529px -1px;left:243px;top:149px}
.gv-b-place0{width:81px;height:67px;background-position:-542px -575px;left:347px;top:227px}
.gv-b-place1{width:81px;height:67px;background-position:-542px -575px;left:347px;top:227px}
.gv-b-smith0{width:114px;height:64px;background-position:-502px -644px;left:227px;top:305px}
.gv-b-smith1{width:117px;height:75px;background-position:-124px -301px;left:224px;top:303px}
.gv-b-smith2{width:122px;height:93px;background-position:-141px -123px;left:219px;top:285px}
.gv-b-smith3{width:121px;height:93px;background-position:-1px -214px;left:220px;top:285px}
.gv-b-snob0{width:94px;height:102px;background-position:-265px -217px;left:194px;top:86px}
.gv-b-snob1{width:94px;height:102px;background-position:-506px -197px;left:194px;top:86px}
.gv-b-stable0{width:110px;height:76px;background-position:-355px -358px;left:126px;top:236px}
.gv-b-stable1{width:110px;height:77px;background-position:-243px -321px;left:126px;top:235px}
.gv-b-stable2{width:119px;height:83px;background-position:-385px -197px;left:117px;top:229px}
.gv-b-stable3{width:132px;height:87px;background-position:-1px -125px;left:104px;top:226px}
.gv-b-statue0{width:48px;height:46px;background-position:-302px -459px;left:289px;top:260px}
.gv-b-statue1{width:48px;height:57px;background-position:-302px -400px;left:289px;top:249px}
.gv-b-stone0{width:44px;height:25px;background-position:-618px -663px;left:81px;top:348px}
.gv-b-stone1{width:59px;height:55px;background-position:-176px -635px;left:59px;top:350px}
.gv-b-stone2{width:69px;height:70px;background-position:-639px -393px;left:59px;top:333px}
.gv-b-stone3{width:83px;height:82px;background-position:-190px -481px;left:44px;top:321px}
.gv-b-storage1{width:84px;height:73px;background-position:-1px -540px;left:152px;top:160px}
.gv-b-storage2{width:94px;height:79px;background-position:-206px -400px;left:142px;top:156px}
.gv-b-storage3{width:94px;height:88px;background-position:-467px -386px;left:142px;top:147px}
.gv-b-watchtower1{width:53px;height:69px;background-position:-651px -1px;left:495px;top:211px}
.gv-b-watchtower2{width:59px;height:85px;background-position:-638px -128px;left:503px;top:205px}
.gv-b-watchtower3{width:74px;height:107px;background-position:-563px -393px;left:487px;top:176px}
.gv-b-wood0{width:81px;height:71px;background-position:-553px -502px;left:523px;top:347px}
.gv-b-wood1{width:76px;height:68px;background-position:-625px -593px;left:527px;top:347px}
.gv-b-wood2{width:91px;height:68px;background-position:-83px -616px;left:512px;top:347px}
.gv-b-wood3{width:99px;height:70px;background-position:-352px -436px;left:503px;top:347px}
.gv-l-barracks{left:512px;top:270px}
.gv-l-church{left:510px;top:173px}
.gv-l-church_f{left:510px;top:173px}
.gv-l-farm{left:481px;top:27px}
.gv-l-garage{left:402px;top:358px}
.gv-l-hide{left:280px;top:73px}
.gv-l-iron{left:68px;top:27px}
.gv-l-main{left:343px;top:80px}
.gv-l-market{left:294px;top:141px}
.gv-l-place{left:386px;top:210px}
.gv-l-smith{left:240px;top:278px}
.gv-l-snob{left:204px;top:88px}
.gv-l-stable{left:103px;top:218px}
.gv-l-statue{left:280px;top:236px}
.gv-l-stone{left:138px;top:402px}
.gv-l-storage{left:138px;top:144px}
.gv-l-wall{left:471px;top:335px}
.gv-l-watchtower{left:559px;top:220px}
.gv-l-wood{left:579px;top:341px}

.gv-b{transition:filter .18s ease}
.gv-b::after{content:"";position:absolute;inset:0;background:inherit;pointer-events:none;
  filter:brightness(1.95) saturate(1.3) sepia(.15);opacity:0;
  -webkit-mask-image:linear-gradient(105deg,transparent 38%,#000 47%,#000 53%,transparent 62%);
  mask-image:linear-gradient(105deg,transparent 38%,#000 47%,#000 53%,transparent 62%);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:100% 0;mask-position:100% 0}
.gv-b:hover,.gv-b:focus-visible{
  filter:brightness(1.14) drop-shadow(0 0 2px rgba(255,240,200,.9)) drop-shadow(0 0 8px rgba(255,200,110,.7))}
.gv-b:hover::after,.gv-b:focus-visible::after{opacity:1;animation:gv-csillan .85s ease-out both}
@keyframes gv-csillan{
  from{-webkit-mask-position:100% 0;mask-position:100% 0}
  to{-webkit-mask-position:0 0;mask-position:0 0}}
@media (prefers-reduced-motion:reduce){
  .gv-b:hover::after,.gv-b:focus-visible::after{animation:none;opacity:0}}

.gf-map-cell img.village{filter:drop-shadow(0 3px 2px rgba(0,0,0,.42));transition:filter .18s ease}
div.gf-map-cell:hover::after{background:rgba(255,236,190,.08)}
div.gf-map-cell:hover img.village{
  filter:brightness(1.14) drop-shadow(0 0 2px rgba(255,240,200,.9)) drop-shadow(0 0 7px rgba(255,200,110,.75))}
.gf-map-viewport::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;
  box-shadow:inset 0 0 46px rgba(20,12,4,.42),inset 0 0 0 1px rgba(0,0,0,.35)}
.gf-ter-klan .kitoltes{fill-opacity:.1}
.gf-ter-klan .derenges{stroke-opacity:.2;stroke-width:24}
.gf-ter-klan .hatar{stroke-width:2.6}
@media (prefers-reduced-motion:reduce){.gf-map-cell img.village{transition:none}}

.ui-nav-csoport{display:flex;align-items:center;gap:9px;width:100%;margin:6px 0 1px;padding:7px 10px;
  background:none;border:0;border-radius:var(--r-sm);cursor:pointer;text-align:left;
  color:var(--chrome-fg);font:700 11.5px/1.2 var(--font);letter-spacing:.08em;text-transform:uppercase;
  opacity:.92}
.ui-nav-csoport:first-child{margin-top:0}
.ui-nav-csoport:hover{background:rgba(255,255,255,.07);opacity:1}
.ui-nav-csoport svg,.ui-nav-csoport .ic{width:16px;height:16px;flex:none;opacity:.85;object-fit:contain}
.ui-nav-csoport>span:not(.badge){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-nav-csoport::after{content:"";flex:none;width:7px;height:7px;margin-right:3px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;opacity:.7;
  transform:rotate(-45deg);transition:transform .15s ease}
.ui-nav-csoport[aria-expanded="true"]::after{transform:rotate(45deg)}
.ui-nav-csoport[aria-expanded="true"] .badge{display:none}
.ui-nav-csoport .badge{margin-left:auto}
.ui-nav-csoport:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media(min-width:901px){
  .ui-nav a[data-csoport]{padding-left:22px}
  .ui-nav a[data-zart]{display:none}
  
  .ui-nav.ut-mind a[data-zart]{display:flex}
}
@media(max-width:900px){
  .ui-nav-csoport{display:none}
  
  .ui-nav.tobb-nyitva .ui-nav-csoport{display:flex;order:1;flex:0 0 100%;margin:5px 0 0;padding:0 14px;
    pointer-events:none;font-size:10.5px;line-height:1.3;opacity:.75}
  .ui-nav.tobb-nyitva .ui-nav-csoport:first-child{margin-top:3px}
  .ui-nav.tobb-nyitva .ui-nav-csoport::after,.ui-nav.tobb-nyitva .ui-nav-csoport .badge{display:none}
}
@media (prefers-reduced-motion:reduce){.ui-nav-csoport::after{transition:none}}


.gf-csevego-dokk{position:fixed;right:18px;bottom:82px;z-index:25}
.gf-csevego-dokk.egyedul{bottom:18px}
.gf-csevego-gomb{position:relative;width:52px;height:52px;padding:0;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;color:var(--gold-hi);
  background:linear-gradient(180deg,#386b45,#22442b);border:2px solid var(--gold-hi);
  box-shadow:0 3px 10px rgba(0,0,0,.45);transition:transform .12s}
.gf-csevego-gomb:hover{transform:translateY(-1px)}
.gf-csevego-gomb svg,.gf-csevego-gomb .ic{width:26px;height:26px;color:var(--gold-hi)}
.gf-csevego-gomb .badge{position:absolute;top:-4px;right:-4px;background:var(--danger);
  color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;
  border-radius:9px;display:grid;place-items:center;padding:0 5px}
.gf-csevego-gomb .badge[hidden]{display:none}
.gf-csevego-gomb[aria-expanded="true"]{box-shadow:0 0 0 3px rgba(231,200,132,.45),0 3px 10px rgba(0,0,0,.45)}


.gf-csevego{position:fixed;right:18px;bottom:146px;z-index:40;width:380px;
  height:min(540px,calc(100vh - 170px));display:flex;flex-direction:column;
  background:var(--panel);border:2px solid var(--gold-dim);border-radius:var(--r);
  box-shadow:0 14px 40px rgba(0,0,0,.45);overflow:hidden}
.gf-csevego[hidden]{display:none}
.gf-csevego-dokk.egyedul~.gf-csevego{bottom:82px;height:min(540px,calc(100vh - 110px))}
.gf-csevego-fej{display:flex;align-items:center;gap:6px;padding:8px 8px 8px 12px;flex:none;
  background:linear-gradient(180deg,var(--bordo),var(--bordo-2));color:#f7e9cd;
  box-shadow:inset 0 -2px 0 var(--bordo-line)}
.gf-csevego-cim{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:var(--font-head);font-size:15px;letter-spacing:.2px}
.gf-csevego-fej button,.gf-csevego-fej a{background:none;border:0;color:var(--gold-hi);
  font:inherit;font-size:20px;line-height:1;cursor:pointer;padding:2px 7px;border-radius:6px;
  text-decoration:none}
.gf-csevego-fej button:hover,.gf-csevego-fej a:hover{background:rgba(255,255,255,.12);color:#fff}
.gf-csevego-teljes{font-size:16px}
.gf-csevego-zar{font-size:23px}
.gf-csevego-uj-csoport:disabled{opacity:.55;cursor:not-allowed}
.gf-csevego-felvesz,.gf-csevego-atnevez{flex:none}
.gf-csevego-felvesz-kit,.gf-csevego-uj-nev{flex:2 1 140px}
.gf-csevego-megse{margin-left:auto}
.gf-csevego-vissza{display:none}
.gf-csevego:not(.gf-csevego-lap):not([data-nezet="lista"]) .gf-csevego-vissza{display:inline-block}
.gf-csevego-hiba{margin:0;padding:7px 12px;background:#f6d7d3;color:#8a2a22;font-size:12.5px;
  border-bottom:1px solid #e3b1aa}
.gf-csevego-hiba[hidden]{display:none}
.gf-csevego-test{flex:1;min-height:0;display:flex}
.gf-csevego-oldal,.gf-csevego-fo,.gf-csevego-csoport{flex:1;min-width:0;min-height:0;
  display:flex;flex-direction:column}

.gf-csevego[data-nezet="lista"] .gf-csevego-fo,.gf-csevego[data-nezet="csoport"] .gf-csevego-fo,
.gf-csevego:not([data-nezet="csoport"]) .gf-csevego-csoport,
.gf-csevego:not(.gf-csevego-lap):not([data-nezet="lista"]) .gf-csevego-oldal,
.gf-csevego-valassz{display:none}


.gf-csevego-indit{display:flex;gap:8px;padding:10px;flex:none;border-bottom:1px solid var(--line-soft);
  background:var(--panel-2)}
.gf-csevego-kinek{flex:1;min-width:0;padding:6px 8px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:var(--panel);font:inherit;font-size:13px;color:inherit}
.gf-csevego-indit .btn{padding:6px 10px;font-size:12.5px;white-space:nowrap}
.gf-csevego-lista{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow-y:auto}
.gf-csevego-elem{display:block;width:100%;padding:9px 12px;border:0;border-bottom:1px solid var(--line-soft);
  background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.gf-csevego-elem:hover{background:var(--hover)}
.gf-csevego-elem.on{background:var(--tint);box-shadow:inset 3px 0 0 var(--bordo)}
.gf-csevego-elem-fej{display:flex;align-items:center;gap:7px}
.gf-csevego-elem-fej b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.gf-csevego-elem-fej .badge{flex:none;min-width:18px;height:18px;padding:0 6px;border-radius:9px;
  background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.gf-csevego-fajta{flex:none;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:.4px;background:var(--panel-3);color:var(--fg-dim)}
.gf-csevego-fajta.tribe{background:#ecd5d1;color:var(--bordo)}
.gf-csevego-fajta.group{background:#d7e4d0;color:#2c5636}
.gf-csevego-elem-utolso{display:flex;gap:8px;margin-top:3px;font-size:12px;color:var(--fg-dim)}
.gf-csevego-elem-utolso span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gf-csevego-elem-utolso time{flex:none;color:var(--fg-mute);font-variant-numeric:tabular-nums}
.gf-csevego-ures,.gf-csevego-nincs-ismeros,.gf-csevego-nincs{margin:16px 14px;color:var(--fg-mute);
  font-size:13px;font-style:italic;text-align:center;line-height:1.45}
.gf-csevego-ures[hidden],.gf-csevego-nincs-ismeros[hidden],.gf-csevego-nincs[hidden]{display:none}


.gf-csevego-info{display:flex;align-items:center;gap:8px;padding:6px 12px;flex:none;
  border-bottom:1px solid var(--line-soft);font-size:12px;color:var(--fg-dim)}
.gf-csevego-tagsor{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gf-csevego .btn.kicsi{padding:4px 9px;font-size:12px;min-height:0}
.gf-csevego-kezeles{flex:none;max-height:45%;overflow-y:auto;padding:8px 12px 10px;
  border-bottom:1px solid var(--line);background:var(--panel-2);font-size:13px}
.gf-csevego-kezeles[hidden],.gf-csevego-gazda[hidden],.gf-csevego-kilep[hidden],.gf-csevego-tagok-gomb[hidden]{display:none}
.gf-csevego-taglista{list-style:none;margin:0 0 8px;padding:0}
.gf-csevego-taglista li{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px dotted var(--line-soft)}
.gf-csevego-taglista li span{flex:1;min-width:0}
.gf-csevego-taglista small{color:var(--fg-mute);font-style:italic}
.gf-csevego-gazda{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.gf-csevego-gazda select,.gf-csevego-gazda input{flex:1 1 140px;min-width:0;padding:4px 7px;
  border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel);font:inherit;font-size:12.5px;color:inherit}
.gf-csevego-uzenetek{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:8px 12px 12px;
  display:flex;flex-direction:column;gap:3px;background:var(--panel-2)}

.gf-csevego-uzenetek:not(:has(.gf-cs-uzenet)){flex:0 0 auto;padding-bottom:0}
.gf-cs-uzenet{max-width:84%;align-self:flex-start}
.gf-cs-uzenet.sajat{align-self:flex-end;text-align:right}
.gf-cs-uzenet.rendszer{align-self:center;max-width:95%;text-align:center}
.gf-cs-fej{display:flex;gap:8px;align-items:baseline;margin:8px 4px 2px;font-size:11px;color:var(--fg-mute)}
.gf-cs-uzenet.sajat .gf-cs-fej{justify-content:flex-end}
.gf-cs-fej b{color:var(--accent-dim);font-size:12.5px}
.gf-cs-szoveg{display:inline-block;text-align:left;padding:6px 10px;border-radius:12px 12px 12px 4px;
  background:var(--panel);border:1px solid var(--line-soft);white-space:pre-wrap;overflow-wrap:anywhere;
  line-height:1.4;font-size:13.5px;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.gf-cs-uzenet.sajat .gf-cs-szoveg{border-radius:12px 12px 4px 12px;background:#f0dcaa;border-color:#d6b56d}
.gf-cs-uzenet.rendszer .gf-cs-szoveg{background:none;border:0;box-shadow:none;padding:4px 2px;
  color:var(--fg-mute);font-style:italic;font-size:12px}
.gf-csevego-iras{display:flex;gap:8px;align-items:flex-end;margin:0;padding:8px 10px;flex:none;
  border-top:1px solid var(--line);background:var(--panel)}
.gf-csevego-iras textarea{flex:1;min-width:0;height:44px;max-height:120px;resize:vertical;padding:8px 10px;
  border-radius:var(--r-sm);border:1px solid var(--line);background:var(--panel-2);font:inherit;
  font-size:13.5px;line-height:1.35;color:inherit}

.gf-csevego-iras .gf-szamlalo{display:none}
.gf-csevego-felvesz:disabled,.gf-csevego-felvesz-kit:disabled{opacity:.55}
.gf-csevego-csak-olvas{margin:0;padding:9px 12px;flex:none;border-top:1px solid var(--line);
  font-size:12.5px;color:var(--fg-mute);font-style:italic}


.gf-csevego-csoport{gap:10px;margin:0;padding:12px;overflow-y:auto}
.gf-csevego-nev{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:13px}
.gf-csevego-nev input{padding:6px 9px;border-radius:var(--r-sm);border:1px solid var(--line);
  background:var(--panel-2);font:inherit;font-weight:400;color:inherit}
.gf-csevego-csoport fieldset{flex:1;min-height:80px;overflow-y:auto;margin:0;padding:6px 10px 8px;
  border:1px solid var(--line-soft);border-radius:var(--r-sm)}
.gf-csevego-csoport legend{padding:0 4px;font-weight:600;font-size:13px}
.gf-csevego-jeloltek label{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;cursor:pointer}
.gf-csevego-gombok{display:flex;gap:8px;flex:none}


.gf-csevego-dokk{display:flex;align-items:center;gap:8px}
.gf-csevego-buborek{display:flex;flex-direction:column;align-items:flex-start;gap:1px;
  max-width:260px;padding:8px 12px;border-radius:12px 12px 4px 12px;cursor:pointer;text-align:left;
  background:#22442b;color:#f3ead2;border:1px solid var(--gold-hi);font:inherit;font-size:12.5px;
  box-shadow:0 4px 12px rgba(0,0,0,.4);animation:gf-buborek-be .25s ease-out}
.gf-csevego-buborek[hidden]{display:none}
.gf-csevego-buborek b{color:var(--gold-hi);font-size:13px}
.gf-csevego-buborek small{color:#bcd3b9;font-size:11px}
.gf-csevego-buborek span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  line-height:1.35;overflow-wrap:anywhere}
@keyframes gf-buborek-be{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gf-csevego-buborek{animation:none}}


.gf-csevego-pont{flex:none;width:8px;height:8px;border-radius:50%;background:#3f9a4f;
  box-shadow:0 0 0 2px rgba(63,154,79,.22)}
.gf-csevego-elem.nemitott .gf-csevego-elem-fej b{color:var(--fg-dim)}
.gf-csevego-elem.nemitott .badge{background:var(--fg-mute)}
.gf-csevego-elerheto{flex:none;display:inline-flex;align-items:center;gap:5px;color:#2f7a3d;font-weight:600}
.gf-csevego-elerheto::before{content:"";width:7px;height:7px;border-radius:50%;background:#3f9a4f}
.gf-csevego-elerheto[hidden]{display:none}
.gf-csevego-nemit[aria-pressed="true"]{background:var(--tint);border-color:var(--gold-dim)}
.gf-csevego-nemit[hidden]{display:none}
.gf-csevego-taglista li.online span::after{content:"";display:inline-block;width:7px;height:7px;margin-left:6px;
  border-radius:50%;background:#3f9a4f;vertical-align:1px}


.gf-csevego-korabbi-sor{align-self:center;margin:4px 0 6px}
.gf-csevego-korabbi-sor[hidden]{display:none}
.gf-csevego-korabbi{font-size:12px}
.gf-cs-nap{align-self:center;margin:10px 0 4px;padding:2px 10px;border-radius:10px;
  background:var(--panel-3);color:var(--fg-dim);font-size:11px;font-weight:600;letter-spacing:.3px}
.gf-cs-uj{display:flex;align-items:center;gap:8px;margin:8px 0 4px;color:var(--danger);
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.gf-cs-uj::before,.gf-cs-uj::after{content:"";flex:1;height:1px;background:var(--danger);opacity:.45}
.gf-cs-uzenet{position:relative}
.gf-cs-uzenet.emlit .gf-cs-szoveg{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,153,58,.28)}
.gf-cs-koord{font-weight:600;color:var(--accent-dim);text-decoration:underline dotted}
.gf-cs-bejelent{position:absolute;right:-24px;bottom:2px;width:20px;height:20px;padding:0;border:0;border-radius:50%;
  background:none;color:var(--fg-mute);font-size:12px;line-height:20px;cursor:pointer;opacity:0;transition:opacity .12s}
.gf-cs-uzenet:hover .gf-cs-bejelent,.gf-cs-bejelent:focus-visible{opacity:1}
.gf-cs-bejelent:hover{color:var(--danger);background:rgba(0,0,0,.06)}
@media(hover:none){.gf-cs-bejelent{opacity:.55}}
.gf-csevego-hiba.siker{background:#dcebd6;color:#2c5636;border-bottom-color:#b5d0ac}


.gf-tag-cseveg{display:inline-flex;vertical-align:-3px;margin-left:6px;color:var(--fg-mute)}
.gf-tag-cseveg svg{width:16px;height:16px}
.gf-tag-cseveg:hover{color:#2f7a3d}


.gf-csevego-mit{max-width:70ch}
.gf-csevego-lap{position:static;width:auto;z-index:auto;height:min(640px,calc(100vh - 260px));
  min-height:440px;box-shadow:var(--shadow);margin-bottom:16px}
.gf-csevego-lap .gf-csevego-oldal{flex:0 0 300px;border-right:1px solid var(--line)}
.gf-csevego-lap[data-nezet="lista"] .gf-csevego-valassz{display:flex;flex:1;align-items:center;
  justify-content:center;margin:0;padding:20px;color:var(--fg-mute);font-style:italic;text-align:center;
  background:var(--panel-2)}


@media(max-width:900px){
  .gf-csevego-dokk{right:12px;bottom:148px}
  .gf-csevego-dokk.egyedul{bottom:84px}
  .ui-nav.tobb-nyitva~.gf-csevego-dokk{display:none}
}
@media(max-width:700px){
  .gf-csevego:not(.gf-csevego-lap),.gf-csevego-dokk.egyedul~.gf-csevego:not(.gf-csevego-lap){
    inset:0;width:auto;height:auto;border:0;border-radius:0;z-index:60}
  .gf-csevego-lap{height:calc(100vh - 210px);min-height:380px}
  .gf-csevego-lap .gf-csevego-oldal{flex:1 1 auto;border-right:0}
  .gf-csevego-lap:not([data-nezet="lista"]) .gf-csevego-oldal{display:none}
  .gf-csevego-lap[data-nezet="lista"] .gf-csevego-valassz{display:none}
  .gf-csevego-lap:not([data-nezet="lista"]) .gf-csevego-vissza{display:inline-block}
  .gf-cs-uzenet{max-width:90%}
}

:root{--vaz-max:1680px;--vaz-szel:0px}
@media(min-width:1720px){
  :root{--vaz-szel:calc((100vw - var(--vaz-max)) / 2)}
  .ui-shell{max-width:var(--vaz-max);margin:0 auto;
    box-shadow:0 0 0 1px rgba(20,12,4,.35),0 0 60px rgba(20,12,4,.45)}
  .ui-kuldetes{right:calc(18px + var(--vaz-szel))}
  .gf-csevego-dokk,.gf-csevego{right:calc(18px + var(--vaz-szel))}
  #gf-ertesites-dobozok{right:calc(14px + var(--vaz-szel))}
}

.gm-top-kereso{display:flex;align-items:center;flex:0 1 300px;margin-left:10px;position:relative}
.gm-top-kereso input{width:100%;box-sizing:border-box;padding:6px 34px 6px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.28);color:#f3e7cc;font-size:13px}
.gm-top-kereso input::placeholder{color:#b9a988}
.gm-top-kereso input:focus{outline:2px solid var(--accent);outline-offset:1px;background:rgba(0,0,0,.4)}
.gm-top-kereso-gomb{position:absolute;right:4px;top:50%;transform:translateY(-50%);
  border:0;background:none;color:#e0d3b4;font-size:16px;line-height:1;padding:4px 7px;cursor:pointer}
.gm-main{max-width:1240px}
.gm-nezet-cim{margin:0 0 12px;font-family:var(--font-head);font-size:21px;font-weight:600;
  color:#efe0bd;letter-spacing:.3px}
.gm-alcim{margin:16px 0 8px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:#c9b48d}
.gm-alcim:first-of-type{margin-top:0}

.gm-fulek{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 12px;
  border-bottom:1px solid rgba(231,214,174,.28)}
.gm-ful{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;margin-bottom:-1px;
  border:1px solid transparent;border-bottom:0;border-radius:var(--r-sm) var(--r-sm) 0 0;
  color:#d8c9a8;font-size:13px;text-decoration:none}
.gm-ful:hover{background:rgba(255,255,255,.07);color:#fff5e0}
.gm-ful[aria-current]{background:var(--panel);border-color:var(--line);color:var(--fg);font-weight:650}
.gm-side a[aria-current]{background:rgba(255,255,255,.12);color:#fff5e0;
  box-shadow:inset 3px 0 0 var(--accent)}
.gm-side a.gm-side-fo{font-weight:650;margin-bottom:4px}

.gm-js .gm-nezet:not(.gm-aktiv){display:none}
.gm-js .gm-fules>.gm-grid{grid-template-columns:minmax(0,1fr)}
.gm-js .gm-fules>.gm-grid>.gm-card{grid-column:1/-1}
.gm-js .gm-fules>.gm-grid>.gm-card:not(.gm-aktiv){display:none}
.gm-nezet+.gm-nezet{margin-top:22px}
.gm-js .gm-nezet+.gm-nezet{margin-top:0}

.gm-teendok{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.gm-teendo{display:grid;gap:2px;padding:12px 15px;background:var(--panel);border:1px solid var(--line);
  border-left:5px solid #6b9a4a;border-radius:var(--r-sm);box-shadow:var(--shadow);
  color:var(--fg);text-decoration:none}
.gm-teendo span{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-mute)}
.gm-teendo b{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}
.gm-teendo small{font-size:12px;color:var(--fg-dim)}
.gm-teendo-van{border-left-color:var(--danger)}
.gm-teendo-van b{color:var(--danger)}
.gm-teendo:hover{filter:brightness(1.04);box-shadow:0 0 0 2px var(--accent-dim),var(--shadow)}
.gm-gyors{display:flex;flex-wrap:wrap;gap:8px}
.gm-gyors a{padding:8px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);
  color:var(--fg);text-decoration:none;font-size:13px;font-weight:600;box-shadow:var(--shadow)}
.gm-gyors a:hover{box-shadow:0 0 0 2px var(--accent-dim),var(--shadow)}

.gm-jatekos-sav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 12px;
  padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--accent);
  border-radius:var(--r-sm);box-shadow:var(--shadow);font-size:13.5px}
.gm-jatekos-sav-nev{flex:1 1 260px;min-width:0}
.gm-jatekos-sav .gm-falu-valaszto{margin:0}
.gm-jatekos-sav .gm-mit{margin:0;flex-basis:100%}

.gm-mentes-sav{position:sticky;bottom:0;z-index:2;margin:0 -14px -13px;padding:10px 14px;
  background:var(--panel-2);border-top:1px solid var(--line);box-shadow:0 -4px 10px rgba(40,24,8,.12)}

.gm-card:has(.gm-mentes-sav){overflow:clip}
@media(max-width:900px){
  .gm-top{flex-wrap:wrap;row-gap:6px}
  .gm-top-kereso{order:5;flex:1 1 100%;margin:0}
  .gm-side a[aria-current]{box-shadow:inset 0 -3px 0 var(--accent)}
}


:is(.ui-card:not(.gf-oldal),.gf-profile-main)>.body>:is(p,h3,h4,h5,small,label,ul:not([class]),
  a.btn,button.btn,.gf-kep-feltolto,.gf-meghivo-link,.gf-olvasatlan-sor){margin-left:14px;margin-right:14px}

:is(.ui-card:not(.gf-oldal),.gf-profile-main)>.body>form:not(:has(table)){margin-left:14px;margin-right:14px}
:is(.ui-card:not(.gf-oldal),.gf-profile-main)>.body>:is(textarea,select,input:not([type=hidden])){
  margin-left:14px;margin-right:14px;max-width:calc(100% - 28px)}

:is(.ui-card:not(.gf-oldal),.gf-profile-main)>.body>:is(p,h3,h4,form:not(:has(table)),.gf-kep-feltolto):first-child{margin-top:12px}
:is(.ui-card:not(.gf-oldal),.gf-profile-main)>.body>:is(p,form:not(:has(table)),.gf-kep-feltolto,.gf-meghivo-link,a.btn,button.btn):last-child{margin-bottom:14px}

.ui-card:not(:has(>.head))::before{content:none}

.gf-overview-dynamic>.gf-tabla-eszkoz,.gf-ranking>.gf-rangsor-kereso,.gf-mail>.gf-mail-szuro,
.gf-flags>p,.gf-korlevel>p,.gf-report-paper>p.gf-report-ujra{margin-left:14px;margin-right:14px}
.gf-ladak .gf-lada-sor{padding-left:12px;padding-right:14px}
.gf-esemeny-szalag .gf-esemeny-gomb{margin-right:14px}


.gf-report-screen>.gf-report-osszes{float:right;margin:0 14px 10px 0}
.gf-report-screen>.gf-report-osszes+.gf-report-osszes{margin-right:8px}
.gf-report-tomeges>.gf-report-eszkoz{margin:0 14px 10px}
.gf-report-tomeges>table{clear:both}

@media(max-width:700px){
  .gf-report-screen>.gf-report-osszes{float:none;display:inline-flex;margin:0 0 10px 14px}
  .gf-report-screen>.gf-report-osszes+.gf-report-osszes{margin-right:0;margin-left:8px}}


.ui-empty{min-height:0;padding:20px 18px 22px;background:var(--panel);border-radius:var(--r-sm);
  line-height:1.45}
.ui-empty::before{content:"";display:block;width:30px;height:30px;margin:0 auto 9px;
  background:var(--ic-crest) center/contain no-repeat;opacity:.3;filter:grayscale(.5)}
.gf-oldal .ui-empty::before{content:none}


.ui-village select{max-width:260px}
.ui-village.tobb .ui-coord{display:none}


.gf-profile-full{align-items:stretch}
.gf-profile-full>.gf-profile-main{margin-bottom:0}


.gf-profile-card .head{padding:12px 14px 12px 36px}


.gf-sereg-van{display:inline-block;min-width:42px;margin-right:8px;text-align:right;
  font-variant-numeric:tabular-nums}


.btn.gf-bonto{text-shadow:none;color:var(--fg-dim)}
.btn.gf-bonto:hover{color:var(--danger);border-color:var(--danger)}


.quest-popup-header{background:var(--line-soft)}
.quest-popup-navbar ul{gap:1px;padding:0}
.qline-tab{flex:1 1 150px;display:flex}
.qline-tab .tab-link{flex:1;display:flex;align-items:center;justify-content:center;
  min-height:48px;padding:10px 12px;border:0;border-radius:0;text-align:center;
  background:var(--panel);transition:background .12s,color .12s}
.qline-tab .tab-link:hover{background:var(--panel-2);color:var(--fg)}
.qline-tab.selected-tab .tab-link{color:#f9eed6;
  background:linear-gradient(180deg,var(--bordo),var(--bordo-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -3px 0 var(--gold)}


.gf-milicia-szabaly{margin:12px 14px 4px;padding-left:18px;line-height:1.65;font-size:13px}
.gf-milicia .gf-milicia-szabaly li::marker{color:var(--accent-dim)}
.gf-milicia-sor{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;
  margin:8px 14px 14px;padding-top:10px;border-top:1px solid var(--line-soft)}


.gf-zsakm-opcio>.head small{font-weight:400;color:#ecd6ae;font-size:12px}
.gf-zsakm-zar{color:var(--fg-dim);font-style:italic}
.gf-zsakm-nyit{margin-top:10px}


.gf-flag-card>img{display:block;width:104px;height:104px;margin:16px auto 0;object-fit:contain}
.gf-flag-current{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;
  margin:0 14px 16px;padding:12px 14px;border:1px solid var(--gold);border-radius:var(--r);
  background:var(--tint)}
.gf-flag-current>img{width:56px;height:56px;flex:none}
.gf-flag-current>div{flex:1 1 220px;min-width:0;line-height:1.45}


.gf-cimer-kartya .gf-cimer-tervezo{margin:4px 14px 16px}
.gf-klan-kep-kartya .gf-kep-feltolto,.gf-falu-kep-kartya .gf-kep-feltolto{margin-top:12px}
.gf-portya-fej .gf-sugar-valaszto{margin:2px 14px 14px}
.gf-csoport-letrehoz{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.gf-csoport-letrehoz label{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}
.gf-csoport-uj .lvl{margin-bottom:8px}


.gf-kep-feltolto input[type=file]{flex:0 0 auto;width:300px;max-width:100%}


.gv-l,.gv-l:hover{display:inline-flex;align-items:center;justify-content:center;padding:0;
  background:none;border:0;border-radius:12px;color:inherit;line-height:1}
.gv-l .gv-szint{margin-left:0;min-width:24px;height:24px;padding:0 6px;border-radius:12px;
  font-size:12px;font-weight:700;border:2px solid var(--gold);box-shadow:0 2px 4px rgba(0,0,0,.45);
  transition:transform .18s ease,background-color .18s ease}
.gv-nev{position:absolute;left:50%;bottom:calc(100% + 6px);padding:3px 9px;border-radius:5px;
  white-space:nowrap;background:linear-gradient(180deg,#f6ecd2,#e4d2ac);color:#332615;
  border:1px solid #a98f66;font-size:12px;font-weight:650;line-height:1.3;
  box-shadow:0 3px 8px rgba(0,0,0,.35);pointer-events:none;
  opacity:0;transform:translate(-50%,6px) scale(.9);transform-origin:50% 100%;
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.9,.3,1.25)}
.gv-l:focus-visible,.gv-l.gv-l-nyitva{z-index:7}
.gv-l:focus-visible .gv-szint,.gv-l.gv-l-nyitva .gv-szint{transform:scale(1.12);background:var(--bordo)}
.gv-l:focus-visible .gv-nev,.gv-l.gv-l-nyitva .gv-nev{opacity:1;transform:translate(-50%,0) scale(1)}

@media (hover:hover){
  .gv-l:hover{z-index:7}
  .gv-l:hover .gv-szint{transform:scale(1.12);background:var(--bordo)}
  .gv-l:hover .gv-nev{opacity:1;transform:translate(-50%,0) scale(1)}
}

.gv-l-farm .gv-nev,.gv-l-iron .gv-nev{bottom:auto;top:calc(100% + 6px);transform-origin:50% 0;
  transform:translate(-50%,-6px) scale(.9)}

.gf-falukep .gv-l-iron{top:46px}


.ui-card.gf-falukep>.head{position:absolute;top:0;left:0;z-index:6;max-width:60%;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;pointer-events:none}

.gf-falukep .gv-scroll,.gf-falukep .gv-wrap{border-radius:calc(var(--r) - 2px)}

.ui-card.gf-falukep>.body.ui-empty{padding-top:58px}


.ui-card.gf-oldal[data-csuk]>.head{display:flex;align-items:center;gap:8px;
  padding-top:6px;padding-bottom:6px;padding-right:8px;cursor:pointer;
  -webkit-user-select:none;user-select:none;transition:border-radius .28s ease}
.gf-csuk{position:relative;flex:none;margin-left:auto;width:24px;height:24px;padding:0;cursor:pointer;
  border:1px solid var(--line);border-radius:var(--r-sm);background:rgba(255,253,245,.75);
  color:var(--accent-dim);transition:border-color .15s ease,color .15s ease}
.gf-csuk:hover{border-color:var(--accent);color:var(--accent)}
.gf-csuk::before,.gf-csuk::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;
  margin:-1px 0 0 -5px;border-radius:1px;background:currentColor;transition:transform .28s ease}
.gf-csuk::after{transform:rotate(90deg)}
.gf-csuk[aria-expanded="true"]::before{transform:rotate(180deg)}
.gf-csuk[aria-expanded="true"]::after{transform:rotate(180deg)}
.ui-card.gf-oldal[data-csuk]>.body{display:grid;grid-template-rows:1fr;
  transition:grid-template-rows .28s ease,padding .28s ease}
.gf-oldal-belso{min-width:0;min-height:0}
.ui-card.gf-oldal[data-csuk].gf-csukva>.body{grid-template-rows:0fr;padding-top:0;padding-bottom:0}
.gf-oldal.gf-csukva .gf-oldal-belso,.gf-oldal.gf-csuk-mozog .gf-oldal-belso{overflow:hidden}
.gf-oldal.gf-csukva .gf-oldal-belso{visibility:hidden;transition:visibility 0s linear .28s}
.ui-card.gf-oldal.gf-csukva>.head{border-radius:calc(var(--r) - 2px)}
.ui-card.gf-oldal.gf-csukva{padding-bottom:0}

.gf-csuk-azonnal,.gf-csuk-azonnal *,.gf-csuk-azonnal *::before,.gf-csuk-azonnal *::after{transition:none !important}

@media (prefers-reduced-motion:reduce){
  .gv-nev,.gv-l .gv-szint,.gf-csuk,.gf-csuk::before,.gf-csuk::after,
  .ui-card.gf-oldal[data-csuk]>.head,.ui-card.gf-oldal[data-csuk]>.body,
  .gf-oldal.gf-csukva .gf-oldal-belso{transition:none}
}


.ui-terkep-gomb{display:none}

@media(min-width:701px){
  .ui-top-row{grid-template-columns:auto minmax(0,1fr) auto}
  .ui-top-row>.ui-meta{grid-column:3}
  .ui-terkep-gomb{grid-column:2;grid-row:1;align-self:stretch;min-width:0;overflow:hidden;
    display:flex;align-items:center;gap:12px;padding:5px 18px 5px 12px;
    color:var(--chrome-fg);text-decoration:none;
    border:2px solid var(--gold);border-radius:var(--r-sm);
    background:linear-gradient(90deg,rgba(109,31,29,.96),rgba(143,43,40,.86) 34%,rgba(38,25,11,.5)),
      var(--terkep-kep,none) center 42%/cover no-repeat,var(--chrome);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 3px 10px rgba(0,0,0,.45);
    transition:border-color .15s,box-shadow .15s,filter .15s}
  .ui-terkep-gomb:hover{text-decoration:none;border-color:var(--gold-hi);filter:brightness(1.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 2px rgba(231,200,132,.25),0 3px 12px rgba(0,0,0,.5)}
  .ui-terkep-gomb.on{border-color:var(--gold-hi)}
  .ui-terkep-gomb svg,.ui-terkep-gomb .ic{width:34px;height:34px;flex:none;object-fit:contain;
    color:var(--gold-hi);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
  .ui-terkep-gomb-szoveg{display:flex;flex-direction:column;min-width:0;line-height:1.15}
  .ui-terkep-gomb-szoveg b{font:700 18px/1.1 var(--font-head);color:var(--gold-hi);letter-spacing:.4px;
    text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ui-terkep-gomb-szoveg small{font-size:11.5px;color:var(--chrome-fg);opacity:.85;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

@media(min-width:701px) and (max-width:900px){
  .ui-terkep-gomb{padding:4px 10px 4px 8px;gap:7px}
  .ui-terkep-gomb svg,.ui-terkep-gomb .ic{width:26px;height:26px}
  .ui-terkep-gomb-szoveg b{font-size:16px;letter-spacing:0}
  .ui-terkep-gomb-szoveg small{display:none}
  .ui-meta-ido{display:none}}

@media(min-width:641px) and (max-width:900px){
  .ui-village{flex:1 1 100%;min-width:0;flex-wrap:wrap;row-gap:4px;
    border-right:0;border-bottom:1px solid rgba(0,0,0,.45);box-shadow:none}
  .ui-res{flex:1 1 100%;flex-wrap:nowrap;min-width:0}
  .ui-res-item{flex:1 1 0;min-width:auto;justify-content:center;padding:5px 8px;gap:6px}
  .ui-res-item svg,.ui-res-item .ic{width:24px;height:24px}
  .ui-res-item .n{font-size:14px;white-space:nowrap}
  .ui-res-rate{font-size:10px}}

@media(min-width:901px){
  .ui-village{flex:1 1 auto}
  .ui-res{flex:9 1 auto}
  .ui-res-item{flex:1 1 auto}}

@media(min-width:1101px){
  .ui-top-row>.ui-bar{grid-column:2/-1;justify-self:stretch}
  .ui-quick a{flex:1 1 0;max-width:210px;justify-content:center}}


@media(min-width:901px){
  .ui-nav a[data-nav="map"]:not(.on){color:var(--gold-hi);font-weight:650;
    background:linear-gradient(90deg,rgba(199,154,74,.24),rgba(199,154,74,.05) 75%,transparent);
    box-shadow:inset 3px 0 0 var(--gold),0 1px 0 rgba(255,255,255,.045)}
  .ui-nav a[data-nav="map"]:not(.on):hover{color:#fff3d6;
    background:linear-gradient(90deg,rgba(199,154,74,.34),rgba(199,154,74,.10) 75%,transparent)}}
.ui-nav a[data-nav="map"]:not(.on) svg,.ui-nav a[data-nav="map"]:not(.on) .ic{opacity:1;
  filter:drop-shadow(0 0 4px rgba(231,200,132,.6))}
@media(max-width:900px){
  .ui-nav a[data-nav="map"]:not(.on){color:var(--gold-hi)}}


.gf-map-popup{width:min(300px,calc(100vw - 16px));transform-origin:var(--menu-origo,0 0);
  animation:gf-terkep-menu-be .16s cubic-bezier(.2,.8,.3,1)}

.gf-map-popup{overflow-y:auto;overscroll-behavior:contain}

.ui-main>.gf-map-popup,.gf-map-popup{z-index:41}
@keyframes gf-terkep-menu-be{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gf-map-popup{animation:none}}
.gf-map-popup-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 12px 12px}
.gf-map-popup-actions a{min-height:36px;min-width:0;justify-content:flex-start;padding:6px 9px;
  line-height:1.2;overflow-wrap:anywhere}
.gf-map-popup-actions a.attack{border-color:rgba(179,38,30,.6)}
.gf-map-popup-actions a.support{border-color:rgba(47,111,143,.6)}
.gf-map-popup-actions a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.gf-map-action.terv>span,.gf-map-action.klanlap>span,.gf-map-action.kozep>span,
.gf-map-action.faluba>span{width:18px;height:18px}
.gf-map-popup-close{width:32px;height:32px;top:4px;right:4px;font-size:20px;line-height:1}
.gf-map-popup>h3{padding-right:40px}
.gf-map-cell.menu-cel{outline:2px solid #fff3d6;outline-offset:1px;z-index:6}
@media(max-width:640px){.gf-map-popup-actions a{min-height:42px}}



.gf-epit-gomb{display:inline}
.gf-epites-tabla .local-demolish-form{display:none;margin:0}
.gf-epites-tabla[data-bontas="be"] .local-demolish-form{display:inline-block;animation:gfBontasBe .18s ease}
.gf-epites-tabla[data-bontas="be"] .gf-epit-gomb{display:none}
.gf-epites-tabla[data-bontas="be"] .btn.gf-bonto{color:var(--danger);border-color:var(--danger)}
.gf-epites-tabla+.gf-bontas-magyarazat{display:none}
.gf-epites-tabla[data-bontas="be"]+.gf-bontas-magyarazat{display:block;
  border-color:var(--danger);animation:gfBontasBe .18s ease}
.ui-main table.vis.gf-epites-tabla[data-bontas="be"]{border-color:var(--danger);
  box-shadow:0 0 0 1px var(--danger),var(--shadow)}
.gf-epites-muvelet{text-align:right}
.vis th .gf-bontas-kapcsolo{text-transform:none;letter-spacing:0;font-size:12.5px;
  white-space:nowrap;padding:5px 11px}
.btn.gf-bontas-kapcsolo[aria-pressed="true"],
.btn.gf-bontas-kapcsolo[aria-pressed="true"]:hover{background:var(--danger);
  border-color:#9d3d36;color:#fff;text-shadow:none}
@keyframes gfBontasBe{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}


.gf-epulet-fej{display:flex;align-items:center;gap:10px}
.gf-epulet-fej>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.gf-epulet-fej a>b{font-size:14px}
.gf-epites-tabla .gf-epulet-fej .lvl{margin-top:0}
.gf-epites-tabla td .bmain_list_img{width:52px;height:52px;margin:0;vertical-align:middle}
#build_queue td .bmain_list_img{width:40px;height:40px}
.gf-epites-tabla .icon.header{width:22px;height:22px;vertical-align:-6px;margin-right:6px}
.gf-epites-tabla td:has(.icon.header){font-size:14px}
.gf-sorban-cel{font-size:11.5px;color:var(--teal);font-weight:600;white-space:nowrap}

.gf-zarolt .bmain_list_img,.gf-feltetel-epulet:not(.kesz) .bmain_list_img{filter:grayscale(1);opacity:.75}


.gf-feltetelek{display:flex;flex-wrap:wrap;gap:6px}
.gf-feltetel{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;
  border-radius:999px;border:1px solid var(--line);background:var(--panel-2);
  font-size:12.5px;line-height:1.3;white-space:nowrap}
.gf-feltetelek .gf-feltetel img{width:22px;height:22px;margin:0;vertical-align:middle}
.gf-feltetel b{font-variant-numeric:tabular-nums}
.gf-feltetel.kesz{border-color:var(--ok);color:var(--ok)}
.gf-feltetel.kesz b::after{content:" \2713"}
.gf-feltetel.hiany{border-color:var(--danger)}
.gf-feltetel.hiany b{color:var(--danger)}
.ui-main table.vis.gf-epites-tabla td.gf-feltetel-cella{white-space:normal}


.gf-feltetel-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
  gap:10px;padding:14px}
.gf-feltetel-epulet{display:flex;gap:10px;align-items:flex-start;padding:10px;
  border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel-2);color:var(--fg)}
.gf-feltetel-epulet .bmain_list_img{width:48px;height:48px;margin:0;flex:none}
.gf-feltetel-epulet>div{min-width:0;flex:1}
.gf-feltetel-epulet.kesz{opacity:.7}
.gf-feltetel-allapot{font-size:11.5px;color:var(--danger);font-weight:600}
.gf-feltetel-epulet.kesz .gf-feltetel-allapot{color:var(--ok)}
.gf-feltetel-kartya .gf-feltetelek{margin-top:6px}

@media(max-width:700px){
  .gf-epites-tabla td .bmain_list_img{width:40px;height:40px}
  .gf-epulet-fej{gap:8px}
  .gf-feltetel-racs{padding:10px;gap:8px}
}
@media(prefers-reduced-motion:reduce){
  .gf-epites-tabla .local-demolish-form,.gf-bontas-magyarazat{animation:none !important}
}


.gf-kepzes-mezo{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:220px}
.gf-kepzes-csuszka{flex:1 1 140px;min-width:120px;max-width:280px;margin:0;
  accent-color:var(--accent);cursor:pointer}
.gf-kepzes-csuszka:disabled{opacity:.4;cursor:default}
.gf-kepzes-mezo .local-recruit-unit{width:78px;flex:none}
.gf-kepzes-max{flex:none;padding:3px 6px;border:1px solid transparent;border-radius:var(--r-sm);
  background:none;color:var(--accent-dim);font:inherit;font-size:12.5px;white-space:nowrap;cursor:pointer}
.gf-kepzes-max:hover:not(:disabled){border-color:var(--line);background:var(--tint)}
.gf-kepzes-max:disabled{color:var(--fg-mute);cursor:default}

.vis .gf-kepzes-max b{font-variant-numeric:tabular-nums}

@media(max-width:700px){
  .gf-kepzes-mezo{min-width:0;width:112px;gap:4px 6px}
  .gf-kepzes-csuszka{flex:1 1 100%;width:100%;min-width:0;max-width:none}
  .gf-kepzes-mezo .local-recruit-unit{width:100%}
  .gf-kepzes-max{padding:2px 0}}


.gf-cel-sor,.gf-terv-celsor{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px 12px}
.gf-cel-sor{margin:4px 0 10px}
.gf-terv-celsor{margin:0 0 8px}
.gf-cel-sor>label,.gf-terv-celsor>label{font-weight:650;padding-top:7px}
.gf-celkereso{flex:1 1 260px;max-width:460px;min-width:0}
.gf-celkereso-mezo,.gf-terv-urlap .gf-celkereso-mezo{width:100%;box-sizing:border-box}
.gf-celkereso-lista{list-style:none;margin:4px 0 0;padding:4px;background:var(--panel);
  border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);
  max-height:300px;overflow-y:auto}
.gf-celkereso-lista li{margin:0}
.gf-celkereso-lista button{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;width:100%;
  text-align:left;background:none;border:0;border-radius:var(--r-sm);padding:6px 8px;
  color:var(--fg);font:inherit;font-size:13px;cursor:pointer;min-width:0}
.gf-celkereso-lista button:hover,.gf-celkereso-lista .aktiv button{background:var(--hover)}
.gf-celkereso-lista .aktiv button{box-shadow:inset 3px 0 0 var(--accent)}
.gf-celkereso-lista .nev{font-weight:650;overflow-wrap:anywhere}
.gf-celkereso-lista .gazda,.gf-celkereso-lista .hol{color:var(--fg-mute);font-size:12px}
.gf-celkereso-lista .tav{margin-left:auto;color:var(--fg-dim);font-size:12px;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.gf-celkereso-lista .ures{color:var(--fg-mute);font-size:12.5px;padding:6px 8px}

.gf-celkereso-lista.gf-celkereso-regi{opacity:.55}
.gf-celkereso-valasztott{margin:6px 0 0;font-size:12.5px;color:var(--fg-dim);overflow-wrap:anywhere}

.gf-terv-urlap select{max-width:100%}
.gf-terv-ejjel{margin:0 0 10px;padding:8px 10px;border-radius:5px;border:1px solid var(--danger);
  background:var(--panel-2);font-size:13px}
.gf-terv-jeloltek{margin:10px 14px 14px;padding-left:18px;line-height:1.7}
.gf-terv-forrasok{width:100%}
.gf-terv-forrasok td{white-space:nowrap}
@media(max-width:560px){
  .gf-cel-sor>label,.gf-terv-celsor>label{padding-top:0}
  .gf-celkereso{flex-basis:100%;max-width:none}
}


.ui-card.gf-zsakm-fej{margin-bottom:18px}
.gf-zsakm-sereg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 14px 14px}
.gf-zsakm-sereg>b{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.6px;
  color:var(--fg-dim);margin-right:4px}
.gf-zsakm-teher{margin-left:auto;font-size:13px;color:var(--fg-dim);white-space:nowrap}
.gf-zsakm-teher b{color:var(--fg);font-variant-numeric:tabular-nums}
.gf-zsakm-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 4px;
  border:1px solid var(--line-soft);border-radius:999px;background:var(--panel-2);
  font-weight:650;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.gf-zsakm-chip img{width:22px;height:22px;object-fit:contain}
.gf-zsakm-ures{font-style:italic;color:var(--fg-mute)}


.gf-zsakm-racs{display:grid;gap:22px 18px;margin:0 0 20px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,calc((100% - 18px)/2))),1fr))}
.gf-zsakm-racs>.gf-zsakm-opcio{margin:0;display:flex;flex-direction:column}
.gf-zsakm-opcio>.gf-zsakm-torzs{flex:1;display:flex;flex-direction:column}
.gf-zsakm-opcio:has(>.gf-zs-uton){border-color:var(--teal)}
.gf-zsakm-opcio:has(>.gf-zs-szabad){border-color:var(--gold)}


.gf-zsakm-kep{position:relative;height:100px;margin-top:8px;
  border-block:1px solid var(--line-soft);
  background:var(--panel-3) var(--kep) center/cover no-repeat}
.gf-zsakm-kep::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 40%,rgba(30,20,8,.55))}
.gf-zs-zarva>.gf-zsakm-kep{filter:grayscale(.8)}
.gf-zs-nyilik>.gf-zsakm-kep{filter:grayscale(.35)}


.gf-zsakm-fok{display:inline-flex;align-items:center;justify-content:center;
  min-width:26px;height:22px;padding:0 6px;border:1px solid var(--gold);border-radius:4px;
  background:linear-gradient(180deg,var(--bordo),var(--bordo-2));color:var(--gold-hi);
  font:700 12px/1 var(--font-head);letter-spacing:.5px}
.gf-zsakm-kep>.gf-zsakm-fok{position:absolute;left:12px;bottom:10px;z-index:1;
  min-width:38px;height:30px;font-size:15px;box-shadow:0 2px 6px rgba(0,0,0,.35)}


.gf-zsakm-allapot{display:inline-block;padding:2px 9px;border:1px solid var(--line);border-radius:999px;
  background:var(--panel-3);color:var(--fg-mute);font-size:11px;font-weight:700;line-height:1.5;
  text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}
.gf-zsakm-kep>.gf-zsakm-allapot{position:absolute;right:12px;bottom:12px;z-index:1;
  box-shadow:0 1px 4px rgba(0,0,0,.3)}
.gf-zsakm-allapot.gf-zs-szabad{background:var(--ok);border-color:var(--ok);color:#fff}
.gf-zsakm-allapot.gf-zs-uton{background:var(--teal);border-color:var(--teal);color:#fff}
.gf-zsakm-allapot.gf-zs-nyilik{background:var(--accent);border-color:var(--accent-dim);color:var(--accent-fg)}
.gf-zsakm-allapot.gf-zs-zarva{background:var(--panel-3);color:var(--fg-mute)}


.gf-zsakm-tartalom{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px}
.gf-zsakm-tartalom>p,.gf-zsakm-tartalom form p{margin:0}
.gf-zsakm-tartalom>form{display:flex;flex-direction:column;gap:8px;flex:1}
.gf-zsakm-tartalom>.gf-zsakm-nyit{flex:none;margin:auto 0 0;align-items:flex-start}
.gf-zsakm-cimke{display:block;font-size:11px;font-weight:650;text-transform:uppercase;
  letter-spacing:.6px;color:var(--fg-dim)}
.gf-zsakm-sor{display:flex;flex-direction:column;gap:4px}
.gf-zsakm-chipek,.gf-zsakm-koltseg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.gf-zsakm-chipek{gap:6px}
.gf-zsakm-res{display:inline-flex;align-items:center;gap:5px;font-weight:650;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.gf-zsakm-res .icon.header{width:22px;height:22px;margin:0;vertical-align:middle}
.gf-zsakm-res img{width:18px;height:18px;object-fit:contain}
.gf-zsakm-res.gf-zs-hiany{color:var(--danger)}


.gf-zsakm-halad{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:5px 10px;
  margin-top:auto;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--r-sm);
  background:var(--panel-2)}
.gf-zsakm-halad .timer{font-size:17px}
.gf-zsakm-halad .ui-prog{grid-column:1/-1;height:9px;min-width:0}
.gf-zsakm-halad .ui-prog>i{transition:width 1s linear}


.gf-zsakm-elore{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;
  border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-2)}
.gf-zsakm-elore th,.gf-zsakm-elore td{padding:7px 10px;vertical-align:middle}
.gf-zsakm-elore th{text-align:left;font-weight:600;color:var(--fg-dim)}
.gf-zsakm-elore td{text-align:right;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.gf-zsakm-elore tr+tr>*{border-top:1px solid var(--line-soft)}


.gf-zsakm-egysegek{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
.gf-zsakm-egyseg{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 6px;
  border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-2);
  transition:border-color .15s ease,background-color .15s ease}
.gf-zsakm-egyseg.gf-zs-van{border-color:var(--accent);background:var(--tint)}
.gf-zsakm-egyseg img{width:32px;height:32px;object-fit:contain}
.gf-zsakm-egyseg input{width:100%;min-width:0;padding:5px 4px;text-align:center}
.gf-zsakm-egyseg input:invalid{border-color:var(--danger)}
.gf-zsakm-egyseg .local-set-max{font-size:12px;font-variant-numeric:tabular-nums}
.gf-zsakm-gombok{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}
.gf-zsakm-min{font-size:12px;color:var(--fg-mute)}

.local-scavenge-form.gf-zs-keves .gf-zsakm-min{color:var(--danger);font-weight:600}


.gf-tomeges-zsakmany>.body>.gf-magyarazat{padding:0}
.gf-tomeges-zsakmany-urlap{display:flex;flex-direction:column;gap:12px}
.gf-tz-valaszt{padding:0;gap:8px}
.gf-tz-valaszt>b{flex-basis:100%;font-size:11px;font-weight:650;text-transform:uppercase;
  letter-spacing:.6px;color:var(--fg-dim)}
.gf-tz-gomb{padding:0}


.gf-tz-valaszt>.gf-tz-chip{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 6px;
  max-width:100%;padding:5px 11px 5px 8px;border:1px solid var(--line);border-radius:999px;
  background:var(--panel-2);color:var(--fg);white-space:normal;cursor:pointer;
  transition:border-color .15s ease,background-color .15s ease}
.gf-tz-valaszt>.gf-tz-chip:hover{border-color:var(--accent-dim)}
.gf-tz-valaszt>.gf-tz-chip:has(input:checked){border-color:var(--accent);background:var(--tint)}
.gf-tz-chip input{margin:0;accent-color:var(--accent)}
.gf-tz-chip img{width:22px;height:22px;object-fit:contain}
.gf-tz-chip small{color:var(--fg-mute);font-weight:500;font-variant-numeric:tabular-nums}
.gf-tz-chip.gf-tz-ures{opacity:.55}
.gf-tz-opcio .gf-zsakm-fok{min-width:24px;height:20px;font-size:11px}


.gf-tz-osszegzes{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.gf-tz-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;
  text-align:center;border:1px solid var(--line-soft);border-radius:var(--r-sm);background:var(--panel-2)}
.gf-tz-stat b{display:block;font:700 22px/1.2 var(--font-head);white-space:nowrap;
  font-variant-numeric:tabular-nums;color:var(--fg)}
.gf-tz-stat span{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--fg-dim)}


.gf-tz-falvak{border:1px solid var(--line-soft);border-radius:var(--r-sm);overflow-x:auto;background:var(--panel)}
.gf-tz-sor{display:grid;min-width:min-content;
  grid-template-columns:minmax(110px,1.2fr) minmax(120px,2fr) repeat(4,minmax(72px,1fr)) minmax(64px,.7fr);
  gap:6px 10px;align-items:center;padding:8px 10px;border-top:1px solid var(--line-soft)}
.gf-tz-sor:first-child,.gf-tz-fejsor+.gf-tz-sor{border-top:0}
.gf-tz-fejsor{background:linear-gradient(180deg,var(--panel-2),var(--panel-3));color:var(--fg-dim);
  font-weight:650;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line)}
.gf-tz-fejcella{text-align:center}
.gf-tz-falu{font-weight:650;min-width:0;overflow-wrap:anywhere}
.gf-tz-falu small{color:var(--fg-mute);font-weight:500}
.gf-tz-sereg{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
.gf-tz-sereg .gf-zsakm-chip{font-size:12px;padding:1px 7px 1px 3px}
.gf-tz-sereg .gf-zsakm-chip img{width:18px;height:18px}
.gf-tz-cella{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;
  padding:4px 2px;border-radius:var(--r-sm);text-align:center}
.gf-tz-cella>.gf-zsakm-fok{display:none}

.gf-tz-cella .gf-zsakm-allapot{max-width:100%;padding:1px 6px;font-size:10px;letter-spacing:.3px;white-space:normal;
  overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}

.gf-tz-rejtett{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gf-tz-cella.gf-tz-indul{background:rgba(76,122,49,.12)}
.gf-tz-terv{color:var(--ok);font-weight:700;font-variant-numeric:tabular-nums}
.gf-tz-terv:empty{display:none}
.gf-tz-hatra{font-size:12px}
.gf-tz-ido{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.gf-tz-nincs{margin:0;color:var(--danger);font-weight:600}
.gf-tz-nincs[hidden]{display:none}
.gf-tz-gomb .btn{padding:10px 24px;font-size:14px}
.gf-tz-gomb .btn:disabled{opacity:.55;cursor:not-allowed}


@media(max-width:700px){
  
  .gf-tz-sor.gf-tz-fejsor{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
    overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .gf-tz-falvak{overflow:visible}
  .gf-tz-sor{min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-areas:"falu falu falu ido" "sereg sereg sereg sereg"}
  .gf-tz-falu{grid-area:falu}
  .gf-tz-sereg{grid-area:sereg}
  .gf-tz-ido{grid-area:ido}
  .gf-tz-cella>.gf-zsakm-fok{display:inline-flex}
  .gf-tz-gomb .btn{width:100%}
}
@media(max-width:560px){
  
  .gf-tz-cella{grid-column:span 2;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:3px 6px}
  .gf-zsakm-kep{height:76px}
  .gf-zsakm-gombok .btn{flex:1}
  .gf-zsakm-teher{margin-left:0;flex-basis:100%}
}


.ui-sim-form td{vertical-align:top}
.ui-sim-form select{max-width:100%;min-width:0}
.ui-sim-form input[name="szerencse"]{width:5.5em}
.ui-sim-form label{display:inline-flex;align-items:flex-start;gap:6px;line-height:1.35}
.ui-sim-form label input[type="checkbox"]{margin-top:2px;flex:none}
.gf-sim-sugo{display:block;margin-top:2px;color:var(--fg-mute);font-size:12px;line-height:1.35;font-weight:normal}
.ui-sim-eredmeny{margin-top:12px}
.ui-sim-eredmeny p.lvl{margin:6px 0 10px}

@media(max-width:700px){
  .ui-main .ui-sim-form table.vis:not(.modemenu) td{white-space:normal}
  .ui-sim-form select{max-width:10.5em}
  .ui-sim-form .gf-sim-sugo{max-width:16em}
}


.gm-vsz-csoport{margin-top:8px}
.gm-vsz-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:10px 14px}
.gm-vsz-mezo{display:flex;flex-direction:column;gap:4px;font-size:12.5px;min-width:0}

.gm-vsz-mezo input:not([type=checkbox]),.gm-vsz-mezo select{width:100%;max-width:100%;box-sizing:border-box}
.gm-vsz-minta select{max-width:100%}
.gm-vsz-cim{font-weight:700}
.gm-vsz-mezo input[type=checkbox]{align-self:flex-start}
.gm-vsz-sugo{color:var(--fg-dim);font-size:11.5px;line-height:1.35}
.gm-vsz-minta{margin-bottom:8px}

.gf-vb-tabla tr.gf-vb-csoport th{padding-top:14px;font-size:14px;letter-spacing:.02em;
  border-bottom:1px solid var(--line);text-align:left}


.vf-fiok{display:block;font-size:12.5px;color:var(--fg-dim);margin-top:3px;overflow-wrap:anywhere}
.vf-fiok a{color:var(--fg-mute);text-decoration:underline;white-space:nowrap}
.vf-mit{margin:0 0 16px}
.vf-csatlakozas .lg-compass{margin:0 0 10px}
.vf-egtaj .lg-dir{padding:14px 8px}
.vf-linkek{margin:14px 0 0;font-size:12.5px;text-align:center}
.vf-linkek a{color:var(--fg-mute);text-decoration:underline}

.gf-map-cell[data-falu=kerulet]>a::before{content:"";position:absolute;inset:4%;z-index:1;border-radius:50%;
  pointer-events:none;box-shadow:0 0 0 2px var(--danger),0 0 8px 2px rgba(190,40,30,.55)}
.gf-map-cell[data-falu=kerulet] img.village{z-index:1}
.gf-map-kerulet{position:absolute;left:2px;top:2px;z-index:4;width:15px;height:15px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:10px;line-height:1;
  background:rgba(18,11,3,.85);color:#ffd98a;box-shadow:0 0 0 1.5px var(--danger)}
.gf-nc-szalag a{margin-left:6px;white-space:nowrap}
.gf-nc-gorgeto{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 10px}
.gf-nc-tabla{width:100%}
.gf-nc-tabla td,.gf-nc-tabla th{white-space:nowrap}
.gf-nc-tabla small{color:var(--fg-mute)}
.gf-nc .body h4{margin:12px 0 6px}
.gf-nc-sajat td{font-weight:700}
.gf-nc-savcella{min-width:70px;width:30%}
.gf-nc-savcella .gf-gyozelem-sav{margin:0}
.gf-nc-ido{font-variant-numeric:tabular-nums}
.gf-nc-megjelenes{font-weight:600}
.gf-nc-naplo{margin:0;padding-left:18px}
.gf-nc-naplo li{margin:2px 0}
.gf-nc-tovabb{margin:8px 0 0;text-align:right}

.gf-cel-adat.gf-seb-moral{margin-top:-6px;gap:8px}
.gf-seb-moral small{opacity:.75}


.psz-felez-form{display:inline;margin:0}
.btn.psz-felez-gomb{font-size:12px;padding:4px 9px;white-space:nowrap}
.psz-felezve{font-size:11.5px;color:var(--teal);font-weight:600;white-space:nowrap}
#build_queue td:has(.psz-felez-gomb,.psz-felezve)>span.inactive:first-child{display:none}


.psz-kedv-sav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px}
.psz-kedv-sav small{flex:1 1 260px;min-width:0;font-size:12px;line-height:1.45;color:var(--fg-dim)}
.btn.psz-kedv-kapcsolo{font-size:12.5px;white-space:nowrap}
.btn.psz-kedv-kapcsolo[aria-pressed="true"],
.btn.psz-kedv-kapcsolo[aria-pressed="true"]:hover{background:var(--teal);border-color:var(--teal);color:#fff;text-shadow:none}
.psz-kedv-gomb{display:none}
.gf-epites-tabla[data-psz-kedv="be"] .psz-kedv-gomb{display:inline-block;white-space:nowrap}
.gf-epites-tabla[data-psz-kedv="be"] tr:has(.psz-kedv-gomb) .gf-epit-gomb{display:none}
.gf-epites-tabla[data-bontas="be"] .psz-kedv-gomb{display:none}


.psz-piac-bonusz{margin:-4px 0 12px;font-size:12.5px;color:var(--teal);font-weight:600}
.gf-pn-nulla{color:var(--fg-dim);font-weight:650}


.gf-ker-korlat{margin:0 0 12px;padding:8px 12px;border:1px solid var(--line-soft);
  border-left:3px solid var(--gold);border-radius:6px;background:var(--panel-2);
  font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.gf-ker-korlat p{margin:2px 0}
.gf-ker-szabaly{margin:0 0 10px;font-size:13px;color:var(--fg-dim);overflow-wrap:anywhere}
.gf-ker-arany-hiba{margin:0 0 10px;font-size:13px;font-weight:650;color:var(--danger);overflow-wrap:anywhere}
.gf-ker-arany-hiba[hidden]{display:none}
.gf-ker-visszahiv{display:block;margin:4px 0 0}
.gf-ker-visszahiv .btn{padding:2px 8px;font-size:12px;white-space:normal}
.gf-ker-visszahiv .timer{font-variant-numeric:tabular-nums}
.gf-ker-visszahivva{font-style:italic;color:var(--fg-dim)}

.ms-erkezes{display:block;color:var(--fg-mute);font-size:.85em;font-variant-numeric:tabular-nums}
.ms-ezred{font-size:.85em;opacity:.8}
.ms-visszavon{white-space:nowrap}

.gf-lvk-lista{margin:0 0 16px}
.gf-lvk-lista .body{overflow-x:auto}
.gf-lvk-tabla{width:100%;border-collapse:collapse}
.gf-lvk-tabla td,.gf-lvk-tabla th{padding:6px 4px;text-align:left;vertical-align:middle}
.gf-lvk-tabla td:nth-child(3){text-align:center;white-space:nowrap}
.gf-lvk-tabla td small{color:var(--fg-dim);white-space:nowrap}
.gf-lvk-aktiv td{background:var(--panel-2)}
.gf-lvk-aktiv td:first-child{box-shadow:inset 3px 0 0 var(--gold)}
.gf-lvk-nev{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;padding-top:10px;border-top:1px solid var(--line-soft)}
.gf-lvk-nev label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.gf-lvk-nev input[name="key"]{width:14em;max-width:100%}

.gf-tmp-hit{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.gf-tmp-hit path{fill:rgba(255,232,160,.16);stroke:none}
.gf-map-frame[data-hit=ki] .gf-tmp-hit{display:none}
.gf-tmp-hit-gomb{font-size:17px;line-height:1;color:#ffe2a0}
.gf-tmp-popup-hit{margin:2px 0 6px;font-weight:600;color:#a9e39b}
.gf-tmp-popup-hit.nincs{color:#ffa391}
.gf-tmp-hiten-kivul .content{border-left:3px solid #d9822b;padding-left:10px}


.gf-erd{display:flex;flex-direction:column;gap:12px}
.gf-erd-kartya .body{display:flex;flex-direction:column;gap:8px;min-width:0}
.gf-erd-tabla{width:100%}
.gf-erd-tabla th{text-align:left;white-space:nowrap}
.gf-erd-urlap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.gf-erd-urlap label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.gf-erd-urlap input[type="number"]{width:6.5em;max-width:100%}
.gf-erd-hazakuld{display:inline-flex}
.gf-erd-kikuld .icon{width:18px;height:18px}
.gf-erd-figyel{color:var(--danger);font-weight:bold}
.gf-erd-ar{margin:0;color:var(--fg-mute);font-size:12px;line-height:1.35}
.gf-erd-kincs{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}
.gf-erd-egyseg{display:inline-flex;align-items:center;gap:3px;margin-right:8px;white-space:nowrap}
.gf-erd-egyseg .icon{width:18px;height:18px}
@media(max-width:700px){
  .ui-main .gf-erd-tabla td{white-space:normal}
}

.gf-map-cell.gf-erd-cella{box-shadow:inset 0 0 0 2px var(--gold)}
.gf-erd-cella.rom img.village{filter:grayscale(1) brightness(.75)}
.gf-erd-jel{position:absolute;top:1px;right:3px;color:var(--gold-hi);font-size:14px;line-height:1;
  text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}

.ksz-klan-jelzes,.ksz-helyettes{margin:8px 0 10px;padding:8px 10px;border-radius:5px;
  border:1px solid var(--line);background:var(--panel-2,#f3e9d2);
  font-size:12.5px;color:var(--fg-dim);line-height:1.5;overflow-wrap:anywhere}
.ksz-klan-jelzes p,.ksz-helyettes p{margin:0}
.ksz-klan-jelzes p+p,.ksz-helyettes p+p{margin-top:4px}
.ksz-zarva,.ksz-korlatozott{border-left:3px solid var(--danger,#a8402c)}
.ksz-keszsegek-ki{margin:10px 0 0;font-size:12.5px;color:var(--fg-mute);font-style:italic}




.gf-diszlet .ui-card{border:14px solid transparent;border-radius:0;
  border-image:url(/ui/a/index.design-parchment-panel?v=MKEi9xEA40) 76 fill / 14px stretch;
  background-color:transparent;padding:0;
  box-shadow:0 3px 10px rgba(40,24,8,.32)}
.gf-diszlet .ui-card::before{content:none}


.gf-diszlet .ui-card:not(.gf-oldal)>.head,.gf-diszlet .ui-card:not(.gf-oldal) .head{
  margin:-8px 0 0 -24px;padding:10px 40px 10px 38px;
  background:url(/ui/a/index.topbar-right?v=8K8iuynG8I) right center/auto 100% no-repeat,
    url(/ui/a/index.topbar-main?v=szCcV-MHFs) left center/auto 100% repeat-x;
  background-color:#5a1d16;
  border-radius:0;clip-path:none;max-width:calc(100% + 24px);
  box-shadow:0 3px 7px rgba(40,24,8,.38);
  text-shadow:0 1px 2px rgba(0,0,0,.7)}
.gf-diszlet .ui-card:not(.gf-oldal)>.head::after,.gf-diszlet .ui-card:not(.gf-oldal) .head::after{width:24px}
.gf-diszlet .ui-card .gf-kartya-fej>.head{margin-top:-8px}


.gf-diszlet :is(.gf-profile-main,.gf-report-paper,.gf-report-screen,.gf-tribe-forum,.gf-ranking,
  .gf-command-overview,.gf-village-overview,.gf-overview-dynamic,.gf-premium-shop,.gf-mail,.gf-flags){
  border:14px solid transparent;border-radius:0;
  border-image:url(/ui/a/index.design-parchment-panel?v=MKEi9xEA40) 76 fill / 14px stretch;
  background-color:transparent;box-shadow:0 3px 10px rgba(40,24,8,.32)}
.gf-diszlet :is(.gf-profile-card,.gf-forum-post,.gf-stat-card,.gf-flag-card,.gf-premium-feature,
  .gf-item,.gf-mail-letter,.gf-award){
  border:9px solid transparent;border-radius:0;
  border-image:url(/ui/a/index.design-parchment-panel?v=MKEi9xEA40) 76 fill / 9px stretch;
  background-color:transparent}

.gf-diszlet :is(.gf-profile-main,.gf-profile-card,.gf-premium-feature,.gf-stat-card,.gf-item,
  .gf-flag-card,.gf-award):not(.gf-torles):not(.gf-meghivo)>.head{
  background:url(/ui/a/index.topbar-right?v=8K8iuynG8I) right center/auto 100% no-repeat,
    url(/ui/a/index.topbar-main?v=szCcV-MHFs) left center/auto 100% repeat-x;
  background-color:#5a1d16;border-bottom:0;padding-right:40px;
  text-shadow:0 1px 2px rgba(0,0,0,.7)}


.gf-diszlet h2.ui-page-title{clip-path:none;border-radius:0;padding-right:48px;
  background:url(/ui/a/index.topbar-right?v=8K8iuynG8I) right center/auto 100% no-repeat,
    url(/ui/a/index.topbar-main?v=szCcV-MHFs) left center/auto 100% repeat-x;
  background-color:#5a1d16;
  box-shadow:0 4px 12px rgba(58,40,20,.34);text-shadow:0 1px 3px rgba(0,0,0,.75)}


.gf-diszlet .ui-card.gf-oldal>.head{border-radius:0;box-shadow:none;
  background:url(/ui/a/index.statusbar-left?v=E2UGSDXz2d) left center/auto 100% no-repeat,
    url(/ui/a/index.statusbar-right?v=BY2phdQMEd) right center/auto 100% no-repeat,
    url(/ui/a/index.statusbar-center?v=IeYXwy04qf) left center/auto 100% repeat-x;
  background-color:#ecdcb4;padding-left:34px}
.gf-diszlet .ui-card.gf-oldal>.head::before{left:16px}


.gf-diszlet .btn:not(.ghost):not(.danger):not(.disabled):not(:disabled):not(.ui-kilep):not(.gf-torles-gomb):not(.gf-bonto){
  background:none;border:0;border-radius:0;box-shadow:none;
  border-image:url(/ui/a/index.design-button?v=SL38Rxujbz) 34.392% 8.149% 38.122% 8.195% fill /
    16px 11.5px 18px 11.5px / 8px 3.5px 10px 3.5px stretch;
  color:#f6e7c6;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.gf-diszlet .btn:not(.ghost):not(.danger):not(.disabled):not(:disabled):not(.ui-kilep):not(.gf-torles-gomb):not(.gf-bonto):hover{
  filter:brightness(1.15);color:#fff6dd}


.gf-diszlet .ui-quick a{background:none;border:0;border-radius:0;box-shadow:none;
  border-image:url(/ui/a/index.design-button?v=SL38Rxujbz) 34.392% 8.149% 38.122% 8.195% fill /
    22px 15.7px 24.5px 15.8px / 11px 4.7px 13.5px 4.8px stretch;
  padding:9px 20px;color:#f6e7c6;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.gf-diszlet .ui-quick a:hover{filter:brightness(1.15)}

.gf-diszlet .ui-quick a.on{
  filter:brightness(1.28) drop-shadow(0 0 5px rgba(255,200,95,.55))}


.gf-diszlet .ui-bar{border:0;border-radius:0;padding:0 24px;
  background:url(/ui/a/index.topbar-left?v=SIlWjET_B7) left center/auto 100% no-repeat,
    url(/ui/a/index.topbar-right?v=8K8iuynG8I) right center/auto 100% no-repeat,
    url(/ui/a/index.topbar-main?v=szCcV-MHFs) left center/auto 100% repeat-x;
  background-color:#4a1912;
  box-shadow:0 3px 10px rgba(0,0,0,.45)}

.gf-diszlet .ui-falu-lep{width:14px;height:32px;padding:0;border:0;border-radius:0;
  font-size:0;color:transparent;cursor:pointer;
  background:url(/ui/a/index.arrow-left?v=0c9J77JsZN) center/contain no-repeat;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.gf-diszlet .ui-falu-lep:last-of-type{background-image:url(/ui/a/index.arrow-right?v=GmGVu7zfRj)}
.gf-diszlet .ui-falu-lep:hover{background-color:transparent;filter:brightness(1.3) drop-shadow(0 1px 1px rgba(0,0,0,.6))}

.gf-diszlet .ui-res-item.full .n{color:#ffaa88;text-shadow:0 0 3px rgba(0,0,0,.9)}


@media(min-width:901px){
  .gf-diszlet .ui-nav{border:0;padding:18px 14px;
    border-image:url(/ui/a/index.design-dark-panel?v=jZo-oFGoEK) 70 fill / 13px stretch;
    background:#2a1410}
  .gf-diszlet .ui-nav a.on{margin:0 -4px;padding-left:16px;padding-right:34px;clip-path:none;
    background:url(/ui/a/index.topbar-right?v=8K8iuynG8I) right center/auto 100% no-repeat,
      url(/ui/a/index.topbar-main?v=szCcV-MHFs) left center/auto 100% repeat-x;
    background-color:#5a1d16;text-shadow:0 1px 2px rgba(0,0,0,.7)}
  .gf-diszlet .ui-nav a.on:hover{filter:brightness(1.12)}
  .gf-diszlet .ui-nav a:not(.on):hover{background:rgba(255,220,160,.08)}
}


.gf-diszlet .lg-card{border:14px solid transparent;border-radius:0;
  border-image:url(/ui/a/index.design-parchment-panel?v=MKEi9xEA40) 76 fill / 14px stretch;
  box-shadow:0 12px 40px rgba(0,0,0,.55)}


.gf-diszlet .gf-map-viewport{border:12px solid transparent;
  border-image:url(/ui/a/index.design-parchment-panel?v=MKEi9xEA40) 76 / 12px stretch}
.gf-diszlet .gf-map-klanok{border:10px solid transparent;border-radius:0;background:none;
  border-image:url(/ui/a/index.design-dark-panel?v=jZo-oFGoEK) 70 fill / 10px stretch}
.gf-diszlet .gf-minimap{border:8px solid transparent;border-radius:0;
  border-image:url(/ui/a/index.design-dark-panel?v=jZo-oFGoEK) 70 / 8px stretch}
.gf-diszlet .gf-map-zoom button{border:0;border-radius:0;background:none;color:#f6e7c6;
  border-image:url(/ui/a/index.design-button?v=SL38Rxujbz) 34.392% 8.149% 38.122% 8.195% fill /
    16px 11.5px 18px 11.5px / 8px 3.5px 10px 3.5px stretch;
  text-shadow:0 1px 2px rgba(0,0,0,.8)}
.gf-diszlet .gf-map-zoom button:hover{background:none;filter:brightness(1.15)}


.gf-diszlet .ui-quick{border-top:0;padding-left:44px;padding-right:44px;
  background:
    url(/ui/a/index.iconbar-tl?v=l3k7Y1jO0g) left top/50px 4px no-repeat,
    url(/ui/a/index.iconbar-tr?v=nkIjbvSJbH) right top/50px 4px no-repeat,
    url(/ui/a/index.iconbar-bl?v=lfhtyX52hP) left bottom/50px 4px no-repeat,
    url(/ui/a/index.iconbar-br?v=cai03CKNC5) right bottom/50px 4px no-repeat,
    url(/ui/a/index.iconbar-tc?v=six5cMPl5I) 0 0/50px 4px repeat-x,
    url(/ui/a/index.iconbar-bc?v=MmZpeF-3f6) 0 100%/50px 4px repeat-x,
    url(/ui/a/index.iconbar-ml?v=YurR2Li0jA) left 0/50px 10px repeat-y,
    url(/ui/a/index.iconbar-mr?v=cmgUzweIv8) right 0/50px 10px repeat-y,
    url(/ui/a/index.iconbar-mc?v=BbapBujX_T) 0 0/50px 30px repeat;
  background-color:#ecdcb4}
.gf-diszlet .ui-quick::before{content:none}

.gf-diszlet .ui-quick a{border:0;border-radius:0;box-shadow:none;border-image:none;height:42px;box-sizing:border-box;
  padding:0 22px 0 20px;
  background:url(/ui/a/index.topbutton-left?v=-gq-wEU2Ct) left top/auto 200% no-repeat,
    url(/ui/a/index.topbutton-right?v=q-vD4uMb18) right top/auto 200% no-repeat,
    url(/ui/a/index.topbutton-right?v=q-vD4uMb18) 27px top/auto 200% no-repeat;
  background-color:transparent}
.gf-diszlet .ui-quick a:hover,.gf-diszlet .ui-quick a.on{filter:none;
  background-position:left bottom,right bottom,27px bottom}
.gf-diszlet .ui-quick a.on{filter:drop-shadow(0 0 5px rgba(255,200,95,.55))}


.gf-diszlet .ui-meta{position:relative;border:0;border-left:12px solid transparent;border-radius:0;
  border-image:url(/ui/a/index.topdisplay-left?v=ZMrK6s6DC8) 0 0 0 24 fill / 0 0 0 12px stretch;
  background:none;padding-right:26px}

.gf-diszlet .ui-meta-elem+.ui-meta-elem{padding-left:13px;
  background:url(/ui/a/index.statusbar-separator1?v=zDemyHgG-8) left center/2px 26px no-repeat}
.gf-diszlet .ui-meta::after{content:"";position:absolute;right:0;top:0;bottom:0;width:18px;pointer-events:none;
  background:url(/ui/a/index.topdisplay-right?v=OKcS726zV5) 0 0/100% 100% no-repeat}


@media(max-width:900px){
  .gf-diszlet .ui-nav.tobb-nyitva{border-image:none;
    background:
      url(/ui/a/index.dropdown-bottomleft?v=Ch0t_UD6DO) left bottom/20px 25px no-repeat,
      url(/ui/a/index.dropdown-bottomright?v=PwWc1G5fBm) right bottom/calc(100% - 20px) 25px no-repeat,
      url(/ui/a/index.dropdown-topleft?v=2T1WENhmQz) left top/20px 105px no-repeat,
      url(/ui/a/index.dropdown-topright?v=O71wX-w-sw) right top/calc(100% - 20px) 105px no-repeat,
      url(/ui/a/index.dropdown-itemleft?v=Y8BXC_BDMM) left 105px/20px 100px repeat-y,
      url(/ui/a/index.dropdown-itemright?v=g1qf8YfsT7) right 105px/calc(100% - 20px) 100px repeat-y;
    background-color:#3a1712}
}


@media(min-width:901px){
  .gf-diszlet .ui-main{padding-left:44px;padding-right:44px;padding-bottom:48px;
    background:
      url(/ui/a/index.mainborder-corner-left?v=Jd0o9Mxd9W) left bottom/25px 25px no-repeat,
      url(/ui/a/index.mainborder-corner-right?v=V25TvWaUTR) right bottom/25px 25px no-repeat,
      url(/ui/a/index.mainborder-left-top?v=ilqQlOXYa4) left top/25px 200px no-repeat,
      url(/ui/a/index.mainborder-bottom?v=cM-6Q739GX) left bottom/170px 25px repeat-x,
      url(/ui/a/index.mainborder-left?v=UgPRrQmQCV) left 200px/25px 310px repeat-y,
      url(/ui/a/index.mainborder-right?v=q07AiN2Weg) right top/25px 310px repeat-y}
}


.gf-diszlet .ui-foot{background:#24160b url(/ui/a/index.footer-bg?v=Qqk5_dPM66) 0 0/61px 64px repeat;
  border-top:2px solid #150c05}


@media(max-width:560px){
  .ui-main table.vis.gf-mkartya:not(.modemenu){display:block;overflow:visible;max-width:none;border-collapse:separate}
  .ui-main table.vis.gf-mkartya:not(.modemenu)>tbody,
  .ui-main table.vis.gf-mkartya:not(.modemenu)>thead{display:block;width:auto}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr.gf-mfej{display:none}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr{display:flex;flex-wrap:wrap;align-items:flex-end;
    gap:7px 18px;padding:11px 10px 12px;border-bottom:1px solid var(--line-soft)}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr>*{display:block;padding:0;border:0;white-space:normal;
    min-width:0;max-width:none;position:static;box-shadow:none;background:none;text-align:left}
  
  .ui-main table.vis.gf-mkartya .gf-kepzes-mezo{width:auto;flex-wrap:nowrap;gap:10px}
  .ui-main table.vis.gf-mkartya .gf-kepzes-csuszka{flex:1 1 auto;width:auto;min-width:0;max-width:none}
  .ui-main table.vis.gf-mkartya .gf-kepzes-mezo .local-recruit-unit{width:84px;flex:none}
  
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr>td.gf-mcim{order:-1;flex:1 1 calc(100% - 44px);font-size:14px}
  
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr>td.gf-melo{order:-2;align-self:center}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr.gf-melo-2>td.gf-mcim{flex-basis:calc(100% - 96px)}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr.gf-melo-3>td.gf-mcim{flex-basis:calc(100% - 144px)}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr>td[data-cim]::before{content:attr(data-cim);display:block;
    margin-bottom:2px;font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
    color:var(--fg-mute)}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr>td.gf-mgomb{flex:1 1 100%;max-width:none;white-space:normal}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr>td.gf-mgomb .btn{display:inline-block;margin:0 6px 4px 0}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr:hover>*,
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr.selected>*,
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr.self>*{background:none}
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr.selected,
  .ui-main table.vis.gf-mkartya:not(.modemenu) tr.self{background:var(--tint)}
  
  .gf-minimap{top:10px;bottom:auto;transform:scale(.68);transform-origin:right top}
}


@media(max-width:900px),(pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=submit]):not([type=button]),
  select,textarea{font-size:16px !important}
  input[type=checkbox],input[type=radio]{width:20px;height:20px}
  .ui-meta-elem,.ui-meta-premium{min-height:34px}
  .gf-csuk{width:34px;height:34px}
  .gf-sor-x{width:32px;height:32px;font-size:17px}
  .gf-mail-csillag{min-width:34px;min-height:34px;padding:0 6px}
  .gf-kepzes-csuszka{height:30px}
  .gf-kepzes-max{min-height:32px}
  .quest-link{padding:10px 10px}
  .gf-epulet-fej a{display:inline-block;padding:6px 0}
  .ui-main .btn.local-flag-action{min-height:34px}
  
  .gf-olvasatlan-sor a,.gf-info-linkek a,.lg-foot a{display:inline-block;padding:8px 2px}
  .ny-nyelv{min-height:36px;display:inline-flex;align-items:center}
}


@media(max-width:900px){
  .ui-kuldetes,.gf-csevego-dokk{transition:transform .25s ease,opacity .25s ease}
  body.gf-lefele .ui-kuldetes,body.gf-lefele .gf-csevego-dokk{transform:translateX(calc(100% + 30px));
    opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.ui-kuldetes,.gf-csevego-dokk{transition:none}}