/* =========================================================================
   ZENTHORIS GLOBAL — játékmenet útmutató (utmutato.php)
   Generált fájl: _naplo\3_eszkozok\utmutato_beepit.py készíti az önálló
   zenthoris_utmutato.html stíluslapjából. Minden szabály a .gd dobozra
   szól, az osztálynevek elé „u-” került, így a weboldal stílusával nem
   akad össze. Az ikonok: assets/img/utmutato/*.webp
   ========================================================================= */
.gd{--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;--ok:#58cc8f;--err:#f0707a;--warn:#f0b54e;--gold:#ffe1a3;--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;--ease:cubic-bezier(.2,.8,.2,1);color-scheme:dark}
.gd{color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;font-weight:450;-webkit-font-smoothing:antialiased}
.gd img,.gd svg{max-width:100%}
.gd a{color:var(--accent-lit);text-decoration:none;transition:color .2s}
.gd a:hover{color:#fff}
.gd :focus-visible{outline:2px solid var(--accent-lit);outline-offset:3px;border-radius:3px}
.gd b,.gd strong{color:#fff;font-weight:750}
.gd .u-shell{width:min(100% - 40px,var(--shell));margin-inline:auto}
.gd .u-shell--read{--shell:860px}
.gd h1,.gd h2,.gd h3,.gd h4{font-family:var(--display);font-weight:700;line-height:1.16;margin:0;letter-spacing:.012em;text-wrap:balance}
.gd h1,.gd h2{background:linear-gradient(180deg,#ffffff 8%,#d8d2e8 48%,#948aad 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd h1{font-size:clamp(2.1rem,5vw,3.3rem)}
.gd h2{font-size:clamp(1.55rem,3vw,2.2rem)}
.gd h3{font-size:1.12rem;font-weight:600;color:var(--ink)}
.gd p{margin:0 0 1em}
.gd .u-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 18px;border-radius:var(--r);border:1px solid transparent;
  font-family:var(--body);font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease),background .25s,border-color .25s,color .2s}
.gd .u-btn--ghost{color:var(--ink);border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.12)}
.gd .u-btn--ghost:hover{color:#fff;border-color:var(--accent-lit);background:rgba(var(--accent-rgb),.26);transform:translateY(-2px)}
.gd .u-hero{position:relative;padding:64px 0 46px;text-align:center;overflow:hidden}
.gd .u-hero::before{content:"";position:absolute;left:50%;top:-10%;width:min(900px,120%);aspect-ratio:1.8;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(ellipse,rgba(var(--accent-rgb),.32),transparent 66%);filter:blur(30px)}
.gd .u-hero__in{position:relative}
.gd .u-eyebrow{display:inline-block;margin-bottom:16px;padding:6px 14px;border:1px solid rgba(var(--accent-rgb),.5);border-radius:99px;background:rgba(var(--accent-rgb),.12);
  font-size:.78rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-lit)}
.gd .u-hero__lead{max-width:60ch;margin:18px auto 0;color:rgba(236,231,245,.82);font-size:clamp(1rem,1.5vw,1.14rem)}
.gd .u-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:26px 0 0;padding:0}
.gd .u-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:.84rem;color:var(--muted)}
.gd .u-chip b{color:#fff}
.gd .u-rule{display:flex;align-items:center;justify-content:center;width:min(100% - 40px,620px);margin:0 auto}
.gd .u-rule::before,.gd .u-rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line-2))}
.gd .u-rule::after{transform:scaleX(-1)}
.gd .u-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)}
.gd .u-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:34px 0 0;padding:0;list-style:none;counter-reset:toc;text-align:left}
.gd .u-toc a{counter-increment:toc;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(11,7,21,.55);
  color:var(--ink);font-weight:650;font-size:.93rem;transition:border-color .25s,background .25s,transform .3s var(--ease)}
