:root{--soil-dark: #2A1C12;--soil-rich: #422D1E;--soil-warm: #5A3E2A;--terracotta: #C87544;--terracotta-dark: #9B5127;--wood-rustic: #5E4632;--wood-light: #EBE0CD;--evergreen-deep: #1E4E2B;--hedge-vibrant: #3B7C2A;--geranium-pink: #E84D72;--rose-pink: #ECA3B7;--lavender-purple: #7C68B8;--leaf-fresh: #4F9337;--leaf-deep: #2A561E;--sprout-accent: #6FD343;--water-pure: #2CA39E;--water-deep: #165E5B;--solar-gold: #F5A623;--solar-glow: rgba(245, 166, 35, .45);--bg-cream: #F5F0E6;--bg-card: #FAF6EE;--border-subtle: #D8C7B0;--border-strong: #422D1E;--font-title: "Space Grotesk", -apple-system, sans-serif;--font-body: "IBM Plex Sans", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-block: 14px;--radius-pill: 9999px;--shadow-solid: 5px 5px 0 var(--border-strong);--shadow-popup: 0 16px 36px rgba(42, 28, 18, .35), 0 4px 10px rgba(42, 28, 18, .15);--max-width: 1180px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--soil-dark);font-family:var(--font-body);line-height:1.65;background-image:radial-gradient(var(--border-subtle) 1.2px,transparent 1.2px),radial-gradient(var(--border-subtle) 1.2px,var(--bg-cream) 1.2px);background-size:36px 36px;background-position:0 0,18px 18px;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--soil-dark);line-height:1.25}a{color:var(--soil-dark);text-decoration:none;transition:all .2s ease}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;width:100%}.site-header{background:#f5f0e6f2;backdrop-filter:blur(12px);border-bottom:2px solid var(--border-subtle);position:sticky;top:0;z-index:100}.site-header .container{display:flex;justify-content:space-between;align-items:center;height:4.8rem}.brand-link{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--soil-dark)}.brand-link:hover{text-decoration:none}.brand-icon{width:44px;height:44px;background:#fff;border:2px solid var(--soil-dark);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--soil-dark);overflow:hidden}.brand-logo-img{width:38px;height:38px;display:block;object-fit:contain}.footer-logo-img{width:30px;height:30px;display:inline-block;vertical-align:middle;margin-right:.5rem}.brand-text{font-family:var(--font-title);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.brand-text span{color:var(--terracotta)}.brand-domain{display:block;font-size:.78rem;font-family:var(--font-mono);font-weight:600;color:var(--soil-warm)}.header-nav{display:flex;align-items:center;gap:1rem}.lang-switch{display:inline-flex;border:2px solid var(--soil-dark);border-radius:var(--radius-pill);padding:.2rem;background:#fff;box-shadow:2px 2px 0 var(--soil-dark)}.lang-btn{padding:.25rem .75rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;border-radius:var(--radius-pill);color:var(--soil-warm);text-decoration:none}.lang-btn.active{background:var(--soil-dark);color:#fff}.lang-btn:hover:not(.active){color:var(--soil-dark);background:var(--wood-light);text-decoration:none}.hero{padding:3.5rem 0 1.75rem;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--wood-light);border:1.5px solid var(--soil-warm);color:var(--soil-warm);font-family:var(--font-mono);font-size:.8rem;font-weight:700;padding:.35rem 1.1rem;border-radius:var(--radius-pill);margin-bottom:1.25rem;box-shadow:2px 2px 0 var(--soil-warm)}.hero-title{font-size:3.2rem;font-weight:700;color:var(--soil-dark);line-height:1.15;margin-bottom:1rem;letter-spacing:-.03em}.hero-title span{color:var(--terracotta)}.hero-subtitle{font-size:1.15rem;color:var(--soil-warm);max-width:820px;margin:0 auto 2.5rem;font-weight:500}.system-canvas{position:relative;background:var(--bg-card);border:2.5px solid var(--soil-dark);border-radius:16px;box-shadow:var(--shadow-solid);overflow:visible;margin-bottom:3.5rem}.system-header{background:var(--soil-dark);color:#fff;padding:.85rem 1.4rem;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.85rem;border-top-left-radius:13px;border-top-right-radius:13px}.system-status{display:flex;align-items:center;gap:.6rem}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--hedge-vibrant);box-shadow:0 0 8px var(--hedge-vibrant);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.canvas-body{position:relative;width:100%;line-height:0;user-select:none}.canvas-image{width:100%;height:auto;display:block}.hotspot{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:20}.hotspot-btn{width:48px;height:48px;border-radius:50%;background:#2a1c12f0;border:2.5px solid #FFF;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;box-shadow:0 4px 14px #00000080;transition:all .25s cubic-bezier(.175,.885,.32,1.275)}.hotspot:hover .hotspot-btn,.hotspot.active .hotspot-btn{transform:scale(1.28);border-color:var(--solar-gold);box-shadow:0 0 24px var(--solar-glow)}.hotspot-label{position:absolute;top:112%;left:50%;transform:translate(-50%);background:var(--soil-dark);color:#fff;font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:.3rem .65rem;border-radius:6px;white-space:nowrap;border:1.5px solid #FFF;pointer-events:none;opacity:.95;box-shadow:0 2px 8px #0000004d}.floating-mole-popup{position:absolute;z-index:50;width:440px;max-width:90vw;background:#fffffffa;backdrop-filter:blur(16px);border:2.5px solid var(--soil-dark);border-radius:16px;box-shadow:var(--shadow-popup);padding:1.35rem;display:none;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);pointer-events:auto}.popup-close-btn{position:absolute;top:10px;right:12px;width:32px;height:32px;border-radius:50%;background:var(--bg-cream);border:1.5px solid var(--soil-dark);color:var(--soil-dark);font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:1px 1px 0 var(--soil-dark);transition:all .2s ease;z-index:10}.popup-close-btn:hover{background:var(--terracotta);color:#fff;transform:scale(1.1)}.floating-mole-popup.show{display:block;opacity:1;transform:translateY(0) scale(1)}.popup-top-row{display:flex;gap:1.15rem;align-items:center;margin-bottom:1rem}.mole-avatar-sprite{width:84px;height:84px;min-width:84px;border-radius:12px;border:2px solid var(--soil-dark);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:2px 2px 0 var(--soil-dark);overflow:hidden}.card-mole-avatar{width:60px;height:60px;min-width:60px;border-radius:10px;border:2px solid var(--soil-dark);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:2px 2px 0 var(--soil-dark);overflow:hidden}.avatar-park,.avatar-chief{background-image:url(/images/avatars/0_Fo_Vakondnok_Chief_Molecrat.png?v=20260826_orig)}.avatar-water{background-image:url(/images/avatars/1_Vizmester_Vakondnok_Hydro_Master.png?v=20260826_orig)}.avatar-solar{background-image:url(/images/avatars/2_Szolarmester_Vakondnok_Solar_Master.png?v=20260826_orig)}.avatar-flower,.avatar-rose{background-image:url(/images/avatars/3_Diszkertesz_Vakondnok_Flower_Gardener.png?v=20260826_orig)}.avatar-harvest,.avatar-veggie{background-image:url(/images/avatars/4_Betakarito_Vakondnok_Harvest_Master.png?v=20260826_orig)}.avatar-miner,.avatar-soil{background-image:url(/images/avatars/5_Talajkutato_Vakondnok_Soil_Engineer.png?v=20260826_orig)}.avatar-tech{background-image:url(/images/avatars/6_Tech_Vakondnok_Tech_Specialist.png?v=20260826_orig)}.popup-mole-info{display:flex;flex-direction:column;gap:.35rem;flex-grow:1}.popup-role-tag{font-family:var(--font-mono);font-size:.72rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-pill);border:1.5px solid var(--soil-dark);background:var(--wood-light);color:var(--soil-dark);align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem}.popup-mole-name{font-family:var(--font-title);font-size:1.15rem;font-weight:700;color:var(--soil-dark);line-height:1.2}.popup-speech{background:var(--bg-cream);border:1.5px solid var(--border-subtle);border-radius:10px;padding:.75rem .9rem;font-size:.88rem;font-style:italic;color:var(--soil-dark);line-height:1.45;margin-bottom:.85rem}.popup-rec-title{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--soil-warm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.45rem}.popup-articles-list{display:flex;flex-direction:column;gap:.5rem}.popup-article-link{background:#fff;border:1.5px solid var(--border-strong);border-radius:8px;padding:.65rem .85rem;text-decoration:none;color:inherit;box-shadow:2px 2px 0 var(--border-strong);transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.popup-article-link:hover{border-color:var(--terracotta);background:#fff9f5;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--terracotta)}.popup-art-text{font-family:var(--font-title);font-size:.92rem;font-weight:700;color:var(--soil-dark);line-height:1.25}.popup-art-arrow{font-family:var(--font-mono);font-weight:700;color:var(--terracotta);font-size:.9rem;white-space:nowrap}.telemetry-bar{background:var(--wood-light);border-top:2px solid var(--border-strong);padding:1.25rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;border-bottom-left-radius:13px;border-bottom-right-radius:13px}.tele-card{background:#fff;border:1.5px solid var(--border-strong);border-radius:8px;padding:.85rem 1.1rem;box-shadow:2px 2px 0 var(--border-strong)}.tele-label{font-family:var(--font-mono);font-size:.7rem;color:var(--soil-warm);text-transform:uppercase;font-weight:700;margin-bottom:.25rem}.tele-val{font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--soil-dark);display:flex;align-items:center;gap:.4rem}.tele-val.green{color:var(--evergreen-deep)}.tele-val.blue{color:var(--water-deep)}.tele-val.amber{color:var(--solar-gold)}.tele-val.purple{color:var(--lavender-purple)}.section-heading{font-family:var(--font-title);font-size:2rem;margin-bottom:.5rem;color:var(--soil-dark);display:flex;align-items:center;gap:.75rem}.section-desc{color:var(--soil-warm);margin-bottom:2.5rem;font-size:1.05rem}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.pillar-card{background:var(--bg-card);border:2.5px solid var(--border-strong);border-radius:var(--radius-block);padding:1.65rem;box-shadow:var(--shadow-solid);transition:all .25s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit}.pillar-card:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--border-strong);border-color:var(--terracotta)}.card-header-mole{display:flex;align-items:center;gap:1rem;margin-bottom:1.15rem;padding-bottom:.85rem;border-bottom:1.5px dashed var(--border-subtle)}.card-mole-meta{display:flex;flex-direction:column;gap:.25rem;flex-grow:1}.card-badge-row{display:flex;justify-content:space-between;align-items:center}.pillar-badge{font-family:var(--font-mono);font-size:.72rem;font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-pill);border:1.5px solid var(--soil-dark);display:flex;align-items:center;gap:.35rem}.badge-hedge{background:#d9f0dc;color:var(--evergreen-deep)}.badge-flora{background:#fde8ee;color:var(--geranium-pink)}.badge-water{background:#d6f2f0;color:var(--water-deep)}.badge-solar{background:#fef2d5;color:#8a5a00}.badge-tech{background:#e7eef6;color:#1e3a5f}.badge-soil{background:#f1e4d6;color:var(--terracotta)}.card-mole-name{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--soil-dark)}.pillar-title{font-family:var(--font-title);font-size:1.35rem;font-weight:700;color:var(--soil-dark);margin-bottom:.65rem;line-height:1.3}.pillar-p{font-size:.95rem;color:var(--soil-warm);margin-bottom:1rem;flex-grow:1}.card-mole-tip{background:#fff;border:1.5px solid var(--border-subtle);border-radius:8px;padding:.65rem .85rem;font-size:.85rem;font-style:italic;color:var(--soil-dark);margin-bottom:1.15rem;display:flex;gap:.4rem}.pillar-action{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--terracotta);border-top:1.5px dashed var(--border-subtle);padding-top:.85rem}.article-container{max-width:820px;margin:3rem auto 5rem;padding:0 1.5rem}.article-header{margin-bottom:2rem}.article-meta{font-family:var(--font-mono);font-size:.82rem;color:var(--soil-warm);margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.article-title{font-size:2.75rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--soil-dark)}.article-mole-banner{background:var(--bg-card);border:2px solid var(--border-strong);border-radius:var(--radius-block);padding:1.25rem 1.5rem;margin-bottom:2.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:4px 4px 0 var(--border-strong)}.article-content{font-size:1.1rem;line-height:1.75;color:var(--soil-dark)}.article-content h2{font-size:1.85rem;margin:2.5rem 0 1rem;border-bottom:2px solid var(--border-subtle);padding-bottom:.5rem}.article-content h3{font-size:1.4rem;margin:2rem 0 .75rem}.article-content p{margin-bottom:1.35rem}.article-content ul,.article-content ol{margin:1rem 0 1.5rem 1.5rem}.article-content li{margin-bottom:.5rem}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-block);border:2px solid var(--border-strong);box-shadow:4px 4px 0 var(--border-strong);margin:2rem 0}.article-content blockquote{background:var(--wood-light);border-left:4px solid var(--terracotta);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0;font-style:italic}.affiliate-box{margin-top:3.5rem;padding:1rem 1.35rem;background:#ebe0cd66;border:1px dashed var(--border-subtle);border-radius:10px;font-size:.82rem;line-height:1.5;color:var(--soil-warm)}.affiliate-box p{margin-bottom:0}.affiliate-box strong{font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;color:var(--soil-dark);letter-spacing:.04em}.site-footer{background:var(--soil-dark);color:#fff;padding:3rem 0 2.5rem;margin-top:auto;border-top:3px solid var(--terracotta);text-align:center}.footer-brand{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-title);font-size:1.3rem;margin-bottom:.75rem}.footer-icon{font-size:1.3rem}.footer-tagline{font-size:.95rem;color:var(--wood-light);max-width:600px;margin:0 auto 1.5rem}.footer-copy{font-family:var(--font-mono);font-size:.78rem;color:#a89582}@media (max-width: 768px){.hero-title{font-size:2.2rem}.floating-mole-popup{width:92%;left:4%!important;top:10%!important}.hotspot-btn{width:38px;height:38px;font-size:1.05rem}.hotspot-label{display:none}.telemetry-bar{grid-template-columns:1fr 1fr}.pillars-grid{grid-template-columns:1fr}.article-title{font-size:2rem}}