@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)}.streak{font-size:.8rem;color:var(--success);font-weight:600}.reset-btn:hover{background:var(--error);color:#fff;border-color:var(--error)}.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-lg) var(--space-md)}.custom-screen h2{font-size:1.3rem;font-weight:700;margin-bottom:var(--space-sm)}.custom-species-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:var(--space-md)}.species-toggle-btn{padding:5px 16px;border-radius:20px;border:2px solid var(--accent-tree);background:transparent;color:var(--accent-tree);cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.species-toggle-btn.active{background:var(--accent-tree);color:#fff}.clade-tree-wrap{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.clade-tree{display:flex;flex-direction:column;text-align:left}.clade-tree-header{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:GrayText;margin-top:var(--space-sm);padding-bottom:2px}.clade-tree-item{display:flex;align-items:center;line-height:1.7;white-space:nowrap}.clade-tree-prefix{font-family:monospace;font-size:.85rem;color:GrayText;user-select:none;white-space:pre}.clade-tree-link{text-decoration:none;color:CanvasText;cursor:pointer}.clade-tree-link:hover .clade-tree-node{background:color-mix(in srgb,var(--accent-tree) 15%,Canvas);color:var(--accent-tree)}.clade-tree-link.active .clade-tree-node{background:color-mix(in srgb,var(--accent-tree) 20%,Canvas);color:var(--accent-tree);font-weight:600}.clade-tree-node{display:flex;align-items:center;gap:5px;padding:0 4px;border-radius:5px;transition:background .1s,color .1s}.clade-tree-emoji{font-size:1rem}.clade-tree-label{font-size:.85rem;font-weight:600}.clade-tree-label-muted{font-size:.8rem;font-weight:400;color:GrayText;font-style:italic}.advanced-tree-details{max-width:400px;margin:0 auto var(--space-md);text-align:left}.advanced-tree-summary{font-size:.8rem;color:GrayText;cursor:pointer;text-align:center;padding:var(--space-xs) 0}.advanced-tree-summary:hover{color:var(--accent-tree)}.advanced-tree-content{margin-top:var(--space-sm);padding:var(--space-sm);border:1px solid ButtonBorder;border-radius:8px}.clade-search-row{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);font-size:.75rem;color:GrayText}.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:0;list-style:none}.clade-tree-header{font-size:.65rem;font-weight:700;color:GrayText;text-transform:uppercase;letter-spacing:.06em;margin-top:.6em;padding:2px 0;cursor:default}.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-tree-prefix{font-family:monospace;color:color-mix(in srgb,GrayText 50%,transparent);user-select:none}.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}.game-meta{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md)}.easy-disclaimer,.clade-label{text-align:center;margin:0;font-size:.85rem;font-style:italic;color:var(--accent-tree)}.cards{display:grid;grid-template-columns:repeat(3,min(200px,calc(50% - var(--space-sm))));gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg)}.selecting .btn{display:flex;margin:0 auto}.timer-container{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:.25rem 0}.timer-display{font-variant-numeric:tabular-nums;font-weight:600;font-size:.9rem;min-width:2.5ch;text-align:right}.timer-track{flex:1;max-width:200px;height:6px;border-radius:3px;background:var(--card-bg, #2a2a2a)}.timer-bar{height:100%;border-radius:3px;background:var(--accent, #4caf50);transition:width 1s linear}.timer-bar.low{background:var(--error, #e53935)}.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)}.map-hint-link{appearance:none;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.82rem;color:inherit;opacity:.5;margin-top:var(--space-xs);text-decoration:underline}.map-hint-link:hover{opacity:.8}.result-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.nav-icon-btn{appearance:none;background:none;border:none;cursor:pointer;font-size:1.4rem;padding:.2rem .5rem;opacity:.45}.nav-icon-btn:hover{opacity:.85}.nav-icon-btn-label{font-size:.65em;vertical-align:middle}.share-icon-btn{appearance:none;background:none;border:none;cursor:pointer;font-size:1.2rem;padding:0 .3rem;vertical-align:middle;opacity:.7}.share-icon-btn:hover{opacity:1}.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-banner.debated{background:linear-gradient(90deg,#ffa726,#ffcc02,#ffa726);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-explanation{font-size:.9rem;line-height:1.5;margin-bottom:var(--space-md);color:GrayText}.result-explanation p{margin-bottom:var(--space-sm)}.fun-fact-source{font-size:.95rem}.debated-placeholder{text-align:center;padding:var(--space-md)}.debated-question-mark{font-size:4rem;font-weight:700;opacity:.4}.diagram-text-tree{margin:var(--space-sm) auto;padding:var(--space-sm) var(--space-md);font-size:.78rem;line-height:1.5;text-align:left;overflow-x:auto;color:GrayText}.diagram-text-tree .diagram-highlight{color:var(--accent-tree);font-weight:700}.diagram-text-tree .diagram-highlight-correct{color:var(--success);font-weight:700}.diagram-text-tree .diagram-highlight-wrong{color:var(--error);font-weight:700}.diagram-text-tree .diagram-link{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.diagram-text-tree .diagram-link:hover{color:var(--accent-tree)}.diagram-zoom-link{color:var(--text-secondary);text-decoration:none;cursor:pointer}.diagram-zoom-link:hover{color:var(--accent-tree)}.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:normal}.report-issue-link{display:inline-block;margin-top:var(--space-md);font-size:.85rem;color:var(--error)}@media(min-width:720px){.lineage-breadcrumbs{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;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}.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}.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)}.cards{grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-sm)}.easy-disclaimer,.clade-label{font-size:.75rem}.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-btn{background:none;border:1px solid ButtonBorder;padding:var(--space-xs) var(--space-md);font-size:.85rem;cursor:pointer;color:inherit}.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-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}.multi-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.multi-pair-details{margin:var(--space-md) 0;text-align:left}.multi-pair-details summary{cursor:pointer;font-size:.85rem;color:GrayText;text-align:center}.multi-pair-table-wrapper{overflow-x:auto;margin-top:var(--space-sm)}.multi-pair-table{width:100%;border-collapse:collapse;font-size:.82rem}.multi-pair-table th{text-align:left;font-size:.72rem;color:GrayText;padding:4px 8px;border-bottom:1px solid color-mix(in srgb,CanvasText 15%,transparent)}.multi-pair-table td{padding:4px 8px;border-bottom:1px solid color-mix(in srgb,CanvasText 8%,transparent)}.multi-pair-rank{color:GrayText;width:30px}.multi-pair-lca{color:GrayText;font-style:italic}.multi-pair-user{background:var(--success-bg);font-weight:600}.breadcrumb-pick-arrow{font-size:.75rem;font-weight:700;color:var(--accent-tree)}.breadcrumb-pick-arrow.breadcrumb-pick-wrong{color:var(--error)}@media(max-width:600px){.multi-cards{grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}}.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}.game-progress{display:flex;justify-content:center;gap:var(--space-lg);font-size:.9rem}.game-progress-score strong{color:var(--success)}.hint-btn-wrap{position:relative;display:inline-flex}@keyframes hint-penalty-fade{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-16px)}}.hint-penalty-toast{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:.75rem;font-weight:600;color:var(--error);pointer-events:none;animation:hint-penalty-fade 1.5s ease-out forwards}.hint-btn{font-size:1.4rem;padding:4px 10px;border-radius:50%;border:2px solid var(--accent-tree);background:transparent;cursor:pointer;transition:background .15s,transform .1s;line-height:1}.hint-btn:hover{background:color-mix(in srgb,var(--accent-tree) 15%,transparent);transform:scale(1.1)}.result-question-label{text-align:center;font-size:.85rem;opacity:.7;margin-bottom:var(--space-xs)}.result-score{display:block;font-size:.9rem;font-weight:600;opacity:.85;margin-top:var(--space-xs)}.game-over{text-align:center;padding:var(--space-lg) var(--space-md)}.game-over-title{font-size:2rem;margin-bottom:var(--space-md)}.game-over-score{font-size:1.5rem;margin-bottom:var(--space-xs)}.game-over-points{font-weight:700;color:var(--success)}.game-over-max{opacity:.5}.game-over-percentage{font-size:1.1rem;opacity:.7;margin-bottom:var(--space-lg)}.game-over-rounds{max-width:500px;margin:0 auto var(--space-lg);text-align:left}.game-over-round{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:6px;font-size:.85rem}.game-over-round:nth-child(odd){background:color-mix(in srgb,var(--text-primary) 5%,transparent)}.game-over-round-num{font-weight:700;min-width:28px}.game-over-round-organisms{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-over-round-result{font-weight:700}.game-over-round-result.correct{color:var(--success)}.game-over-round-result.wrong{color:var(--error)}.game-over-round-result.medium{color:#c47a00}@media(prefers-color-scheme:dark){.game-over-round-result.medium{color:#ffa726}}.game-over-round-score{min-width:50px;text-align:right;font-weight:600}.play-again-btn{padding:10px 32px;border-radius:8px;border:none;background:var(--success);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.play-again-btn:hover{opacity:.85}.site-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}.site-header-left{display:flex;align-items:center;gap:var(--space-sm)}.site-header h1{font-size:1.8rem;font-weight:600}.site-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)}.site-header-animals{display:flex;align-items:center;gap:var(--space-xs);flex:1;justify-content:center}.site-header-animal{width:36px;height:36px;object-fit:contain}.site-animal-platypus{filter:invert(1) sepia(1) saturate(10) hue-rotate(20deg) brightness(.75);transform:rotate(3deg)}.site-animal-aardvark{filter:invert(1) sepia(1) saturate(10) hue-rotate(90deg) brightness(.75);transform:rotate(-4deg)}.site-animal-octopus{filter:invert(1) sepia(1) saturate(10) hue-rotate(160deg) brightness(.75);transform:rotate(5deg)}.site-animal-hippo{filter:invert(1) sepia(1) saturate(10) hue-rotate(220deg) brightness(.75);transform:rotate(-3deg)}.site-animal-axolotl{filter:invert(1) sepia(1) saturate(10) hue-rotate(280deg) brightness(.75);transform:rotate(4deg)}.site-animal-horseshoecrab{filter:invert(1) sepia(1) saturate(10) hue-rotate(330deg) brightness(.75);transform:rotate(-5deg)}.site-header-right{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-end}.site-hamburger-wrapper{position:relative}.site-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}.site-hamburger-btn:hover{border-color:GrayText;color:CanvasText}.site-hamburger-icon{display:block;width:100%;height:2px;background:currentColor;border-radius:1px}.site-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}.site-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}.site-hamburger-item:hover{background:color-mix(in srgb,GrayText,transparent 85%)}.site-hamburger-divider{height:1px;background:color-mix(in srgb,GrayText,transparent 80%);margin:4px 0}@media(max-width:600px){.site-header{margin:calc(-1 * var(--space-md)) calc(-1 * var(--space-sm)) var(--space-lg);padding:var(--space-sm) var(--space-md)}.site-header h1{font-size:1.3rem}.site-header-animals{display:none}}