.gd .u-toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--display);font-weight:700;font-size:.95rem;color:var(--accent-lit);min-width:24px}
.gd .u-toc a:hover{color:#fff;border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.12);transform:translateY(-2px)}
.gd .u-section{padding:76px 0}
.gd .u-section--panel{background:linear-gradient(180deg,rgba(19,11,32,.72),rgba(11,7,21,.72));border-block:1px solid var(--line)}
.gd .u-head{margin-bottom:30px;max-width:66ch}
.gd .u-head__num{display:block;margin-bottom:10px;font-family:var(--display);font-weight:700;font-size:.85rem;letter-spacing:.2em;color:var(--accent-lit)}
.gd .u-head p{margin:12px 0 0;color:var(--muted);font-size:1.03rem}
.gd .u-sub{margin:38px 0 14px;font-family:var(--body);font-size:1.06rem;font-weight:750;letter-spacing:0;color:#fff}
.gd .u-lead{color:#d6cfe4;max-width:70ch}
.gd .u-muted{color:var(--muted)}
.gd .u-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:step;
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:rgba(11,7,21,.5)}
.gd .u-steps li{counter-increment:step;position:relative;padding:28px 24px 24px;border-left:1px solid var(--line)}
.gd .u-steps li:first-child{border-left:0}
.gd .u-steps li::before{content:counter(step);display:block;font-family:var(--display);font-weight:700;font-size:2.6rem;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(var(--accent-rgb),.9);margin-bottom:14px}
.gd .u-steps h3{margin-bottom:8px}
.gd .u-steps p{margin:0;color:var(--muted);font-size:.95rem}
.gd .u-steps--3{grid-template-columns:repeat(3,1fr)}
.gd .u-card{position:relative;padding:26px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(170deg,rgba(27,16,45,.9),rgba(11,7,21,.92))}
.gd .u-card::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-lit),transparent);opacity:.7}
.gd .u-card h3{margin-bottom:12px;font-size:1.15rem}
.gd .u-card p{color:var(--muted)}
.gd .u-card p:last-child,.gd .u-card ul:last-child{margin-bottom:0}
.gd .u-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.gd .u-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.gd .u-ticks{list-style:none;margin:0 0 16px;padding:0}
.gd .u-ticks li{position:relative;padding:0 0 9px 24px;color:#d6cfe4}
.gd .u-ticks li::before{content:"";position:absolute;left:3px;top:.55em;width:8px;height:8px;transform:rotate(45deg);background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.8)}
.gd .u-ticks li:last-child{padding-bottom:0}
.gd .u-alert{padding:14px 18px;border-radius:var(--r);border:1px solid;font-size:.95rem}
.gd .u-alert--info{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.45);color:var(--ink)}
.gd .u-alert--warn{background:rgba(240,181,78,.1);border-color:rgba(240,181,78,.45);color:#ffe2ae}
.gd .u-alert--warn b{color:#ffe9c4}
.gd .u-mt{margin-top:22px}
.gd .u-elgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gd .u-elcard{--c:var(--violet);position:relative;display:flex;flex-direction:column;padding:26px 22px 22px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(180deg,var(--plum-2),var(--night-2));
  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}
.gd .u-elcard--fire{--c:var(--fire)}
.gd .u-elcard--water{--c:var(--water)}
.gd .u-elcard--earth{--c:var(--earth)}
.gd .u-elcard--wind{--c:var(--wind)}
.gd .u-elcard:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 30px 60px -30px var(--c)}
.gd .u-elcard__ico{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 14px;border-radius:50%;color:var(--c);
  background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 30%,transparent),rgba(7,4,13,.8));box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 40px -8px var(--c)}
