/* ═══════════════════════════════════════════════════════════════════════════
   Krčma u Draka – KYBER EDICE · motivy vzhledu (cyber-themes.css)
   Výchozí motiv „Kyber“ je v cyber.css. Další motivy přepisují jen proměnné a pár detailů.
   Přepínání: Nastavení → Vzhled (uloží se do prohlížeče).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ───────── Zlatý chrám (MMO s bronzovými rámy a zlatými ornamenty) ───────── */
html[data-theme="chram"]{
 --c1:230,178,74;--c2:196,58,44;--c3:255,206,92;--c5:168,112,60;
 --ink:12,8,5;--ink2:8,5,3;--pA:62,43,26;--pB:22,14,9;--pBoss:74,26,22;
 --c2l:#f0a79c;--c1l:#f6dfae;--cyan2:#b98a2c;--blue:#c98f3a;
 --bg0:#080504;--bg1:#120b07;--bg2:#1a110a;--bg-a:#0b0705;--bg-b:#150d08;--bg-c:#070403;
 --panel-solid:#1a110a;--panel-hi:#2a1c10;--f1:#1c130b;--f2:#130c07;
 --b1:#4b3621;--b2:#3a2a1a;--b3:#5d4527;
 --line:#4b3621;--line-hi:#8f6c38;--line-neon:rgba(var(--c1),.6);
 --text:#f4e7cf;--muted:#bba684;--dim:#7f6d54;
 --font-hd:"Palatino Linotype","Book Antiqua","Georgia",serif;
 --font-ui:"Segoe UI","Trebuchet MS",system-ui,sans-serif;
}
html[data-theme="chram"] .fx{opacity:.5}
html[data-theme="chram"] .glitch::before,html[data-theme="chram"] .glitch::after{display:none}
html[data-theme="chram"] .hud h1{letter-spacing:.1em;text-shadow:0 0 18px rgba(var(--c1),.55),0 2px 0 #000}
html[data-theme="chram"] .panel>h2{letter-spacing:.2em;font-weight:700}
html[data-theme="chram"] .panel::before,html[data-theme="chram"] .hud::before{width:22px;height:22px;border-width:3px}
html[data-theme="chram"] .panel::after,html[data-theme="chram"] .hud::after{width:22px;height:22px;border-width:3px}
html[data-theme="chram"] .heroStage::before{background:radial-gradient(ellipse,rgba(var(--c1),.6),rgba(var(--c1),.1) 55%,transparent 72%)}
html[data-theme="chram"] .versus{text-shadow:0 0 18px rgba(var(--c2),.9),2px 0 rgba(var(--c1),1)}

/* ───────── Hospoda (komiksový, tlusté obrysy, dřevo a oranž) ───────── */
html[data-theme="komiks"]{
 --c1:255,166,43;--c2:90,172,255;--c3:255,226,96;--c5:255,120,90;
 --ink:20,11,7;--ink2:13,7,4;--pA:112,70,44;--pB:44,27,20;--pBoss:104,36,52;
 --c2l:#b6dcff;--c1l:#ffe0b0;--cyan2:#e08a14;--blue:#59a8ff;
 --bg0:#120a06;--bg1:#24150d;--bg2:#2e1b11;--bg-a:#1c100a;--bg-b:#2b180f;--bg-c:#130a06;
 --panel-solid:#2e1b11;--panel-hi:#3d2518;--f1:#31200f;--f2:#241409;
 --b1:#6b4529;--b2:#523421;--b3:#7d5632;
 --line:#6b4529;--line-hi:#bd8040;--line-neon:rgba(var(--c1),.75);
 --text:#fff3dd;--muted:#dcbc96;--dim:#a68563;
 --font-hd:"Trebuchet MS","Arial Black","Segoe UI",sans-serif;
 --font-ui:"Trebuchet MS","Segoe UI",sans-serif;
 --radius:16px;--radius-md:14px;--radius-sm:12px;--bw:3px;
}
html[data-theme="komiks"] .fx{opacity:.22}
html[data-theme="komiks"] .fx::after{display:none}
html[data-theme="komiks"] .glitch::before,html[data-theme="komiks"] .glitch::after{display:none}
html[data-theme="komiks"] body{background-attachment:fixed}
html[data-theme="komiks"] .hud,html[data-theme="komiks"] .gameNav,html[data-theme="komiks"] .panel,html[data-theme="komiks"] .hotbar{border:3px solid #0d0603;box-shadow:0 6px 0 #000,inset 0 0 0 2px rgba(var(--c1),.2)}
html[data-theme="komiks"] .panel::before,html[data-theme="komiks"] .panel::after,html[data-theme="komiks"] .hud::before,html[data-theme="komiks"] .hud::after{display:none}
html[data-theme="komiks"] .hud h1,html[data-theme="komiks"] .panel>h2,html[data-theme="komiks"] .charName,html[data-theme="komiks"] .quest h3{text-shadow:2px 2px 0 #000;letter-spacing:.04em}
html[data-theme="komiks"] .hud h1{-webkit-text-stroke:1.5px #000;paint-order:stroke fill;color:#fff3dd}
html[data-theme="komiks"] button{border:2px solid #0d0603;box-shadow:0 4px 0 #000;font-weight:800;letter-spacing:.02em}
html[data-theme="komiks"] button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #000}
html[data-theme="komiks"] button.gold,html[data-theme="komiks"] .questStart{border-color:#0d0603;box-shadow:0 5px 0 #000,inset 0 2px 0 rgba(255,255,255,.55)}
html[data-theme="komiks"] .slot{border-width:3px;box-shadow:0 3px 0 #000,0 0 12px var(--rg),inset 0 0 12px rgba(0,0,0,.7)}
html[data-theme="komiks"] .gameNav button.selected{box-shadow:0 3px 0 #000,inset 0 -3px 0 var(--cyan)}
html[data-theme="komiks"] .quest,html[data-theme="komiks"] .shopCard,html[data-theme="komiks"] .achCard,html[data-theme="komiks"] .offer{border-width:3px;border-color:#0d0603;box-shadow:0 5px 0 #000}
html[data-theme="komiks"] .heroStage{border:3px solid #0d0603}
html[data-theme="komiks"] .aiPanel{border-color:#0d0603;box-shadow:0 8px 0 #000}
html[data-theme="komiks"] .toast{border-width:3px;border-color:#0d0603;box-shadow:0 4px 0 #000}
html[data-theme="komiks"] .questIcon{border:3px solid #0d0603;box-shadow:0 3px 0 #000}

/* ───────── přepínač motivů v Nastavení ───────── */
.themeRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:6px 0 12px}
.themeCard{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;text-align:left;color:var(--text);background:rgba(var(--ink),.7);border:2px solid var(--line-hi);box-shadow:none}
.themeCard.selected{border-color:var(--cyan);box-shadow:0 0 18px rgba(var(--c1),.4)}
.themeCard b{font-size:13px}.themeCard small{font-size:11.5px;color:var(--muted);font-weight:500}
.themeDots{display:flex;gap:4px}.themeDots i{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.fileBtn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border:var(--bw) solid rgba(var(--c1),.5);border-radius:var(--radius-sm);background:rgba(var(--c1),.07);color:var(--cyan);font:600 13px var(--font-ui);cursor:pointer}
.fileBtn:hover{background:rgba(var(--c1),.17);color:#fff}

/* ───────── Nové motivy prostředí (V178): Zakletý les, Sopka, Hvězdná noc ─────────
   Každý má vlastní barvy, krajinu na spodku okna a animované částice (světlušky / jiskry / hvězdy) místo digitálního deště. */
html[data-theme="les"]{
 --c1:95,224,138;--c2:255,226,122;--c3:255,206,92;--c4:61,255,160;--c5:46,139,87;
 --ink:4,12,8;--ink2:3,8,5;--pA:20,50,34;--pB:8,22,15;--pBoss:30,60,30;
 --c2l:#fff0b0;--c1l:#c8f5d8;--cyan2:#2e8b57;--blue:#3aa56a;
 --bg0:#030a05;--bg1:#07140c;--bg2:#0c1f13;--bg-a:#040c07;--bg-b:#08160e;--bg-c:#030805;
 --panel-solid:#0c1f13;--panel-hi:#17382a;--f1:#0e2216;--f2:#08150e;
 --b1:#1d4a32;--b2:#17402a;--b3:#245c3e;--line:#1d4a32;--line-hi:#2f8a5a;--line-neon:rgba(var(--c1),.5);
 --text:#e8f7ec;--muted:#8fbea1;--dim:#5d8a6e;
 --font-hd:"Palatino Linotype","Book Antiqua","Georgia",serif;
}
html[data-theme="sopka"]{
 --c1:255,106,43;--c2:255,200,58;--c3:255,170,60;--c4:255,214,90;--c5:209,50,42;
 --ink:16,5,4;--ink2:10,3,2;--pA:70,24,16;--pB:26,9,7;--pBoss:80,20,14;
 --c2l:#ffe29a;--c1l:#ffd0b0;--cyan2:#d1522a;--blue:#e8742f;
 --bg0:#0a0302;--bg1:#160705;--bg2:#220b08;--bg-a:#0c0403;--bg-b:#190806;--bg-c:#080302;
 --panel-solid:#220b08;--panel-hi:#3a160f;--f1:#260d09;--f2:#190806;
 --b1:#58251a;--b2:#451d14;--b3:#6e2f20;--line:#58251a;--line-hi:#b8532e;--line-neon:rgba(var(--c1),.55);
 --text:#ffeede;--muted:#d4a48c;--dim:#8f6552;
}
html[data-theme="noc"]{
 --c1:159,184,255;--c2:194,139,255;--c3:255,233,160;--c4:140,240,255;--c5:120,100,255;
 --ink:3,5,20;--ink2:2,3,12;--pA:20,24,70;--pB:7,9,30;--pBoss:40,20,80;
 --c2l:#e0c4ff;--c1l:#d6e2ff;--cyan2:#6a82d8;--blue:#6e8aff;
 --bg0:#02030c;--bg1:#05081c;--bg2:#0a0f2a;--bg-a:#03040f;--bg-b:#060a20;--bg-c:#02030a;
 --panel-solid:#0a0f2a;--panel-hi:#161e55;--f1:#0b1130;--f2:#060920;
 --b1:#1e2a66;--b2:#182256;--b3:#2a3a82;--line:#1e2a66;--line-hi:#4a62d0;--line-neon:rgba(var(--c1),.5);
 --text:#eef1ff;--muted:#9aa6d8;--dim:#626fa8;
}
html[data-theme="les"] .fxRain,html[data-theme="sopka"] .fxRain,html[data-theme="noc"] .fxRain{opacity:.8}
html[data-theme="les"] .fx::after,html[data-theme="sopka"] .fx::after,html[data-theme="noc"] .fx::after{opacity:.35}
html[data-theme="les"] .glitch::before,html[data-theme="les"] .glitch::after,html[data-theme="sopka"] .glitch::before,html[data-theme="sopka"] .glitch::after,html[data-theme="noc"] .glitch::before,html[data-theme="noc"] .glitch::after{display:none}
.fx::before{content:"";position:fixed;left:0;right:0;bottom:0;height:38vh;pointer-events:none;background-repeat:no-repeat;background-position:bottom;background-size:100% 100%;opacity:0;transition:opacity .6s}
html[data-theme="les"] .fx::before{opacity:.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23123a22' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23061a0e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1200' height='300' fill='url(%23g)'/%3E%3Cpath d='M0 300V200L40 120L80 210L130 90L180 220L240 130L300 230L360 100L420 220L490 140L550 240L620 110L690 230L760 130L830 235L900 100L960 225L1030 140L1100 230L1160 120L1200 200V300Z' fill='%23071f11'/%3E%3Cpath d='M0 300V250L50 190L100 260L170 170L230 265L320 200L400 270L480 190L560 270L650 210L740 275L830 195L920 270L1010 205L1100 275L1200 220V300Z' fill='%23040f08'/%3E%3C/svg%3E")}
html[data-theme="sopka"] .fx::before{opacity:.85;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff6a1a' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ff6a1a' stop-opacity='.4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1200' height='300' fill='url(%23g)'/%3E%3Cpath d='M0 300V230L140 120L200 170L330 40L420 160L520 90L640 210L760 70L860 180L990 100L1090 190L1200 140V300Z' fill='%23190806'/%3E%3Cpath d='M310 62L330 40L350 64Q330 82 310 62Z' fill='%23ff8a3d'/%3E%3Cpath d='M740 92L760 70L780 94Q760 110 740 92Z' fill='%23ff8a3d'/%3E%3C/svg%3E")}
html[data-theme="noc"] .fx::before{opacity:.8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300' preserveAspectRatio='none'%3E%3Cpath d='M0 300V220Q200 140 400 210T800 190T1200 200V300Z' fill='%23070a24'/%3E%3Cpath d='M0 300V260Q300 200 600 250T1200 240V300Z' fill='%23040618'/%3E%3C/svg%3E")}