.cmp-hero{padding:var(--space-2xl) var(--space-lg) var(--space-xl)}.cmp-wrap{max-width:900px}.cmp-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.cmp-cols--tight{gap:var(--space-sm)}.cmp-cols--top{align-items:flex-start}.cmp-col{display:flex;flex-direction:column;align-items:center}.cmp-selectors{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg);position:sticky;top:60px;z-index:80;padding:18px 24px 14px;border-radius:16px;background:#ffffffd9;border:1px solid var(--gray-200);backdrop-filter:blur(12px);box-shadow:0 2px 12px #1b3a2d0f}.cmp-selector{display:flex;flex-direction:column;align-items:center;gap:8px}.cmp-select-wrap{position:relative;width:100%}.cmp-select-btn{width:100%;padding:12px 40px 12px 18px;font-family:var(--font-serif);font-size:16px;font-weight:600;color:var(--forest);background:var(--white);border:1.5px solid var(--gray-200);border-radius:12px;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s,box-shadow .2s,background .15s;box-shadow:0 1px 3px #1b3a2d0f}.cmp-select-btn:hover{border-color:var(--forest);background:#fafdf8;box-shadow:0 2px 8px #1b3a2d1a}.cmp-select-btn__name{flex:1;text-align:center}.cmp-select-btn__chevron{flex-shrink:0;color:var(--gray-400);transition:transform .2s,color .2s;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.cmp-dropdown--open~.cmp-select-btn .cmp-select-btn__chevron,.cmp-select-wrap:has(.cmp-dropdown--open) .cmp-select-btn__chevron{transform:translateY(-50%) rotate(180deg);color:var(--forest)}.cmp-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 8px 32px #1b3a2d26;overflow:hidden auto;max-height:56vh;z-index:100;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .2s,transform .2s}.cmp-dropdown__group{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;padding:7px 16px;background:var(--gray-50, #f6f7f6);border-bottom:1px solid var(--gray-200);font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--forest)}.cmp-dropdown__group-flag{font-size:14px}.cmp-dropdown--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.cmp-dropdown__item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;border:none;background:none;font-family:var(--font-serif);font-size:14px;font-weight:500;color:var(--gray-600);cursor:pointer;text-align:left;transition:background .12s,color .12s}.cmp-dropdown__item:hover{background:#3e7b5a0f;color:var(--forest)}.cmp-dropdown__item[data-selected]{color:var(--forest);font-weight:600}.cmp-dropdown__item:not(:last-child){border-bottom:1px solid var(--gray-100, #f0f0f0)}.cmp-dropdown__check{width:18px;font-size:13px;color:var(--forest);opacity:0;transition:opacity .15s}.cmp-dropdown__item[data-selected] .cmp-dropdown__check{opacity:1}.cmp-selector__link{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--forest);text-decoration:none;transition:all .2s;padding:5px 14px;border-radius:20px;background:#3e7b5a14;border:1px solid rgba(62,123,90,.15)}.cmp-selector__link:hover{background:#3e7b5a26;border-color:#3e7b5a40;box-shadow:0 1px 4px #1b3a2d1a}.cmp-selector__link svg{flex-shrink:0;width:12px;height:12px}.cmp-maps-row{margin-bottom:var(--space-sm)}.cmp-map-cell{min-width:0;overflow:hidden}.cmp-minimap{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-100);box-shadow:var(--shadow-sm)}.cmp-rings-row{justify-items:center;position:relative;margin-bottom:8px}.cmp-badges-row{justify-items:center;margin-bottom:var(--space-lg)}.cmp-score-item{display:flex;justify-content:center;align-items:center;gap:8px;min-width:0;position:relative}.cmp-score-diff{position:absolute;right:0;top:50%;transform:translateY(-50%)}.cmp-highlight-pill{display:inline-flex;align-items:center;justify-content:center;background:var(--badge-gold-bg, #FFF8E1);color:var(--badge-gold-text, #8B6914);font-size:10px;font-weight:700;padding:4px 12px;border-radius:var(--radius-pill, 20px);border:1px solid var(--badge-gold-border, #E8D48B);text-align:center;max-width:100%;word-wrap:break-word}.cmp-ring{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100px;height:100px}.cmp-ring__svg{transform:rotate(-90deg);position:absolute;inset:0}.cmp-ring__track{fill:none;stroke:var(--gray-200);stroke-width:8}.cmp-ring__fill{fill:none;stroke:#3e7b5a;stroke-width:8;stroke-linecap:round}.cmp-ring__center{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.cmp-ring__num{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--forest);line-height:1}.star-rating{position:relative;display:inline-block;font-size:var(--star-size);line-height:1;white-space:nowrap}.star-rating__row{letter-spacing:1px;font-family:Arial,sans-serif}.star-rating__row--empty{color:#d9d4c8}.star-rating__row--full{position:absolute;top:0;left:0;width:0;overflow:hidden;color:#f4b400}.cmp-ring__center :global(.star-rating){margin:3px 0 2px}.cmp-ring__label{font-size:9px;font-weight:600;color:#3e7b5a;text-transform:uppercase;letter-spacing:1px}.cmp-section{padding:var(--space-xl) 0;border-top:1px solid var(--border-warm)}.cmp-section:first-of-type{border-top:none}.cmp-section__title{font-family:var(--font-serif);font-size:var(--text-section);color:var(--forest);margin-bottom:var(--space-md)}.cmp-cat{background:var(--white);border-radius:10px;border:1px solid var(--gray-200);box-shadow:0 2px 8px #1b3a2d0f;cursor:pointer;transition:box-shadow .2s,transform .15s;margin-bottom:0}.cmp-cat:hover{box-shadow:0 4px 16px #1b3a2d1a;transform:translateY(-1px)}.cmp-cat.cmp-cat--open{box-shadow:0 4px 16px #1b3a2d1f}.cmp-cat__body{display:flex;align-items:center;gap:12px;padding:14px 16px}.cmp-cat__icon{flex-shrink:0;font-size:24px;line-height:1;width:32px;text-align:center}.cmp-cat__info{min-width:0;width:120px;flex-shrink:0}.cmp-cat__name{font-size:14px;font-weight:600;margin:0;color:var(--gray-600)}.cmp-cat__q{font-size:10px;color:var(--gray-400);margin:1px 0 0}.cmp-cat__parks{display:flex;gap:var(--space-md);flex:1;align-items:center}.cmp-cat__park{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.cmp-cat__bar-wrap{width:100%;padding-top:16px}.cmp-cat__bar-track{position:relative;height:8px;background:#e8dfcc;border-radius:4px}.cmp-cat__bar-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,#3e7b5a,#5daf7e)}.cmp-cat__bench{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--gray-500);border-radius:1px;transform:translate(-1px);z-index:1}.cmp-cat__bench-label{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:8px;font-weight:600;color:var(--gray-500);white-space:nowrap;letter-spacing:-.2px}.cmp-cat__pct-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.cmp-cat__pct{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--forest)}.cmp-cat__chevron{flex-shrink:0;color:var(--gray-300);transition:transform .25s}.cmp-cat--open .cmp-cat__chevron{transform:rotate(180deg)}.cmp-cat__pill{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill, 20px);font-size:9px;font-weight:600;color:#fff;white-space:nowrap;align-self:flex-start;width:auto}.cmp-cat__pill-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cmp-diff-badge{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:700;color:transparent;vertical-align:middle;min-width:0}.cmp-diff-badge--winner{color:#3e7b5a;background:#e0f2e0;padding:2px 7px;border-radius:var(--radius-pill, 20px);font-size:10px;white-space:nowrap}.cmp-diff-badge--loser{color:#c45d3e;background:#ffebe2;padding:2px 7px;border-radius:var(--radius-pill, 20px);font-size:10px;white-space:nowrap}.cmp-diff-single{flex-shrink:0;min-width:36px;text-align:center}.cmp-diff-col{display:flex;align-items:center;justify-content:center;min-width:44px;order:99}.cmp-detail{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.cmp-detail.cmp-detail--open{max-height:1200px}.cmp-detail__inner{padding:20px;background:#fff;border-radius:0 0 10px 10px;border:1px solid var(--gray-200);border-top:none;margin-bottom:var(--space-sm);animation:cmpSlideDown .35s ease-out}@keyframes cmpSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cmp-bio-merged,.cmp-sight-merged,.cmp-exp-merged{width:100%}.cmp-bio-merged__header{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:12px;text-align:center}.cmp-bio-merged__total{display:flex;flex-direction:column;align-items:center}.cmp-bio-merged__row{display:grid;grid-template-columns:90px 1fr;gap:8px;align-items:center;margin-bottom:6px}.cmp-bio-merged__label{display:flex;align-items:center;gap:6px}.cmp-bio-merged__bars{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.cmp-bio-merged__cell{display:flex;align-items:center;gap:4px}.cmp-bio-merged__pills-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:10px}.cmp-bio-merged__pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.cmp-sight-merged__row,.cmp-exp-merged__row{display:grid;grid-template-columns:minmax(90px,140px) 1fr;gap:8px;align-items:center;margin-bottom:10px}.cmp-sight-merged__label,.cmp-exp-merged__label{display:flex;align-items:center;gap:6px}.cmp-sight-merged__bars,.cmp-exp-merged__bars{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.cmp-sight-merged__cell,.cmp-exp-merged__cell{display:flex;flex-direction:column;gap:2px}.cmp-bio__total-num{font-family:var(--font-mono);font-size:36px;font-weight:700;color:var(--forest);line-height:1;display:block}.cmp-bio__total-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--gray-400)}.cmp-bio__tx-emoji{font-size:14px;flex-shrink:0;width:20px;text-align:center}.cmp-bio__tx-name{font-size:11px;font-weight:600;color:var(--gray-500)}.cmp-bio__tx-bar-track{flex:1;height:10px;background:#edead8;border-radius:5px;overflow:hidden}.cmp-bio__tx-bar{height:100%;border-radius:5px;transition:width 1s cubic-bezier(.4,0,.2,1);opacity:.7}.cmp-bio__tx-count{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--gray-500);width:34px;text-align:right;flex-shrink:0}.cmp-bio__pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.cmp-bio__pill{display:inline-block;padding:4px 10px;border-radius:var(--radius-pill);font-size:10px;font-weight:600}.cmp-bio__pill--threat{background:#ffebe2;color:#c4503a}.cmp-bio__pill--endemic{background:#e0f2e0;color:#3e7b5a}.cmp-sight__icon{font-size:14px}.cmp-sight__label{font-size:11px;font-weight:600;color:var(--gray-500)}.cmp-sight__val{font-family:var(--font-mono);font-size:14px;font-weight:700}.cmp-sight__bar-track{position:relative;width:100%;height:8px;background:#edead8;border-radius:4px;overflow:visible}.cmp-sight__bar{height:100%;border-radius:4px;background:linear-gradient(90deg,#6baf7e,#9dd4a8);transition:width 1s cubic-bezier(.4,0,.2,1)}.cmp-sight__bench{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--gray-500);border-radius:1px;transform:translate(-1px)}.cmp-sight__bench-label{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:7px;font-weight:600;color:var(--gray-500);white-space:nowrap}.cmp-exp__icon{font-size:14px}.cmp-exp__label{font-size:11px;font-weight:600;color:var(--gray-500)}.cmp-exp__bar-track{height:4px;background:#edead8;border-radius:2px;overflow:hidden}.cmp-exp__bar{height:100%;border-radius:2px;background:linear-gradient(90deg,#8cbbd8,#b0d4e8);transition:width 1s cubic-bezier(.4,0,.2,1)}.cmp-exp__ind{display:flex;align-items:center;gap:3px;font-size:9px;font-weight:700}.cmp-exp__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cmp-ranks{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:6px}.cmp-ranks__row{font-size:11.5px;font-weight:600;color:var(--gray-600)}.cmp-ranks__row:first-child{font-family:var(--font-serif);font-size:13px;font-weight:700;color:var(--forest)}.cmp-fauna-list{width:100%;display:flex;flex-direction:column;gap:2px}.cmp-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid var(--gray-200)}.cmp-tab{padding:8px 14px;font-size:13px;font-weight:600;color:var(--gray-400);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;white-space:nowrap}.cmp-tab:hover{color:var(--forest)}.cmp-tab--active{color:var(--forest);border-bottom-color:var(--amber)}.cmp-tab-panel{display:none}.cmp-tab-panel--active{display:block}.cmp-sort-header{margin-bottom:6px;align-items:center}.cmp-sort-col{display:flex;justify-content:center}.cmp-sort-btn{background:none;border:1px solid var(--gray-200);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600;color:var(--gray-400);cursor:pointer;transition:all .2s}.cmp-sort-btn:hover{color:var(--forest);border-color:var(--forest)}.cmp-sort-btn--active{color:var(--forest);border-color:var(--forest);background:#e0f2e0}.cmp-empty{font-size:13px;color:var(--gray-400);text-align:center;padding:16px 0}.cmp-unique-header{width:100%;text-align:center;font-family:var(--font-serif);font-size:13px;font-weight:600;color:var(--forest);padding:6px 12px;margin-bottom:6px;background:#3e7b5a0f;border-radius:8px;letter-spacing:.3px}@media(max-width:600px){.cmp-wrap{padding:0 var(--space-sm)}.cmp-selectors{top:50px;padding:12px 14px 10px;gap:var(--space-md)}.cmp-select-btn{font-size:14px;padding:10px 32px 10px 14px}.cmp-minimap{aspect-ratio:16 / 9}.cmp-cols{gap:6px}.cmp-ring,.cmp-ring__svg{width:80px;height:80px}.cmp-ring__num{font-size:22px}.cmp-cat__body{flex-wrap:wrap;padding:10px;gap:6px}.cmp-cat__info{width:auto;flex-basis:calc(100% - 44px)}.cmp-cat__parks{flex-direction:row;gap:6px;flex-basis:100%}.cmp-cat__park{flex:1 1 0;min-width:0}.cmp-cat__pct{font-size:14px}.cmp-cat__bench-label{font-size:7px}.cmp-sight__bench-label{font-size:6px}.cmp-bio-merged__header{grid-template-columns:1fr 1fr;gap:6px}.cmp-bio-merged__row{grid-template-columns:70px 1fr}.cmp-bio-merged__bars,.cmp-bio-merged__pills-row{grid-template-columns:1fr 1fr;gap:6px}.cmp-sight-merged__row,.cmp-exp-merged__row{grid-template-columns:70px 1fr}.cmp-sight-merged__bars,.cmp-exp-merged__bars{grid-template-columns:1fr 1fr;gap:6px}.cmp-diff-badge{font-size:8px}.cmp-bio__total-num{font-size:28px}.cmp-tab{padding:6px 10px;font-size:11px}}