:root{
	/* Vanteria: paleta rozowa (28.10) - jasny roz, bialy tekst. Zmiana motywu strony = zmiana tych zmiennych. */
	--vt-card-bg:rgba(86,26,66,.5);
	--vt-card-border:rgba(255,196,222,.95);
	--vt-card-glow:0 0 14px rgba(255,190,225,.35);
	--vt-title:#fff;
	--vt-text:#fff;
	--vt-note:#f6d2e2;
	--vt-btn-top:#ee7fb0;
	--vt-btn-bottom:#cc4784;
	--vt-btn-border:#ffd0e4;
	--vt-btn-shadow:0 1px 2px rgba(80,0,40,.95),0 0 3px rgba(80,0,40,.6);
	--vt-sub-bg:rgba(40,8,32,.45);
	--vt-pulse:255,170,215;
	--vt-inner-bg:rgba(40,8,32,.45);
	--vt-inner-border:rgba(255,196,222,.5);
	--vt-input-bg:rgba(30,6,24,.6);
	--vt-input-border:rgba(255,196,222,.6);
	--vt-sec-btn-bg:rgba(255,160,205,.28);
}
/* ============================================================================
   Vanteria: nowoczesny wyglad stron (18.10.2026) - ten sam styl co /key-systems i /vanteria-vs-real.
   Uzycie: <div class="vx [t-zombie|t-battle|t-castle|t-blue|t-green]"> ... </div>
   Wszystko pod .vx, wiec nie dotyka reszty strony. Ladowany w index.php.
   ========================================================================== */
