@import"https://fonts.googleapis.com/css2?family=Titan+One&display=swap";:root{color-scheme:light dark;--success: #2a7a2a;--success-bg: #eef6ee;--success-bg-strong: #e0f0e0;--error: #a33;--accent-tree: #4a9;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--btn-padding: var(--space-lg) 40px;--btn-font-size: 1.1rem;--btn-min-height: 52px}@media(prefers-color-scheme:dark){:root{--success: #4caf6f;--success-bg: #1a2d1f;--success-bg-strong: #1f3525;--error: #e06060;--accent-tree: #5bc48a}}*{margin:0;padding:0;box-sizing:border-box}button::-moz-focus-inner{padding:0;border:0}body{font-family:Arial,Helvetica,sans-serif;background-color:Canvas;color:CanvasText;min-height:100vh}#root{max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.game-header{display:flex;align-items:center;justify-content:space-between;background:Canvas;border-bottom:1px solid ButtonBorder;margin:calc(-1 * var(--space-xl)) calc(-1 * var(--space-lg)) var(--space-xl);padding:14px 20px}.header-left{display:flex;align-items:center;gap:var(--space-sm)}.game-header h1{font-size:1.8rem;font-weight:600}.home-btn{background:linear-gradient(135deg,#ff4ecd,#ff9000,#ffe600,#00e676,#00b0ff,#a0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border:none;font-family:Titan One,Impact,Arial Black,sans-serif;font-weight:900;cursor:pointer;padding:0;display:inline-block;transform:rotate(-2deg) skew(-3deg)}.header-animals{display:flex;align-items:center;gap:var(--space-xs);flex:1;justify-content:center}.header-animal{width:36px;height:36px;object-fit:contain}.animal-platypus{filter:invert(1) sepia(1) saturate(10) hue-rotate(20deg) brightness(.75);transform:rotate(3deg)}.animal-aardvark{filter:invert(1) sepia(1) saturate(10) hue-rotate(90deg) brightness(.75);transform:rotate(-4deg)}.animal-octopus{filter:invert(1) sepia(1) saturate(10) hue-rotate(160deg) brightness(.75);transform:rotate(5deg)}.animal-hippo{filter:invert(1) sepia(1) saturate(10) hue-rotate(220deg) brightness(.75);transform:rotate(-3deg)}.animal-axolotl{filter:invert(1) sepia(1) saturate(10) hue-rotate(280deg) brightness(.75);transform:rotate(4deg)}.animal-horseshoecrab{filter:invert(1) sepia(1) saturate(10) hue-rotate(330deg) brightness(.75);transform:rotate(-5deg)}.header-right{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-end}.header-nickname{font-size:.85rem;color:GrayText}.streak{font-size:.8rem;color:var(--success);font-weight:600}.reset-btn:hover{background:var(--error);color:#fff;border-color:var(--error)}.history-empty{color:GrayText;font-size:.9rem}.history-page .history-list{max-height:none}.history-stats{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);font-size:.9rem;color:GrayText}.history-list{list-style:none;max-height:300px;overflow-y:auto}.history-list li{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-sm);padding:6px 0;font-size:.85rem;border-bottom:1px solid color-mix(in srgb,CanvasText 8%,transparent)}.history-result{font-weight:700;width:20px;text-align:center;flex-shrink:0}.history-win .history-result{color:var(--success)}.history-loss .history-result{color:var(--error)}.history-organisms{flex:1;min-width:0}.history-sister{color:GrayText;font-size:.8rem}.history-mode{color:GrayText;font-size:.75rem;flex-shrink:0}.start-screen{text-align:center;padding:var(--space-3xl) var(--space-lg)}.start-screen p{margin-bottom:var(--space-lg);color:GrayText}.wordart-subtitle{font-family:Titan One,Impact,Arial Black,sans-serif;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;letter-spacing:.02em;line-height:1.2;margin-bottom:var(--space-xl);transform:rotate(-2deg) skew(-3deg);background:linear-gradient(135deg,#ff4ecd,#ff9000,#ffe600,#00e676,#00b0ff,#a0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(2px 2px 0px rgba(255,78,205,.6)) drop-shadow(-2px -2px 0px rgba(0,176,255,.5))}.mode-selector{display:flex;gap:var(--space-lg);margin-top:120px;justify-content:center;margin-bottom:var(--space-md)}.mode-btn{padding:var(--btn-padding);font-size:var(--btn-font-size);border:1px solid ButtonBorder;background:ButtonFace;color:ButtonText;cursor:pointer;min-height:var(--btn-min-height);text-decoration:none;display:inline-flex;align-items:center}.btn-emoji{font-size:1.4em}.mode-btn:first-child{border-radius:4px 0 0 4px}.mode-btn:not(:first-child){border-left:none}.mode-btn:last-child{border-radius:0 4px 4px 0}.mode-btn-easy{background:#2a7a2a;border:3px solid #1a5a1a;color:#fff}.mode-btn-random{background:#c89000;border:3px solid #a07000;color:#fff}.mode-btn-custom{background:#a33;border:3px solid #7a1a1a;color:#fff}.mode-btn-easy.active{background:#1a5a1a;border-color:#0d3a0d}.mode-btn-random.active{background:#a07000;border-color:#6e4d00}.mode-btn-custom.active{background:#7a1a1a;border-color:#4d0000}.custom-screen{text-align:center;padding:var(--space-2xl) var(--space-lg)}.custom-screen h2{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-lg)}.custom-form{display:flex;flex-direction:column;gap:var(--space-md);max-width:340px;margin:0 auto}.custom-fieldset{border:1px solid ButtonBorder;border-radius:8px;padding:var(--space-md) var(--space-lg);margin:0;text-align:center}.custom-fieldset legend{font-size:.8rem;color:GrayText;padding:0 6px}.difficulty-option{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:.85rem;color:CanvasText;cursor:pointer;margin-bottom:var(--space-sm);text-align:left}.difficulty-option input{cursor:pointer;margin-top:3px}.option-hint{font-size:.75rem;color:GrayText;margin:2px 0 0}.clade-presets-list{text-align:left;margin:0 0 10px;padding-left:1.5em}.clade-preset-item{cursor:pointer;padding:2px 0;font-size:.75rem}.clade-preset-item:hover{color:var(--accent-tree)}.clade-preset-item.active{color:var(--accent-tree);font-weight:700}.clade-preset-scientific{color:GrayText;font-weight:400}.clade-custom-item{display:flex;align-items:center;gap:var(--space-xs);margin:var(--space-xs) 0;color:GrayText;font-size:.75rem}.clade-autocomplete-inline{position:relative;display:inline-block}.clade-input-inline{box-sizing:border-box;padding:2px 6px;font-size:.85rem;border:1px solid ButtonBorder;border-radius:4px;text-align:center;background:Field;color:FieldText}.clade-input-inline:focus{outline:none;border-color:GrayText}.clade-suggestions{position:absolute;top:100%;left:0;right:0;margin:2px 0 0;padding:0;list-style:none;background:Canvas;border:1px solid ButtonBorder;border-radius:4px;max-height:200px;overflow-y:auto;z-index:10;text-align:left}.clade-suggestions li button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:6px 10px;border:none;background:none;color:CanvasText;font-size:.8rem;cursor:pointer;text-align:left}.clade-suggestions li button:hover{background:ButtonFace}.suggestion-rank{font-size:.7rem;color:GrayText;margin-left:var(--space-sm);flex-shrink:0}.clade-error{color:var(--error);font-size:.8rem;margin-top:var(--space-xs)}.clade-resolved{font-size:.8rem;color:GrayText;margin-top:var(--space-xs)}.clade-check{color:var(--success)}.clade-x{color:var(--error)}.custom-actions{display:flex;gap:var(--space-sm);justify-content:center;align-items:center;margin-top:var(--space-lg)}.btn{appearance:none;padding:var(--btn-padding);font-size:var(--btn-font-size);font-family:inherit;border-radius:4px;cursor:pointer;min-height:var(--btn-min-height);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary{background:CanvasText;color:Canvas;border:none}.selecting .btn-primary{margin-bottom:var(--space-lg)}.btn-primary:hover{opacity:.8}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-secondary{background:none;border:1px solid ButtonBorder;color:GrayText}.btn-secondary:hover{border-color:GrayText;color:CanvasText}.mode-description{font-size:.8rem;color:GrayText}.loading{text-align:center;padding:var(--space-3xl);color:GrayText}.easy-disclaimer,.clade-label{text-align:center;margin-top:calc(-1 * var(--space-md));margin-bottom:var(--space-lg);font-size:.85rem;font-style:italic;color:var(--accent-tree)}.cards{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.organism-card{background:Canvas;border:2px solid ButtonBorder;border-radius:6px;padding:0;flex:0 0 min(200px,calc(50% - var(--space-sm)));cursor:pointer;overflow:hidden;text-align:left;font-family:inherit;font-size:inherit}.organism-card:hover:not(:disabled){border-color:GrayText}.organism-card.selected{border-color:var(--success);background:var(--success-bg);box-shadow:0 0 0 2px var(--success)}.organism-card.selected .organism-info{background:var(--success-bg-strong)}.organism-card:disabled{opacity:.4;cursor:not-allowed}.organism-image{width:100%;height:150px;overflow:hidden;background:ButtonFace}.organism-image img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:GrayText}.organism-info{padding:var(--space-sm)}.common-name{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:var(--space-xs);justify-content:center}.map-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.scientific-name{font-size:.75rem;color:GrayText;font-style:italic}.selecting .btn{display:flex;margin:0 auto}.selecting-prompt{text-align:center;font-size:.85rem;padding:.5rem 0}.selecting-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md)}.result-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.share-btn{appearance:none;padding:var(--btn-padding);font-size:var(--btn-font-size);min-height:var(--btn-min-height);border:1px solid ButtonBorder;border-radius:4px;background:Canvas;color:CanvasText;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center}.share-btn:hover{border-color:GrayText}.result-actions .btn,.result-actions .share-btn{flex:1;max-width:160px}.result-screen{text-align:center}@keyframes correct-pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}50%{transform:scale(1.15) rotate(3deg);opacity:1}70%{transform:scale(.95) rotate(-1deg)}85%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0)}}@keyframes correct-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wrong-wobble{0%{transform:scale(.6) translate(0);opacity:0}20%{transform:scale(1.05) translate(-8px);opacity:1}35%{transform:scale(1.02) translate(7px)}50%{transform:scale(1.01) translate(-5px)}65%{transform:scale(1) translate(4px)}80%{transform:translate(-2px)}90%{transform:translate(2px)}to{transform:translate(0);opacity:1}}.result-banner{font-size:2.4rem;font-weight:900;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);letter-spacing:-.02em;text-transform:uppercase}.result-banner.correct{background:linear-gradient(90deg,#00c853,#00e676,#69f0ae,#00b0ff,#69f0ae,#00e676,#00c853);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:correct-pop .6s cubic-bezier(.34,1.56,.64,1) both,correct-shimmer 3s ease .6s infinite}.result-banner.wrong{background:linear-gradient(135deg,#ff1744,#ff5252,#ff8a80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:wrong-wobble .7s cubic-bezier(.36,.07,.19,.97) both}.result-explanation{font-size:.9rem;line-height:1.5;margin-bottom:var(--space-md);color:GrayText}.result-explanation p{margin-bottom:var(--space-xs)}.fun-fact{padding:var(--space-sm) var(--space-lg);margin:0 auto var(--space-sm);max-width:500px;text-align:left;font-size:.88rem;line-height:1.5;color:inherit}.fun-fact p{margin-bottom:var(--space-xs)}.diagram-tree-svg{margin-top:var(--space-xs)}.phylo-tree{width:100%;max-width:500px;margin:0 auto var(--space-sm);display:block}.lineage-breadcrumbs{display:grid;grid-template-columns:max-content max-content;column-gap:var(--space-sm);align-items:baseline;text-align:left;margin:var(--space-sm) auto var(--space-md);font-size:.8rem;line-height:1.6;max-width:100%;overflow-x:auto}.breadcrumb-path{white-space:nowrap}.report-issue-link{display:inline-block;margin-top:var(--space-md);font-size:.85rem;color:var(--error)}@media(min-width:720px){.lineage-breadcrumbs{position:relative;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - var(--space-2xl));margin-left:0;margin-right:0;font-size:.95rem}.phylo-tree{max-width:780px}.result-explanation{font-size:1.05rem}}.breadcrumb-label{font-weight:600;white-space:nowrap}.breadcrumb-sep{color:GrayText}a.breadcrumb-link,.breadcrumb-link a{color:var(--success);text-decoration:none}a.breadcrumb-link:hover,.breadcrumb-link a:hover{text-decoration:underline}.breadcrumb-secondary-link{font-size:.7rem;opacity:.6}.breadcrumb-secondary-link:hover{opacity:1}.breadcrumb-rank{color:GrayText;font-size:.75rem}.view-tree-btn{background:none;border:1px solid ButtonBorder;padding:4px 10px;font-size:.8rem;border-radius:4px;cursor:pointer;color:GrayText;line-height:1}.view-tree-btn:hover{border-color:GrayText;color:CanvasText}.full-tree-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.full-tree-panel{background:Canvas;border-radius:8px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;min-width:min(400px,90vw)}.full-tree-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid ButtonBorder}.tree-header-controls{display:flex;align-items:center;gap:var(--space-md)}.tree-layout-toggle{display:flex;gap:0}.full-tree-header h2{font-size:1rem;font-weight:600}.close-btn{background:none;border:1px solid ButtonBorder;padding:4px 12px;font-size:.8rem;border-radius:4px;cursor:pointer;color:GrayText}.close-btn:hover{border-color:GrayText;color:CanvasText}.full-tree-scroll{overflow:auto;padding:var(--space-lg)}.signin-note{color:GrayText;font-style:italic}.signin-error{color:var(--error);font-size:.9rem}.signin-success{color:var(--success);font-size:1.1rem}.signin-detail{color:GrayText}.signin-prompt h3,.signin-status h3{font-size:1rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.signin-prompt h3:first-child{margin-top:0}.signin-nickname-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.signin-actions{display:flex;gap:var(--space-sm);align-items:center;margin-top:var(--space-lg)}.signin-actions .btn{font-size:1rem}.hamburger-wrapper{position:relative}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;padding:6px;background:none;border:1px solid color-mix(in srgb,GrayText,transparent 60%);border-radius:6px;cursor:pointer;color:GrayText}.hamburger-btn:hover{border-color:GrayText;color:CanvasText}.hamburger-icon{display:block;width:100%;height:2px;background:currentColor;border-radius:1px}.hamburger-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;background:Canvas;border:1px solid color-mix(in srgb,GrayText,transparent 60%);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.hamburger-item{display:block;width:100%;padding:8px 12px;background:none;border:none;font:inherit;font-size:.9rem;color:CanvasText;text-align:left;text-decoration:none;cursor:pointer}.hamburger-item:hover{background:color-mix(in srgb,GrayText,transparent 85%)}.hamburger-divider{height:1px;background:color-mix(in srgb,GrayText,transparent 80%);margin:4px 0}.leaderboard-loading,.leaderboard-empty,.leaderboard-error{color:GrayText;font-size:.9rem;text-align:center;padding:var(--space-md) 0}.leaderboard-error{color:var(--error)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:var(--space-md)}.leaderboard-table th{text-align:left;font-size:.75rem;color:GrayText;padding:4px 8px;border-bottom:1px solid color-mix(in srgb,CanvasText 15%,transparent)}.leaderboard-table td{padding:6px 8px;border-bottom:1px solid color-mix(in srgb,CanvasText 8%,transparent)}.lb-rank{color:GrayText;width:30px}.lb-name{font-weight:600}.lb-streak{color:var(--success);font-weight:600}.leaderboard-submit{border-top:1px solid color-mix(in srgb,CanvasText 15%,transparent);padding-top:var(--space-md)}.leaderboard-your-stats{font-size:.85rem;color:GrayText;margin-bottom:var(--space-sm)}.leaderboard-form{display:flex;gap:var(--space-sm)}.leaderboard-name-input{flex:1;padding:6px 10px;font-size:.85rem;border:1px solid ButtonBorder;border-radius:4px;background:Field;color:FieldText;font-family:inherit}.leaderboard-name-input:focus{outline:none;border-color:GrayText}.leaderboard-submit-btn{padding:6px 16px;font-size:.85rem;border:none;border-radius:4px;background:CanvasText;color:Canvas;cursor:pointer;font-family:inherit}.leaderboard-submit-btn:hover{opacity:.8}.leaderboard-submit-btn:disabled{opacity:.3;cursor:not-allowed}.leaderboard-nickname{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid color-mix(in srgb,CanvasText 15%,transparent)}.leaderboard-name-display{display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;margin-bottom:var(--space-xs)}.leaderboard-change-btn{font-size:.75rem;color:GrayText;background:none;border:none;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;font-family:inherit}.leaderboard-change-btn:hover{color:CanvasText}.lb-you{background:var(--success-bg)}.leaderboard-auth{margin-top:var(--space-sm);font-size:.8rem}.google-signin-btn{padding:5px 12px;font-size:.8rem;border:1px solid ButtonBorder;border-radius:4px;background:Canvas;color:CanvasText;cursor:pointer;font-family:inherit}.google-signin-btn:hover{border-color:GrayText}.google-signin-btn:disabled{opacity:.5;cursor:not-allowed}.google-signed-in{color:GrayText;font-size:.8rem}.online-counter{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:GrayText}.online-dot{width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0;display:inline-block}.online-players{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid color-mix(in srgb,CanvasText 15%,transparent)}.online-players h4{font-size:.8rem;color:GrayText;margin-bottom:var(--space-xs)}.online-list{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm)}.online-player{font-size:.8rem;display:inline-flex;align-items:center;gap:4px}.online-player:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}.online-you{font-weight:600}.about-page{max-width:540px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.about-page h2{font-size:1.3rem;margin-bottom:var(--space-xl)}.about-page h3{font-size:1.05rem;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.about-page p{font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md);color:CanvasText}.about-page ul{padding-left:1.5em;margin-bottom:var(--space-md)}.about-page li{font-size:.95rem;line-height:1.6;margin-bottom:var(--space-xs)}.about-page a{color:var(--accent-tree)}.about-page a:hover{text-decoration:none}@media(max-width:600px){.phylo-tree{max-width:100%}.mode-selector{flex-direction:column;align-items:center;margin-top:var(--space-2xl)}.mode-btn{width:200px;justify-content:center;border-radius:4px!important;border-left-width:3px!important}#root{padding:var(--space-md) var(--space-sm)}.game-header{margin:calc(-1 * var(--space-md)) calc(-1 * var(--space-sm)) var(--space-lg);padding:var(--space-sm) var(--space-md)}.game-header h1{font-size:1.3rem}.header-animals{display:none}.cards{gap:var(--space-sm);margin-bottom:var(--space-sm)}.organism-card{flex:0 0 calc((100% - 2 * var(--space-sm)) / 3)}.organism-image{height:80px}.organism-info{padding:var(--space-xs) var(--space-sm)}.common-name{font-size:.8rem}.scientific-name{font-size:.65rem}.easy-disclaimer,.clade-label{font-size:.75rem;margin-bottom:var(--space-sm)}.result-explanation{margin-bottom:var(--space-sm);text-align:left;width:100%}.selecting .btn{--btn-padding: var(--space-sm) var(--space-2xl);--btn-min-height: 44px;--btn-font-size: 1rem}}.map-toggle{margin:var(--space-md) 0}.map-toggle-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.map-toggle-row .map-reset-btn{margin-left:auto}.map-toggle-group{display:flex;gap:0}.map-toggle-btn{background:none;border:1px solid ButtonBorder;padding:var(--space-xs) var(--space-md);font-size:.85rem;cursor:pointer;color:inherit}.map-toggle-group .map-toggle-btn:first-child{border-radius:6px 0 0 6px}.map-toggle-group .map-toggle-btn:last-child{border-radius:0 6px 6px 0}.map-toggle-group .map-toggle-btn:not(:first-child){border-left:none}.map-toggle-btn--active{background:var(--color-accent, #2070d0);color:#fff;border-color:var(--color-accent, #2070d0)}.map-toggle-btn--active+.map-toggle-btn{border-left:1px solid var(--color-accent, #2070d0)}.map-reset-btn{border-radius:6px;margin-top:var(--space-xs)}.species-map-container{margin:var(--space-sm) 0}.species-map-title{margin:0 0 var(--space-sm);font-size:1rem;font-weight:600}.species-map-wrapper{position:relative}.species-map-canvas{width:100%;height:auto;border-radius:8px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);display:block}.species-map-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;border-radius:8px;font-size:.9rem;color:#333}@media(prefers-color-scheme:dark){.species-map-overlay{background:#00000080;color:#ccc}}.species-map-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-sm);font-size:.85rem}.species-map-legend-item{display:flex;align-items:center;gap:var(--space-xs)}.species-map-legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.species-interactive-map{width:100%;height:400px;border-radius:8px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);z-index:0}.species-map-overlay-inline{text-align:center;padding:var(--space-lg);font-size:.9rem;opacity:.7}.species-map-attribution{font-size:.75rem;opacity:.6;margin-top:var(--space-xs)}.species-map-attribution a{color:inherit}