/* =========================================================================
   ZENTHORIS GLOBAL — útmutató: az új fejezetek stílusa
   NPC-k (includes/utmutato_npc.php), Ládák és Fejlesztési táblázat (includes/utmutato_adat.php).
   A css/utmutato.css után töltődik; csak a saját „un-” osztályaihoz nyúl, a weboldal
   változóit (--line, --accent-rgb, --accent-lit, --ink, --muted, --r …) használja, ahol vannak.
   ========================================================================= */

.gd .un-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.gd .un-sec [hidden]{display:none!important}

/* ── ikonok ── */
.gd .un-ico{display:block;flex:0 0 auto;max-width:none;height:auto;image-rendering:auto;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55))}
.gd .un-ico--none{width:28px;height:28px;border:1px dashed var(--line-2,rgba(255,255,255,.18));border-radius:6px;opacity:.5;filter:none}
.gd .un-ico--yang{width:26px;height:26px;border-radius:50%;filter:none;
  background:radial-gradient(circle at 35% 30%,#fff3b0,#e2b440 45%,#8a6315 100%);box-shadow:inset 0 0 0 2px rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.5)}

/* tárgy: ikon + név egy sorban */
.gd .un-it{display:inline-flex;align-items:center;gap:10px;min-width:0;vertical-align:middle}
.gd .un-it>span{min-width:0;overflow-wrap:anywhere}

/* esély címke */
.gd .un-pc{display:inline-block;min-width:3.6em;padding:2px 8px;border-radius:99px;font-weight:700;font-size:.84rem;text-align:center;white-space:nowrap;
  border:1px solid var(--line,rgba(255,255,255,.1));background:rgba(255,255,255,.04);color:var(--ink,#ece7f5)}
.gd .un-pc--all{border-color:rgba(120,220,150,.55);background:rgba(120,220,150,.13);color:#b9f3c8}
.gd .un-pc--hi{border-color:rgba(120,220,150,.4);color:#b9f3c8}
.gd .un-pc--mid{border-color:rgba(240,200,110,.45);color:#f6dc9c}
.gd .un-pc--lo{border-color:rgba(240,120,110,.45);color:#f7b3aa}

.gd .un-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gd .un-tbl{width:100%;margin:0}
.gd .un-tbl td,.gd .un-tbl th{vertical-align:middle}
.gd .un-fresh{font-size:.84rem}

/* ── NPC-k ── */
.gd .un-jump{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 6px}
.gd .un-jump>b{margin-right:4px;font-size:.86rem;color:var(--muted,#a99fbd);font-weight:650}
.gd .un-jump a{padding:4px 11px;border-radius:99px;border:1px solid var(--line-2,rgba(255,255,255,.16));font-size:.84rem;font-weight:600;
  color:var(--ink,#ece7f5);text-decoration:none;transition:border-color .2s,background .2s}
.gd .un-jump a:hover,.gd .un-jump a:focus-visible{border-color:var(--accent-lit,#c9a6ff);background:rgba(var(--accent-rgb,150,100,230),.16)}
.gd .un-sub{margin-top:34px}
.gd .un-camp-note{margin:-4px 0 14px}

.gd .un-npcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:16px}
.gd .un-npc{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:start;padding:14px;scroll-margin-top:calc(var(--top-h,64px) + 74px);
  border:1px solid var(--line,rgba(255,255,255,.1));border-radius:var(--r-lg,14px);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.gd .un-npc:target{border-color:var(--accent-lit,#c9a6ff);box-shadow:0 0 0 1px var(--accent-lit,#c9a6ff) inset}
.gd .un-npc__pic{margin:0;aspect-ratio:400/560;border-radius:var(--r,10px);overflow:hidden;
  background:radial-gradient(70% 55% at 50% 38%,rgba(var(--accent-rgb,150,100,230),.22),transparent 72%),rgba(0,0,0,.28);
  border:1px solid var(--line,rgba(255,255,255,.1))}
.gd .un-npc__pic picture,.gd .un-npc__pic img{display:block;width:100%;height:100%}
.gd .un-npc__pic img{object-fit:cover;object-position:50% 20%}
.gd .un-npc__pic--none{display:grid;place-items:center;color:rgba(255,255,255,.18)}
.gd .un-npc__pic--none svg{width:46%;height:auto}
.gd .un-npc__txt{min-width:0}
.gd .un-npc__txt h4{margin:2px 0 6px;font-family:var(--display,inherit);font-size:1.12rem;line-height:1.25;color:var(--accent-lit,#e6d4ff)}
.gd .un-npc__former{margin:-4px 0 6px;font-size:.8rem;color:var(--dim,#8c82a3)}
.gd .un-npc__where{margin:0 0 8px;font-size:.88rem;color:var(--muted,#a99fbd)}
.gd .un-npc__where b{color:var(--ink,#ece7f5);font-weight:650}
.gd .un-npc__does{margin:0 0 8px;font-size:.92rem}
.gd .un-npc__does li{margin-bottom:4px}
.gd .un-npc__sells{font-size:.88rem;color:var(--muted,#a99fbd)}
.gd .un-npc__sells>b{color:var(--ink,#ece7f5);font-weight:650}
.gd .un-items{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.gd .un-items .un-it{gap:6px;padding:3px 9px 3px 4px;border-radius:8px;border:1px solid var(--line,rgba(255,255,255,.1));
  background:rgba(0,0,0,.22);font-size:.8rem;color:var(--ink,#ece7f5);max-width:100%}
.gd .un-items .un-ico{max-height:40px;width:auto}

/* ── kereső és szűrő (a ládáknál) ── */
.gd .un-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 16px}
.gd .un-search{flex:1 1 260px;max-width:420px}
.gd .un-search input{width:100%;box-sizing:border-box;padding:10px 14px 10px 38px;border-radius:99px;font:inherit;font-size:.92rem;
  color:var(--ink,#ece7f5);border:1px solid var(--line-2,rgba(255,255,255,.18));
  background:rgba(0,0,0,.3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a99fbd' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E") no-repeat 13px 50%/17px}
.gd .un-search input:focus{outline:0;border-color:var(--accent-lit,#c9a6ff);box-shadow:0 0 0 3px rgba(var(--accent-rgb,150,100,230),.22)}
.gd .un-chips{display:flex;flex-wrap:wrap;gap:6px}
.gd .un-chip{padding:6px 13px;border-radius:99px;border:1px solid var(--line-2,rgba(255,255,255,.16));background:transparent;cursor:pointer;
  font:inherit;font-size:.84rem;font-weight:650;color:rgba(236,231,245,.8);transition:color .2s,border-color .2s,background .2s}
.gd .un-chip:hover,.gd .un-chip.on{color:#fff;border-color:var(--accent-lit,#c9a6ff);background:rgba(var(--accent-rgb,150,100,230),.18)}
.gd .un-chip:focus-visible{outline:2px solid var(--accent-lit,#c9a6ff);outline-offset:2px}

/* ── lenyíló dobozok (ládák, szettek) ── */
.gd .un-chests,.gd .un-lines{display:grid;gap:8px}
.gd .un-chest,.gd .un-line{border:1px solid var(--line,rgba(255,255,255,.1));border-radius:var(--r-lg,14px);background:rgba(255,255,255,.025);overflow:hidden}
.gd .un-chest[open],.gd .un-line[open]{border-color:rgba(var(--accent-rgb,150,100,230),.5);background:rgba(255,255,255,.035)}
.gd .un-chest>summary,.gd .un-line>summary{display:flex;align-items:center;gap:14px;padding:10px 46px 10px 12px;cursor:pointer;list-style:none;position:relative}
.gd .un-chest>summary::-webkit-details-marker,.gd .un-line>summary::-webkit-details-marker{display:none}
.gd .un-chest>summary::after,.gd .un-line>summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;margin-top:-7px;
  border-right:2px solid var(--muted,#a99fbd);border-bottom:2px solid var(--muted,#a99fbd);transform:rotate(45deg);transition:transform .2s}
.gd .un-chest[open]>summary::after,.gd .un-line[open]>summary::after{transform:rotate(225deg);margin-top:-2px}
.gd .un-chest>summary:hover,.gd .un-line>summary:hover{background:rgba(255,255,255,.03)}
.gd .un-chest>summary:focus-visible,.gd .un-line>summary:focus-visible{outline:2px solid var(--accent-lit,#c9a6ff);outline-offset:-2px}
.gd .un-chest__ico,.gd .un-line__ico{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:10px;
  background:radial-gradient(60% 60% at 50% 50%,rgba(var(--accent-rgb,150,100,230),.22),transparent 75%),rgba(0,0,0,.25)}
.gd .un-chest__ico .un-ico,.gd .un-line__ico .un-ico{max-height:44px;width:auto}
.gd .un-chest__t,.gd .un-line__t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.gd .un-chest__t b,.gd .un-line__t b{font-size:1rem;color:var(--ink,#ece7f5);line-height:1.3}
.gd .un-chest__t small,.gd .un-line__t small{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;font-size:.8rem;color:var(--muted,#a99fbd);line-height:1.5}
.gd .un-chest__t small i,.gd .un-line__t small i{margin:0 7px;font-style:normal;opacity:.5}
.gd .un-chest__n{flex:0 0 auto;font-size:.8rem;color:var(--dim,#7d7491);white-space:nowrap}
.gd .un-tag{display:inline-block;padding:0 7px;border-radius:5px;font-size:.74rem;font-weight:700;letter-spacing:.02em;
  border:1px solid var(--line-2,rgba(255,255,255,.16));color:var(--ink,#ece7f5)}
.gd .un-tag--k1{border-color:rgba(240,170,90,.5);color:#f8cf9a}
.gd .un-tag--k2{border-color:rgba(150,120,240,.55);color:#d2c3ff}
.gd .un-tag--k3{border-color:rgba(110,200,220,.5);color:#aee6f1}
.gd .un-tag--k4{border-color:rgba(150,220,130,.5);color:#c5efb7}
.gd .un-tag--shop{border-color:rgba(240,210,110,.55);color:#f6e0a0}
.gd .un-diff{font-weight:700}
.gd .un-diff--1{color:#b9f3c8}.gd .un-diff--2{color:#f6dc9c}.gd .un-diff--3{color:#f7b3aa}

.gd .un-chest__body,.gd .un-line__body{padding:4px 12px 14px;border-top:1px solid var(--line,rgba(255,255,255,.08))}
.gd .un-note{margin:10px 2px;font-size:.86rem;color:var(--muted,#a99fbd)}
.gd .un-chest .un-tbl td:first-child{width:100%}
.gd .un-chest .un-tbl tr.un-hit td{background:rgba(var(--accent-rgb,150,100,230),.16)}
.gd .un-it--set{flex-direction:column;align-items:flex-start;gap:6px}
.gd .un-it--set>b{font-weight:650;color:var(--ink,#ece7f5)}
.gd .un-pieces{display:flex;flex-wrap:wrap;gap:4px}
.gd .un-piece{display:grid;place-items:center;width:34px;height:52px;border-radius:6px;background:rgba(0,0,0,.25)}
.gd .un-piece .un-ico{max-height:48px;width:auto}
.gd .un-empty{margin:16px 0 0;color:var(--muted,#a99fbd)}

/* ── fejlesztés: szett színek ── */
.gd .un-line--start .un-line__t b{color:#f3e2b2}
.gd .un-line--pvm .un-line__t b{color:#c8f0b0}
.gd .un-line--pvp .un-line__t b{color:#f6b8b8}
.gd .un-line__t small .u-el{margin-left:6px}

/* darab-fajta választó (rádiógombok, JavaScript nélkül) */
.gd .un-grp{position:relative}
.gd .un-grp__r{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.gd .un-grp__tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 10px}
.gd .un-grp__tabs label{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 7px;border-radius:99px;cursor:pointer;
  border:1px solid var(--line-2,rgba(255,255,255,.16));font-size:.84rem;font-weight:650;color:rgba(236,231,245,.8);transition:color .2s,border-color .2s,background .2s}
.gd .un-grp__tabs label:hover{color:#fff;border-color:rgba(var(--accent-rgb,150,100,230),.6)}
.gd .un-grp__tabs .un-ico{max-height:30px;width:auto}
.gd .un-grp__p{display:none}
.gd .un-grp>input:nth-of-type(1):checked~div:nth-of-type(1),
.gd .un-grp>input:nth-of-type(2):checked~div:nth-of-type(2),
.gd .un-grp>input:nth-of-type(3):checked~div:nth-of-type(3),
.gd .un-grp>input:nth-of-type(4):checked~div:nth-of-type(4),
.gd .un-grp>input:nth-of-type(5):checked~div:nth-of-type(5),
.gd .un-grp>input:nth-of-type(6):checked~div:nth-of-type(6){display:block}
.gd .un-grp>input:nth-of-type(1):checked~p label:nth-of-type(1),
.gd .un-grp>input:nth-of-type(2):checked~p label:nth-of-type(2),
.gd .un-grp>input:nth-of-type(3):checked~p label:nth-of-type(3),
.gd .un-grp>input:nth-of-type(4):checked~p label:nth-of-type(4),
.gd .un-grp>input:nth-of-type(5):checked~p label:nth-of-type(5),
.gd .un-grp>input:nth-of-type(6):checked~p label:nth-of-type(6){color:#fff;border-color:var(--accent-lit,#c9a6ff);background:rgba(var(--accent-rgb,150,100,230),.2)}
.gd .un-grp>input:nth-of-type(1):focus-visible~p label:nth-of-type(1),
.gd .un-grp>input:nth-of-type(2):focus-visible~p label:nth-of-type(2),
.gd .un-grp>input:nth-of-type(3):focus-visible~p label:nth-of-type(3),
.gd .un-grp>input:nth-of-type(4):focus-visible~p label:nth-of-type(4),
.gd .un-grp>input:nth-of-type(5):focus-visible~p label:nth-of-type(5),
.gd .un-grp>input:nth-of-type(6):focus-visible~p label:nth-of-type(6){outline:2px solid var(--accent-lit,#c9a6ff);outline-offset:2px}

.gd .un-tbl--up td.u-lv{white-space:nowrap;font-weight:700}
.gd .un-tbl--up td.u-lv small{display:block;font-weight:500;font-size:.76rem;color:var(--muted,#a99fbd);white-space:normal}
.gd .un-tbl--up tr.un-next td{background:rgba(var(--accent-rgb,150,100,230),.09)}
.gd .un-tbl--up tr.un-next td.u-lv{white-space:normal;min-width:150px}
.gd .un-need{display:flex;flex-wrap:wrap;gap:4px 12px}
.gd .un-mat{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:.86rem}
.gd .un-mat>b{font-weight:700;color:var(--ink,#ece7f5)}
.gd .un-mat .un-ico{max-height:24px;width:auto}
.gd .un-mat__n{color:var(--muted,#a99fbd);font-size:.8rem}
.gd .un-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:12px 2px 0;font-size:.84rem;color:var(--muted,#a99fbd)}
.gd .un-legend>b{color:var(--ink,#ece7f5);font-weight:650}
.gd .un-legend .un-it{gap:6px}
.gd .un-legend .un-ico{max-height:24px;width:auto}

/* ── keskeny képernyő ── */
@media (max-width:860px){
  .gd .un-mat__n{display:none}
}
@media (max-width:560px){
  .gd .un-npc{grid-template-columns:92px minmax(0,1fr);gap:10px 12px;padding:12px}
  .gd .un-npc__txt{display:contents}
  .gd .un-npc__pic{grid-column:1;grid-row:1}
  .gd .un-npc__head{grid-column:2;grid-row:1;align-self:center}
  .gd .un-npc__does,.gd .un-npc__sells{grid-column:1/-1}
  .gd .un-npc__txt h4{font-size:1.02rem}
  .gd .un-npc__does{font-size:.88rem}
  .gd .un-chest>summary,.gd .un-line>summary{gap:10px;padding:9px 38px 9px 9px}
  .gd .un-chest>summary::after,.gd .un-line>summary::after{right:14px}
  .gd .un-chest__ico,.gd .un-line__ico{flex-basis:42px;height:42px}
  .gd .un-chest__ico .un-ico,.gd .un-line__ico .un-ico{max-height:36px}
  .gd .un-chest__n{display:none}
  .gd .un-chest__body,.gd .un-line__body{padding:2px 8px 12px}
  .gd .un-tbl th,.gd .un-tbl td{padding-left:6px;padding-right:6px}
  .gd .un-it{gap:7px;font-size:.88rem}
  .gd .un-pc{min-width:0;padding:2px 6px;font-size:.8rem}
  .gd .un-piece{width:30px;height:46px}
  .gd .un-piece .un-ico{max-height:42px}
  .gd .un-tbl--up tr.un-next td.u-lv{min-width:110px}
}
@media (prefers-reduced-motion:reduce){
  .gd .un-chest>summary::after,.gd .un-line>summary::after{transition:none}
}

/* =========================================================================
   2026-10-15 — ÉLŐ részek: Újdonságok, új rendszerek kártyái, a boltos NPC-k játékbeli bolt ablaka
   ========================================================================= */

/* ── „élő adat” jelző ── */
.gd .un-live{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 9px;margin:-12px 0 22px;padding:6px 14px 6px 12px;border-radius:99px;
  border:1px solid rgba(120,220,150,.32);background:rgba(120,220,150,.07);font-size:.84rem;color:var(--muted,#a99fbd)}
.gd .un-live b{color:#b9f3c8;font-weight:700}
.gd .un-live i{font-style:normal;opacity:.5}
.gd .un-live__dot{width:8px;height:8px;border-radius:50%;background:#5fe08a;box-shadow:0 0 0 0 rgba(95,224,138,.7);animation:un-pulse 2.2s infinite}
@keyframes un-pulse{0%{box-shadow:0 0 0 0 rgba(95,224,138,.65)}70%{box-shadow:0 0 0 9px rgba(95,224,138,0)}100%{box-shadow:0 0 0 0 rgba(95,224,138,0)}}

/* ── Újdonságok ── */
.gd .un-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:16px;align-items:start}
.gd .un-day{padding:16px 16px 10px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:var(--r-lg,14px);
  background:linear-gradient(170deg,rgba(27,16,45,.75),rgba(11,7,21,.8))}
.gd .un-day__h{margin:0 0 10px;font-family:var(--body,inherit);font-size:.82rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-lit,#c9a6ff)}
.gd .un-ch-list{list-style:none;margin:0;padding:0}
.gd .un-ch>a,.gd .un-ch>div{display:flex;align-items:center;gap:12px;padding:7px 8px;margin:0 -8px;border-radius:8px;color:var(--ink,#ece7f5);font-size:.92rem;line-height:1.35}
.gd .un-ch>a:hover{background:rgba(var(--accent-rgb,150,100,230),.12);color:#fff}
.gd .un-ch+.un-ch{border-top:1px solid rgba(255,255,255,.05)}
.gd .un-ch__ico{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:8px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.06)}
.gd .un-ch__ico .un-ico{max-height:30px;width:auto}
.gd .un-ch__npc{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:50% 12%}
.gd .un-ch__t{min-width:0;overflow-wrap:anywhere}
.gd .un-ch__t small{color:var(--dim,#8c82a3)}
.gd .un-ch__g{width:18px;height:18px;background:currentColor;opacity:.8;color:var(--accent-lit,#c9a6ff);
  -webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.gd .un-ch__g--star{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7L12 17.3 5.8 20.9l1.6-7L2 9.2l7.1-.6z'/%3E%3C/svg%3E")}
.gd .un-ch__g--plus{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4h3v6.5H20v3h-6.5V20h-3v-6.5H4v-3h6.5z'/%3E%3C/svg%3E")}
.gd .un-ch__g--npc{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7.5' r='4'/%3E%3Cpath d='M4 21c.8-5 4-8 8-8s7.2 3 8 8z'/%3E%3C/svg%3E")}
.gd .un-ch__g--mob{color:#f7a49a;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C7 2 4 5.6 4 10c0 2.6 1.2 4.4 3 5.6V20l2-1 1 2h4l1-2 2 1v-4.4c1.8-1.2 3-3 3-5.6 0-4.4-3-8-8-8zm-3.5 11a2 2 0 110-4 2 2 0 010 4zm7 0a2 2 0 110-4 2 2 0 010 4z'/%3E%3C/svg%3E")}
.gd .un-ch__g--anvil{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h13c0 2.8 2.2 4 5 4v2c-2 0-4 .6-5 2l1 3H7l1-3c-1.6-.7-3-2-3.6-4H3z'/%3E%3C/svg%3E")}
.gd .un-ch--shopx .un-ch__t{color:var(--muted,#a99fbd)}
.gd .un-older{margin-top:16px}
.gd .un-older>summary{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:99px;border:1px solid var(--line-2,rgba(255,255,255,.16));
  cursor:pointer;list-style:none;font-size:.86rem;font-weight:650;color:var(--ink,#ece7f5)}
.gd .un-older>summary::-webkit-details-marker{display:none}
.gd .un-older>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.gd .un-older[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.gd .un-older>.un-days{margin-top:16px}

/* ── új rendszerek kártyái (a „Hasznos rendszerek” rácsában) ── */
.gd .un-rsz{scroll-margin-top:calc(var(--top-h,64px) + 74px)}
.gd .un-rsz:target{border-color:var(--accent-lit,#c9a6ff);box-shadow:0 0 0 1px var(--accent-lit,#c9a6ff) inset}
.gd .un-rsz--new{border-color:rgba(var(--accent-rgb,150,100,230),.45);
  background:radial-gradient(120% 70% at 100% 0%,rgba(var(--accent-rgb,150,100,230),.2),transparent 60%),linear-gradient(170deg,rgba(27,16,45,.9),rgba(11,7,21,.92))}
.gd .un-rsz__h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.gd .un-rsz__h h3{margin:0;flex:1;min-width:0}
.gd .un-rsz__ico{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}
.gd .un-rsz__ico .un-ico{max-height:34px;width:auto}
.gd .un-new{flex:0 0 auto;padding:3px 9px;border-radius:99px;font-size:.7rem;font-weight:800;letter-spacing:.12em;color:#1b0f02;
  background:linear-gradient(180deg,#ffe08a,#f0a83a);box-shadow:0 0 14px rgba(255,190,80,.45);animation:un-glow 2.6s ease-in-out infinite}
@keyframes un-glow{50%{box-shadow:0 0 22px rgba(255,190,80,.75)}}
.gd .un-rsz__hol{font-size:.88rem}
.gd .un-rsz .un-items{margin-top:10px}
.gd .un-items--ico .un-it{padding:4px;gap:0}
.gd .un-items--ico .un-ico{max-height:32px}

/* ── boltos NPC: kártya + a bolt ablaka egy sorban ── */
.gd .un-npc--shop{grid-column:1/-1;grid-template-columns:150px minmax(0,1fr) auto}
.gd .un-npc__shop{align-self:start}
.gd button.un-npc__pic{padding:0;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,box-shadow .25s,transform .25s}
.gd button.un-npc__pic:hover,.gd button.un-npc__pic:focus-visible{border-color:var(--accent-lit,#c9a6ff);box-shadow:0 0 0 1px var(--accent-lit,#c9a6ff),0 10px 26px rgba(0,0,0,.4);transform:translateY(-2px)}
.gd .un-jump a.un-jump--shop::after{content:"";display:inline-block;width:12px;height:12px;margin-left:6px;vertical-align:-1px;background:currentColor;opacity:.7;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h2l2.3 10.2a2 2 0 002 1.6H18a2 2 0 001.9-1.4L22 7H7.2' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='10' cy='20' r='1.6'/%3E%3Ccircle cx='17' cy='20' r='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h2l2.3 10.2a2 2 0 002 1.6H18a2 2 0 001.9-1.4L22 7H7.2' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='10' cy='20' r='1.6'/%3E%3Ccircle cx='17' cy='20' r='1.6'/%3E%3C/svg%3E") center/contain no-repeat}

/* ── a játékbeli bolt ablaka ── */
.gd .zs{--c:34px;position:relative;width:calc(5 * var(--c) + 26px);margin:0 auto}
.gd .zs-win{position:relative;padding:0 12px 10px;border:1px solid #7a6247;border-radius:5px;overflow:hidden;
  background:linear-gradient(180deg,rgba(32,25,20,.97),rgba(16,12,10,.98));
  box-shadow:inset 0 0 0 1px #1a130e,inset 0 0 0 3px #3a2d22,inset 0 0 0 4px rgba(122,98,71,.35),0 18px 44px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.7)}
.gd .zs-win::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,228,160,.28) 48%,rgba(255,255,255,.1) 52%,transparent 68%);background-size:260% 100%;background-position:100% 0}
.gd .zs-bar{position:relative;display:flex;align-items:center;justify-content:center;height:28px;margin:0 -12px 10px;padding:0 30px;
  border-bottom:1px solid #6b5640;background:linear-gradient(180deg,#4a3a2b,#2a2018 55%,#1e1712);box-shadow:inset 0 1px 0 rgba(255,236,190,.18)}
.gd .zs-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--display,serif);font-size:.8rem;font-weight:700;letter-spacing:.06em;color:#f3dcab;text-shadow:0 1px 0 #000,0 0 8px rgba(255,200,110,.25)}
.gd .zs-x{position:absolute;right:6px;top:5px;width:18px;height:18px;padding:0;border:1px solid #7a6247;border-radius:3px;cursor:pointer;
  background:linear-gradient(180deg,#5a4532,#2c2118)}
.gd .zs-x::before,.gd .zs-x::after{content:"";position:absolute;left:3px;right:3px;top:7.5px;height:2px;border-radius:1px;background:#e9cf98;transform:rotate(45deg)}
.gd .zs-x::after{transform:rotate(-45deg)}
.gd .zs-x:hover{filter:brightness(1.35)}
.gd .zs-tabs{display:flex;gap:3px;margin:0 0 8px}
.gd .zs-tab{flex:1 1 0;min-width:0;padding:4px 3px 3px;border:1px solid #5d4935;border-radius:3px 3px 0 0;cursor:pointer;overflow-wrap:anywhere;hyphens:auto;
  background:linear-gradient(180deg,#2c2219,#1a140f);font:600 .68rem/1.15 var(--body,sans-serif);color:#bba78a;transition:color .15s,background .15s}
.gd .zs-tab:hover{color:#f3dcab}
.gd .zs-tab.on{color:#ffe7b3;background:linear-gradient(180deg,#5a4532,#33271d);border-color:#8a6f50}
.gd .zs-grid{position:relative;width:calc(5 * var(--c));height:calc(8 * var(--c));border:1px solid #3e3127;
  background-color:#0c0907;
  background-image:linear-gradient(to right,rgba(98,78,60,.55) 1px,transparent 1px),linear-gradient(to bottom,rgba(98,78,60,.55) 1px,transparent 1px),
                   radial-gradient(circle at 50% 45%,rgba(60,48,38,.35),transparent 70%);
  background-size:var(--c) var(--c),var(--c) var(--c),var(--c) var(--c);box-shadow:inset 0 0 12px rgba(0,0,0,.8)}
.gd .zs-it{position:absolute;left:calc(var(--x) * var(--c));top:calc(var(--y) * var(--c));width:var(--c);height:calc(var(--s) * var(--c));
  display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;border-radius:2px;transition:background .12s}
.gd .zs-it img{display:block;max-width:none;width:auto;height:auto;image-rendering:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}
.gd .zs-it:hover,.gd .zs-it:focus-visible{background:rgba(255,226,150,.14);box-shadow:inset 0 0 0 1px rgba(255,220,140,.6);outline:0}
.gd .zs-noimg{width:24px;height:24px;border:1px dashed rgba(255,255,255,.25);border-radius:4px}
.gd .zs-cnt{position:absolute;right:2px;bottom:1px;font:800 10px/1 var(--body,sans-serif);color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 0 3px #000}
.gd .zs-foot{margin:8px 0 0;text-align:center}
.gd .zs-live{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:650;letter-spacing:.04em;color:#9fd9ae}
.gd .zs-live i{width:6px;height:6px;border-radius:50%;background:#5fe08a;animation:un-pulse 2.2s infinite}
.gd .zs-hint{margin:8px 0 0;font-size:.74rem;line-height:1.4;color:var(--dim,#8c82a3);text-align:center}
.gd .zs-reopen{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;white-space:nowrap;
  border:1px solid rgba(var(--accent-rgb,150,100,230),.6);background:rgba(var(--accent-rgb,150,100,230),.18);color:#fff;font:700 .84rem var(--body,sans-serif);cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.4)}
.gd .zs-reopen span{width:14px;height:14px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h2l2.3 10.2a2 2 0 002 1.6H18a2 2 0 001.9-1.4L22 7H7.2' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='10' cy='20' r='1.6'/%3E%3Ccircle cx='17' cy='20' r='1.6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h2l2.3 10.2a2 2 0 002 1.6H18a2 2 0 001.9-1.4L22 7H7.2' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='10' cy='20' r='1.6'/%3E%3Ccircle cx='17' cy='20' r='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.gd .zs-reopen:hover{background:rgba(var(--accent-rgb,150,100,230),.32)}
.gd .zs-reopen[hidden]{display:none}

/* JavaScripttel: az ablak csukva vár, és „feljön”, amikor odagörgetsz (vagy rákattintasz az NPC-re) */
.gd.zs-js .zs-win,.gd .zs-js .zs-win{opacity:0;transform:translateY(18px) scale(.9);transform-origin:50% 85%;visibility:hidden}
.gd .zs-js .zs--open .zs-win{visibility:visible;animation:zs-pop .5s cubic-bezier(.2,.9,.25,1.25) both}
.gd .zs-js .zs--open .zs-win::after{animation:zs-sweep 1s .18s ease-out both}
.gd .zs-js .zs--open .zs-it{animation:zs-in .34s both;animation-delay:calc(160ms + var(--i) * 20ms)}
.gd .zs-js .zs--closed .zs-win{visibility:visible;animation:zs-drop .28s ease-in both}
.gd .zs-js .zs-grid--in .zs-it{animation:zs-in .26s both;animation-delay:calc(var(--i) * 12ms)}
@keyframes zs-pop{0%{opacity:0;transform:translateY(22px) scale(.86);filter:brightness(2.2) blur(3px)}55%{opacity:1;transform:translateY(-4px) scale(1.025);filter:brightness(1.15)}100%{opacity:1;transform:none;filter:none}}
@keyframes zs-sweep{0%{opacity:1;background-position:100% 0}100%{opacity:0;background-position:-60% 0}}
@keyframes zs-in{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@keyframes zs-drop{from{opacity:1;transform:none}to{opacity:0;transform:translateY(14px) scale(.92);visibility:hidden}}

/* a tárgy súgója (a body végén, ezért nincs .gd előtag) */
.zs-tip{position:fixed;z-index:9000;max-width:270px;padding:9px 12px 10px;border:1px solid #6b5640;border-radius:4px;pointer-events:none;
  background:rgba(10,8,12,.95);box-shadow:0 12px 30px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.8);font:500 12.5px/1.45 'Segoe UI',Tahoma,sans-serif;color:#d8d0c2}
.zs-tip[hidden]{display:none}
.zs-tip>span{display:block}
.zs-tip__n{display:block;margin-bottom:3px;font-size:13.5px;font-weight:700;color:#f6e3a8}
.zs-tip__c{color:#c7c0b4}
.zs-tip__d{margin-top:4px;color:#a9a091;font-size:12px}
.zs-tip__p{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1);color:#ffd45e;font-weight:700}

@media (max-width:980px){
  .gd .un-npc--shop{grid-template-columns:130px minmax(0,1fr)}
  .gd .un-npc--shop .un-npc__shop{grid-column:1/-1;justify-self:center}
}
@media (max-width:560px){
  .gd .un-npc--shop{grid-template-columns:96px minmax(0,1fr)}
  .gd .zs{--c:32px}
}
@media (prefers-reduced-motion:reduce){
  .gd .un-live__dot,.gd .zs-live i,.gd .un-new{animation:none}
  .gd .zs-js .zs-win{opacity:1;transform:none;visibility:visible}
  .gd .zs-js .zs--open .zs-win,.gd .zs-js .zs--open .zs-it,.gd .zs-js .zs--closed .zs-win,.gd .zs-js .zs-grid--in .zs-it,.gd .zs-js .zs--open .zs-win::after{animation:none}
}
/* 2026-10-21: fejlesztés összesítés (+0 → +9) */
.gd .un-tbl--up tfoot tr.un-sum td{border-top:2px solid rgba(var(--accent-rgb,150,100,230),.55);background:rgba(var(--accent-rgb,150,100,230),.14);font-weight:700}
.gd .un-tbl--up tfoot tr.un-sum td.u-lv{white-space:normal;min-width:120px}