/* =========================================================================
   ZENTHORIS GLOBAL — arculat
   -------------------------------------------------------------------------
   A színvilág a bannerből jön: éjsötét szilva alap, királyi ibolya, hideg
   ezüst (a felirat féme), balról fagyos kék, jobbról bíbor derengés.
   A négy elem (tűz, víz, föld, szél) színe a látogató választása szerint
   átveheti az ibolya helyét: <html data-element="fire|water|earth|wind">.
   ========================================================================= */

/* ── betűk (helyben tárolva: nincs külső betöltés, offline is megy) ──── */
@font-face{font-family:'Cinzel';font-style:normal;font-weight:400 900;font-display:swap;
  src:url('../assets/fonts/cinzel-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cinzel';font-style:normal;font-weight:400 900;font-display:swap;
  src:url('../assets/fonts/cinzel-latin-wght-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('../assets/fonts/manrope-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('../assets/fonts/manrope-latin-wght-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── alapértékek ─────────────────────────────────────────────────────── */
:root{
  --night:#07040d;
  --night-2:#0b0715;
  --plum:#130b20;
  --plum-2:#1b102d;
  --ink:#ece7f5;
  --muted:#a399b8;
  --dim:#766c8c;
  --line:rgba(222,204,255,.11);
  --line-2:rgba(222,204,255,.2);

  --violet:#8b46e0;
  --frost:#3aa8ff;
  --crimson:#d1254e;

  --fire:#ff8a1f;
  --water:#2f8fff;
  --earth:#6dbe45;
  --wind:#c3ccd9;

  /* a kiemelő szín — alapból ibolya, elemválasztáskor lecserélődik */
  --accent:#8b46e0;
  --accent-lit:#c79bff;
  --accent-deep:#5620ad;
  --accent-rgb:139,70,224;
  --on-accent:#ffffff;

  --ok:#58cc8f;
  --err:#f0707a;
  --warn:#f0b54e;

  --display:'Cinzel','Trajan Pro','Times New Roman',serif;
  --body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;

  --r:6px;
  --r-lg:10px;
  --shell:1180px;
  --top-h:74px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
html[data-element="fire"] {--accent:#f47a16;--accent-lit:#ffc48a;--accent-deep:#b54a06;--accent-rgb:244,122,22;--on-accent:#1c0c02}
html[data-element="water"]{--accent:#2f8fff;--accent-lit:#a9d3ff;--accent-deep:#0d55bd;--accent-rgb:47,143,255;--on-accent:#ffffff}
html[data-element="earth"]{--accent:#5fb53c;--accent-lit:#bfeaa6;--accent-deep:#2f7a17;--accent-rgb:95,181,60;--on-accent:#081503}
html[data-element="wind"] {--accent:#b4bfcf;--accent-lit:#f1f4f8;--accent-deep:#66728a;--accent-rgb:180,191,207;--on-accent:#0e1118}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--top-h) + 14px);-webkit-text-size-adjust:100%;background:var(--night)}
body{
  margin:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;
  background:var(--night);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.65;font-weight:450;
  -webkit-font-smoothing:antialiased;
}
/* a banner két oldalának fénye végigkíséri az oldalt */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(46% 40% at 0% 12%, rgba(58,168,255,.10), transparent 70%),
    radial-gradient(46% 40% at 100% 16%, rgba(209,37,78,.10), transparent 70%),
    radial-gradient(60% 38% at 50% 0%, rgba(var(--accent-rgb),.16), transparent 72%);
}
main{flex:1;display:block}
img,svg,video{max-width:100%}
img{height:auto}
a{color:var(--accent-lit);text-decoration:none;transition:color .2s}
a:hover{color:#fff}
button{font:inherit;color:inherit}
::selection{background:rgba(var(--accent-rgb),.55);color:#fff}
:focus-visible{outline:2px solid var(--accent-lit);outline-offset:3px;border-radius:3px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.muted{color:var(--dim)}
.ico{flex:none;vertical-align:-.18em}

.shell{width:min(100% - 40px,var(--shell));margin-inline:auto}
.shell--mid{--shell:920px}
.shell--read{--shell:760px}
.shell--narrow{--shell:520px}

.skip{position:fixed;left:12px;top:-60px;z-index:300;background:#fff;color:#111;padding:10px 16px;border-radius:var(--r);transition:top .2s}
.skip:focus{top:12px;color:#111}

/* ── tipográfia ─────────────────────────────────────────────────────── */
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.16;margin:0;letter-spacing:.012em}
h1,h2{
  background:linear-gradient(180deg,#ffffff 8%,#d8d2e8 48%,#948aad 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
h1{font-size:clamp(2rem,4.4vw,3.05rem)}
h2{font-size:clamp(1.55rem,3vw,2.25rem)}
h3{font-size:1.12rem;font-weight:600;color:var(--ink)}
p{margin:0 0 1em}

.head{margin-bottom:34px;max-width:64ch}
.head p{margin:12px 0 0;color:var(--muted);font-size:1.03rem}
.head--center{text-align:center;margin-inline:auto}
.head--row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;max-width:none;margin-bottom:22px}
.head .btn{margin-top:20px}
.more{font-size:.9rem;font-weight:600;white-space:nowrap}

/* drágakő-elválasztó — a banner felirata alatti dísz */
.rule{display:flex;align-items:center;justify-content:center;gap:0;width:min(100% - 40px,620px);margin:0 auto}
.rule::before,.rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line-2))}
.rule::after{transform:scaleX(-1)}
.rule i{width:9px;height:9px;margin:0 14px;transform:rotate(45deg);background:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb),.9)}

/* ── gombok ─────────────────────────────────────────────────────────── */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:0 22px;border-radius:var(--r);border:1px solid transparent;
  font-family:var(--body);font-weight:700;font-size:.93rem;letter-spacing:.01em;line-height:1.2;
  cursor:pointer;text-align:center;white-space:nowrap;overflow:hidden;
  transition:transform .25s var(--ease),box-shadow .25s,filter .25s,border-color .25s,background .25s,color .2s;
}
.btn--main{
  color:var(--on-accent);border-color:rgba(255,255,255,.22);
  background:linear-gradient(135deg,var(--accent-deep),var(--accent) 62%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 14px 32px -14px rgba(var(--accent-rgb),.9);
}
.btn--main::before{content:"";position:absolute;top:-60%;left:-40%;width:26%;height:220%;transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transition:left .6s ease}
.btn--main:hover{color:var(--on-accent);transform:translateY(-2px);filter:brightness(1.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 20px 40px -14px rgba(var(--accent-rgb),1)}
.btn--main:hover::before{left:130%}
.btn--ghost{color:var(--ink);border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.12)}
.btn--ghost:hover{color:#fff;border-color:var(--accent-lit);background:rgba(var(--accent-rgb),.26);transform:translateY(-2px)}
.btn--quiet{color:var(--muted);border-color:var(--line-2);background:transparent}
.btn--quiet:hover{color:#fff;border-color:var(--accent-lit)}
.btn--discord{color:#fff;background:#5865f2;box-shadow:0 14px 30px -14px #5865f2}
.btn--discord:hover{color:#fff;background:#6b77ff;transform:translateY(-2px)}
.btn--danger{color:#fff;background:#b3273a;border-color:rgba(255,255,255,.18)}
.btn--danger:hover{color:#fff;background:#cf3348}
.btn--lg{min-height:54px;padding:0 30px;font-size:1rem}
.btn--sm{min-height:38px;padding:0 15px;font-size:.84rem}
.btn--xs{min-height:30px;padding:0 11px;font-size:.78rem}
.btn--block{width:100%}
.btn[disabled]{opacity:.45;pointer-events:none}

/* ── fejléc ─────────────────────────────────────────────────────────── */
.top{
  position:sticky;top:0;z-index:100;height:var(--top-h);
  background:rgba(7,4,13,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);transition:background .3s,border-color .3s,box-shadow .3s;
}
.has-hero .top{position:fixed;left:0;right:0;background:linear-gradient(180deg,rgba(7,4,13,.78),rgba(7,4,13,0));border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.has-hero .top.scrolled{background:rgba(7,4,13,.92);border-color:var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.top__in{display:flex;align-items:center;gap:22px;height:100%}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);flex:none}
.brand img{width:42px;height:42px;filter:drop-shadow(0 0 12px rgba(var(--accent-rgb),.65))}
.brand__name{font-family:var(--display);font-weight:700;font-size:1.16rem;letter-spacing:.07em;line-height:1;
  background:linear-gradient(180deg,#fff,#cfc8e0 55%,#8d83a8);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand__name small{display:block;margin-top:5px;font-family:var(--body);font-weight:700;font-size:.6rem;letter-spacing:.42em;color:var(--accent-lit);-webkit-text-fill-color:var(--accent-lit)}
.nav{display:flex;align-items:center;gap:12px;margin-inline:auto}
.nav>a{position:relative;padding:8px 0;color:rgba(236,231,245,.74);font-weight:650;font-size:.85rem;white-space:nowrap}
.nav>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--accent-lit);transform:scaleX(0);transition:transform .3s var(--ease)}
.nav>a:hover,.nav>a.on{color:#fff}
.nav>a:hover::after,.nav>a.on::after{transform:scaleX(1)}
.nav__mobile{display:none}
.nav>a.nav__home{display:none}                 /* asztali gépen a logó visz a kezdőlapra; a mobil menüben ott a link */
.navfold .nav>a.nav__home{display:block}
/* html.navfold: a menü nem fér ki egy sorban → ugyanaz, mint a mobil menü (js/app.js dönti el) */
.navmeasure .nav,.navmeasure .nav *{transition:none!important}   /* méréskor ne villanjon */
.navfold .burger{display:block}
.navfold .top__auth{display:none}
.navfold .top__side{margin-left:auto}
.navfold .nav{position:fixed;inset:var(--top-h) 0 auto 0;z-index:99;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 20px 20px;
  max-height:calc(100svh - var(--top-h));overflow:auto;background:rgba(9,5,17,.98);border-bottom:1px solid var(--line-2);
  transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .22s,transform .25s var(--ease),visibility .22s}
.navfold .nav.open{transform:none;opacity:1;visibility:visible}
.navfold .nav>a{padding:15px 2px;border-bottom:1px solid var(--line);font-size:1rem}
.navfold .nav>a::after{display:none}
.navfold .nav__mobile{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.navfold .nav__mobile a{display:grid;place-items:center;min-height:46px;border-radius:var(--r);border:1px solid rgba(var(--accent-rgb),.5);color:var(--ink);font-weight:700}
.navfold .nav__mobile a:last-child{background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:var(--on-accent);border-color:transparent}
.top__side{display:flex;align-items:center;gap:10px;flex:none}
.top__auth{display:flex;align-items:center;gap:8px}

.pill{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--line-2);border-radius:99px;font-size:.82rem;color:var(--muted);white-space:nowrap}
.pill b{color:#fff;font-weight:700}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(88,204,143,.7);animation:beat 2.4s ease-out infinite;flex:none}
.dot--off{background:var(--err);animation:none;box-shadow:none}
@keyframes beat{70%{box-shadow:0 0 0 9px rgba(88,204,143,0)}100%{box-shadow:0 0 0 0 rgba(88,204,143,0)}}

/* nyelvválasztó */
.langbox{position:relative}
.langbox__btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 11px;border:1px solid var(--line-2);border-radius:var(--r);
  background:rgba(19,11,32,.8);color:var(--ink);font-weight:700;font-size:.8rem;letter-spacing:.05em;cursor:pointer;transition:border-color .2s,background .2s}
.langbox__btn:hover,.langbox__btn[aria-expanded="true"]{border-color:var(--accent-lit);background:rgba(var(--accent-rgb),.22)}
.langbox__btn img,.langbox__menu img{width:22px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18);object-fit:cover}
.langbox__btn svg{transition:transform .2s;color:var(--accent-lit)}
.langbox__btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.langbox__menu{
  position:absolute;right:0;top:calc(100% + 10px);z-index:120;width:250px;max-height:min(70vh,520px);overflow:auto;padding:8px;
  border:1px solid var(--line-2);border-radius:var(--r-lg);background:linear-gradient(160deg,#1e1130,#0b0715);
  box-shadow:0 28px 70px rgba(0,0,0,.6);display:grid;grid-template-columns:1fr;gap:2px;
}
.langbox__menu a{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:11px;padding:9px 11px;border-radius:5px;color:#cfc6de;font-size:.9rem;font-weight:600}
.langbox__menu a small{color:var(--dim);font-size:.7rem;letter-spacing:.06em}
.langbox__menu a:hover{background:rgba(var(--accent-rgb),.18);color:#fff}
.langbox__menu a.on{background:rgba(var(--accent-rgb),.3);color:#fff;box-shadow:inset 3px 0 0 var(--accent-lit)}

.burger{display:none;width:42px;height:38px;border:1px solid var(--line-2);border-radius:var(--r);background:rgba(19,11,32,.8);cursor:pointer;padding:0;position:relative}
.burger span{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s,opacity .2s,top .25s}
.burger span:nth-child(1){top:12px}.burger span:nth-child(2){top:18px}.burger span:nth-child(3){top:24px}
.burger[aria-expanded="true"] span:nth-child(1){top:18px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){top:18px;transform:rotate(-45deg)}

.adminbar{background:#5a1220;color:#ffd9de;text-align:center;padding:9px 16px;font-size:.88rem}
.adminbar a{color:#fff;text-decoration:underline}

/* ── hero ───────────────────────────────────────────────────────────── */
.hero{position:relative;overflow:hidden;padding:calc(var(--top-h) + 26px) 0 72px;min-height:min(100svh,900px);display:flex;align-items:center}
.hero__bg{position:absolute;inset:0;pointer-events:none}
.hero__glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
.hero__glow--frost{left:-12%;top:8%;width:46%;aspect-ratio:1;background:radial-gradient(circle,rgba(58,168,255,.75),transparent 66%)}
.hero__glow--ember{right:-12%;top:10%;width:46%;aspect-ratio:1;background:radial-gradient(circle,rgba(209,37,78,.7),transparent 66%)}
.hero__glow--core{left:50%;top:30%;width:52%;aspect-ratio:1.5;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(var(--accent-rgb),.8),transparent 68%);opacity:.5}
.hero__bg::after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,transparent,var(--night))}
/* mozgó háttér a logó mögött: állókép → rá a videó → rá sötétítő fátyol */
.hero__still,.hero__video,.hero__wash{position:absolute;inset:0;width:100%;height:100%}
.hero__still{background-size:cover;background-position:center 28%;opacity:.72;transition:opacity 1.6s ease}
.hero__bg.is-playing .hero__still{opacity:0}
.hero__video{object-fit:cover;object-position:center 28%;opacity:0;transition:opacity 1.4s ease}
.hero__video.is-on{opacity:.9}
.hero__wash{background:radial-gradient(ellipse 58% 46% at 50% 50%,rgba(7,4,13,.42),rgba(7,4,13,.16) 66%,rgba(7,4,13,0) 100%),
  linear-gradient(180deg,rgba(7,4,13,.8) 0%,rgba(7,4,13,.18) 17%,rgba(7,4,13,.14) 62%,rgba(7,4,13,.72) 90%,var(--night) 100%)}
.hero__bg--video::after{height:24%}
.hero__bg--video ~ .hero__in .hero__lead{text-shadow:0 1px 12px rgba(7,4,13,.95),0 0 2px rgba(7,4,13,.8)}
.hero__bg--video .hero__glow{opacity:.34}
.hero__bg--video .hero__fog i{opacity:.12}
.hero__fog{position:absolute;inset:0;overflow:hidden}
.hero__fog i{position:absolute;left:-30%;width:160%;height:34%;opacity:.22;filter:blur(30px);will-change:transform;
  background:radial-gradient(ellipse at 14% 60%,rgba(214,200,236,.5),transparent 28%),radial-gradient(ellipse at 46% 44%,rgba(160,132,196,.5),transparent 32%),radial-gradient(ellipse at 80% 62%,rgba(220,206,238,.42),transparent 28%)}
.hero__fog i:nth-child(1){bottom:-8%;animation:fogA 26s linear infinite alternate}
.hero__fog i:nth-child(2){bottom:10%;opacity:.14;animation:fogB 34s linear infinite alternate}
.hero__fog i:nth-child(3){top:6%;opacity:.08;animation:fogA 41s -9s linear infinite alternate}
@keyframes fogA{from{transform:translate3d(-5%,0,0)}to{transform:translate3d(11%,-3%,0) scale(1.08)}}
@keyframes fogB{from{transform:translate3d(8%,0,0) scaleX(-1)}to{transform:translate3d(-10%,2%,0) scaleX(-1.06)}}
.hero__sparks{position:absolute;inset:0}
.spark{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--c,#fff);box-shadow:0 0 9px var(--c,#fff);opacity:0;animation:rise var(--d,11s) linear var(--w,0s) infinite}
@keyframes rise{0%{opacity:0;transform:translate3d(0,0,0)}12%{opacity:.9}100%{opacity:0;transform:translate3d(var(--x,20px),-78vh,0)}}

.hero__in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero__title{margin:0;width:100%;line-height:0;color:var(--ink);font-size:1.6rem;background:none;-webkit-background-clip:border-box;background-clip:border-box}
.hero__banner{width:100%;max-width:1180px;height:auto;filter:drop-shadow(0 26px 40px rgba(0,0,0,.6));animation:heroIn 1.1s var(--ease) both}
@keyframes heroIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}
.hero__lead{max-width:60ch;margin:18px auto 0;color:rgba(236,231,245,.82);font-size:clamp(1rem,1.5vw,1.14rem);animation:fadeUp .9s .25s var(--ease) both}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px;animation:fadeUp .9s .4s var(--ease) both}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px 0 0;padding:0}
.chips--left{justify-content:flex-start;margin-top:18px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border:1px solid var(--line-2);border-radius:99px;background:rgba(11,7,21,.6);font-size:.82rem;color:var(--muted)}
.chip b{color:#fff}
.chip--on{color:#cfeedd}.chip--off{color:#ffc9cd}

/* ── visszaszámláló ─────────────────────────────────────────────────── */
.countdown{width:100%;max-width:640px;margin:0 auto 28px;padding:24px;border:1px solid var(--line-2);border-radius:var(--r-lg);
  background:linear-gradient(120deg,rgba(var(--accent-rgb),.16),rgba(11,7,21,.82) 55%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:center;box-shadow:0 26px 70px rgba(0,0,0,.4)}
.countdown--hero{margin:28px auto 0}
.countdown__head h3{font-size:1.2rem}
.countdown__head p{margin:8px 0 0;color:var(--muted);font-size:.95rem}
.countdown__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 0}
.countdown__grid div{padding:14px 6px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.035)}
.countdown__grid strong{display:block;font-family:var(--display);font-size:clamp(1.7rem,5vw,2.5rem);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.countdown__grid span{display:block;margin-top:7px;font-size:.76rem;color:var(--muted)}
.countdown__when{margin:14px 0 0;font-size:.9rem;color:var(--accent-lit)}

/* ── szakaszok ──────────────────────────────────────────────────────── */
.section{padding:84px 0}
.section--panel{background:linear-gradient(180deg,rgba(19,11,32,.72),rgba(11,7,21,.72));border-block:1px solid var(--line)}
.section--form{padding:64px 0 90px}
.no-hero main>.section:first-child{padding-top:56px}

.band{position:relative;z-index:3;margin-top:-34px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(180deg,rgba(27,16,45,.92),rgba(11,7,21,.94));box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.stat{padding:24px 22px;text-align:center;border-left:1px solid var(--line)}
.stat:first-child{border-left:0}
.stat dd{margin:0;display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.stat dt{margin-top:10px;font-size:.84rem;color:var(--muted)}
.stats--compact{margin-bottom:30px}
.stats--compact .stat{padding:18px 16px}
.stats--compact .stat dd{font-size:clamp(1.3rem,2.6vw,1.75rem)}

/* ── a négy elem ────────────────────────────────────────────────────── */
.elgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.elcard{--c:var(--violet);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px 22px;
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(180deg,var(--plum-2),var(--night-2));   /* tartalék régi böngészőnek */
  background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c) 22%,transparent),transparent 62%),linear-gradient(180deg,var(--plum-2),var(--night-2));
  transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.elcard--fire{--c:var(--fire)}.elcard--water{--c:var(--water)}.elcard--earth{--c:var(--earth)}.elcard--wind{--c:var(--wind)}
.elcard:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 30px 60px -30px var(--c)}
.elcard img{width:112px;height:112px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 44px -6px var(--c);transition:transform .5s var(--ease)}
.elcard:hover img{transform:scale(1.06) rotate(-4deg)}
.elcard h3{margin-top:20px;font-size:1.3rem;font-weight:700;color:var(--c)}
.elcard p{margin:10px 0 18px;color:var(--muted);font-size:.94rem;flex:1}
.elcard__pick{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 15px;border-radius:99px;border:1px solid var(--line-2);border-color:color-mix(in srgb,var(--c) 55%,transparent);
  background:transparent;color:var(--ink);font-weight:700;font-size:.82rem;cursor:pointer;transition:background .25s,color .25s}
.elcard__pick:hover{background:color-mix(in srgb,var(--c) 24%,transparent)}
.elcard__pick-on{display:none;align-items:center;gap:6px}
.elcard__pick[aria-pressed="true"]{background:var(--c);color:#0b0715;border-color:transparent}
.elcard__pick[aria-pressed="true"] .elcard__pick-on{display:inline-flex}
.elcard__pick[aria-pressed="true"] .elcard__pick-off{display:none}
.elements__hint{margin:22px 0 0;text-align:center;color:var(--dim);font-size:.9rem}
.elements + .rule{margin-top:-8px}

/* ── jellemzők ──────────────────────────────────────────────────────── */
.features{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.features li{display:flex;gap:18px;padding:24px 0;border-top:1px solid var(--line)}
.features li:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
.features__ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r);color:var(--accent-lit);
  border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.13)}
.features h3{margin-bottom:6px}
.features p{margin:0;color:var(--muted);font-size:.96rem}

/* ── hírek + oldalsáv ───────────────────────────────────────────────── */
.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:start}
.newslist{display:grid;gap:12px}
.newsitem{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);
  background:rgba(11,7,21,.55);color:var(--ink);transition:border-color .25s,transform .3s var(--ease),background .25s}
.newsitem:hover{color:var(--ink);border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.09);transform:translateX(4px)}
.newsitem time{display:block;text-align:center;padding:9px 4px;border-radius:var(--r);background:rgba(var(--accent-rgb),.14);border:1px solid rgba(var(--accent-rgb),.3);font-size:.72rem;color:var(--muted);line-height:1.3}
.newsitem time b{display:block;font-family:var(--display);font-size:1.5rem;line-height:1;color:#fff}
.newsitem h3{margin:7px 0 6px;font-family:var(--body);font-weight:750;font-size:1.06rem;letter-spacing:0}
.newsitem p{margin:0;color:var(--muted);font-size:.93rem}
.newsitem--pin{border-color:rgba(var(--accent-rgb),.5)}
.newslist--full .newsitem{grid-template-columns:64px minmax(0,1fr) auto}
.newslist--full .newsitem img{width:140px;height:92px;object-fit:cover;border-radius:var(--r)}
.tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.7rem;font-weight:750;letter-spacing:.03em;background:rgba(var(--accent-rgb),.22);color:var(--accent-lit)}
.tag--update{background:rgba(47,143,255,.18);color:#a9d3ff}
.tag--event{background:rgba(255,138,31,.18);color:#ffc48a}
.tag--maintenance{background:rgba(240,112,122,.16);color:#ffc0c5}
.tag--pin{background:rgba(255,255,255,.1);color:#fff}
.empty{margin:0;padding:26px;border:1px dashed var(--line-2);border-radius:var(--r-lg);text-align:center;color:var(--muted)}

.toplist{list-style:none;margin:0;padding:0}
.toplist li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--line)}
.toplist li:last-child{border-bottom:0}
.toplist__pos{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-family:var(--display);font-weight:700;font-size:.92rem;color:var(--muted);border:1px solid var(--line-2)}
.toplist li:nth-child(1) .toplist__pos{color:#1a1203;background:linear-gradient(160deg,#ffe9a8,#d59b24);border-color:transparent}
.toplist li:nth-child(2) .toplist__pos{color:#14161b;background:linear-gradient(160deg,#f3f5f8,#9aa3b3);border-color:transparent}
.toplist li:nth-child(3) .toplist__pos{color:#1c0e04;background:linear-gradient(160deg,#f3b98a,#a8612c);border-color:transparent}
.toplist__name b{display:block;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toplist__name small{display:block;color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toplist__lvl{font-weight:750;color:var(--accent-lit);font-variant-numeric:tabular-nums;white-space:nowrap}
.side__h{margin:38px 0 14px;font-size:1.35rem}

.facts{margin:0}
.facts div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}
.facts div:last-child{border-bottom:0}
.facts dt{color:var(--muted);font-size:.93rem}
.facts dd{margin:0;font-weight:700;text-align:right;word-break:break-word}
.facts--wide{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.facts--wide div:nth-last-child(2){border-bottom:0}

/* ── lépések (valódi sorrend, ezért számozott) ──────────────────────── */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:step;
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:rgba(11,7,21,.5)}
.steps li{counter-increment:step;position:relative;padding:30px 28px 28px;border-left:1px solid var(--line)}
.steps li:first-child{border-left:0}
.steps li::before{content:counter(step);display:block;font-family:var(--display);font-weight:700;font-size:2.7rem;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(var(--accent-rgb),.9);margin-bottom:16px}
.steps h3{margin-bottom:8px}
.steps p{margin:0 0 12px;color:var(--muted);font-size:.95rem}
.steps a{font-weight:700;font-size:.9rem}
.steps--gap{margin:44px 0}
.steps--six li:nth-child(3n+1){border-left:0}
.steps--six li:nth-child(n+4){border-top:1px solid var(--line)}
.card--gap{margin-top:22px}
.callout--guide{margin:0 0 22px}

/* ── GYIK ───────────────────────────────────────────────────────────── */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.faq .head{margin:0;position:sticky;top:calc(var(--top-h) + 24px)}
.faq__list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 2px;font-weight:700;font-size:1.02rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:11px;height:11px;border-right:2px solid var(--accent-lit);border-bottom:2px solid var(--accent-lit);transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq summary:hover{color:#fff}
.faq details p{margin:0;padding:0 2px 22px;color:var(--muted);max-width:66ch}

/* ── záró felhívás ──────────────────────────────────────────────────── */
.final{position:relative;padding:92px 0 100px;text-align:center;overflow:hidden}
.final::before{content:"";position:absolute;left:50%;top:6%;width:min(760px,96%);aspect-ratio:1.5;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(ellipse,rgba(var(--accent-rgb),.3),transparent 66%);filter:blur(20px)}
.final__in{position:relative}
.final img{width:110px;height:110px;filter:drop-shadow(0 0 34px rgba(var(--accent-rgb),.8));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-7px)}}
.final h2{margin-top:22px;font-size:clamp(1.9rem,4.4vw,3rem)}
.final p{max-width:56ch;margin:14px auto 0;color:var(--muted)}
.final .hero__cta{animation:none}

/* ── kártya, űrlap ──────────────────────────────────────────────────── */
.card{position:relative;padding:28px;margin-bottom:22px;border:1px solid var(--line);border-radius:var(--r-lg);
  background:linear-gradient(170deg,rgba(27,16,45,.9),rgba(11,7,21,.92))}
.card::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-lit),transparent);opacity:.7}
.card h2{font-size:1.28rem;margin-bottom:18px}
.card--flush{padding:6px 18px}
.card__foot{margin:20px 0 0;text-align:center;color:var(--muted);font-size:.93rem}
.card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}

.field{margin-bottom:17px}
.field label,.label{display:block;margin-bottom:7px;font-weight:700;font-size:.86rem;color:#d7cfe6}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=url],input[type=datetime-local],select,textarea{
  width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--line-2);border-radius:var(--r);
  background:rgba(7,4,13,.75);color:var(--ink);font:inherit;font-size:.98rem;transition:border-color .2s,box-shadow .2s,background .2s;
}
textarea{min-height:120px;resize:vertical;line-height:1.55}
select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c79bff' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
select option{background:#130b20;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-lit);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.25);background:rgba(7,4,13,.95)}
input::placeholder,textarea::placeholder{color:var(--dim)}
input.is-ok{border-color:var(--ok)}
input.is-bad{border-color:var(--err)}
input:-webkit-autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 40px #10091c inset;caret-color:var(--ink)}
.hint{display:block;margin:7px 0 0;color:var(--muted);font-size:.84rem;line-height:1.5}
.hint--ok{color:var(--ok)}.hint--bad{color:var(--err)}.hint--warn{color:var(--warn)}
.hint--below{margin:-6px 0 18px}
.hint--center{text-align:center;margin-top:22px}
p.hint{margin:0 0 16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.inline{display:flex;gap:10px;align-items:center}
.inline input{flex:1}
.formrow{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:2px 0 20px;font-size:.9rem}
.check{display:flex;gap:10px;align-items:flex-start;margin:0;color:var(--muted);font-size:.9rem;cursor:pointer}
form>.check{margin:18px 0 20px}
.check input{flex:none;width:17px;height:17px;margin:3px 0 0;accent-color:var(--accent)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pw{position:relative}
.pw input{padding-right:46px}
.pw__eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;background:none;color:var(--muted);cursor:pointer;border-radius:var(--r)}
.pw__eye:hover,.pw__eye[aria-pressed="true"]{color:var(--accent-lit)}
.meter{display:flex;align-items:center;gap:12px;margin:-4px 0 12px}
.meter::before{content:"";flex:1;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--m,var(--err)) var(--w,10%),rgba(255,255,255,.1) var(--w,10%))}
.meter i{display:none}
.meter span{font-size:.8rem;font-weight:700;color:var(--m,var(--err));white-space:nowrap}

.alert{padding:13px 16px;margin-bottom:18px;border-radius:var(--r);border:1px solid;font-size:.94rem}
.alert--err{background:rgba(240,112,122,.1);border-color:rgba(240,112,122,.45);color:#ffc7cc}
.alert--ok{background:rgba(88,204,143,.1);border-color:rgba(88,204,143,.45);color:#c2f2d8}
.alert--info{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.45);color:var(--ink)}
.alert--warn{background:rgba(240,181,78,.1);border-color:rgba(240,181,78,.45);color:#ffe2ae}

.keybox{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;margin-bottom:12px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:var(--r);background:rgba(var(--accent-rgb),.1)}
.keybox span{color:var(--muted);font-size:.86rem}
.keybox strong{font-family:var(--display);font-size:1.6rem;letter-spacing:.18em;color:#fff;margin-right:auto}

.callout{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:26px;padding:26px 28px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:var(--r-lg);
  background:linear-gradient(110deg,rgba(var(--accent-rgb),.2),rgba(11,7,21,.6) 60%)}
.callout h2{font-size:1.3rem}
.callout p{margin:6px 0 0;color:var(--muted)}

/* ── táblázat ───────────────────────────────────────────────────────── */
.tablewrap{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th{padding:14px 12px;text-align:left;font-weight:700;font-size:.8rem;color:var(--muted);border-bottom:1px solid var(--line-2);white-space:nowrap}
.tbl td{padding:13px 12px;border-bottom:1px solid var(--line)}
.tbl tbody tr:last-child td,.tbl tbody tr:last-child th{border-bottom:0}
.tbl tbody tr{transition:background .2s}
.tbl tbody tr:hover{background:rgba(var(--accent-rgb),.08)}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl form{margin:0;display:inline}
.tbl--req th[scope],.tbl--req tbody th{color:var(--muted);font-weight:650;border-bottom:1px solid var(--line);padding:13px 12px}
.pos{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:99px;font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--muted)}
.pos--1{color:#1a1203;background:linear-gradient(160deg,#ffe9a8,#d59b24)}
.pos--2{color:#14161b;background:linear-gradient(160deg,#f3f5f8,#9aa3b3)}
.pos--3{color:#1c0e04;background:linear-gradient(160deg,#f3b98a,#a8612c)}
.lvl{color:var(--accent-lit)}
.tbl tbody tr.me{background:rgba(var(--accent-rgb),.16);box-shadow:inset 3px 0 0 var(--accent-lit)}
.emp{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.emp::before{content:"";width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:var(--dim)}
.emp--1::before{background:#e0463f}.emp--2::before{background:#f0c33c}.emp--3::before{background:#3d8bff}

.tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--line-2)}
.tabs a{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--muted);font-weight:700}
.tabs a:hover{color:#fff}
.tabs a.on{color:#fff;border-color:var(--accent-lit)}
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-bottom:18px}
.filters__group{display:flex;flex-wrap:wrap;gap:6px}
.fchip{padding:7px 14px;border:1px solid var(--line-2);border-radius:99px;font-size:.86rem;font-weight:650;color:var(--muted)}
.fchip:hover{color:#fff;border-color:var(--accent-lit)}
.fchip.on{color:var(--on-accent);background:var(--accent);border-color:transparent}
.fchip--emp1.on{background:#c93a34;color:#fff}.fchip--emp2.on{background:#e0b12c;color:#1a1203}.fchip--emp3.on{background:#2f7df0;color:#fff}
.filters__search{position:relative;margin-left:auto;width:min(100%,240px)}
.filters__search input{min-height:40px;padding:8px 42px 8px 14px;border-radius:99px;font-size:.9rem}
.filters__search button{position:absolute;right:4px;top:4px;width:32px;height:32px;border:0;border-radius:50%;background:none;color:var(--accent-lit);cursor:pointer;display:grid;place-items:center}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:26px}
.pager a,.pager__gap{display:grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border:1px solid var(--line-2);border-radius:var(--r);color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}
.pager__gap{border-color:transparent}
.pager a:hover{color:#fff;border-color:var(--accent-lit)}
.pager a.on{color:var(--on-accent);background:var(--accent);border-color:transparent}

/* ── ranglista + „Csapat” doboz ─────────────────────────────────────── */
.rankwrap{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.rankwrap--side{grid-template-columns:minmax(0,1fr) 290px}
.rankwrap .rankwrap__side{position:sticky;top:calc(var(--top-h) + 20px)}
.teambox{position:relative;border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;
  background:radial-gradient(120% 60% at 50% 0%,rgba(var(--accent-rgb),.22),transparent 62%),linear-gradient(180deg,var(--plum-2),var(--night-2))}
.teambox::before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-lit),transparent)}
.teambox__head{display:flex;align-items:center;gap:13px;padding:20px 20px 16px;border-bottom:1px solid var(--line)}
.teambox__ico{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:var(--r);color:var(--accent-lit);
  border:1px solid rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.16)}
.teambox__head h2{font-size:1.22rem}
.teambox__head p{margin:3px 0 0;color:var(--muted);font-size:.82rem;line-height:1.4}
.teambox__list{list-style:none;margin:0;padding:6px 20px 10px}
.teambox__list li{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}
.teambox__list li:last-child{border-bottom:0}
.teambox__list b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}
.dot--idle{background:#5b526e;animation:none;box-shadow:none}
.role{flex:none;padding:3px 10px;border-radius:99px;font-size:.7rem;font-weight:800;letter-spacing:.04em}
.role--admin{color:#1a1203;background:linear-gradient(160deg,#ffe9a8,#d59b24)}
.role--sgm{color:#fff;background:linear-gradient(160deg,#a66bff,#6a2fd0)}
.role--gm{color:#eaf3ff;background:rgba(47,143,255,.28);box-shadow:inset 0 0 0 1px rgba(47,143,255,.6)}
.role--helper{color:#d7dce6;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.teambox--home{margin-top:38px}

/* ── piac ────────────────────────────────────────────────────────────── */
.mkwrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.mkwrap__side{position:sticky;top:calc(var(--top-h) + 20px)}
.mkwrap__side .card{margin-bottom:0}
.mklist{display:grid;gap:12px}
.mk{--mk:88,204,143;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;
  border:1px solid var(--line);border-radius:var(--r-lg);color:var(--ink);
  background:linear-gradient(90deg,rgba(var(--mk),.07),rgba(255,255,255,.02) 38%);box-shadow:inset 3px 0 0 rgba(var(--mk),.75);
  transition:border-color .2s,background .2s,transform .2s}
.mk--buy{--mk:74,160,255}
.mk__type{min-width:68px;padding:5px 11px;border-radius:99px;text-align:center;font-size:.74rem;font-weight:750;letter-spacing:.03em;
  background:rgba(var(--mk),.16);color:rgb(var(--mk));border:1px solid rgba(var(--mk),.35)}
.mk__body{min-width:0}
.mk__body h3{margin:0;font-family:var(--body);font-weight:750;font-size:1.06rem;letter-spacing:0;line-height:1.35;overflow-wrap:anywhere}
.mk__note{margin:5px 0 0;color:var(--muted);font-size:.92rem;line-height:1.5;overflow-wrap:anywhere}
.mk__meta{display:flex;flex-wrap:wrap;gap:5px 16px;margin:9px 0 0;color:var(--dim);font-size:.82rem}
.mk__meta span,.mk__meta a{display:inline-flex;align-items:center;gap:6px}
.mk__meta .mk__char{color:var(--ink);font-weight:650}
.mk__side{display:grid;gap:9px;justify-items:end;text-align:right;max-width:200px}
.mk__price{font-size:1.14rem;font-weight:800;line-height:1.25;color:#ffe1a3;overflow-wrap:anywhere}
.mk__side form{margin:0}
.mk--mine{border-color:rgba(var(--accent-rgb),.6)}
.mk--shop{--mk:var(--accent-rgb);grid-template-columns:minmax(0,1fr) auto}
.mk--plain{grid-template-columns:minmax(0,1fr)}
/* adatlapok (karakter, céh) */
.crumb{margin:0 0 18px;font-size:.9rem;font-weight:650}
.plink{color:inherit}
.plink:hover{color:var(--accent-lit)}
.pcard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px 26px;align-items:center;padding:28px;border:1px solid var(--line-2);border-radius:var(--r-lg);
  background:linear-gradient(140deg,rgba(var(--accent-rgb),.2),rgba(11,7,21,.55) 55%)}
.pcard__lvl{display:grid;place-items:center;align-content:center;width:96px;height:96px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.6);
  background:radial-gradient(circle at 50% 35%,rgba(var(--accent-rgb),.38),rgba(7,4,13,.7))}
.pcard__lvl b{font-family:var(--display);font-size:2.1rem;line-height:1;color:#fff}
.pcard__lvl span{margin-top:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.pcard__main{min-width:0}
.pcard__main h1{font-size:clamp(1.7rem,4vw,2.5rem);overflow-wrap:anywhere}
.pcard__main h1 .tag{vertical-align:middle;font-family:var(--body);letter-spacing:.03em}
.pcard__sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:8px 0 0;color:var(--muted);font-weight:650}
.pcard__on{display:inline-flex;align-items:center;gap:7px;color:var(--ok)}
.pcard__facts{grid-column:1/-1;margin:0}
/* beszélgetés (hibabejelentő) */
.thread{display:grid;gap:12px;margin-bottom:22px}
.msg{max-width:86%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.03)}
.msg--staff{justify-self:end;border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.12)}
.msg header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-bottom:7px;font-size:.84rem}
.msg header time{color:var(--dim)}
.msg p{margin:0;overflow-wrap:anywhere;line-height:1.6}
.tstat{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.74rem;font-weight:750;white-space:nowrap}
.tstat--open{background:rgba(240,181,78,.16);color:#ffe2ae}
.tstat--answered{background:rgba(88,204,143,.16);color:#b4eecf}
.tstat--closed{background:rgba(255,255,255,.08);color:var(--muted)}
.tk-close{margin-top:14px}
.card__actions--top{margin:0 0 22px}
/* fiók: belépések, ajánló link, alcímek */
.loglist{list-style:none;margin:0 0 6px;padding:0}
.loglist li{position:relative;padding:9px 0 9px 20px;border-bottom:1px solid var(--line);font-size:.9rem}
.loglist li:last-child{border-bottom:0}
.loglist li::before{content:"";position:absolute;left:2px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--ok)}
.loglist li.bad::before{background:var(--err)}
.loglist b{display:block;font-weight:700}
.loglist span{color:var(--muted);font-size:.84rem;overflow-wrap:anywhere}
.loglist em{display:block;font-style:normal;color:#ffc7cc;font-size:.82rem}
.keybox--link strong{font-family:var(--body);font-size:.95rem;font-weight:650;letter-spacing:0;overflow-wrap:anywhere;min-width:0}
.stats--3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:16px 0 10px}
.card .check + .check{margin-top:12px}
.card form > .check:last-of-type{margin-bottom:20px}
.sub{margin:22px 0 12px;font-family:var(--body);font-size:1rem;font-weight:750;letter-spacing:0}
.sub small{margin-left:4px;color:var(--muted);font-weight:650}
.hint--links{text-align:center}
/* eseménynaptár a főoldalon */
.evlist{display:grid;gap:10px}
.ev{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.025)}
.ev>time{display:block;text-align:center;padding:8px 4px;border-radius:var(--r);background:rgba(255,138,31,.12);border:1px solid rgba(255,138,31,.3);font-size:.72rem;color:var(--muted);line-height:1.3}
.ev>time b{display:block;font-family:var(--display);font-size:1.4rem;line-height:1;color:#fff}
.ev h3{margin:0 0 4px;font-family:var(--body);font-weight:750;font-size:1.03rem;letter-spacing:0;overflow-wrap:anywhere}
.ev p{margin:0;color:var(--muted);font-size:.88rem}
.ev--on{border-color:rgba(88,204,143,.5)}
.ev--on p b{color:var(--ok);font-weight:750}
.ev .ev__desc{margin:0 0 5px;color:#cfc6de;font-size:.86rem;line-height:1.45}
.lt{color:var(--muted);font-size:.86em;font-weight:500;white-space:nowrap}
.rk-sub{display:none}
.notfound{text-align:center;padding:30px 0 10px}
.notfound .filters__search{margin:22px auto 0;max-width:420px}
.notfound p{color:var(--muted)}
.notfound .crumb{margin-top:22px}
.kezd-help{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
/* jogi oldalak, süti sáv */
.legal h2{margin:34px 0 12px;font-size:1.3rem}
.legal p,.legal li{color:#d6cfe4;line-height:1.75}
.legal ul{padding-left:22px}
.cookiebar{position:fixed;left:16px;bottom:16px;z-index:95;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:min(560px,calc(100vw - 32px));padding:14px 16px;
  border:1px solid var(--line-2);border-radius:var(--r-lg);background:rgba(19,11,32,.97);box-shadow:0 22px 50px -20px #000;font-size:.88rem;color:var(--muted)}
.cookiebar p{flex:1 1 240px;margin:0}
.cookiebar[hidden]{display:none}
.wres{font-weight:750}
.wres--win{color:var(--ok)}.wres--loss{color:var(--err)}.wres--draw{color:var(--muted)}
.mk__count{margin-left:4px;font-size:.86em;font-weight:700;color:var(--accent-lit)}
.mk__attrs{list-style:none;display:flex;flex-wrap:wrap;gap:5px 6px;margin:9px 0 0;padding:0}
.mk__attrs li{padding:3px 9px;border-radius:99px;font-size:.8rem;line-height:1.45;color:#cfe9da;background:rgba(88,204,143,.1);border:1px solid rgba(88,204,143,.24)}
.mk__attrs .mk__stone{color:#d9ccf2;background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.34)}
.mk--shop .mk__side{max-width:240px}
.filters__search--wide{width:min(100%,300px)}
a.mk:hover{color:var(--ink);border-color:rgba(var(--mk),.6);transform:translateX(4px)}
.mklist--compact{gap:10px}
.mklist--compact .mk{padding:12px 15px;gap:13px}
.mklist--compact .mk__meta{margin-top:4px}
.head--sub{margin-top:40px}
.fchip small{margin-left:4px;font-weight:650;opacity:.7}
.fchip--sell.on{background:#2c9764;color:#fff}.fchip--buy.on{background:#2f7df0;color:#fff}
.hint--lead{margin:0;font-size:.95rem}
.hint--found{margin:0 0 14px}
.mkpick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:17px}
.mkpick label{position:relative;display:block;margin:0}
.mkpick input{position:absolute;inset:0;opacity:0;cursor:pointer}
.mkpick span{display:block;padding:11px 8px;text-align:center;border:1px solid var(--line-2);border-radius:var(--r);font-weight:700;font-size:.92rem;color:var(--muted);transition:background .2s,border-color .2s,color .2s}
.mkpick input:hover+span{color:#fff;border-color:var(--accent-lit)}
.mkpick input:checked+.mkpick__sell{color:#c2f2d8;background:rgba(88,204,143,.16);border-color:rgba(88,204,143,.7)}
.mkpick input:checked+.mkpick__buy{color:#cfe4ff;background:rgba(74,160,255,.16);border-color:rgba(74,160,255,.7)}
.mkpick input:focus-visible+span{outline:2px solid var(--accent-lit);outline-offset:2px}
.mkwrap__side textarea{min-height:84px}
.mkwrap__side form .hint{margin-top:12px;text-align:center}
@media (max-width:980px){
  .mkwrap{grid-template-columns:minmax(0,1fr)}
  .mkwrap__side{position:static;top:auto}
}
@media (max-width:560px){
  .pcard{padding:20px;gap:16px 18px}
  .pcard__lvl{width:72px;height:72px}
  .pcard__lvl b{font-size:1.6rem}
  .mk{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:14px 15px}
  .mk__type{grid-column:1/-1;justify-self:start;min-width:0}
  .mk__side{max-width:130px}
  .mk--shop .mk__side{max-width:150px}
}

/* ── letöltés ───────────────────────────────────────────────────────── */
.mirrors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.mirror{display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:rgba(19,11,32,.7);color:var(--ink);transition:transform .3s var(--ease),border-color .25s,background .25s}
.mirror:hover{color:#fff;transform:translateY(-4px);border-color:var(--accent-lit);background:rgba(var(--accent-rgb),.2)}
.mirror__ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:var(--r);background:rgba(var(--accent-rgb),.2);color:var(--accent-lit)}
.mirror b{display:block;font-weight:750}
.mirror small{display:block;color:var(--muted);font-size:.84rem}
.mirror--first{border-color:rgba(var(--accent-rgb),.7);background:linear-gradient(120deg,rgba(var(--accent-rgb),.34),rgba(19,11,32,.7))}
.mirror--first .mirror__ico{background:var(--accent);color:var(--on-accent)}
.ticks{list-style:none;margin:0 0 20px;padding:0}
.ticks li{position:relative;padding:0 0 11px 26px;color:var(--muted)}
.ticks li::before{content:"";position:absolute;left:3px;top:.48em;width:8px;height:8px;transform:rotate(45deg);background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.8)}

/* ── közösség ───────────────────────────────────────────────────────── */
.comm{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(26px,5vw,60px);align-items:center;padding:clamp(24px,4vw,46px);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(140deg,rgba(88,101,242,.16),rgba(11,7,21,.7) 55%)}
.comm__badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;margin-bottom:18px;border:1px solid #5865f2;border-radius:99px;color:#aab1ff;font-weight:700;font-size:.84rem}
.comm__text p{color:var(--muted);margin:14px 0 22px;max-width:54ch}
.comm__text .ticks li::before{background:#5865f2;box-shadow:0 0 10px #5865f2}
.comm__embed{min-height:420px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.35)}
.comm__embed iframe{display:block;width:100%;height:500px;border:0}
/* a Discord saját widgetje a főoldal oldalsávjában */
.dcbox{margin-top:38px;border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden;background:#1e1f22;box-shadow:0 22px 50px -30px rgba(88,101,242,.8)}
.dcbox iframe{display:block;width:100%;height:500px;border:0}
.comm__placeholder{display:grid;place-items:center;align-content:center;gap:16px;min-height:420px;padding:30px;text-align:center;color:#5865f2}
.comm__placeholder p{margin:0;color:var(--muted);font-size:.92rem}

/* ── cikk ───────────────────────────────────────────────────────────── */
.back{display:inline-block;margin-bottom:22px;font-weight:700;font-size:.9rem}
.article__img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:var(--r-lg);margin-bottom:28px;border:1px solid var(--line)}
.prose{font-size:1.05rem;line-height:1.8;color:#ddd6ea}
.prose h3{margin:1.7em 0 .5em;font-size:1.25rem}
.prose ul{padding-left:1.2em}
.prose li{margin-bottom:.4em}
.prose a{text-decoration:underline;text-underline-offset:3px}
.share{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
.rules{padding-left:1.3em}
.rules li{margin-bottom:1.3em;padding-left:.3em}
.rules li::marker{font-family:var(--display);font-weight:700;color:var(--accent-lit)}
.rules h3{margin:0 0 .3em;font-size:1.08rem}
.rules p{margin:0;color:var(--muted)}
.bignum{font-family:var(--display);font-weight:700;font-size:clamp(4rem,16vw,7rem);line-height:1;margin:0 0 8px;color:transparent;-webkit-text-stroke:1.5px rgba(var(--accent-rgb),.9)}

/* ── lábléc ─────────────────────────────────────────────────────────── */
.foot{margin-top:auto;padding:62px 0 26px;border-top:1px solid var(--line);background:#050309}
.foot__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px}
.foot__brand p{margin:18px 0 22px;max-width:36ch;color:var(--muted);font-size:.93rem}
.foot__col{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.foot__col h4{margin-bottom:5px;font-family:var(--body);font-size:.82rem;font-weight:750;letter-spacing:.04em;color:var(--accent-lit)}
.foot__col a{color:#c4bbd6;font-size:.94rem}
.foot__col a:hover{color:#fff}
.foot__muted{color:var(--dim);font-size:.9rem}
.foot__bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
.foot__bottom small{color:var(--dim);font-size:.8rem;max-width:70ch;line-height:1.6}
.foot__time{white-space:nowrap;font-variant-numeric:tabular-nums}
.foot__time time{color:var(--muted);font-weight:700}

.elpick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.elpick__label{font-size:.82rem;color:var(--dim);margin-right:4px}
.elpick__btn{width:34px;height:34px;padding:0;border:2px solid transparent;border-radius:50%;background:none;cursor:pointer;line-height:0;opacity:.72;transition:opacity .2s,transform .25s var(--ease),border-color .2s}
.elpick__btn img{width:30px;height:30px;border-radius:50%}
.elpick__btn:hover{opacity:1;transform:scale(1.12)}
.elpick__btn[aria-pressed="true"]{opacity:1;border-color:var(--accent-lit)}
.elpick__reset{border:0;background:none;color:var(--muted);font-size:.8rem;text-decoration:underline;cursor:pointer;padding:4px}
.elpick__reset:hover{color:#fff}

/* ── lebegő elemek ──────────────────────────────────────────────────── */
.totop{position:fixed;right:20px;bottom:20px;z-index:90;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r);border:1px solid rgba(255,255,255,.2);
  color:var(--on-accent);background:linear-gradient(135deg,var(--accent-deep),var(--accent));box-shadow:0 14px 30px rgba(0,0,0,.45);cursor:pointer;transition:transform .25s var(--ease)}
.totop:hover{transform:translateY(-3px)}
.dcbar{position:fixed;left:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:13px;max-width:min(430px,calc(100vw - 90px));padding:12px 38px 12px 15px;border-radius:var(--r-lg);
  border:1px solid rgba(120,132,255,.5);background:rgba(18,16,44,.96);color:#aab1ff;box-shadow:0 22px 50px rgba(0,0,0,.55);animation:fadeUp .5s var(--ease) both}
.dcbar strong{display:block;color:#fff;font-size:.9rem;line-height:1.3}
.dcbar span{display:block;color:var(--muted);font-size:.8rem;line-height:1.35}
.dcbar__x{position:absolute;right:6px;top:4px;width:28px;height:28px;border:0;background:none;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:50%}
.dcbar__x:hover{color:#fff}
.toast{position:fixed;left:50%;bottom:28px;z-index:200;transform:translate(-50%,20px);padding:11px 20px;border-radius:99px;background:#fff;color:#14091f;font-weight:700;font-size:.9rem;
  box-shadow:0 18px 40px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--ease)}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ── betöltő (csak a munkamenet első oldalán) ───────────────────────── */
.loader{display:none}
.first-visit .loader{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,#23103a 0%,#0c0716 36%,#050309 76%);
  animation:loaderOut .45s 2.6s forwards}
.loader.done{animation:loaderOut .45s forwards}
@keyframes loaderOut{to{opacity:0;visibility:hidden}}
.loader__in{display:grid;justify-items:center;gap:22px}
.loader img{width:96px;height:96px;filter:drop-shadow(0 0 30px rgba(var(--accent-rgb),.9));animation:float 2.2s ease-in-out infinite}
.loader__bar{width:190px;height:4px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.loader__bar i{display:block;height:100%;width:40%;border-radius:4px;background:linear-gradient(90deg,var(--accent-deep),var(--accent-lit));animation:load 1.1s ease-in-out infinite}
@keyframes load{from{transform:translateX(-110%)}to{transform:translateX(290%)}}

/* ── karbantartás ───────────────────────────────────────────────────── */
.maint{display:grid;place-items:center;min-height:100vh;padding:24px;text-align:center}
.maint__in{max-width:520px}
.maint img{filter:drop-shadow(0 0 34px rgba(var(--accent-rgb),.85));animation:float 5s ease-in-out infinite}
.maint h1{margin:22px 0 12px}
.maint p{color:var(--muted);margin-bottom:24px}

/* ── reszponzív ─────────────────────────────────────────────────────── */
@media (max-width:1120px){
  .pill{display:none}
}
@media (max-width:980px){
  :root{--top-h:64px}
  .rankwrap--side{grid-template-columns:minmax(0,1fr)}
  .rankwrap .rankwrap__side{position:static;top:auto}
  .burger{display:block}
  .top__auth{display:none}
  .nav{position:fixed;inset:var(--top-h) 0 auto 0;z-index:99;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 20px 20px;
    max-height:calc(100svh - var(--top-h));overflow:auto;background:rgba(9,5,17,.98);border-bottom:1px solid var(--line-2);
    transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .22s,transform .25s var(--ease),visibility .22s}
  .nav.open{transform:none;opacity:1;visibility:visible}
  .nav>a{padding:15px 2px;border-bottom:1px solid var(--line);font-size:1rem}
  .nav>a.nav__home{display:block}
  .nav>a::after{display:none}
  .nav__mobile{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
  .nav__mobile a{display:grid;place-items:center;min-height:46px;border-radius:var(--r);border:1px solid rgba(var(--accent-rgb),.5);color:var(--ink);font-weight:700}
  .nav__mobile a:last-child{background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:var(--on-accent);border-color:transparent}
  .elgrid{grid-template-columns:1fr 1fr}
  .split,.faq{grid-template-columns:1fr;gap:44px}
  .faq .head{position:static}
  .features{grid-template-columns:1fr}
  .features li:nth-last-child(2){border-bottom:0}
  .comm{grid-template-columns:1fr}
  .comm__embed,.comm__placeholder{min-height:0}
  .foot__grid{grid-template-columns:1fr 1fr;gap:34px}
  .foot__brand{grid-column:1/-1}
  .section{padding:64px 0}
}
@media (max-width:720px){
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(odd){border-left:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .steps{grid-template-columns:1fr}
  .steps li{border-left:0;border-top:1px solid var(--line)}
  .steps li:first-child{border-top:0}
  .grid2,.row2,.facts--wide{grid-template-columns:1fr}
  .facts--wide div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .hide-s{display:none}
  .rk-sub{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;font-size:.78rem;color:var(--muted)}
  .filters__search{margin-left:0;width:100%}
  .newslist--full .newsitem{grid-template-columns:64px minmax(0,1fr)}
  .newslist--full .newsitem img{display:none}
  .hero{min-height:0;padding-bottom:64px}
  .card{padding:22px 18px}
  .card--flush{padding:4px 10px}
  .dcbar{left:12px;bottom:12px}
  .dcbar span{display:none}
}
@media (max-width:480px){
  .shell{width:min(100% - 28px,var(--shell))}
  .elgrid{grid-template-columns:1fr}
  .foot__grid{grid-template-columns:1fr}
  .hero__cta .btn{width:100%}
  .brand__name{font-size:1.02rem}
  .langbox__btn span{display:none}
  .countdown{padding:18px 12px}
  .countdown__grid{gap:6px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
  .spark,.hero__fog{display:none}
}
@media print{
  .top,.foot,.totop,.dcbar,.hero__bg,.loader{display:none!important}
  body{background:#fff;color:#000}
}

/* 2026-10-24: karakter szam kiveve -> 3 oszlopos statisztika sav */
.stats.stats--h3{grid-template-columns:repeat(3,1fr)}
@media (max-width:720px){
  .stats.stats--h3{grid-template-columns:repeat(3,1fr)}
  .stats--h3 .stat{padding:16px 8px}
  .stats--h3 .stat:nth-child(n+3){border-top:0}
  .stats--h3 .stat:nth-child(odd){border-left:1px solid var(--line)}
  .stats--h3 .stat:first-child{border-left:0}
}

/* 2026-10-24: letoltes - "nem engedi elinditani a Windows" utmutato */
.card--warn{border-color:rgba(240,181,78,.45);background:linear-gradient(180deg,rgba(240,181,78,.08),rgba(240,181,78,.02))}
.card--warn h2{color:#ffe2ae;margin-bottom:8px}
.winfix__why{margin:0 0 12px;color:var(--muted)}
.winfix{margin:0;padding-left:1.4em}
.winfix li{margin:0 0 10px;color:var(--muted);line-height:1.55}
.winfix li:last-child{margin-bottom:0}
.winfix li::marker{color:#ffe2ae;font-weight:700}
.winfix strong{color:#fff}