.gd .u-elcard__ico svg{width:32px;height:32px}
.gd .u-elcard h3{text-align:center;font-size:1.3rem;font-weight:700;color:var(--c)}
.gd .u-elcard dl{margin:16px 0 0;display:grid;gap:10px}
.gd .u-elcard dt{font-size:.74rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.gd .u-elcard dd{margin:2px 0 0;font-size:.92rem;color:#d6cfe4}
.gd .u-cycle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 0 30px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(11,7,21,.55);font-weight:750}
.gd .u-cycle span{padding:5px 14px;border-radius:99px;border:1px solid;font-size:.95rem}
.gd .u-cycle .u-f{color:var(--fire);border-color:color-mix(in srgb,var(--fire) 50%,transparent)}
.gd .u-cycle .u-w{color:var(--water);border-color:color-mix(in srgb,var(--water) 50%,transparent)}
.gd .u-cycle .u-e{color:var(--earth);border-color:color-mix(in srgb,var(--earth) 50%,transparent)}
.gd .u-cycle .u-a{color:var(--wind);border-color:color-mix(in srgb,var(--wind) 50%,transparent)}
.gd .u-cycle em{font-style:normal;color:var(--dim)}
.gd .u-road{list-style:none;margin:0;padding:0;position:relative}
.gd .u-road::before{content:"";position:absolute;left:39px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--accent),rgba(var(--accent-rgb),.15))}
.gd .u-road li{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr);gap:22px;padding:0 0 26px}
.gd .u-road li:last-child{padding-bottom:0}
.gd .u-road__lv{position:relative;z-index:1;display:grid;place-items:center;align-content:center;width:80px;height:58px;border-radius:var(--r-lg);border:1px solid rgba(var(--accent-rgb),.6);
  background:radial-gradient(circle at 50% 30%,rgba(var(--accent-rgb),.38),rgba(7,4,13,.95));font-family:var(--display);font-weight:700;font-size:1.25rem;color:#fff;line-height:1}
.gd .u-road__lv small{display:block;margin-top:4px;font-family:var(--body);font-size:.62rem;font-weight:750;letter-spacing:.12em;color:var(--muted)}
.gd .u-road h3{margin:6px 0 6px;font-size:1.12rem}
.gd .u-road p{margin:0;color:var(--muted)}
.gd .u-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(11,7,21,.55)}
.gd .u-tbl{width:100%;border-collapse:collapse;font-size:.94rem;min-width:720px}
.gd .u-tbl th{padding:13px 14px;text-align:left;font-weight:750;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-2);white-space:nowrap}
.gd .u-tbl td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.gd .u-tbl tbody tr:last-child td{border-bottom:0}
.gd .u-tbl tbody tr{transition:background .2s}
.gd .u-tbl tbody tr:hover{background:rgba(var(--accent-rgb),.08)}
.gd .u-tbl .u-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.gd .u-tbl .u-lv{font-family:var(--display);font-weight:700;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.gd .u-tbl--small{min-width:0}
.gd .u-tbl--small th,.gd .u-tbl--small td{padding:9px 10px}
.gd .u-scrollx{overflow-x:auto}
.gd .u-el{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:650}
.gd .u-el::before{content:"";width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:var(--c,var(--dim));box-shadow:0 0 8px var(--c,transparent)}
.gd .u-el--fire{--c:var(--fire)}
.gd .u-el--water{--c:var(--water)}
.gd .u-el--earth{--c:var(--earth)}
.gd .u-el--wind{--c:var(--wind)}
.gd .u-el--none{--c:var(--dim);color:var(--muted)}
.gd .u-yg{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.78rem;font-weight:750;white-space:nowrap}
.gd .u-yg--hi{background:rgba(88,204,143,.16);color:#b4eecf}
.gd .u-yg--mid{background:rgba(255,255,255,.07);color:var(--muted)}
.gd .u-yg--lo{background:rgba(240,112,122,.12);color:#ffc0c5}
.gd .u-tree{position:relative;display:grid;grid-template-columns:124px 46px 124px 78px minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:52px;align-items:center;
  padding:52px 28px 30px;border:1px solid var(--line);border-radius:var(--r-lg);
  background:radial-gradient(70% 55% at 12% 30%,rgba(var(--accent-rgb),.14),transparent 70%),radial-gradient(60% 50% at 90% 95%,rgba(255,138,31,.07),transparent 70%),rgba(11,7,21,.6)}
.gd .u-t-k{grid-column:1;grid-row:1/3}
.gd .u-t-l{grid-column:2;grid-row:1/3}
.gd .u-t-a{grid-column:3;grid-row:1/3}
.gd .u-t-f{grid-column:4;grid-row:1/3;align-self:stretch}
.gd .u-t-p1{grid-column:5;grid-row:1}
.gd .u-t-p2{grid-column:5;grid-row:2}
.gd .u-t-e{grid-column:1/-1;grid-row:3}
.gd .u-node{--c:var(--accent-lit);position:relative;width:124px;flex:none;padding:12px 8px 11px;text-align:center;border-radius:12px;
  border:1px solid rgba(222,204,255,.16);border-color:color-mix(in srgb,var(--c) 38%,transparent);
  background:radial-gradient(100% 60% at 50% 0%,color-mix(in srgb,var(--c) 18%,transparent),transparent 70%),linear-gradient(180deg,var(--plum-2),var(--night-2));
  box-shadow:0 18px 34px -24px var(--c);transition:transform .3s var(--ease),box-shadow .3s}
.gd .u-node:hover{transform:translateY(-4px);box-shadow:0 24px 40px -22px var(--c)}
.gd .u-node__slot{display:flex;align-items:center;justify-content:center;gap:2px;height:96px;margin-bottom:9px;border-radius:9px;
  background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--c) 26%,transparent),transparent 68%)}