.vx{--g:#e58cb4;--g2:#ffb3d6;--ink:#4a1a3a;--muted:#8a5a78;--paper:#fbe1ee;--paper2:#f6cde1;--cream:#fff3f8;--line:#f0bad4;--brown:#7a1f55;
	--band:linear-gradient(#4a1a3c,#2a0c24);
	--t:#ff7fb8;--t2:#ffd9ea;--tglow:rgba(255,120,190,.32);--tbg:linear-gradient(135deg,#5a1f48,#2a0c24);
	font:12px/1.55 Verdana,Tahoma,sans-serif;color:var(--ink);max-width:900px;margin:0 auto}
.vx *{box-sizing:border-box}
.vx img{vertical-align:middle}
.vx img.px,.vx .px img{image-rendering:pixelated}
.vx a{color:#a3215f;font-weight:bold}
.vx a:hover{color:#d9468a}
.vx p{margin:0 0 8px}
.vx p:last-child{margin-bottom:0}
.vx strong,.vx b{color:inherit}
/* motywy stron (akcent) */
.vx.t-zombie{--t:#7fb35a;--t2:#d4f2a8;--tglow:rgba(127,179,90,.32);--tbg:linear-gradient(135deg,#1d2b14,#0d140a)}
.vx.t-battle{--t:#d0583f;--t2:#ffc2a8;--tglow:rgba(208,88,63,.32);--tbg:linear-gradient(135deg,#3a1610,#1a0a07)}
.vx.t-castle{--t:#9d7be0;--t2:#e2d4ff;--tglow:rgba(157,123,224,.32);--tbg:linear-gradient(135deg,#25183d,#110b1e)}
.vx.t-blue{--t:#5fa6e0;--t2:#cfe8ff;--tglow:rgba(95,166,224,.30);--tbg:linear-gradient(135deg,#132a3d,#0a1520)}
.vx.t-green{--t:#5fbf8a;--t2:#c9f5dc;--tglow:rgba(95,191,138,.30);--tbg:linear-gradient(135deg,#123326,#09180f)}

/* ── hero ── */
.vx-hero{position:relative;padding:24px 18px 18px;border:1px solid var(--t);border-radius:9px;overflow:hidden;text-align:center;color:#fbd9ea;
	background:radial-gradient(ellipse at 50% 125%,var(--tglow),transparent 62%),radial-gradient(ellipse at 12% -10%,rgba(255,150,205,.16),transparent 50%),radial-gradient(ellipse at 88% -10%,rgba(255,255,255,.07),transparent 50%),linear-gradient(#1b0d14,#0c0509);
	box-shadow:0 4px 16px rgba(0,0,0,.45)}
.vx-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px)}
.vx-hero>*{position:relative;z-index:1}
.vx-kicker{display:inline-block;margin-bottom:6px;padding:2px 10px;border:1px solid var(--t);border-radius:12px;font:bold 9px Verdana,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--t2);background:rgba(0,0,0,.35)}
.vx-hero h1{margin:0;font:bold 27px/1.12 Georgia,'Times New Roman',serif;letter-spacing:3px;text-transform:uppercase;color:var(--t2);text-shadow:0 0 16px var(--tglow),0 2px 2px #000}
.vx-hero h1 img{margin:-6px 10px 0;filter:drop-shadow(0 2px 3px #000)}
.vx-hero p,.vx-hero .vx-lead{margin:8px auto 0;max-width:600px;color:#e468a6;font-size:12px}
.vx-hero-art{display:flex;justify-content:center;align-items:flex-end;gap:18px;margin-top:14px;flex-wrap:wrap}
.vx-hero-art figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:3px}
.vx-hero-art figcaption{font:bold 10px Verdana,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#f0c4d8}
.vx-badges{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:12px}
.vx-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;background:rgba(0,0,0,.4);border:1px solid rgba(255,160,205,.55);color:#fbd9ea;font-size:11px}
.vx-badge b{color:var(--t2)}
.vx a.vx-badge{color:#fbd9ea;font-weight:normal;text-decoration:none}
.vx a.vx-badge:hover{border-color:var(--t2);color:var(--t2)}
.vx .vx-hero a:not(.vx-badge):not(.vx-cta){color:var(--t2)}
.vx-cta{display:inline-block;margin-top:12px;padding:7px 16px;border-radius:5px;border:1px solid var(--t2);background:linear-gradient(var(--t),rgba(0,0,0,.25));color:#fff !important;font:bold 11px Verdana,sans-serif;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;text-shadow:0 1px 2px #000;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.vx-cta:hover{filter:brightness(1.12)}

/* ── pasek liczb ── */
.vx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:10px 0 4px}
.vx-stat{background:var(--paper);border:1px solid var(--g);border-radius:7px;padding:8px 10px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.vx-stat b{display:block;font:bold 17px/1.2 Georgia,serif;color:#a3215f}
.vx-stat span{display:block;margin-top:2px;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.vx-stat img{float:left;margin:-2px 4px 0 -2px}

/* ── naglowek sekcji ── */
.vx-h{display:flex;align-items:center;gap:10px;margin:20px 0 10px;font:bold 13px Georgia,serif;letter-spacing:2px;text-transform:uppercase;color:#4a1a3a}
.vx-h:before,.vx-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--g),transparent)}
.vx-h img{margin:-4px 0}
.vx-sub{margin:-4px 0 10px;text-align:center;font-size:11px;color:var(--muted)}

/* ── karty ── */
.vx-card{background:var(--paper);border:1px solid var(--g);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.22)}
.vx-card+.vx-card{margin-top:10px}
.vx-card-head{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--tbg);color:var(--t2);border-bottom:1px solid var(--t)}
.vx-card-head b,.vx-card-head h3{margin:0;font:bold 13px Georgia,serif;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px #000}
.vx-card-head small{display:block;font-size:10px;color:#d887af;letter-spacing:0;text-transform:none}
.vx-card-head .vx-right{margin-left:auto;font-size:10px;color:#d887af}
.vx-card-body{padding:10px 12px}
.vx-card.dark{background:var(--tbg);color:#fbd9ea;border-color:var(--t)}
.vx-card.dark a{color:var(--t2)}
.vx-panel{padding:10px 12px;background:var(--paper);border:1px solid var(--g);border-radius:8px}

/* ── siatki ── */
.vx-g2,.vx-g3,.vx-g4,.vx-auto{display:grid;gap:10px}
.vx-g2{grid-template-columns:repeat(2,1fr)}
.vx-g3{grid-template-columns:repeat(3,1fr)}
.vx-g4{grid-template-columns:repeat(4,1fr)}
.vx-auto{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));align-items:start}
.vx-g2>.vx-card+.vx-card,.vx-g3>.vx-card+.vx-card,.vx-g4>.vx-card+.vx-card,.vx-auto>.vx-card+.vx-card{margin-top:0}

/* ── kroki ── */
.vx-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:0;padding:0;list-style:none;counter-reset:vx}
.vx-steps>li{position:relative;padding:11px 12px 10px 46px;background:var(--paper);border:1px solid var(--g);border-radius:7px;counter-increment:vx;min-height:58px}
.vx-steps>li:before{content:counter(vx);position:absolute;left:10px;top:11px;width:26px;height:26px;border-radius:50%;background:var(--band);border:1px solid var(--g);color:var(--g2);font:bold 13px/24px Georgia,serif;text-align:center}
.vx-steps>li>b:first-child,.vx-steps>li>strong:first-child{display:block;color:var(--brown);text-transform:uppercase;font-size:11px;letter-spacing:.3px}
.vx-steps>li img.vx-ico{position:absolute;right:8px;top:8px;opacity:.9}

/* ── reguly / ikony z tekstem ── */
.vx-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.vx-rule{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;background:var(--paper);border:1px solid var(--g);border-radius:7px}
.vx-rule>img,.vx-rule>.vx-em{flex:0 0 32px}
.vx-rule>span>b:first-child{display:block;color:var(--brown)}
.vx-em{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--tbg);border:1px solid var(--t);color:var(--t2);font:bold 14px Georgia,serif}

/* ── lista klucz-wartosc ── */
.vx-kv{list-style:none;margin:0;padding:0}
.vx-kv li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;border-bottom:1px dashed #d86da2}
.vx-kv li:last-child{border-bottom:0}
.vx-kv li>span:first-child{color:var(--muted)}
.vx-kv li>strong,.vx-kv li>b,.vx-kv li>span+span{text-align:right;color:var(--brown);font-weight:bold}
.vx-kv .ok{color:#2e6b1e !important}
.vx-kv .no{color:#8b3a2e !important}
.vx-kv s{color:#9a5a7a;font-weight:normal;margin-right:3px}

.vx-kv.rows li{display:grid;grid-template-columns:30% 1fr;gap:12px}
.vx-kv.rows li>b,.vx-kv.rows li>strong,.vx-kv.rows li>span+span{text-align:left;font-weight:normal;color:var(--ink)}
.vx-kv.rows li>span:first-child{font-weight:bold;color:var(--brown)}

/* ── tabele ── */
.vx-scroll{max-height:560px;overflow:auto}
.vx-table{width:100%;border-collapse:collapse;font-size:11px;background:var(--cream)}
.vx-table th,.vx-table td{border-bottom:1px solid var(--line);padding:5px 9px;text-align:left;vertical-align:middle;font-size:11.5px}
.vx-table th{position:sticky;top:0;z-index:1;background:var(--paper2);font-size:10px;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;color:#4a1a3a}
.vx-table tbody tr:hover td{background:#f6b5d6}
.vx-table td.n,.vx-table th.n{text-align:right;white-space:nowrap}
.vx-table td.c,.vx-table th.c{text-align:center}
.vx-table td.nw{white-space:nowrap}
.vx-table .muted{color:var(--muted)}
.vx-table-wrap{border:1px solid var(--g);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.vx-table-wrap>.vx-card-head{border-radius:0}

/* ── chipy, zakladki, wyszukiwarka ── */
.vx-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.vx-chip{appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid var(--g);background:var(--paper);color:var(--ink);border-radius:14px;padding:4px 12px;font:bold 11px Verdana,Tahoma,sans-serif;display:inline-flex;align-items:center;gap:6px}
.vx-chip[aria-pressed="true"],.vx-chip[aria-selected="true"]{background:var(--band);color:var(--g2);border-color:var(--g2)}
.vx-search{flex:1;min-width:160px;padding:6px 12px;border:1px solid var(--g);border-radius:14px;background:var(--cream);font:11px Verdana,sans-serif;color:var(--ink)}
.vx-chip:focus-visible,.vx-search:focus-visible,.vx summary:focus-visible,.vx-cta:focus-visible{outline:2px solid #1e6fd9;outline-offset:2px}

/* ── rozwijane (details) ── */
.vx-details{border:1px solid var(--g);border-radius:8px;overflow:hidden;background:var(--paper);box-shadow:0 2px 6px rgba(0,0,0,.18)}
.vx-details+.vx-details{margin-top:8px}
.vx-details>summary{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--band);color:#fbd9ea;list-style:none;cursor:pointer}
.vx-details>summary::-webkit-details-marker{display:none}
.vx-details>summary b{font:bold 13px Georgia,serif;letter-spacing:1px;text-transform:uppercase;color:var(--g2)}
.vx-details>summary small{font-size:10px;color:#f0c4d8}
.vx-details>summary:after{content:"\25BC";margin-left:auto;color:var(--g2);font-size:10px;transition:transform .15s}
.vx-details[open]>summary:after{transform:rotate(180deg)}
.vx-details>.vx-card-body,.vx-details>.vx-scroll{border-top:1px solid var(--g)}

/* FAQ */
.vx-faq{display:grid;gap:6px}
.vx-faq details{border:1px solid var(--g);border-radius:7px;background:var(--paper);overflow:hidden}
.vx-faq summary{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;list-style:none;font-weight:bold;color:var(--brown)}
.vx-faq summary::-webkit-details-marker{display:none}
.vx-faq summary:before{content:"?";flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--band);color:var(--g2);font:bold 11px/20px Georgia,serif;text-align:center}
.vx-faq summary:after{content:"+";margin-left:auto;color:#8a3f64;font-size:14px}
.vx-faq details[open] summary:after{content:"\2212"}
.vx-faq details>div{padding:0 12px 10px 40px}

/* ── komendy ── */
.vx-cmd{display:inline-block;padding:1px 7px;border-radius:4px;background:#1c0d14;border:1px solid rgba(255,160,205,.6);color:var(--g2);font:bold 11px/1.6 Consolas,'Courier New',monospace;white-space:nowrap}
.vx-cmd i{font-style:normal;color:#f0c4d8;font-weight:normal}
.vx-steps .vx-cmd,.vx-rule .vx-cmd{white-space:normal}

/* ── znaczniki ── */
.vx-tag{display:inline-block;padding:0 6px;border-radius:3px;font:bold 9px/16px Verdana,sans-serif;letter-spacing:.3px;background:#e88bb9;color:#6b1842;white-space:nowrap;vertical-align:middle}
.vx-tag.red{background:#7a1f1f;color:#ff82c1}
.vx-tag.green{background:#d9ead3;color:#2f5a23}
.vx-tag.blue{background:#d8e6f3;color:#244b70}
.vx-tag.purple{background:#e6dcef;color:#5a3d78}
.vx-tag.dark{background:var(--band);color:var(--g2)}

/* ── uwagi ── */
.vx-note{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:9px 12px;border-radius:7px;background:#fbb8da;border:1px solid #e04392;border-left:4px solid var(--t);font-size:11px}
.vx-note.warn{background:#fbe9e2;border-color:#e3b2a1;border-left-color:#b5452c}
.vx-note>b:first-child{flex:0 0 auto;color:var(--brown);text-transform:uppercase;font-size:10px;letter-spacing:.5px;padding-top:1px}
.vx-foot{margin-top:14px;font-size:10px;color:var(--muted);text-align:center}
.vx-err{padding:12px;border:1px solid #a33;background:#fbe9e9;border-radius:6px}

/* ── os czasu ── */
.vx-timeline{list-style:none;margin:0;padding:0}
.vx-timeline li{display:grid;grid-template-columns:118px 1fr;column-gap:0;align-items:stretch}
.vx-timeline li>.t,.vx-timeline li>time{padding:2px 14px 12px 0;text-align:right;font:bold 11px/1.4 Verdana,sans-serif;color:var(--brown)}
.vx-timeline li>.d{position:relative;padding:1px 0 12px 20px;border-left:2px solid rgba(255,160,205,.55)}
.vx-timeline li:last-child>.d{border-left-color:transparent}
.vx-timeline li>.d:before{content:"";position:absolute;left:-7px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--t);box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--t)}
/* ── podium / hall of fame ── */
.vx-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;margin-bottom:10px}
.vx-place{text-align:center;padding:10px 8px;border-radius:8px 8px 4px 4px;border:1px solid var(--g);background:var(--paper)}
.vx-place .m{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font:bold 15px Georgia,serif;color:#2a0a1a;border:2px solid #ffe3f0;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.vx-place.p1{padding-top:16px;background:linear-gradient(#ffa6d3,var(--paper));border-color:#d9006c}
.vx-place.p1 .m{background:radial-gradient(circle at 35% 30%,#ff8ec6,#e60073 45%,#8a1d53);width:42px;height:42px}
.vx-place.p2 .m{background:radial-gradient(circle at 35% 30%,#ffffff,#b8c4cf 45%,#5f6b76)}
.vx-place.p3 .m{background:radial-gradient(circle at 35% 30%,#ff9cce,#c00060 45%,#6b1b43)}
.vx-place b{display:block;margin-top:5px;font-size:12px}
.vx-place small{display:block;font-size:10px;color:var(--muted)}
.vx-latest{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:var(--tbg);border:1px solid var(--t);color:#fbd9ea;margin-bottom:10px}
.vx-latest a{color:var(--t2) !important}
.vx-latest small{display:block;font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#f0c4d8}

/* ── rysunek / mapa ── */
.vx-figure{margin:0;border:1px solid var(--g);border-radius:8px;overflow:hidden;background:#170c11}
.vx-figure img{display:block;width:100%;height:auto}
.vx-figure figcaption{padding:6px 10px;font-size:11px;color:#fbd9ea;background:var(--band)}

/* nagrody */
.vx-rewards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}
.vx-reward{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;background:var(--cream);border:1px solid var(--line)}
.vx-reward b{font-size:15px;color:#a3215f}
.vx-reward small{display:block;font-size:10px;color:var(--muted)}

@media (max-width:720px){
	.vx-g2,.vx-g3,.vx-g4,.vx-rules{grid-template-columns:1fr}
	.vx-hero h1{font-size:20px;letter-spacing:2px}
	.vx-hero{padding:18px 12px 14px}
	.vx-timeline li{grid-template-columns:84px 1fr}
	.vx-podium{grid-template-columns:1fr}
	.vx-table .hide-sm{display:none}
}

/* ============================================================================
   Przewodniki: /itemsguide (html #vtItems), /creatureguide (html #vtComp), /map (html #vtMap)
   Ta sama logika i JS co wczesniej - zmieniony tylko wyglad. "html #id" - wygrywa ze <style> w samej stronie.
   ========================================================================== */
.vx.vx-guide{margin-bottom:12px}
.vx-hero.mini{padding:12px 16px;display:flex;align-items:center;gap:12px;text-align:left}
.vx-hero.mini h1{font-size:17px;letter-spacing:2px}
.vx-hero.mini .vx-kicker{margin:0}
.vx-hero.mini .vx-right{margin-left:auto;font-size:11px;color:#f0c4d8}
.vx-hero.mini .vx-right a{color:var(--t2)}
html #vtItems,html #vtComp,html #vtMap{--bark:#3a1a2a;--brass:#c4327b;--sand:#f3abcf;--paper:#fff3f8}
/* wyszukiwarka */
html #vtItems .vc-search,html #vtComp .vc-search{padding:10px;background:linear-gradient(#4a1a3c,#2a0c24);border:1px solid var(--brass);border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
html #vtItems .vc-search input[type=text],html #vtComp .vc-search input[type=text],html #vtMap .vm-bar input[type=text]{padding:8px 14px;border:1px solid var(--brass);border-radius:18px;background:#fff7fb}
html #vtItems .vc-search button,html #vtComp .vc-search button,html #vtMap button{padding:7px 18px;border:1px solid #ffb3d6;border-radius:18px;background:linear-gradient(#d9006c,#8a1d53);color:#fff;text-shadow:0 1px 2px #000;letter-spacing:.4px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
html #vtItems .vc-search button:hover,html #vtComp .vc-search button:hover,html #vtMap button:hover:not(:disabled){filter:brightness(1.12)}
html #vtItems .vc-suggest,html #vtComp .vc-suggest,html #vtMap .vm-sug{border-color:var(--brass);border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
html #vtItems .vc-sg-head,html #vtComp .vc-sg-head,html #vtMap .vm-sug .head{background:linear-gradient(#4a1a3c,#2a0c24);color:#ffb3d6;letter-spacing:.5px;text-transform:uppercase;font-size:10px}
/* naglowki grup - jak .vx-h */
html #vtItems .vc-band,html #vtComp .vc-band{display:flex;align-items:center;gap:10px;max-width:none;margin:22px 0 10px;padding:0;background:none;border-radius:0;font:bold 13px Georgia,serif;letter-spacing:2px;text-transform:uppercase;color:#4a1a3a}
html #vtItems .vc-band:before,html #vtItems .vc-band:after,html #vtComp .vc-band:before,html #vtComp .vc-band:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--brass),transparent)}
html #vtItems .vc-band:first-of-type,html #vtComp .vc-band:first-of-type{margin-top:6px}
/* kafelki kategorii */
html #vtItems .vc-grid,html #vtComp .vc-grid{gap:8px}
html #vtItems .vc-tile,html #vtComp .vc-tile{padding:10px 4px 8px;background:var(--paper);border:1px solid #f0bad4;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:transform .12s,box-shadow .12s,border-color .12s}
html #vtItems a.vc-tile:hover,html #vtComp a.vc-tile:hover{transform:translateY(-2px);border-color:#d9006c;background:#fff8e6;box-shadow:0 6px 14px rgba(0,0,0,.22)}
html #vtItems .vc-tile .vc-pic,html #vtComp .vc-tile .vc-pic{background:radial-gradient(circle at 50% 40%,#fff7fb,#f6cde1);border-color:#d86da2;border-radius:50%}
html #vtItems .vc-tile b,html #vtComp .vc-tile b{color:#7a1f55}
/* okruszki */
html #vtItems .vc-crumbs,html #vtComp .vc-crumbs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px 12px;border-radius:14px;background:var(--paper);border:1px solid #f0bad4;font-size:11px}
html #vtItems .vc-crumbs a,html #vtComp .vc-crumbs a{font-weight:bold}
/* tabele list */
html #vtItems table.vc-list,html #vtComp table.vc-list{border:1px solid var(--brass);border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff7fb;box-shadow:0 2px 8px rgba(0,0,0,.18)}
html #vtItems table.vc-list th,html #vtComp table.vc-list th{background:linear-gradient(#4a1a3c,#2a0c24);color:#ffb3d6;font-size:10px;letter-spacing:.4px;text-transform:uppercase;padding:8px}
html #vtItems table.vc-list th a,html #vtComp table.vc-list th a{color:#ffb3d6}
html #vtItems table.vc-list td,html #vtComp table.vc-list td{border-bottom:1px solid #f6cde1;padding:5px 8px}
html #vtItems table.vc-list tr:nth-child(even) td,html #vtComp table.vc-list tr:nth-child(even) td{background:#fdeaf3}
html #vtItems table.vc-list tbody tr:hover td,html #vtComp table.vc-list tbody tr:hover td{background:#fbd9ea}
html #vtItems table.vc-list tr:last-child td,html #vtComp table.vc-list tr:last-child td{border-bottom:0}
/* karta przedmiotu / potwora */
html #vtItems .vc-sheet,html #vtComp .vc-sheet{background:#fff3f8;border-color:var(--brass);border-radius:9px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.25)}
html #vtItems .vc-title,html #vtComp .vc-title{padding:11px 14px;border-radius:0;border-bottom:1px solid #d9006c;background:radial-gradient(ellipse at 50% 140%,rgba(255,150,205,.25),transparent 60%),linear-gradient(#4a1a3c,#2a0c24);color:#ffb3d6;font:bold 17px Georgia,serif;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 2px #000}
html #vtItems .vc-portrait,html #vtComp .vc-portrait{background:radial-gradient(circle at 50% 45%,#fff7fb,#f6cde1);border-color:#d86da2;border-radius:9px}
html #vtItems .vc-stats div,html #vtComp .vc-stats div{border-bottom:1px dashed #d86da2}
html #vtItems .vc-stats b,html #vtComp .vc-stats b{color:#7a1f55}
html #vtItems .vc-row,html #vtComp .vc-row{border-top-color:#f6cde1}
html #vtItems .vc-row>b,html #vtComp .vc-row>b{background:#f3abcf;color:#7a1f55;font-size:10px;letter-spacing:.4px;text-transform:uppercase}
html #vtItems .vi-tags a{background:#fff7fb;border-color:#d86da2;border-radius:12px;font-weight:bold}
html #vtItems .vi-tags a:hover{border-color:#d9006c;background:#ffb9dc}
html #vtItems .vi-pill{background:linear-gradient(#5fa65a,#2e6b1e)}
html #vtComp .vc-item,html #vtItems .vc-item{background:#fff7fb;border-color:#d86da2;border-radius:6px}
html #vtComp .vc-res div,html #vtItems .vc-res div{border-color:#d86da2;border-radius:6px}
html #vtItems .vc-note,html #vtComp .vc-note,html #vtMap .vm-note{color:#6b4257}
/* mapa */
html #vtMap .vm-bar{padding:8px 10px;background:linear-gradient(#4a1a3c,#2a0c24);border:1px solid var(--brass);border-radius:9px;color:#fbd9ea}
html #vtMap .vm-bar+.vm-bar{margin-top:-2px}
html #vtMap .vm-floor b{color:#ffb3d6;font:bold 12px Georgia,serif;letter-spacing:1px;text-transform:uppercase}
html #vtMap .vm-toggles label{color:#fbd9ea}
html #vtMap .vm-floors a{background:#2c1822;border-color:var(--brass);color:#fbd9ea;font-weight:bold}
html #vtMap .vm-floors a:hover{color:#ffb3d6;border-color:#ffb3d6}
html #vtMap button.on{background:linear-gradient(#ffb3d6,#b00058);color:#2a0a1a;text-shadow:none}
html #vtMap .vm-info{padding:8px 12px;background:#fbb8da;border:1px solid #e04392;border-left:4px solid #d9006c;border-radius:7px}
html #vtMap #vmCanvas{border:1px solid var(--brass);border-radius:9px;box-shadow:0 4px 16px rgba(0,0,0,.4)}
@media (max-width:720px){.vx-hero.mini{flex-wrap:wrap}.vx-hero.mini .vx-right{margin-left:0}}

/* ============================================================================
   Strony systemowe MyAAC z menu Community (21.10.2026): characters, online, highscores, last-kills,
   houses, guilds, bans, team. Owijane w .vx.vx-sys przez vanteria-data/sys_skin.php (index.php).
   Tylko wyglad - tabele TibiaCom (TableContainer...) i stare tabele z bgcolor dostaja styl kart.
   ========================================================================== */
.vx-sys .vx-hero{margin-bottom:12px}
.vx-sys-body{font-size:12px}
.vx-sys-body>br:first-child{display:none}
/* tabele TibiaCom */
html .vx-sys .TableContainer{margin:0 0 12px;border:1px solid var(--g);border-radius:9px;overflow:hidden;background:#fff3f8;box-shadow:0 2px 10px rgba(0,0,0,.22);font-size:12px}
html .vx-sys .TableContainer .CaptionContainer,html .vx-sys .TableContainer .CaptionContainer .CaptionInnerContainer{background:radial-gradient(ellipse at 50% 140%,var(--tglow),transparent 60%),linear-gradient(#4a1a3c,#2a0c24) !important;height:auto}
html .vx-sys .TableContainer .CaptionContainer .CaptionInnerContainer{padding:8px 12px;border-bottom:1px solid var(--t)}
html .vx-sys .TableContainer .CaptionContainer .Text{margin:0;padding:0;font:bold 13px Georgia,serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--t2);text-shadow:0 1px 2px #000}
html .vx-sys .CaptionEdgeLeftTop,html .vx-sys .CaptionEdgeRightTop,html .vx-sys .CaptionEdgeLeftBottom,html .vx-sys .CaptionEdgeRightBottom,
html .vx-sys .CaptionBorderTop,html .vx-sys .CaptionBorderBottom,html .vx-sys .CaptionVerticalLeft,html .vx-sys .CaptionVerticalRight{display:none}
html .vx-sys .TableContainer .Table1,html .vx-sys .TableContainer .Table2,html .vx-sys .TableContainer .Table3,html .vx-sys .TableContainer .Table4,html .vx-sys .TableContainer .Table5{border:0;background:#fff3f8}
html .vx-sys .TableContainer .Table3 .InnerTableContainer,html .vx-sys .TableContainer .Table1 .InnerTableContainer{margin:0;padding:8px}
html .vx-sys .TableContentContainer,html .vx-sys .InnerTableContainer .TableContentContainer{margin:0;border:1px solid #f0bad4;border-radius:7px;overflow:hidden;background:#fff7fb}
html .vx-sys .TableContent{border:0 !important}
html .vx-sys .TableContent > tbody > tr > td,html .vx-sys .TableContainer .Table3 .TableContent > tbody > tr > td,html .vx-sys .TableContainer .Table3 .TableContentAndRightShadow .TableContent > tbody > tr > td{padding:6px 9px;border:0;border-bottom:1px solid #f6d6e6}
html .vx-sys .TableContent > tbody > tr:nth-child(even) > td{background:#fdeaf3}
html .vx-sys .TableContent > tbody > tr:hover > td{background:#fbd9ea}
html .vx-sys .LabelH,html .vx-sys .LabelH td,html .vx-sys tr.LabelH td{background:#f6cde1 !important;color:#4a1a3a;font-size:10px;letter-spacing:.4px;text-transform:uppercase;padding:7px 9px}
html .vx-sys .LabelV,html .vx-sys [class^="LabelV"]{color:#7a1f55;font-weight:bold}
html .vx-sys .TableContainer .Odd{background:#fff7fb}
html .vx-sys .TableContainer .Even{background:#fdeaf3}
html .vx-sys .TableShadowContainerRightTop,html .vx-sys .TableShadowRightTop,html .vx-sys .TableShadowContainer,html .vx-sys .TableBottomShadow,
html .vx-sys .TableBottomLeftShadow,html .vx-sys .TableBottomRightShadow{display:none}
html .vx-sys .TableContentAndRightShadow{background:none !important;padding:0 !important}
/* stare tabele MyAAC (bgcolor z config.ini: #505050 naglowek, #d482ab / #f1a9cd wiersze) */
html .vx-sys table[cellspacing="1"]{border-collapse:separate;border-spacing:0;margin-bottom:12px;border:1px solid var(--g);border-radius:9px;overflow:hidden;background:#fff3f8;box-shadow:0 2px 10px rgba(0,0,0,.2)}
html .vx-sys tr[bgcolor="#505050"],html .vx-sys tr[bgcolor="#505050"] td{background:linear-gradient(#4a1a3c,#2a0c24);color:var(--t2)}
html .vx-sys tr[bgcolor="#505050"] td,html .vx-sys tr[bgcolor="#505050"] td b,html .vx-sys tr[bgcolor="#505050"] .white,html .vx-sys td.white,html .vx-sys .white{color:var(--t2) !important;font-family:Georgia,serif;letter-spacing:.8px}
html .vx-sys tr[bgcolor="#505050"] td{padding:8px 10px;border-bottom:1px solid var(--t)}
html .vx-sys tr[bgcolor="#d482ab"],html .vx-sys tr[bgcolor="#d482ab"]{background:#fdeaf3}
html .vx-sys tr[bgcolor="#f1a9cd"],html .vx-sys tr[bgcolor="#f1a9cd"]{background:#fff7fb}
html .vx-sys table[cellspacing="1"] td{padding:6px 10px;border-bottom:1px solid #f6d6e6}
html .vx-sys table[cellspacing="1"] tr:last-child td{border-bottom:0}
html .vx-sys table[cellspacing="1"] tr[bgcolor]:not([bgcolor="#505050"]):hover{background:#fbd9ea}
/* formularze i przyciski */
html .vx-sys input[type=text],html .vx-sys input[type=search],html .vx-sys input[type=number],html .vx-sys select{padding:5px 10px;border:1px solid var(--g);border-radius:14px;background:#fff7fb;font:12px Verdana,sans-serif;color:var(--ink)}
html .vx-sys input:focus-visible,html .vx-sys select:focus-visible{outline:2px solid #1e6fd9;outline-offset:1px}
/* Gildie (29.10): tekst tresci z brazu na sliwke, ten sam kolor co reszta rozowego motywu */
html .vx-sys-guilds td,html .vx-sys-guilds b{color:#5c1a47}
html .vx-sys a{color:#a3215f;font-weight:bold}
html .vx-sys a:hover{color:#d9468a}
html .vx-sys .vx-hero a{color:var(--t2)}
html .vx-sys .error,html .vx-sys .SmallBox{border-radius:7px}
html .vx-sys small,html .vx-sys .size_xs,html .vx-sys .size_xxs{color:var(--muted)}
html .vx-sys .vx-sys-body img[src*="outfit"]{filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
html .vx-sys .TableContainer td,html .vx-sys table[cellspacing="1"] td{font-size:12px}
html .vx-sys .InnerTableContainer .TableContentContainer{box-shadow:none}
/* tables.headline (np. widok gildii): tlo tresci z inline background-color (darkborder/lightborder) -> jasne karty;
   kolumny w naglowku (Tokens / Members / Total Lvl / Avg Lvl) - zwykla czcionka, zeby miescily sie w 72 px */
html .vx-sys table[cellspacing="1"] > tbody > tr[style*="background-color"]{background-color:#fff3f8 !important}
html .vx-sys .CaptionContainer .Text div,html .vx-sys tr[bgcolor="#505050"] td div{font:bold 11px Verdana,Arial,sans-serif !important;letter-spacing:0 !important;text-transform:none !important;color:var(--t2);border-left-color:rgba(255,160,205,.45) !important;white-space:nowrap}
html .vx-sys tr[bgcolor="#505050"] td > b{display:block;overflow:hidden}
html .vx-sys .CaptionContainer .Text div[style*="float:right"]{margin-top:-1px}
html .vx-sys #GuildInformationContainer{line-height:1.6}
html .vx-sys-guilds h1{font:bold 26px Georgia,serif;letter-spacing:6px;color:#4a1a3a;text-shadow:0 1px 0 #ffe3f0}
html .vx-sys .TableContainer > table[style*="background-color"]{background-color:#fff3f8 !important}
html .vx-sys .Table3 div[style*="border-left:1px solid #3d212f"]{border-left-color:#f0bad4 !important}
/* przyciski zwijania tabel (+ / -) na stronie postaci: caly pasek tytulu klikalny, kolko w srodku paska */
html .vx-sys .TableContainer{position:relative}
html .vx-sys .BigToggleButton{position:absolute !important;top:0 !important;left:0;right:0;height:34px;cursor:pointer;z-index:5}
html .vx-sys .BigToggleButton > div[id^="Indicator_"]{top:8px !important;right:10px !important;border-radius:50%;box-shadow:0 0 0 2px rgba(255,150,205,.55),0 0 6px rgba(0,0,0,.6)}
html .vx-sys .BigToggleButton:hover > div[id^="Indicator_"]{box-shadow:0 0 0 2px #ffb3d6,0 0 8px rgba(255,150,205,.6)}
/* ekwipunek postaci: ciemne pola jak w grze, czytelne Soul / Cap */
html .vx-sys table[style*="#292929"] td{background:#292929 !important;color:#fff;border-color:#808080}

/* ── pozostale strony (21.10.2026): newsy, konto, sklep, bazar... - te same karty co wyzej ── */
html .vx-sys .NewsHeadline{margin:0 0 6px}
html body .vx-sys .NewsHeadlineBackground{position:relative;display:flex;align-items:center;gap:10px;height:auto !important;min-height:38px;margin:14px 0 8px;padding:6px 12px 6px 6px;border:1px solid var(--g) !important;border-radius:9px;background:radial-gradient(ellipse at 50% 140%,rgba(255,150,205,.22),transparent 60%),linear-gradient(#4a1a3c,#2a0c24) !important;box-shadow:0 2px 10px rgba(0,0,0,.3)}
html body .vx-sys .NewsHeadlineIcon{position:static !important;margin:0 !important;flex:none;width:32px;height:32px;filter:drop-shadow(0 1px 2px #000)}
html body .vx-sys .NewsHeadlineDate{position:static !important;width:auto !important;flex:none;padding:2px 8px;border-radius:10px;background:rgba(0,0,0,.35);border:1px solid rgba(255,160,205,.5);color:#f0c4d8 !important;font:10px Verdana,sans-serif !important}
html body .vx-sys .NewsHeadlineText{position:static !important;top:auto !important;left:auto !important;flex:1;font:bold 14px Georgia,serif !important;letter-spacing:1px;color:#ffb3d6 !important;text-shadow:0 1px 2px #000}
html body .vx-sys .NewsHeadlineAuthor{position:static !important;margin-left:auto;color:#f0c4d8;font-size:10px}
html .vx-sys-news .vx-sys-body > table[cellpadding="0"]{margin-bottom:10px;padding:12px 4px;border:1px solid #f0bad4;border-radius:9px;background:#fff7fb;box-shadow:0 2px 8px rgba(0,0,0,.15);line-height:1.6}
html .vx-sys-news .vx-sys-body > br{display:none}
/* konto */
html .vx-sys .TableContainer .Table5{background:#fff3f8}
html .vx-sys .TableContainer .Table5 .InnerTableContainer{padding:8px}
html .vx-sys .LabelV{padding:6px 9px}
html .vx-sys .SmallBox,html .vx-sys .AttentionSign + *{border-radius:7px}
html .vx-sys .ErrorBox,html .vx-sys .error{padding:8px 12px;border:1px solid #e3b2a1;border-left:4px solid #b5452c;border-radius:7px;background:#fbe9e2}

/* pole logowania: Account Name i Password wygladaja tak samo (rozowy motyw) */
.vt-login-input,.Content .BoxContent input[type="text"].vt-login-input,.Content .BoxContent input[type="password"].vt-login-input{box-sizing:border-box;height:26px;padding:3px 8px;font:12px Verdana,Tahoma,sans-serif;color:#fff;background:rgba(46,12,38,.9);border:1px solid var(--vt-card-border);border-radius:13px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}
.vt-login-input:focus{border-color:#fff;box-shadow:0 0 8px rgba(var(--vt-pulse),.8)}