/* Skleník (greenhouse.js): záhony, laboratoř, kodex receptů, kuchyně, sklad */
.ghHero{position:relative;border-radius:var(--radius-md);overflow:hidden;border:var(--bw) solid var(--line-neon);margin-bottom:12px;min-height:150px}
.ghScene{display:block;width:100%;height:170px}
.ghSun{animation:ghPulse 5s ease-in-out infinite;transform-origin:640px 52px}.ghRays{transform-origin:640px 52px;animation:ghSpin 40s linear infinite}
.ghPlants text{transform-box:fill-box;transform-origin:center bottom;animation:ghSway 4.5s ease-in-out infinite}.ghPlants g:nth-child(even) text{animation-delay:-1.8s}
.ghSpores circle{animation:ghFloat 7s ease-in-out infinite}.ghSpores circle:nth-child(2n){animation-delay:-3s}.ghSpores circle:nth-child(3n){animation-delay:-5s}
@keyframes ghPulse{50%{transform:scale(1.12)}}@keyframes ghSpin{to{transform:rotate(360deg)}}
@keyframes ghSway{50%{transform:rotate(3deg)}}@keyframes ghFloat{50%{transform:translateY(-14px) translateX(6px);opacity:.3}}
.ghHeroText{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 10px;background:linear-gradient(0deg,rgba(var(--ink),.88),transparent)}
.ghHeroText h3{margin:0 0 6px;font-family:var(--font-hd);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 14px rgba(var(--c4),.7)}
.ghChips{display:flex;flex-wrap:wrap;gap:6px}
.ghChip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font-size:12px;background:rgba(var(--ink),.7);border:1px solid color-mix(in srgb,var(--tc,#9fb2d8) 70%,transparent);color:var(--text)}
.ghChip b{color:var(--tc,var(--cyan))}
.ghTier{display:inline-block;padding:1px 8px;border-radius:99px;font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#06101a;background:var(--tc,#9fb2d8)}
.ghTier[style*="#ff5ad1"]{background:linear-gradient(90deg,#ff5ad1,#ffd84a,#4af0ff,#ff5ad1);background-size:200%;animation:ghRainbow 3s linear infinite}
@keyframes ghRainbow{to{background-position:200%}}
.ghTabs{margin-bottom:10px}
.ghMastery{margin-bottom:8px}
.ghToolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.ghPick{display:flex;align-items:center;gap:6px;font-size:13px}.ghPick select,.labSlot select,.kitSlots select,.ghAuto select{background:rgba(var(--ink),.8);color:var(--text);border:1px solid var(--line-hi);border-radius:8px;padding:6px 8px;max-width:100%}
.ghPickInfo{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.ghAuto{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px 12px;margin-bottom:8px;border-radius:var(--radius-sm);border:1px solid rgba(var(--c4),.5);background:rgba(var(--c4),.07);font-size:13px}
.ghAuto.off{border-color:var(--line);background:rgba(var(--ink),.5);color:var(--muted)}
.ghBeds{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ghBed{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px 10px;border-radius:var(--radius-md);border:var(--bw) solid color-mix(in srgb,var(--tc,#9fb2d8) 60%,transparent);background:linear-gradient(180deg,rgba(var(--ink),.55),rgba(var(--ink),.8));text-align:center;color:var(--text);min-height:200px}
.ghBed.empty{justify-content:center;border-style:dashed;cursor:pointer;opacity:.85}.ghBed.empty:hover{opacity:1;border-color:var(--cyan)}
.ghPlus{font-size:30px;color:var(--cyan)}
.ghBed.ready{box-shadow:0 0 18px color-mix(in srgb,var(--tc) 55%,transparent);animation:ghGlow 2.2s ease-in-out infinite}
@keyframes ghGlow{50%{box-shadow:0 0 28px color-mix(in srgb,var(--tc) 80%,transparent)}}
.ghPlantArt{position:relative;width:70px;height:70px;display:flex;align-items:flex-end;justify-content:center}
.ghStem{position:absolute;bottom:2px;left:50%;width:5px;height:calc(14px + 40px*var(--g));margin-left:-2.5px;border-radius:3px;background:linear-gradient(0deg,#2f7a3a,#5fd36b)}
.ghFruit{position:absolute;bottom:calc(10px + 38px*var(--g));left:50%;transform:translateX(-50%) scale(calc(.45 + .75*var(--g)));font-size:30px;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--tc) 60%,transparent));transition:bottom .6s,transform .6s}
.ghBed.ready .ghFruit{animation:ghBob 1.6s ease-in-out infinite}
@keyframes ghBob{50%{transform:translateX(-50%) scale(1.25) translateY(-4px)}}
.ghSpark{position:absolute;color:#fff3b0;font-style:normal;animation:ghTwinkle 1.6s ease-in-out infinite}.ghSpark.s1{left:6px;top:8px}.ghSpark.s2{right:6px;top:22px;animation-delay:-.8s}
@keyframes ghTwinkle{50%{opacity:.2;transform:scale(1.4)}}
.ghSoil{width:84%;height:10px;border-radius:50%;background:radial-gradient(ellipse,#6b4a2e,#3b281a);margin-top:-4px}
.ghBedName{font-size:13px;line-height:1.2}
.ghBed .bar{width:100%}.ghBedBtns{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.ghBedBtns button{padding:4px 8px;font-size:12px}
.ghFert{font-size:11px;color:var(--green)}
/* laboratoř */
.labTop{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.labFlask{width:96px;flex:none}.ghFlask{width:100%;filter:drop-shadow(0 0 10px rgba(var(--c4),.5))}
.ghLiquid{animation:ghLiquid 3s ease-in-out infinite}@keyframes ghLiquid{50%{opacity:.6}}
.ghBub{animation:ghBubble 2.4s ease-in infinite;opacity:0}.ghBub.b2{animation-delay:-.8s}.ghBub.b3{animation-delay:-1.6s}
@keyframes ghBubble{0%{transform:translateY(12px);opacity:0}30%{opacity:.9}100%{transform:translateY(-34px);opacity:0}}
.labInfo{flex:1;min-width:240px}.labInfo h3{margin:0 0 4px}.labInfo p{margin:0 0 8px;font-size:12.5px;color:var(--muted)}
.labStats{display:flex;flex-wrap:wrap;gap:6px}
.labBench{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:14px 0;padding:14px;border-radius:var(--radius-md);background:radial-gradient(ellipse at center,rgba(var(--c4),.12),rgba(var(--ink),.7));border:1px solid rgba(var(--c4),.4)}
.labSlot,.labOut{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:150px;padding:10px;border-radius:var(--radius-sm);border:2px solid color-mix(in srgb,var(--tc,#5d7099) 60%,transparent);background:rgba(var(--ink),.7);text-align:center}
.labEmoji{font-size:42px;line-height:1;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--tc,#fff) 50%,transparent))}
.labPlus,.labArrow{font-size:24px;color:var(--cyan)}
.labOut small{color:var(--muted)}.labOut.known{box-shadow:0 0 18px color-mix(in srgb,var(--tc) 50%,transparent)}
.labBtns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.ghChk{display:flex;align-items:center;gap:6px;font-size:13px;margin-right:6px}
.labLog{display:flex;flex-direction:column;gap:5px}
.labEntry{padding:6px 10px;border-radius:var(--radius-sm);background:rgba(var(--ink),.6);border-left:3px solid var(--line-hi);font-size:12.5px;display:flex;flex-direction:column}
.labEntry small{color:var(--dim)}.labEntry.ok{border-left-color:var(--green);background:rgba(var(--c4),.1)}
/* kodex */
.cxTier{margin:14px 0 6px;padding:4px 10px;border-left:4px solid var(--tc);font-family:var(--font-hd);letter-spacing:.06em}
.cxGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.cxCard{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:var(--radius-md);border:var(--bw) solid color-mix(in srgb,var(--tc) 65%,transparent);background:linear-gradient(180deg,rgba(var(--ink),.55),rgba(var(--ink),.85));font-size:12px}
.cxCard.locked{opacity:.78;filter:grayscale(.5)}.cxCard small{color:var(--muted)}
.cxArt{font-size:34px;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--tc) 60%,transparent))}
.cxFx{color:var(--c1l)!important}.cxPar{color:var(--text)!important}.cxHint{color:var(--gold)!important}
.cxBtns{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.cxBtns button{padding:4px 8px;font-size:12px}
.cxScrolls{padding:8px 10px;margin:8px 0;border-radius:var(--radius-sm);background:rgba(var(--c3),.1);border:1px solid rgba(var(--c3),.4);display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px}
/* kuchyně */
.kitchenGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.kitCard{padding:12px;border-radius:var(--radius-md);border:1px solid var(--line-hi);background:rgba(var(--ink),.55)}
.kitCard h3{margin:0 0 4px}.kitSlots{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.kitSlots select{flex:1 1 130px}
.kitPreview,.mealCard{display:flex;gap:10px;align-items:center;padding:8px 10px;margin:6px 0;border-radius:var(--radius-sm);background:rgba(var(--ink),.7);border:1px solid color-mix(in srgb,var(--tc,#5d7099) 60%,transparent)}
.mealE{font-size:26px}.kitPreview small,.mealCard small{display:block;color:var(--muted)}
.mealList{max-height:260px;overflow:auto}
/* sklad */
.stkTop{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:8px}
.stkList{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px}
.stkRow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--tc,#5d7099) 55%,transparent);background:rgba(var(--ink),.55)}
.stkRow.zero{opacity:.55}.stkRow.lockedRow{opacity:.35;filter:grayscale(1)}.stkRow small{display:block;color:var(--muted);font-size:11px}
.stkE{font-size:28px}.stkRow>div:nth-child(2){flex:1}.stkN{font-size:18px;color:var(--tc,var(--cyan))}
.stkBtns{display:flex;flex-direction:column;gap:3px}.stkBtns button{padding:3px 8px;font-size:11px}
@media(max-width:720px){.ghBeds{grid-template-columns:repeat(2,1fr)}.labBench{flex-direction:column}.labArrow{transform:rotate(90deg)}}
.ghAutoBeds{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;margin-top:8px;width:100%}
.ghAutoBed{display:flex;flex-direction:column;gap:3px;padding:6px 8px;border:1px solid #3e6b4a;border-radius:10px;background:#0f1d16aa;font-size:12px}
.ghAutoBed.off{border-style:dashed;opacity:.75}
.ghAutoBed select{width:100%}