.gd .u-node__slot .u-ico{width:38px;height:76px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.65))}
.gd .u-node b{display:block;font-size:.95rem;line-height:1.25;color:#fff}
.gd .u-node small{display:block;margin-top:2px;font-size:.76rem;font-weight:700;letter-spacing:.03em;color:var(--c)}
.gd .u-lane{--c:var(--accent-lit);position:relative;display:flex;align-items:center}
.gd .u-lane--pvm{--c:#62d39a}
.gd .u-lane--pvp{--c:#f27b84}
.gd .u-lane .u-node{--c:inherit}
.gd .u-lane::before{content:"";position:absolute;left:-11px;top:50%;margin-top:-7px;border-left:10px solid var(--c);border-top:7px solid transparent;border-bottom:7px solid transparent}
.gd .u-lane__tag{position:absolute;left:0;top:-34px;padding:4px 12px;border-radius:99px;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;
  color:var(--c);background:rgba(255,255,255,.04);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.gd .u-node--fire{--c:var(--fire)}
.gd .u-node--water{--c:#59a6ff}
.gd .u-node--earth{--c:var(--earth)}
.gd .u-node--wind{--c:var(--wind)}
.gd .u-tlink{--c:var(--accent-lit);position:relative;flex:1 1 30px;min-width:28px;height:2px;margin:0 10px 0 8px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--c) 25%,transparent),var(--c))}
.gd .u-tlink::after{content:"";position:absolute;right:-9px;top:-6px;border-left:10px solid var(--c);border-top:7px solid transparent;border-bottom:7px solid transparent}
.gd .u-tlink span{position:absolute;left:50%;top:-28px;transform:translateX(-50%);padding:2px 9px;border-radius:99px;font-size:.72rem;font-weight:800;white-space:nowrap;
  color:var(--c);background:rgba(7,4,13,.9);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.gd .u-lane .u-tlink{--c:inherit}
.gd .u-t-l{align-self:center;flex:none;margin:0 12px 0 8px}
.gd .u-fork{position:relative;margin-right:12px}
.gd .u-fork svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gd .u-fork path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.gd .u-fork--pvm{stroke:#62d39a}
.gd .u-fork--pvp{stroke:#f27b84}
.gd .u-fork>span{position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);padding:5px 9px;border-radius:9px;text-align:center;line-height:1.2;
  font-size:.78rem;font-weight:800;color:#fff;background:rgba(7,4,13,.95);border:1px solid var(--line-2)}
.gd .u-fork>span small{display:block;font-size:.64rem;font-weight:700;color:var(--muted)}
.gd .u-peak{padding-top:26px;border-top:1px dashed var(--line-2)}
.gd .u-peak__head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px;text-align:left}
.gd .u-peak__head b{display:block;font-size:1rem}
.gd .u-peak__head small{display:block;color:var(--muted);font-size:.86rem}
.gd .u-peak__arrow{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--gold);border:1px solid rgba(255,225,163,.4);background:rgba(255,225,163,.08)}
.gd .u-peak__arrow svg{width:20px;height:20px}
.gd .u-peak__row{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}
.gd .u-tree__hint{margin:12px 2px 0;font-size:.88rem}
.gd .u-ico{display:block;flex:none;background-position:center;background-repeat:no-repeat;background-size:contain}
.gd .u-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.gd .u-recipe{position:relative;padding:22px 22px 20px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(170deg,rgba(27,16,45,.9),rgba(11,7,21,.92))}
.gd .u-recipe::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-lit),transparent);opacity:.6}
.gd .u-recipe h4{margin:0 0 16px;font-family:var(--display);font-weight:700;font-size:1.06rem;color:#fff}
.gd .u-formula{display:flex;align-items:center;flex-wrap:wrap;gap:12px 8px;margin-bottom:16px;padding:14px 12px;border-radius:var(--r);background:rgba(7,4,13,.55);border:1px solid var(--line)}
.gd .u-ing{display:flex;flex-direction:column;align-items:center;gap:7px;width:80px;text-align:center}
.gd .u-ing>span{font-size:.76rem;font-weight:650;color:#d6cfe4;line-height:1.3}
.gd .u-ing>span small{font-size:.7rem;font-weight:600;color:var(--dim)}
.gd .u-slot{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:8px;border:1px solid var(--line-2);
  background:linear-gradient(180deg,#1f1433,#0c0717);box-shadow:inset 0 0 14px rgba(0,0,0,.65)}
.gd .u-slot .u-ico{width:44px;height:44px;object-fit:contain}
.gd .u-slot--tall{height:98px}
.gd .u-slot--tall .u-ico{width:40px;height:80px}
.gd .u-slot em{position:absolute;right:-8px;bottom:-7px;padding:1px 7px;border-radius:99px;font-style:normal;font-weight:800;font-size:.72rem;color:#fff;
  background:linear-gradient(135deg,var(--accent-deep),var(--accent));box-shadow:0 4px 10px rgba(0,0,0,.55)}
.gd .u-slot--glow{border-color:rgba(var(--accent-rgb),.75);box-shadow:inset 0 0 14px rgba(0,0,0,.65),0 0 24px -4px rgba(var(--accent-rgb),.95)}
.gd .u-slot--quad{width:98px;height:98px;grid-template-columns:1fr 1fr;padding:4px;gap:2px}
.gd .u-slot--quad .u-ico{width:22px;height:44px}
.gd .u-ing--quad{width:106px}
.gd .u-ing--opt .u-slot{border-style:dashed}
.gd .u-op{font-family:var(--display);font-weight:700;font-size:1.45rem;line-height:1;color:var(--accent-lit);align-self:center;margin-top:-22px}
.gd .u-op--or{font-family:var(--body);font-size:.78rem;font-weight:750;color:var(--dim)}
.gd .u-op--go{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:70px;font-family:var(--body);font-size:1rem}
.gd .u-op--go i{position:relative;display:block;width:48px;height:2px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.25),var(--accent-lit))}
.gd .u-op--go i::after{content:"";position:absolute;right:-3px;top:-5px;border-left:9px solid var(--accent-lit);border-top:6px solid transparent;border-bottom:6px solid transparent}
.gd .u-op--go span{font-size:.7rem;font-weight:800;line-height:1.3;color:var(--accent-lit);text-align:center}
.gd .u-recipe p{margin:0;color:var(--muted);font-size:.93rem}
.gd .u-wingrow{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.gd .u-wingrow .u-ico{width:44px;height:44px;border-radius:7px;border:1px solid var(--line-2);background-color:#150d24;background-size:36px 36px;box-shadow:inset 0 0 12px rgba(0,0,0,.6)}
@media (max-width:1040px){
.gd .u-tree{display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px 16px 22px}
.gd .u-t-l{width:2px;min-width:0;height:34px;margin:0 0 8px;flex:none;background:linear-gradient(180deg,rgba(199,155,255,.25),var(--accent-lit))}
.gd .u-t-l::after{right:auto;left:-6px;top:auto;bottom:-8px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid var(--accent-lit);border-bottom:0}
.gd .u-t-l span{top:50%;left:16px;transform:translateY(-50%)}
.gd .u-fork{width:auto;margin:0;align-self:center;text-align:center}
.gd .u-fork svg{display:none}
.gd .u-fork>span{position:static;transform:none;display:inline-block}
.gd .u-lane{display:grid;grid-template-columns:repeat(2,124px);justify-content:center;gap:14px;padding-top:40px;width:100%}
.gd .u-lane::before,.gd .u-lane .u-tlink{display:none}
.gd .u-lane__tag{left:50%;top:0;transform:translateX(-50%)}
.gd .u-peak{width:100%}
.gd .u-peak__head{flex-direction:column;text-align:center}
.gd .u-peak__row{display:grid;grid-template-columns:repeat(2,124px);justify-content:center;gap:14px}
.gd .u-recipes{grid-template-columns:minmax(0,1fr)}
.gd .u-formula{justify-content:center}
}
.gd .u-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.gd .u-key{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:rgba(11,7,21,.55);font-size:.92rem;color:#d6cfe4}
.gd kbd{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 9px;border-radius:5px;border:1px solid var(--line-2);border-bottom-width:3px;
  background:linear-gradient(180deg,#22163a,#140c22);font-family:var(--body);font-weight:750;font-size:.82rem;color:#fff;white-space:nowrap}
.gd .u-key kbd{flex:none}
.gd .u-tips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.gd .u-tips li{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--line)}
.gd .u-tips li:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
.gd .u-tips__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),.45);background:rgba(var(--accent-rgb),.13)}
.gd .u-tips__ico svg{width:20px;height:20px}
.gd .u-tips h3{margin-bottom:5px;font-family:var(--body);font-weight:750;font-size:1rem;letter-spacing:0}
.gd .u-tips p{margin:0;color:var(--muted);font-size:.95rem}
.gd .u-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.gd .u-faq .u-head{margin:0;position:sticky;top:calc(var(--top-h) + 24px)}
.gd .u-faq__list{border-top:1px solid var(--line)}
.gd .u-faq details{border-bottom:1px solid var(--line)}
.gd .u-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 2px;font-weight:700;font-size:1.01rem}
.gd .u-faq summary::-webkit-details-marker{display:none}
.gd .u-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}
.gd .u-faq details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.gd .u-faq summary:hover{color:#fff}
.gd .u-faq details p{margin:0;padding:0 2px 20px;color:var(--muted);max-width:66ch}
.gd .u-final{position:relative;padding:84px 0 92px;text-align:center;overflow:hidden}
.gd .u-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)}
.gd .u-final__in{position:relative}
.gd .u-final h2{font-size:clamp(1.8rem,4vw,2.7rem)}
.gd .u-final p{max-width:56ch;margin:14px auto 0;color:var(--muted)}
@media (max-width:980px){
.gd .u-elgrid{grid-template-columns:1fr 1fr}
.gd .u-steps{grid-template-columns:1fr 1fr}
.gd .u-steps li:nth-child(3){border-left:0}
.gd .u-steps li:nth-child(n+3){border-top:1px solid var(--line)}
.gd .u-steps--3{grid-template-columns:1fr}
.gd .u-steps--3 li{border-left:0}
.gd .u-steps--3 li+li{border-top:1px solid var(--line)}
.gd .u-grid3{grid-template-columns:minmax(0,1fr)}
.gd .u-faq{grid-template-columns:1fr;gap:30px}
.gd .u-faq .u-head{position:static}
.gd .u-section{padding:60px 0}
}
@media (max-width:720px){
.gd .u-steps{grid-template-columns:1fr}
.gd .u-steps li{border-left:0;border-top:1px solid var(--line)}
.gd .u-steps li:first-child{border-top:0}
.gd .u-grid2{grid-template-columns:minmax(0,1fr)}
.gd .u-tips{grid-template-columns:1fr}
.gd .u-tips li:nth-last-child(2){border-bottom:0}
.gd .u-line{grid-template-columns:1fr;gap:10px}
.gd .u-road::before{left:29px}
.gd .u-road li{grid-template-columns:60px minmax(0,1fr);gap:16px}
.gd .u-road__lv{width:60px;height:50px;font-size:1.05rem}
}
@media (max-width:480px){
.gd .u-shell{width:min(100% - 32px,var(--shell))}
.gd .u-elgrid{grid-template-columns:1fr}
.gd .u-card{padding:22px 18px}
}
.gd .u-i-a0_body{background-image:url('../assets/img/utmutato/a0_body.webp')}
.gd .u-i-a10_body{background-image:url('../assets/img/utmutato/a10_body.webp')}
.gd .u-i-a11_body{background-image:url('../assets/img/utmutato/a11_body.webp')}
.gd .u-i-a12_body{background-image:url('../assets/img/utmutato/a12_body.webp')}
.gd .u-i-a13_body{background-image:url('../assets/img/utmutato/a13_body.webp')}
.gd .u-i-a1_body{background-image:url('../assets/img/utmutato/a1_body.webp')}
.gd .u-i-a2_body{background-image:url('../assets/img/utmutato/a2_body.webp')}
.gd .u-i-a3_body{background-image:url('../assets/img/utmutato/a3_body.webp')}
.gd .u-i-a4_body{background-image:url('../assets/img/utmutato/a4_body.webp')}
.gd .u-i-a5_body{background-image:url('../assets/img/utmutato/a5_body.webp')}
.gd .u-i-a6_body{background-image:url('../assets/img/utmutato/a6_body.webp')}
.gd .u-i-a7_body{background-image:url('../assets/img/utmutato/a7_body.webp')}
.gd .u-i-a8_body{background-image:url('../assets/img/utmutato/a8_body.webp')}
.gd .u-i-a9_body{background-image:url('../assets/img/utmutato/a9_body.webp')}
.gd .u-i-bless_scroll{background-image:url('../assets/img/utmutato/bless_scroll.webp')}
.gd .u-i-efx_w_00{background-image:url('../assets/img/utmutato/efx_w_00.webp')}
.gd .u-i-fx_weapon{background-image:url('../assets/img/utmutato/fx_weapon.webp')}
.gd .u-i-ore2{background-image:url('../assets/img/utmutato/ore2.webp')}
.gd .u-i-rune_blood_01{background-image:url('../assets/img/utmutato/rune_blood_01.webp')}
.gd .u-i-rune_frag_blood{background-image:url('../assets/img/utmutato/rune_frag_blood.webp')}
.gd .u-i-w0_sword{background-image:url('../assets/img/utmutato/w0_sword.webp')}
.gd .u-i-w10_sword{background-image:url('../assets/img/utmutato/w10_sword.webp')}
.gd .u-i-w11_sword{background-image:url('../assets/img/utmutato/w11_sword.webp')}
.gd .u-i-w12_sword{background-image:url('../assets/img/utmutato/w12_sword.webp')}
.gd .u-i-w13_sword{background-image:url('../assets/img/utmutato/w13_sword.webp')}
.gd .u-i-w1_sword{background-image:url('../assets/img/utmutato/w1_sword.webp')}
.gd .u-i-w2_sword{background-image:url('../assets/img/utmutato/w2_sword.webp')}
.gd .u-i-w3_sword{background-image:url('../assets/img/utmutato/w3_sword.webp')}
.gd .u-i-w4_sword{background-image:url('../assets/img/utmutato/w4_sword.webp')}
.gd .u-i-w5_sword{background-image:url('../assets/img/utmutato/w5_sword.webp')}
.gd .u-i-w6_sword{background-image:url('../assets/img/utmutato/w6_sword.webp')}
.gd .u-i-w7_sword{background-image:url('../assets/img/utmutato/w7_sword.webp')}
.gd .u-i-w8_sword{background-image:url('../assets/img/utmutato/w8_sword.webp')}
.gd .u-i-w9_sword{background-image:url('../assets/img/utmutato/w9_sword.webp')}
.gd .u-i-wing00{background-image:url('../assets/img/utmutato/wing00.webp')}
.gd .u-i-wing01{background-image:url('../assets/img/utmutato/wing01.webp')}
.gd .u-i-wing02{background-image:url('../assets/img/utmutato/wing02.webp')}
.gd .u-i-wing03{background-image:url('../assets/img/utmutato/wing03.webp')}
.gd .u-i-wing04{background-image:url('../assets/img/utmutato/wing04.webp')}
.gd .u-i-wing05{background-image:url('../assets/img/utmutato/wing05.webp')}
.gd .u-i-wing06{background-image:url('../assets/img/utmutato/wing06.webp')}
.gd .u-i-wing07{background-image:url('../assets/img/utmutato/wing07.webp')}
.gd .u-i-wing08{background-image:url('../assets/img/utmutato/wing08.webp')}
.gd .u-i-wing09{background-image:url('../assets/img/utmutato/wing09.webp')}


