*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-abyss:#020c1b;--bg-deep:#030e22;--bg-ocean:#041428;--bg-mid:#071a35;--bg-card:rgba(5,18,40,0.85);--bg-glass:rgba(4,20,50,0.7);--bg-hover:rgba(0,212,255,0.05);--cyan:#00d4ff;--cyan-dim:rgba(0,212,255,0.6);--cyan-glow:rgba(0,212,255,0.2);--cyan-border:rgba(0,212,255,0.25);--teal:#00b4cc;--aqua:#00e5cc;--bio-green:#00ff9f;--bio-green-dim:rgba(0,255,159,0.3);--gold-fish:#ffa726;--gold-glow:rgba(255,167,38,0.3);--text-bright:#e8f4fd;--text-primary:rgba(200,225,245,0.95);--text-secondary:rgba(150,195,225,0.75);--text-muted:rgba(100,155,195,0.55);--border-subtle:rgba(0,212,255,0.12);--border-mid:rgba(0,212,255,0.22);--border-bright:rgba(0,212,255,0.45);--shadow-card:0 8px 32px rgba(0,0,0,0.6),0 0 0 1px rgba(0,212,255,0.08);--shadow-glow:0 0 40px rgba(0,212,255,0.15),0 0 80px rgba(0,212,255,0.06);--shadow-hover:0 16px 48px rgba(0,0,0,0.7),0 0 20px rgba(0,212,255,0.2);--radius-sm:clamp(0.4rem,0.8vw,0.6rem);--radius-md:clamp(0.7rem,1.2vw,1rem);--radius-lg:clamp(1rem,1.8vw,1.5rem);--radius-xl:clamp(1.5rem,2.5vw,2.2rem);--font-display:"Orbitron",sans-serif;--font-body:"Space Grotesk",sans-serif;--font-sub:"Inter",sans-serif;--fs-xs:clamp(0.65rem,1.2vw,0.75rem);--fs-sm:clamp(0.75rem,1.5vw,0.875rem);--fs-base:clamp(0.875rem,1.8vw,1rem);--fs-md:clamp(1rem,2vw,1.125rem);--fs-lg:clamp(1.1rem,2.5vw,1.35rem);--fs-xl:clamp(1.3rem,3vw,1.75rem);--fs-2xl:clamp(1.6rem,4vw,2.25rem);--fs-3xl:clamp(2rem,5vw,3rem);--fs-4xl:clamp(2.5rem,7vw,4rem);--fs-hero:clamp(3rem,9vw,6rem);--ease-out:cubic-bezier(0.0,0.0,0.2,1);--ease-in-out:cubic-bezier(0.4,0.0,0.2,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--t-fast:180ms;--t-mid:320ms;--t-slow:500ms}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);background-color:var(--bg-abyss);min-height:100vh;overflow-x:hidden;line-height:1.65}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-ocean)}::-webkit-scrollbar-thumb{background:var(--cyan-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-dim)}::selection{background:rgba(0,212,255,.3);color:var(--text-bright)}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:600;line-height:1.2;color:var(--text-bright);letter-spacing:-.02em}h1{font-size:var(--fs-hero);font-weight:700}h2{font-size:var(--fs-4xl)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}h5{font-size:var(--fs-lg)}h6{font-size:var(--fs-md)}.display-font{font-family:var(--font-display)}.mono{font-family:Courier New,monospace}p{line-height:1.75;color:var(--text-secondary)}a{color:var(--cyan);text-decoration:none;transition:color var(--t-fast) ease}a:hover{color:var(--text-bright)}img{max-width:100%;display:block}.container{width:min(90%,1400px)}.container,.container-narrow{margin:0 auto;padding-inline:clamp(1rem,3vw,2rem)}.container-narrow{width:min(90%,900px)}.water-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.water-bg:after,.water-bg:before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;animation:waterDrift 20s ease-in-out infinite alternate}.water-bg:before{width:clamp(300px,50vw,700px);height:clamp(300px,50vw,700px);background:radial-gradient(circle,var(--cyan) 0,transparent 70%);top:-20%;left:-10%;animation-duration:25s}.water-bg:after{width:clamp(250px,40vw,600px);height:clamp(250px,40vw,600px);background:radial-gradient(circle,#003fff 0,transparent 70%);bottom:-10%;right:-10%;animation-duration:30s;animation-delay:-12s}@keyframes waterDrift{0%{transform:translate(0) scale(1)}33%{transform:translate(5%,8%) scale(1.1)}66%{transform:translate(-3%,5%) scale(.9)}to{transform:translate(4%,-5%) scale(1.05)}}.bubble{position:fixed;bottom:-10%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,212,255,.8),transparent);border:1px solid rgba(0,212,255,.4);animation:floatUp linear infinite;pointer-events:none;z-index:1}@keyframes floatUp{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.7}90%{opacity:.3}to{transform:translateY(-110vh) translateX(calc(sin(1) * 60px));opacity:0}}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--t-mid) var(--ease-out),box-shadow var(--t-mid) var(--ease-out),border-color var(--t-mid) ease}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--border-mid)}.gradient-text{background:linear-gradient(135deg,var(--cyan) 0,var(--bio-green) 100%);-webkit-background-clip:text;background-clip:text}.gradient-text,.gradient-text-gold{-webkit-text-fill-color:transparent}.gradient-text-gold{background:linear-gradient(135deg,#ffd54f 0,var(--gold-fish) 100%);-webkit-background-clip:text;background-clip:text}.glow-cyan{text-shadow:0 0 20px rgba(0,212,255,.5),0 0 40px rgba(0,212,255,.25)}.glow-border{box-shadow:0 0 0 1px var(--cyan-border),0 0 20px var(--cyan-glow)}.badge{display:inline-flex;align-items:center;gap:.3em;padding:.25em .75em;border-radius:999px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-subtle);background:var(--bg-glass);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-cyan{border-color:rgba(0,212,255,.4);color:var(--cyan);background:rgba(0,212,255,.08)}.badge-green{border-color:rgba(0,255,159,.4);color:var(--bio-green);background:rgba(0,255,159,.06)}.badge-gold{border-color:rgba(255,167,38,.4);color:var(--gold-fish);background:rgba(255,167,38,.08)}.badge-red{border-color:rgba(244,67,54,.4);color:#ef5350;background:rgba(244,67,54,.08)}.badge-purple{border-color:rgba(156,39,176,.4);color:#ab47bc;background:rgba(156,39,176,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.7em 1.8em;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;letter-spacing:.04em;cursor:pointer;border:none;transition:all var(--t-fast) var(--ease-out);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--cyan) 0,var(--teal) 100%);color:var(--bg-abyss);box-shadow:0 4px 20px rgba(0,212,255,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,212,255,.5);color:var(--bg-abyss)}.btn-outline{background:transparent;color:var(--cyan);border:1px solid var(--cyan-border)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--cyan);transform:translateY(-2px);color:var(--cyan)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-bright);border-color:var(--border-mid)}.section{padding-block:clamp(3rem,8vw,6rem);position:relative;z-index:2}.section-sm{padding-block:clamp(2rem,5vw,4rem)}.divider{height:1px;background:linear-gradient(90deg,transparent 0,var(--border-mid) 50%,transparent 100%);margin-block:clamp(2rem,5vw,4rem)}.param-bar-track{height:6px;background:rgba(0,212,255,.1);overflow:visible}.param-bar-fill,.param-bar-track{border-radius:999px;position:relative}.param-bar-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--cyan));box-shadow:0 0 8px rgba(0,212,255,.5);transition:width .8s var(--ease-out)}.param-bar-fill:after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.fish-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));grid-gap:clamp(1rem,2.5vw,1.5rem);gap:clamp(1rem,2.5vw,1.5rem)}.fish-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--t-mid) var(--ease-out);cursor:pointer;text-decoration:none;display:flex;flex-direction:column}.fish-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(2,12,27,.95));z-index:1;transition:opacity var(--t-mid) ease}.fish-card:hover{transform:translateY(-6px);border-color:var(--border-bright);box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 0 1px rgba(0,212,255,.3),0 0 30px rgba(0,212,255,.12)}.fish-card:hover:before{opacity:.85}.fish-card__img{width:100%;aspect-ratio:4/3;object-fit:contain;background:rgba(0,0,0,.35);transition:transform var(--t-slow) var(--ease-out)}.fish-card:hover .fish-card__img{transform:scale(1.06)}.fish-card__content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:clamp(1rem,2.5vw,1.5rem)}.fish-card__name{font-size:var(--fs-lg);font-weight:700;color:var(--text-bright);margin-bottom:.2em}.fish-card__sci{font-size:var(--fs-xs);color:var(--cyan-dim);font-style:italic;margin-bottom:.6em}.fish-card__meta{display:flex;gap:.5rem;flex-wrap:wrap}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));grid-gap:clamp(1rem,2.5vw,1.5rem);gap:clamp(1rem,2.5vw,1.5rem)}.category-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all var(--t-mid) var(--ease-out);text-decoration:none;display:block;min-height:clamp(180px,20vw,220px)}.category-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);background:linear-gradient(to bottom right,rgba(255,255,255,.04),transparent 60%);pointer-events:none}.category-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 24px 60px rgba(0,0,0,.8)}.category-card__emoji{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:.8rem;display:block}.category-card__name{font-size:var(--fs-xl);font-weight:700;color:#fff;margin-bottom:.4rem}.category-card__count{font-size:var(--fs-sm);color:rgba(255,255,255,.55);font-family:var(--font-display);letter-spacing:.08em}.category-card__desc{font-size:var(--fs-sm);color:rgba(255,255,255,.7);margin-top:.75rem;line-height:1.5}.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:clamp(4rem,10vw,8rem) 1rem}.hero__bg{position:absolute;inset:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.15}.hero__bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,30,60,.6) 0,rgba(2,12,27,.9) 70%)}.hero__content{position:relative;z-index:2;max-width:min(90%,900px);margin:0 auto}.hero__overline{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);padding:.4em 1.2em;border:1px solid var(--cyan-border);border-radius:999px;background:rgba(0,212,255,.08);margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero__title{font-size:var(--fs-hero);font-weight:800;line-height:1;letter-spacing:-.03em;margin-bottom:clamp(1rem,3vw,1.5rem)}.hero__subtitle{font-size:var(--fs-lg);color:var(--text-secondary);max-width:65ch;margin:0 auto clamp(2rem,4vw,3rem);line-height:1.7}.hero__stats{display:flex;gap:clamp(1.5rem,4vw,3rem);justify-content:center;flex-wrap:wrap;margin-bottom:clamp(2rem,4vw,3rem)}.hero__stat{text-align:center}.hero__stat-num{display:block;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1;letter-spacing:-.03em}.hero__stat-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-top:.3em}.hero__ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 clamp(1rem,3vw,2rem);height:clamp(55px,7vw,70px);display:flex;align-items:center;justify-content:space-between;background:rgba(2,12,27,.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:background var(--t-mid) ease}.header.scrolled{background:rgba(2,12,27,.97);border-bottom-color:var(--border-mid)}.header__logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.header__logo-icon{width:clamp(28px,3.5vw,36px);height:clamp(28px,3.5vw,36px)}.header__logo-text{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;color:var(--text-bright)}.header__logo-text span{color:var(--cyan)}.header__nav{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.5rem)}.nav-link{font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.3em 0;border-bottom:1px solid transparent;transition:all var(--t-fast) ease}.nav-link.active,.nav-link:hover{color:var(--cyan);border-bottom-color:var(--cyan)}.header__search{display:flex;align-items:center;gap:.5rem;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.4em .9em;font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast) ease;white-space:nowrap}.header__search:hover{border-color:var(--border-mid);color:var(--text-bright)}.fish-detail{padding-top:clamp(55px,7vw,70px);min-height:100vh}.fish-hero{position:relative;height:clamp(280px,45vw,500px);overflow:hidden}.fish-hero__img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(1.3)}.fish-hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,rgba(2,12,27,.7) 60%,var(--bg-abyss) 100%)}.fish-hero__content{position:absolute;bottom:0;left:0;right:0;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,5vw,3rem)}.fish-hero__badge{margin-bottom:.75rem}.fish-hero__name{font-size:var(--fs-4xl);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.1;margin-bottom:.3rem}.fish-hero__sci{font-size:var(--fs-md);color:var(--cyan-dim);font-style:italic}.params-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));grid-gap:clamp(.75rem,2vw,1rem);gap:clamp(.75rem,2vw,1rem)}.param-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:clamp(.9rem,2vw,1.2rem);transition:border-color var(--t-fast) ease}.param-card:hover{border-color:var(--border-mid)}.param-card__icon{font-size:1.4rem;margin-bottom:.5rem}.param-card__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.3rem}.param-card__value{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--cyan);letter-spacing:-.02em}.param-card__sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:.2rem}.difficulty-dots{display:flex;gap:.3rem;align-items:center}.difficulty-dot{width:8px;height:8px;border-radius:50%;background:var(--border-mid)}.difficulty-dot.active{background:var(--cyan);box-shadow:0 0 6px var(--cyan-glow)}.difficulty-dot.active.advanced{background:var(--gold-fish);box-shadow:0 0 6px var(--gold-glow)}.difficulty-dot.active.expert{background:#ef5350;box-shadow:0 0 6px rgba(239,83,80,.5)}.temperament-bar{display:flex;gap:3px;align-items:center;width:100%}.temperament-seg{flex:1 1;height:4px;border-radius:999px;background:var(--border-mid)}.temperament-seg.active-1{background:#4caf50;box-shadow:0 0 4px rgba(76,175,80,.5)}.temperament-seg.active-2{background:#ffc107;box-shadow:0 0 4px rgba(255,193,7,.5)}.temperament-seg.active-3{background:#ff9800;box-shadow:0 0 4px rgba(255,152,0,.5)}.temperament-seg.active-4{background:#f44336;box-shadow:0 0 4px rgba(244,67,54,.5)}.compat-list{display:flex;flex-wrap:wrap;gap:.5rem}.compat-item{padding:.3em .8em;border-radius:999px;font-size:var(--fs-xs);font-weight:500;border:1px solid}.compat-item.compatible{color:#4caf50;border-color:rgba(76,175,80,.3);background:rgba(76,175,80,.06)}.compat-item.incompatible{color:#ef5350;border-color:rgba(239,83,80,.3);background:rgba(239,83,80,.06)}.info-section{margin-bottom:clamp(1.5rem,3vw,2rem)}.info-section__title{font-size:var(--fs-md);font-weight:700;color:var(--text-bright);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.info-section__title:before{content:"";display:block;width:3px;height:1.2em;border-radius:999px;background:linear-gradient(to bottom,var(--cyan),var(--teal))}.diet-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:.5rem;gap:.5rem;list-style:none}.diet-item{display:flex;align-items:center;gap:.5rem;padding:.5em .75em;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--text-secondary)}.diet-item:before{content:"🍴";font-size:.85em}.search-input{width:100%;background:var(--bg-glass);border:1px solid var(--border-mid);border-radius:var(--radius-md);padding:.85em 1.2em .85em 3rem;font-size:var(--fs-base);font-family:var(--font-body);color:var(--text-bright);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--t-fast) ease;outline:none}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--cyan-border);box-shadow:0 0 0 3px rgba(0,212,255,.12)}.search-wrapper{position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:1.1rem}.footer{border-top:1px solid var(--border-subtle);padding-block:clamp(2rem,5vw,3.5rem);background:rgba(2,8,18,.95);position:relative;z-index:2}@media (max-width:768px){.header__nav .nav-link{display:none}.hero__stats{gap:1.5rem}.fish-detail-layout{flex-direction:column}.params-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.category-grid{grid-template-columns:1fr}.fish-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.hero__ctas{flex-direction:column}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px rgba(0,212,255,.2)}50%{box-shadow:0 0 25px rgba(0,212,255,.5)}}@keyframes wave{0%,to{transform:translateX(-50%) scaleY(1) scaleX(1)}50%{transform:translateX(-50%) scaleY(1.1) scaleX(1.05)}}.animate-fade-up{animation:fadeInUp .6s var(--ease-out) both}.animate-fade-up-delay{animation:fadeInUp .6s var(--ease-out) .15s both}.animate-fade-up-delay-2{animation:fadeInUp .6s var(--ease-out) .3s both}.animate-scale{animation:fadeInScale .5s var(--ease-out) both}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,rgba(0,212,255,.05),rgba(0,212,255,.12) 50%,rgba(0,212,255,.05));background-size:200% auto;animation:shimmer 1.5s linear infinite;border-radius:var(--radius-sm)}.funfact-card{background:linear-gradient(135deg,rgba(0,212,255,.06),rgba(0,255,159,.04));border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-lg);padding:clamp(1.2rem,3vw,1.8rem);position:relative;overflow:hidden}.funfact-card:before{content:"💡";position:absolute;top:1rem;right:1.2rem;font-size:1.5rem;opacity:.5}.fish-detail-layout{display:flex;gap:clamp(1.5rem,3vw,2.5rem);align-items:flex-start}.fish-detail-main{flex:1 1;min-width:0}.fish-detail-sidebar{width:min(320px,100%);flex-shrink:0}@media (min-width:768px){.fish-detail-sidebar{position:-webkit-sticky;position:sticky;top:calc(clamp(55px, 7vw, 70px) + 1.5rem)}}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);color:var(--text-secondary);text-decoration:none;margin-bottom:1.5rem;padding:.4em .8em;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-glass);transition:all var(--t-fast) ease}.back-link:hover{color:var(--cyan);border-color:var(--border-mid)}.tags-wrap{display:flex;flex-wrap:wrap;gap:.4rem}.tag{padding:.2em .7em;font-size:var(--fs-xs);border-radius:999px;background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.15);color:var(--text-muted);letter-spacing:.04em}.wave-sep{position:relative;height:clamp(40px,6vw,80px);overflow:hidden}.wave-sep svg{position:absolute;bottom:0;left:0;width:100%;height:100%}.page-header{padding-top:clamp(55px,7vw,70px);padding-bottom:clamp(2.5rem,6vw,5rem);background:linear-gradient(180deg,var(--bg-mid) 0,var(--bg-abyss) 100%);text-align:center;position:relative}.page-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(200px,40%);height:1px;background:linear-gradient(90deg,transparent,var(--cyan-border),transparent)}.js-ready{opacity:1!important;transform:none!important}.no-js-visible{opacity:1}.nav-dropdown{position:relative}.nav-link--btn{background:none;border:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:.35em}.nav-link--btn .caret{transition:transform var(--t-fast,.2s) ease;font-size:.8em}.nav-link--btn .caret.up{transform:rotate(180deg)}.nav-dropdown__panel{position:absolute;top:calc(100% + .6rem);left:50%;transform:translateX(-50%);min-width:17rem;padding:.5rem;border-radius:var(--radius-md,.9rem);background:rgba(4,16,36,.96);border:1px solid var(--border-mid,rgba(0,212,255,.22));-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:0 1.2rem 2.4rem rgba(0,0,0,.55);z-index:60;animation:dropIn .18s ease}@keyframes dropIn{0%{opacity:0;transform:translateX(-50%) translateY(-.4rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.nav-dropdown__item{display:flex;align-items:center;gap:.7rem;padding:.6rem .75rem;border-radius:var(--radius-sm,.55rem);color:var(--text-muted);text-decoration:none;font-size:var(--fs-sm);transition:background var(--t-fast,.2s) ease,color var(--t-fast,.2s) ease}.nav-dropdown__item.active,.nav-dropdown__item:hover{background:rgba(0,212,255,.1);color:var(--text-bright)}.nav-dropdown__emoji{font-size:1.1em}.nav-dropdown__label{flex:1 1}.nav-dropdown__count{font-family:var(--font-mono,inherit);font-size:.8em;color:var(--cyan);opacity:.75}.header__burger{display:none;flex-direction:column;justify-content:center;gap:.32rem;width:2.6rem;height:2.6rem;padding:0;background:none;border:1px solid var(--border-subtle,rgba(0,212,255,.15));border-radius:var(--radius-sm,.55rem);cursor:pointer}.burger-bar{display:block;width:1.2rem;height:2px;margin:0 auto;background:var(--cyan);border-radius:999px;transition:transform .25s ease,opacity .2s ease}.burger-bar.x1{transform:translateY(.42rem) rotate(45deg)}.burger-bar.x2{opacity:0}.burger-bar.x3{transform:translateY(-.42rem) rotate(-45deg)}.mobile-menu{position:absolute;top:100%;left:0;right:0;padding:.9rem;display:flex;flex-direction:column;gap:.15rem;background:rgba(3,13,26,.98);border-top:1px solid var(--border-subtle,rgba(0,212,255,.15));-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);max-height:75vh;overflow-y:auto;animation:dropIn .2s ease}.mobile-menu__link{display:flex;align-items:center;gap:.6rem;padding:.85rem .9rem;border-radius:var(--radius-sm,.55rem);color:var(--text-muted);text-decoration:none;font-size:var(--fs-sm)}.mobile-menu__link.active,.mobile-menu__link:hover{background:rgba(0,212,255,.1);color:var(--text-bright)}.mobile-menu__count{margin-left:auto;color:var(--cyan);opacity:.7;font-size:.85em}.mobile-menu__title{margin:.8rem 0 .3rem;padding-left:.9rem;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);opacity:.6}.page-shell{position:relative;z-index:2;max-width:87.5rem;margin:0 auto;padding:clamp(6.5rem,12vw,9rem) clamp(1rem,4vw,3rem) clamp(3rem,6vw,5rem)}.page-shell--narrow{max-width:52rem}.page-head{margin-bottom:clamp(1.8rem,4vw,3rem)}.page-kicker{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);margin-bottom:.5rem}.page-title{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin-bottom:.8rem}.page-sub{max-width:46rem;font-size:var(--fs-md);line-height:1.65}.page-sub,.prose{color:var(--text-muted)}.prose{line-height:1.75}.prose h2{margin:clamp(1.6rem,3vw,2.4rem) 0 .7rem;font-size:var(--fs-lg);color:var(--text-bright)}.prose p{margin-bottom:.9rem}.prose code{padding:.1em .4em;border-radius:.3em;background:rgba(0,212,255,.1);color:var(--cyan);font-size:.9em}.explorer{display:grid;grid-template-columns:minmax(16rem,20rem) 1fr;grid-gap:clamp(1.2rem,3vw,2.4rem);gap:clamp(1.2rem,3vw,2.4rem);align-items:start}.explorer__filters{padding:clamp(1.1rem,2.5vw,1.6rem);border-radius:var(--radius-md,.9rem);background:var(--bg-glass);border:1px solid var(--border-subtle,rgba(0,212,255,.15));-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);display:flex;flex-direction:column;gap:1.2rem}.explorer__filters-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.explorer__filters-title{font-size:var(--fs-md);margin:0}.explorer__reset{padding:.35em .8em;font-size:var(--fs-xs)}.filter-block{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-bright);font-weight:600}.filter-help{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5;opacity:.8}.filter-input{width:100%;padding:.7em .9em;border-radius:var(--radius-sm,.55rem);border:1px solid var(--border-subtle,rgba(0,212,255,.15));background:rgba(2,10,22,.7);color:var(--text-bright);font:inherit;font-size:var(--fs-sm)}.filter-input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-color:var(--cyan)}.filter-input::placeholder{color:var(--text-muted);opacity:.7}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.4em .8em;border-radius:999px;border:1px solid var(--border-subtle,rgba(0,212,255,.18));background:rgba(2,10,22,.5);color:var(--text-muted);font:inherit;font-size:var(--fs-xs);cursor:pointer;transition:all var(--t-fast,.2s) ease}.chip--on,.chip:hover{border-color:var(--cyan);color:var(--text-bright)}.chip--on{background:rgba(0,212,255,.16);font-weight:600}.chip--green.chip--on{background:rgba(0,255,159,.14);border-color:var(--bio-green,#00ff9f)}.chip--gold.chip--on{background:rgba(255,167,38,.14);border-color:var(--gold-fish,#ffa726)}.chip--red.chip--on{background:rgba(244,67,54,.14);border-color:#ef5350}.chip:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.filter-slider-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.filter-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--fs-xs);color:var(--cyan);cursor:pointer;font-family:var(--font-mono,inherit)}.filter-range{width:100%;accent-color:var(--cyan);cursor:pointer}.filter-range:disabled{opacity:.35;cursor:not-allowed}.explorer__count{margin-bottom:1rem;color:var(--text-muted);font-size:var(--fs-sm)}.explorer__count strong{color:var(--cyan);font-family:var(--font-mono,inherit);font-size:1.15em}.explorer__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-gap:clamp(.8rem,2vw,1.4rem);gap:clamp(.8rem,2vw,1.4rem)}.explorer__empty{padding:clamp(2rem,6vw,4rem) 1.5rem;text-align:center;border-radius:var(--radius-md,.9rem);background:var(--bg-glass);border:1px dashed var(--border-mid,rgba(0,212,255,.22))}.explorer__empty-icon{font-size:clamp(2.5rem,6vw,3.5rem);margin-bottom:.6rem}.explorer__empty-title{font-size:var(--fs-md);color:var(--text-bright);margin-bottom:.4rem}.explorer__empty-text{color:var(--text-muted);margin-bottom:1.2rem;font-size:var(--fs-sm)}.rcard{display:flex;flex-direction:column;border-radius:var(--radius-md,.9rem);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle,rgba(0,212,255,.15));text-decoration:none;transition:transform var(--t-fast,.2s) ease,border-color var(--t-fast,.2s) ease}.rcard:hover{transform:translateY(-.25rem);border-color:var(--cyan)}.rcard__img{position:relative;aspect-ratio:4/3;background:rgba(0,0,0,.35)}.rcard__variants{position:absolute;bottom:.5rem;left:.5rem;padding:.25em .6em;border-radius:999px;background:rgba(3,13,26,.85);border:1px solid rgba(255,167,38,.45);color:var(--gold-fish,#ffa726);font-size:var(--fs-xs)}.rcard__body{padding:.85rem;display:flex;flex-direction:column;gap:.4rem}.rcard__name{font-size:var(--fs-md);margin:0;color:var(--text-bright)}.rcard__sci{font-size:var(--fs-xs);font-style:italic;color:var(--text-muted);margin:0}.rcard__stats{gap:.35rem .7rem;font-family:var(--font-mono,inherit);font-size:var(--fs-xs);color:var(--cyan);opacity:.85}.rcard__stats,.rcard__tags{display:flex;flex-wrap:wrap}.rcard__tags{gap:.3rem;margin-top:.15rem}.builder{display:grid;grid-template-columns:minmax(16rem,22rem) 1fr;grid-gap:clamp(1.2rem,3vw,2.4rem);gap:clamp(1.2rem,3vw,2.4rem);align-items:start}.builder__h2{font-size:var(--fs-lg);margin-bottom:.9rem}.builder__h3{font-size:var(--fs-md);margin:1.5rem 0 .7rem;color:var(--text-bright)}.builder__pick,.builder__result{padding:clamp(1.1rem,2.5vw,1.6rem);border-radius:var(--radius-md,.9rem);background:var(--bg-glass);border:1px solid var(--border-subtle,rgba(0,212,255,.15));-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.builder__candidates{margin-top:.8rem;display:flex;flex-direction:column;gap:.35rem;max-height:32rem;overflow-y:auto}.cand{display:flex;align-items:center;gap:.65rem;padding:.45rem;border-radius:var(--radius-sm,.55rem);background:rgba(2,10,22,.45);border:1px solid transparent;cursor:pointer;text-align:left;font:inherit;color:var(--text-muted);transition:all var(--t-fast,.2s) ease}.cand:hover{border-color:var(--cyan);background:rgba(0,212,255,.08)}.cand__img{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:.4rem;overflow:hidden}.cand__img img{width:100%;height:100%}.cand__body{display:flex;flex-direction:column;min-width:0}.cand__name{color:var(--text-bright);font-size:var(--fs-sm)}.cand__meta{font-size:var(--fs-xs);font-family:var(--font-mono,inherit);opacity:.75}.cand__add{margin-left:auto;color:var(--cyan);font-size:1.3em}.builder__hint{color:var(--text-muted);line-height:1.7}.builder__chosen{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.2rem}.chosen{display:flex;align-items:center;gap:.7rem;padding:.5rem;border-radius:var(--radius-sm,.55rem);background:rgba(2,10,22,.5);border:1px solid var(--border-subtle,rgba(0,212,255,.15))}.chosen__name{color:var(--text-bright);text-decoration:none;font-size:var(--fs-sm);font-weight:600}.chosen__name:hover{color:var(--cyan)}.chosen__meta{font-size:var(--fs-xs);color:var(--text-muted);margin:0}.chosen__x{margin-left:auto;width:1.9rem;height:1.9rem;border-radius:999px;border:1px solid var(--border-subtle,rgba(0,212,255,.15));background:none;color:var(--text-muted);cursor:pointer;font-size:1.1em;line-height:1}.chosen__x:hover{border-color:#ef5350;color:#ef5350}.verdict{padding:.8em 1em;border-radius:var(--radius-sm,.55rem);font-weight:600;font-size:var(--fs-md);margin-bottom:1.1rem;border:1px solid}.verdict--viable{background:rgba(0,255,159,.1);border-color:rgba(0,255,159,.4);color:#4caf50}.verdict--con-ajustes{background:rgba(255,167,38,.1);border-color:rgba(255,167,38,.4);color:var(--gold-fish,#ffa726)}.verdict--inviable{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.4);color:#ef5350}.builder__params{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));grid-gap:.6rem;gap:.6rem;margin-bottom:1.2rem}.param{padding:.7rem .85rem;border-radius:var(--radius-sm,.55rem);background:rgba(2,10,22,.5);border:1px solid var(--border-subtle,rgba(0,212,255,.15));display:flex;flex-direction:column;gap:.2rem}.param--bad{border-color:rgba(244,67,54,.45)}.param__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.param__value{font-family:var(--font-mono,inherit);color:var(--cyan);font-size:var(--fs-sm)}.param--bad .param__value{color:#ef5350}.issues{list-style:none;padding:0;margin:0;gap:.55rem}.issue,.issues{display:flex;flex-direction:column}.issue{gap:.2rem;padding:.75rem .9rem;border-radius:var(--radius-sm,.55rem);border-left:3px solid;background:rgba(2,10,22,.5);font-size:var(--fs-sm);line-height:1.6}.issue strong{color:var(--text-bright)}.issue span{color:var(--text-muted)}.issue--block{border-left-color:#ef5350}.issue--warn{border-left-color:var(--gold-fish,#ffa726)}.issue--ok{border-left-color:#4caf50}.builder__suggest{display:flex;flex-wrap:wrap;gap:.4rem}.builder__disclaimer{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--border-subtle,rgba(0,212,255,.15));font-size:var(--fs-xs);color:var(--text-muted);line-height:1.65;opacity:.85}.variants{margin:clamp(2rem,4vw,3rem) 0}.variants__head{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.6rem}.variants__title{font-size:clamp(1.35rem,3vw,1.9rem);margin:0}.variants__intro{color:var(--text-muted);line-height:1.7;margin-bottom:1.3rem;max-width:46rem}.variants__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-gap:clamp(.8rem,2vw,1.3rem);gap:clamp(.8rem,2vw,1.3rem)}.vcard{display:flex;flex-direction:column;border-radius:var(--radius-md,.9rem);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle,rgba(0,212,255,.15));transition:border-color var(--t-fast,.2s) ease,transform var(--t-fast,.2s) ease}.vcard:hover{border-color:var(--cyan);transform:translateY(-.2rem)}.vcard__img{position:relative;aspect-ratio:16/10;background:rgba(0,0,0,.35)}.vcard__trait{position:absolute;bottom:.5rem;left:.5rem;padding:.25em .65em;border-radius:999px;background:rgba(3,13,26,.88);border:1px solid var(--border-mid,rgba(0,212,255,.22));color:var(--cyan);font-size:var(--fs-xs)}.vcard__body{padding:.9rem;display:flex;flex-direction:column;gap:.4rem}.vcard__name{font-size:var(--fs-md);margin:0;color:var(--text-bright)}.vcard__sci{font-size:var(--fs-xs);font-style:italic;color:var(--cyan);margin:0;opacity:.8}.vcard__desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6;margin:0}.vcard__rarity{align-self:flex-start;margin-top:.2rem;padding:.22em .7em;border-radius:999px;font-size:var(--fs-xs);border:1px solid}.vcard__rarity--comn,.vcard__rarity--comun{color:#4caf50;border-color:rgba(76,175,80,.4);background:rgba(76,175,80,.08)}.vcard__rarity--frecuente{color:var(--cyan);border-color:rgba(0,212,255,.4);background:rgba(0,212,255,.08)}.vcard__rarity--pococomn,.vcard__rarity--pococomun{color:var(--gold-fish,#ffa726);border-color:rgba(255,167,38,.4);background:rgba(255,167,38,.08)}.vcard__rarity--rara{color:#ab47bc;border-color:rgba(156,39,176,.4);background:rgba(156,39,176,.08)}.vcard__rarity--muyrara{color:#ef5350;border-color:rgba(244,67,54,.4);background:rgba(244,67,54,.08)}.footer__inner{display:grid;grid-template-columns:minmax(16rem,2fr) 1fr 1fr;grid-gap:clamp(1.5rem,4vw,3rem);gap:clamp(1.5rem,4vw,3rem);max-width:87.5rem;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}.footer__logo{font-size:var(--fs-lg);font-weight:700;color:var(--text-bright);margin-bottom:.5rem}.footer__logo span{color:var(--cyan)}.footer__tagline{color:var(--text-muted);line-height:1.65;font-size:var(--fs-sm);max-width:30rem}.footer__col{display:flex;flex-direction:column;gap:.45rem}.footer__col-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--text-bright);margin-bottom:.3rem}.footer__link{color:var(--text-muted);text-decoration:none;font-size:var(--fs-sm);transition:color var(--t-fast,.2s) ease}.footer__link:hover{color:var(--cyan)}.footer__link-inline{color:var(--cyan);text-decoration:underline}.footer__bottom{max-width:87.5rem;margin:clamp(1.8rem,4vw,2.6rem) auto 0;padding:clamp(1.2rem,3vw,1.8rem) clamp(1rem,4vw,3rem) 0;border-top:1px solid var(--border-subtle,rgba(0,212,255,.15));display:flex;flex-direction:column;gap:.5rem;font-size:var(--fs-xs);color:var(--text-muted)}.footer__legal{line-height:1.7;opacity:.8;max-width:52rem}@media (max-width:60rem){.header__burger{display:flex}.header__nav,.header__search{display:none}.builder,.explorer,.footer__inner{grid-template-columns:1fr}.builder__candidates{max-height:22rem}}.dz__hint{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:.7rem}.dz__list{display:flex;flex-direction:column;gap:.4rem}.dz__item{border-radius:var(--radius-sm,.55rem);border:1px solid var(--border-subtle,rgba(0,212,255,.15));background:rgba(2,10,22,.45);overflow:hidden;transition:border-color var(--t-fast,.2s) ease}.dz__item--open{border-color:var(--cyan)}.dz__trigger{width:100%;display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;background:none;border:none;color:var(--text-bright);font:inherit;font-size:var(--fs-sm);text-align:left;cursor:pointer}.dz__trigger:disabled{cursor:default;opacity:.75}.dz__trigger:not(:disabled):hover{background:rgba(0,212,255,.06)}.dz__trigger:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.dz__name{flex:1 1;font-weight:600}.dz__caret{color:var(--cyan);font-size:1.2em;line-height:1;width:1em;text-align:center}.dz__sev{padding:.2em .65em;border-radius:999px;font-size:var(--fs-xs);border:1px solid;white-space:nowrap}.dz__sev--leve{color:#4caf50;border-color:rgba(76,175,80,.4);background:rgba(76,175,80,.08)}.dz__sev--moderada{color:var(--gold-fish,#ffa726);border-color:rgba(255,167,38,.4);background:rgba(255,167,38,.08)}.dz__sev--grave{color:#ff7043;border-color:rgba(255,112,67,.45);background:rgba(255,112,67,.09)}.dz__sev--critica,.dz__sev--crítica{color:#ef5350;border-color:rgba(244,67,54,.5);background:rgba(244,67,54,.1)}.dz__body{padding:0 .9rem 1rem;border-top:1px solid var(--border-subtle,rgba(0,212,255,.15));animation:dzIn .2s ease}@keyframes dzIn{0%{opacity:0}to{opacity:1}}.dz__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding-top:.85rem;margin-bottom:.7rem}.dz__sci{font-style:italic;font-size:var(--fs-xs);color:var(--text-muted)}.dz__what{line-height:1.7}.dz__prognosis,.dz__what{color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:.9rem}.dz__prognosis{padding:.7rem .9rem;border-radius:var(--radius-sm,.55rem);border-left:3px solid var(--gold-fish,#ffa726);background:rgba(255,167,38,.07);line-height:1.65}.dz__prognosis strong{color:var(--gold-fish,#ffa726)}.dz__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));grid-gap:.9rem;gap:.9rem}.dz__sec{padding:.75rem .9rem;border-radius:var(--radius-sm,.55rem);background:rgba(2,10,22,.5);border-left:3px solid}.dz__sec--cyan{border-left-color:var(--cyan)}.dz__sec--green{border-left-color:#4caf50}.dz__sec--gold{border-left-color:var(--gold-fish,#ffa726)}.dz__sec--muted{border-left-color:var(--border-mid,rgba(0,212,255,.22))}.dz__sec-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.11em;color:var(--text-bright);margin-bottom:.45rem}.dz__ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.dz__ul li{position:relative;padding-left:1rem;font-size:var(--fs-sm);line-height:1.6;color:var(--text-muted)}.dz__ul li:before{content:"›";position:absolute;left:0;color:var(--cyan)}.dz__aka{margin-top:.8rem;opacity:.75}.dz__aka,.dz__disclaimer{font-size:var(--fs-xs);color:var(--text-muted)}.dz__disclaimer{margin-top:1rem;padding:.85rem 1rem;border-radius:var(--radius-sm,.55rem);background:rgba(0,212,255,.05);border:1px solid var(--border-subtle,rgba(0,212,255,.15));line-height:1.7}.dz__disclaimer strong{color:var(--text-bright)}.dz-index{display:flex;flex-direction:column;gap:clamp(.8rem,2vw,1.3rem)}.dz-card{padding:clamp(1.1rem,2.5vw,1.7rem);border-radius:var(--radius-md,.9rem);background:var(--bg-glass);border:1px solid var(--border-subtle,rgba(0,212,255,.15));-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);scroll-margin-top:6rem}.dz-card__head{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-bottom:.3rem}.dz-card__name{font-size:clamp(1.15rem,2.5vw,1.5rem);margin:0}.dz-card__sci{font-style:italic;font-size:var(--fs-xs);color:var(--cyan);opacity:.8;margin-bottom:.6rem}.dz-card__what{color:var(--text-muted);line-height:1.7;margin-bottom:1rem}.dz-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:1.1rem;gap:1.1rem;margin-bottom:.6rem}.dz-card__fish{margin-top:.8rem;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.6}.dz-card__fish a{color:var(--cyan);text-decoration:none}.dz-card__fish a:hover{text-decoration:underline}.gal{margin:clamp(2rem,4vw,3rem) 0}.gal__head{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.5rem}.gal__title{font-size:clamp(1.35rem,3vw,1.9rem);margin:0}.gal__intro{color:var(--text-muted);line-height:1.7;margin-bottom:1.2rem;max-width:46rem}.gal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));grid-gap:clamp(.5rem,1.5vw,.9rem);gap:clamp(.5rem,1.5vw,.9rem)}.gal__thumb{position:relative;aspect-ratio:4/3;border-radius:var(--radius-sm,.55rem);overflow:hidden;border:1px solid var(--border-subtle,rgba(0,212,255,.15));background:rgba(0,0,0,.35);padding:0;cursor:zoom-in;transition:transform var(--t-fast,.2s) ease,border-color var(--t-fast,.2s) ease}.gal__thumb:hover{transform:translateY(-.2rem);border-color:var(--cyan)}.gal__thumb:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.gal__badge{position:absolute;bottom:.4rem;left:.4rem;padding:.15em .55em;border-radius:999px;background:rgba(3,13,26,.85);border:1px solid rgba(0,212,255,.4);color:var(--cyan);font-size:var(--fs-xs)}.gal__box{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(1rem,4vw,3rem);background:rgba(2,8,18,.94);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);animation:dzIn .18s ease}.gal__fig{margin:0;max-width:min(62rem,92vw);cursor:default;position:relative}.gal__cap{margin-top:.6rem;display:flex;gap:.8rem;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--text-muted)}.gal__credit{color:var(--cyan);text-decoration:underline}.gal__x{position:absolute;top:1rem;right:1rem;width:2.6rem;height:2.6rem;color:var(--text-bright);font-size:1.5rem}.gal__nav,.gal__x{border-radius:999px;background:rgba(6,25,55,.8);border:1px solid var(--border-mid,rgba(0,212,255,.22));line-height:1;cursor:pointer}.gal__nav{flex-shrink:0;width:2.8rem;height:2.8rem;color:var(--cyan);font-size:1.6rem}.gal__nav:hover,.gal__x:hover{border-color:var(--cyan)}.vcard__foot{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.2rem}.vcard__imgnote{font-size:var(--fs-xs);color:var(--text-muted);opacity:.65;border-bottom:1px dotted;cursor:help}@media (max-width:60rem){.gal__nav{width:2.3rem;height:2.3rem;font-size:1.3rem}}.imgshield{inset:0;z-index:3;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.imgshield,.imgshield__mark{position:absolute;pointer-events:auto}.imgshield__mark{right:clamp(.5rem,2%,1.25rem);bottom:clamp(.5rem,2%,1.25rem);width:clamp(90px,26%,240px);height:auto;opacity:.78;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55));transition:opacity var(--t-mid,.25s) ease}.imgshield--compact .imgshield__mark{width:clamp(56px,34%,110px);opacity:.62}.fish-card:hover .imgshield__mark,a:hover>.imgshield .imgshield__mark{opacity:.92}@media (prefers-reduced-motion:reduce){.imgshield__mark{transition:none}}