@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600;700&family=Montserrat:wght@300;400;500;600;800&display=swap');:root{--strain-bg-color:#0a0001;--strain-text-color:#ffffff;--strain-font-main:'Montserrat',sans-serif;--strain-font-secondary:'Josefin Sans',sans-serif;--strain-container-width:1080px;--strain-accent-green:#3ebc3e}.strain-theme-rainbow{--strain-accent:#fff201;--strain-accent-rgb:255,242,1}.strain-theme-apricot{--strain-accent:#5ce1e6;--strain-accent-rgb:92,225,230}.strain-theme-pink{--strain-accent:#ff157e;--strain-accent-rgb:255,21,126}.strain-theme-orange{--strain-accent:#eb770b;--strain-accent-rgb:235,119,11}.strain-theme-punch{--strain-accent:#2ef106;--strain-accent-rgb:46,241,6}.strain-theme-unicorn{--strain-accent:#d8006c;--strain-accent-rgb:216,0,108}.strain-layout-wrapper{max-width:var(--strain-container-width);margin:0 auto;padding:10px 20px 40px 20px;box-sizing:border-box;position:relative;z-index:10;opacity:0;animation:page-fade-in 1.2s ease-out forwards;color:var(--strain-text-color);font-family:var(--strain-font-main);line-height:1.6;font-weight:300}.scanline-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,0.03) 2px,rgba(255,255,255,0.03) 4px);opacity:0.6}.header-wrapper-center{display:flex;justify-content:center;width:100%;margin-top:60px;margin-bottom:20px;position:relative;z-index:2}.strain-header-title{font-family:var(--strain-font-main);font-size:5rem;font-weight:800;text-transform:uppercase;display:inline-block;width:auto;max-width:90vw;position:relative;padding:15px 50px;color:var(--strain-accent);background:transparent;line-height:1;letter-spacing:-2px;text-align:center;text-shadow:0 0 15px rgba(var(--strain-accent-rgb),0.6),0 0 30px rgba(var(--strain-accent-rgb),0.4);animation:frost-breathe 5s ease-in-out infinite alternate}.strain-header-title::before{content:"";position:absolute;top:0;left:0;right:0;height:35%;border-top:3px solid var(--strain-accent);border-left:3px solid var(--strain-accent);border-right:3px solid var(--strain-accent);filter:drop-shadow(0 0 8px rgba(var(--strain-accent-rgb),0.9));pointer-events:none}.strain-header-title::after{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;border-bottom:3px solid var(--strain-accent);border-left:3px solid var(--strain-accent);border-right:3px solid var(--strain-accent);filter:drop-shadow(0 0 8px rgba(var(--strain-accent-rgb),0.9));pointer-events:none}.header-smoke-container{position:absolute;top:150px;left:50%;transform:translateX(-50%);width:100vw;height:600px;pointer-events:none;z-index:1}.header-smoke-container::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(var(--strain-accent-rgb),0.1) 0%,rgba(var(--strain-accent-rgb),0) 60%);filter:blur(80px);animation:smoke-pulse 8s ease-in-out infinite alternate}.strain-hero{text-align:center;margin-bottom:50px;position:relative;z-index:20}.strain-type{font-size:4.5rem;font-weight:800;text-transform:uppercase;color:var(--strain-accent);line-height:1;letter-spacing:2px;display:block;margin-top:10px;margin-bottom:10px;text-shadow:0 0 15px rgba(var(--strain-accent-rgb),0.6),0 0 30px rgba(var(--strain-accent-rgb),0.3);filter:drop-shadow(0 0 5px rgba(var(--strain-accent-rgb),0.5));animation:frost-breathe 5s ease-in-out infinite alternate}.shimmer-separator{height:1px;width:100%;max-width:85%;margin:40px auto 30px auto;background:linear-gradient(90deg,transparent,var(--strain-accent),transparent);position:relative;overflow:hidden;opacity:0.8;box-shadow:0 0 10px rgba(var(--strain-accent-rgb),0.5)}.shimmer-separator::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);animation:shimmer-anim 4s infinite}.strain-header-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto 40px auto}.strain-name-text{font-family:var(--strain-font-main);font-size:2.5rem;font-weight:700;color:var(--strain-accent);letter-spacing:4px;text-transform:uppercase;line-height:1.1;margin:5px 0;text-shadow:0 0 15px rgba(var(--strain-accent-rgb),0.6),0 0 30px rgba(var(--strain-accent-rgb),0.2)}.lineage-label{font-family:var(--strain-font-secondary);font-size:0.75rem;color:#888888;text-transform:uppercase;letter-spacing:3px;opacity:0.8;margin-bottom:10px;display:block;animation:lineage-fade 5s infinite ease-in-out}.strain-x{color:#ffffff;font-family:var(--strain-font-secondary);font-weight:300;font-size:2rem;opacity:0.5;margin:5px 0;text-shadow:0 0 10px rgba(255,255,255,0.2);animation:pulse-x-glow 3s infinite ease-in-out}.strain-x::before{content:"[";margin-right:15px;font-weight:100}.strain-x::after{content:"]";margin-left:15px;font-weight:100}.strain-stats-row{display:grid;grid-template-columns:1fr auto 1fr;width:85%;margin:10px auto 20px auto;align-items:end;position:relative;z-index:20}.stats-left{justify-self:start;text-align:center}.stats-center{justify-self:center;text-align:center;padding-bottom:5px}.stats-right{justify-self:end;text-align:center}.stat-block h3{color:var(--strain-accent);font-size:2.5rem;margin:0 0 5px 0;font-family:var(--strain-font-secondary);font-weight:700;text-shadow:0 0 15px rgba(var(--strain-accent-rgb),0.6),0 0 25px rgba(var(--strain-accent-rgb),0.3);filter:drop-shadow(0 0 5px rgba(var(--strain-accent-rgb),0.5));animation:frost-breathe 5s ease-in-out infinite alternate}.stat-block p{color:var(--strain-accent);font-size:1.5rem;font-weight:600;margin:0;letter-spacing:1px;text-shadow:0 0 8px rgba(var(--strain-accent-rgb),0.4)}.stat-subtitle{color:#e5e5e5;font-style:italic;font-size:0.9rem;opacity:0.6;letter-spacing:1px;font-family:var(--strain-font-secondary)}.terpene-section{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px;margin-top:20px;position:relative;z-index:20}.terpene-item{display:flex;flex-direction:column}.terpene-header{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;border-bottom:1px solid var(--strain-accent);padding-bottom:5px;box-shadow:0 2px 8px rgba(var(--strain-accent-rgb),0.3);position:relative;overflow:hidden}.terpene-header::after{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.9),var(--strain-accent),transparent);animation:terpene-scan 2.5s linear infinite}.terpene-item:nth-child(1) .terpene-header::after{animation-delay:0s}.terpene-item:nth-child(2) .terpene-header::after{animation-delay:0.6s}.terpene-item:nth-child(3) .terpene-header::after{animation-delay:1.2s}.terpene-name{font-size:0.9rem;color:white;font-weight:600;text-transform:uppercase;letter-spacing:1px}.terpene-value{font-family:var(--strain-font-secondary);font-size:1rem;color:var(--strain-accent-green);font-weight:600}.progress-container{background-color:rgba(255,255,255,0.05);height:8px;width:100%;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px rgba(0,0,0,0.5)}.progress-bar{background:linear-gradient(90deg,var(--strain-accent-green),#6eff6e);height:100%;box-shadow:0 0 10px var(--strain-accent-green);display:block;width:0%;transition:width 1.5s ease-out}.details-section{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;position:relative;margin-top:20px}.details-section.reverse{grid-template-columns:65fr 35fr;margin-top:60px}.content-column{background-color:#111;border:1px solid #222;box-shadow:0 0 20px rgba(0,0,0,0.8),0 0 5px rgba(255,255,255,0.05);color:#ccc;padding:40px;padding-right:60px;font-family:var(--strain-font-secondary);font-size:1.1rem;line-height:1.8;position:relative;z-index:auto!important}.content-column p,.content-column strong{position:relative;z-index:20}.details-section.reverse .content-column{padding-right:40px;padding-left:60px}.content-column p{margin-bottom:20px}.image-column{margin-left:-100px;position:relative;z-index:5;display:flex;align-items:center;justify-content:center;pointer-events:none}.details-section.reverse .image-column{margin-left:0;margin-right:-100px}.details-section.reverse .image-column img{width:60%}.image-column::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:140%;background:radial-gradient(circle,rgba(var(--strain-accent-rgb),0.25) 0%,rgba(var(--strain-accent-rgb),0) 70%);filter:blur(40px);z-index:-1;animation:smoke-pulse 6s ease-in-out infinite alternate}.image-column::after{content:"";position:absolute;top:50%;left:50%;width:90%;height:150%;background:radial-gradient(ellipse at center,rgba(var(--strain-accent-rgb),0.15) 0%,rgba(var(--strain-accent-rgb),0.05) 40%,transparent 80%);filter:blur(60px);z-index:-2;animation:smoke-drift 12s linear infinite}.image-column img{width:115%;max-width:none;height:auto;display:block;filter:drop-shadow(5px 5px 15px rgba(0,0,0,0.5))}.flavor-section{display:flex;justify-content:center;gap:80px;margin-top:50px;margin-bottom:60px;align-items:center;position:relative;z-index:20}.flavor-icon-wrapper{text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer}.flavor-icon{width:65px;height:auto;display:block;opacity:0.7;filter:invert(1);transition:all 0.3s ease}.flavor-icon-wrapper:hover .flavor-icon{opacity:1;transform:scale(1.1);filter:invert(1) drop-shadow(0 0 5px var(--strain-accent))}.flavor-tooltip{position:absolute;bottom:115%;left:50%;transform:translateX(-50%) translateY(10px);background-color:rgba(10,10,10,0.95);border:1px solid var(--strain-accent);color:#fff;padding:8px 15px;font-family:var(--strain-font-secondary);font-size:0.8rem;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s;box-shadow:0 0 15px rgba(var(--strain-accent-rgb),0.3);z-index:100;pointer-events:none}.flavor-icon-wrapper.active .flavor-tooltip,.flavor-icon-wrapper:hover .flavor-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.flavor-tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--strain-accent) transparent transparent transparent}@keyframes smoke-pulse{0%{opacity:0.5;transform:translate(-50%,-50%) scale(0.9)}100%{opacity:0.8;transform:translate(-50%,-50%) scale(1.1)}}@keyframes smoke-drift{0%{transform:translate(-50%,-50%) rotate(0deg)}33%{transform:translate(-45%,-55%) rotate(2deg)}66%{transform:translate(-55%,-45%) rotate(-2deg)}100%{transform:translate(-50%,-50%) rotate(0deg)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes pulse-x-glow{0%,100%{opacity:0.5;text-shadow:0 0 5px rgba(255,255,255,0.1);transform:scale(1)}50%{opacity:1;text-shadow:0 0 15px var(--strain-accent),0 0 25px var(--strain-accent);transform:scale(1.15)}}@keyframes lineage-fade{0%,100%{color:#888888;text-shadow:none}50%{color:#ffffff;text-shadow:0 0 8px var(--strain-accent)}}@keyframes frost-breathe{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(var(--strain-accent-rgb),0.1))}100%{transform:scale(1.02);filter:drop-shadow(0 0 15px rgba(var(--strain-accent-rgb),0.5))}}@keyframes terpene-scan{0%{left:-100%;opacity:0}10%{opacity:1}50%{left:100%;opacity:1}51%{opacity:0}100%{left:100%;opacity:0}}@keyframes shimmer-anim{0%{left:-100%}100%{left:100%}}.legal-footer{text-align:center;font-family:var(--strain-font-secondary);font-size:0.75rem;color:#555;margin-top:80px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.05);text-transform:uppercase;letter-spacing:1px}@media (max-width:768px){.strain-header-title{font-size:2.5rem;padding:10px 20px}.strain-header-title::before,.strain-header-title::after{border-width:2px}.strain-header-grid,.strain-stats-row{width:100%;gap:10px}.terpene-section{grid-template-columns:1fr;gap:20px}.details-section,.details-section.reverse{grid-template-columns:1fr}.content-column{padding-right:40px}.details-section.reverse .content-column{padding-left:40px}.image-column{margin-left:0;justify-content:center;z-index:1}.details-section.reverse .image-column{margin-right:0;order:-1}.image-column img{width:100%}.strain-type{font-size:2.5rem;padding:10px 20px}.strain-name-text{font-size:1.8rem;letter-spacing:2px}.strain-x{font-size:1.5rem;margin:0 5px}}