/* ── a weboldalba illesztés (kézzel írt rész, a generált szabályok után) ── */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--top-h) + 70px)}
.gd{position:relative}
.gd [id]{scroll-margin-top:calc(var(--top-h) + 70px)}
/* fejezet sáv: a weboldal fejléce alatt marad görgetéskor is */
.gd-chap{position:sticky;top:var(--top-h);z-index:60;background:rgba(7,4,13,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.gd-chap__in{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.gd-chap__in::-webkit-scrollbar{display:none}
.gd-chap__in>b{flex:none;margin-right:6px;font-family:var(--display);font-size:.9rem;letter-spacing:.06em;color:var(--accent-lit)}
.gd-chap a{flex:none;padding:6px 14px;border-radius:99px;border:1px solid var(--line-2);color:rgba(236,231,245,.78);font-weight:650;font-size:.86rem;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
.gd-chap a:hover,.gd-chap a.on{color:#fff;border-color:var(--accent-lit);background:rgba(var(--accent-rgb),.18)}
.gd-note{margin:22px auto 0;max-width:760px;padding:12px 16px;border-radius:var(--r);border:1px solid rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.12);color:var(--ink);font-size:.92rem;text-align:center}
.gd .u-updated{margin:0;padding:0 0 34px;text-align:center;color:var(--dim);font-size:.84rem}
@media (max-width:720px){.gd-chap__in>b{display:none}}