.animal-page{overflow:clip}.animal-page,.animal-page *{letter-spacing:0}.animal-hero{box-sizing:border-box;text-align:center;width:min(100% - 2rem,70rem);max-width:none;margin:0 auto;padding:clamp(1.5rem,4vw,2.75rem) 0 .75rem}.animal-hero h1{margin:0;font-size:clamp(2.45rem,7vw,4.8rem);font-weight:800}.animal-hero__lead{max-width:46ch;color:var(--color-ink-soft);margin:.55rem auto 0;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55}.animal-tool-wrap{width:min(100% - 2rem,70rem);margin:0 auto}.animal-use-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.animal-use-grid--two .animal-use-item:last-child{grid-column:auto}.animal-tool{background:#fffdf9;border:1px solid #d8cfc2;border-radius:24px;grid-template-columns:minmax(19rem,.82fr) minmax(0,1.18fr);min-height:38rem;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 55px -42px #1c19178c}.animal-tool__controls{background:#f3ede4;border-right:1px solid #d8cfc2;padding:clamp(1.25rem,3vw,2rem)}.animal-tool__intro{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.animal-tool__intro h2{max-width:12ch;margin:0;font-size:clamp(1.45rem,3vw,2rem)}.animal-tool__intro>div,.animal-filter-empty>div{min-width:0}.animal-tool__available{color:#746b61;text-align:right;flex:none;margin:0;font-size:.78rem;font-weight:650;line-height:1.3}.animal-filter-form{gap:1.05rem;display:grid}.animal-count-field{border:0;min-width:0;margin:0;padding:0}.animal-count-field legend,.animal-select-field>span{color:#46403a;margin-bottom:.38rem;font-size:.82rem;font-weight:750;display:block}.animal-count-options{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(4.5rem,1.35fr);gap:.35rem;display:grid}.animal-count-button{min-width:0;min-height:44px;color:var(--color-ink-soft);font:inherit;cursor:pointer;touch-action:manipulation;background:#fffdf9;border:1px solid #d2c8ba;border-radius:10px;padding:.45rem .5rem;font-size:.86rem;font-weight:700;transition:border-color .15s,background-color .15s,color .15s}.animal-count-button:hover{color:var(--color-ink);border-color:#8f8579}.animal-count-button[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.animal-custom-count{grid-template-columns:auto minmax(5rem,7rem) 1fr;align-items:center;gap:.55rem;margin-top:.65rem;display:grid}.animal-custom-count[hidden]{display:none}.animal-custom-count label{font-size:.8rem;font-weight:700}.animal-custom-count input{width:100%;min-height:42px;color:var(--color-ink);font:inherit;background:#fffdf9;border:1px solid #cfc4b5;border-radius:9px;padding:.45rem .65rem}.animal-custom-count input[aria-invalid=true]{border-color:#a4261d}.animal-field-error{color:#8f2019;margin:0;font-size:.75rem;line-height:1.25}.animal-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.animal-more-filters>summary{display:none}@media (width>=40rem){.animal-more-filters:not([open])>.animal-filter-grid{display:grid}}.animal-select-field:last-child{grid-column:1/-1}.animal-select-field select{width:100%;min-height:46px;color:var(--color-ink);font:inherit;cursor:pointer;background-color:#fffdf9;border:1px solid #cfc4b5;border-radius:10px;padding:.55rem 2.25rem .55rem .72rem;font-size:.9rem}.animal-select-field select:hover{border-color:#8f8579}.animal-filter-footer{justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;display:flex}.animal-repeat-toggle{cursor:pointer;touch-action:manipulation;align-items:center;gap:.55rem;min-height:44px;font-size:.84rem;font-weight:700;display:inline-flex}.animal-repeat-toggle input{opacity:0;pointer-events:none;position:absolute}.animal-repeat-toggle__track{background:#d8d0c5;border:1px solid #9e9488;border-radius:999px;width:2.35rem;height:1.35rem;transition:border-color .15s,background-color .15s;position:relative}.animal-repeat-toggle__track:after{content:"";background:#fff;border-radius:50%;width:calc(1.35rem - 6px);height:calc(1.35rem - 6px);transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #1c191740}.animal-repeat-toggle input:checked+.animal-repeat-toggle__track{border-color:var(--color-ink);background:var(--color-ink)}.animal-repeat-toggle input:checked+.animal-repeat-toggle__track:after{transform:translate(1rem)}.animal-repeat-toggle input:focus-visible+.animal-repeat-toggle__track{outline:3px solid var(--color-accent);outline-offset:2px}.animal-text-action{color:#6f665d;min-height:40px;font:inherit;text-underline-offset:3px;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:.35rem;font-size:.78rem;font-weight:650;text-decoration:underline}.animal-text-action:hover{color:var(--color-ink)}.animal-filter-empty{background:#fff6ef;border:1px solid #e2b8a7;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem;font-size:.82rem;display:flex}.animal-filter-empty[hidden]{display:none}.animal-filter-empty strong,.animal-filter-empty span{display:block}.animal-filter-empty span{color:var(--color-ink-soft);margin-top:.1rem}.animal-filter-empty button{min-height:40px;color:var(--color-ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fffdf9;border:1px solid #b7775e;border-radius:8px;flex:none;padding:.45rem .7rem;font-size:.78rem;font-weight:750}.animal-filter-empty button:hover{border-color:var(--color-accent-deep);background:#fff}.animal-generate-actions{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;margin-top:.15rem;display:grid}.animal-generate-button,.animal-surprise-button{min-height:50px;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;font-weight:800}.animal-generate-button{border:1px solid var(--color-accent-deep);background:var(--color-accent);color:var(--color-ink);justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1rem;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;box-shadow:0 7px 16px -10px #e2470fe6}.animal-generate-button svg{width:1.25rem;height:1.25rem}.animal-generate-button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 10px 20px -11px #e2470ff2}.animal-generate-button:active{transform:translateY(1px)}.animal-generate-button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.55;transform:none}.animal-surprise-button{color:var(--color-ink);background:#fffdf9;border:1px solid #cfc4b5;padding:.65rem .95rem;font-size:.86rem;transition:border-color .15s,background-color .15s}.animal-surprise-button:hover{background:#fff;border-color:#8f8579}.animal-results-shell{background:#fffdf9;align-content:center;min-width:0;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.animal-empty-result{text-align:center;max-width:25rem;margin:auto}.animal-empty-result__visual{background:#f3ede4;border:1px solid #d9d0c4;border-radius:50%;place-items:center;width:8.5rem;height:8.5rem;margin:0 auto 1.25rem;display:grid;box-shadow:inset 0 0 0 .65rem #fffdf9}.animal-empty-result__visual span{font-family:var(--font-display);color:#9a8f82;font-size:4rem;font-weight:750}.animal-empty-result h2{margin:0;font-size:clamp(1.35rem,3vw,1.8rem)}.animal-empty-result p{max-width:35ch;color:var(--color-ink-soft);margin:.55rem auto 0;font-size:.92rem}.animal-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));align-self:start;gap:.9rem;display:grid}.animal-results[hidden]{display:none}.animal-results--single{display:block}.animal-result-card{background:#fff;border:1px solid #ded5c8;border-radius:16px;min-width:0;animation:.45s cubic-bezier(.16,1,.3,1) both animal-card-reveal;overflow:hidden}.animal-result-card:nth-child(2){animation-delay:35ms}.animal-result-card:nth-child(3){animation-delay:70ms}.animal-result-card:nth-child(4){animation-delay:.105s}.animal-result-card:nth-child(n+5){animation-delay:.13s}@keyframes animal-card-reveal{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.animal-result-visual{background:#f1eadf;place-items:center;min-height:8.25rem;display:grid;position:relative;overflow:hidden}.animal-result-visual[data-habitat=forest]{background:#c8e6cd}.animal-result-visual[data-habitat=grassland],.animal-result-visual[data-habitat=savanna]{background:#f7dfa0}.animal-result-visual[data-habitat=desert]{background:#f3c9b6}.animal-result-visual[data-habitat=mountains],.animal-result-visual[data-habitat=polar]{background:#dbe8f2}.animal-result-visual[data-habitat=freshwater],.animal-result-visual[data-habitat=ocean],.animal-result-visual[data-habitat=coastal],.animal-result-visual[data-habitat=wetlands]{background:#bfdce8}.animal-result-visual[data-habitat=urban-domestic]{background:#e3d8ef}.animal-result-emoji{z-index:1;filter:drop-shadow(0 8px 10px #1c19171f);font-size:clamp(4rem,9vw,6.5rem);line-height:1;position:relative}.animal-result-illustration{z-index:1;filter:drop-shadow(0 7px 9px #1c19171a);width:clamp(5.5rem,10vw,7.5rem);height:clamp(5.5rem,10vw,7.5rem);position:relative}.animal-result-body{padding:1rem}.animal-result-group{color:#766c62;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .25rem;font-size:.7rem;font-weight:800}.animal-result-body h3{overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.05}.animal-scientific-name{color:#6b6259;min-height:1.35em;margin:.38rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:.86rem}.animal-metadata{flex-wrap:wrap;gap:.3rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.animal-metadata li{color:#514a43;background:#f1ece5;border-radius:999px;padding:.2rem .45rem;font-size:.68rem;font-weight:700}.animal-diet{color:var(--color-ink);margin:.7rem 0 0;font-size:.78rem;font-weight:750}.animal-fact{color:var(--color-ink-soft);margin:.38rem 0 0;font-size:.84rem;line-height:1.5}.animal-result-card--featured{grid-template-columns:minmax(13rem,.9fr) minmax(0,1.1fr);min-height:24rem;display:grid}.animal-result-card--featured .animal-result-visual{min-height:100%}.animal-result-card--featured .animal-result-body{flex-direction:column;justify-content:center;padding:clamp(1.35rem,4vw,2.25rem);display:flex}.animal-result-card--featured .animal-result-body h3{font-size:clamp(2rem,5vw,3.2rem);font-weight:800}.animal-result-card--featured .animal-scientific-name{font-size:1rem}.animal-result-card--featured .animal-fact{margin-top:1rem;font-size:1rem;line-height:1.55}.animal-result-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.animal-result-actions[hidden]{display:none}.animal-action{min-height:44px;color:var(--color-ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #cec5b8;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .85rem;font-size:.82rem;font-weight:750;transition:border-color .15s,background-color .15s;display:inline-flex}.animal-action[hidden]{display:none}.animal-action:hover{background:#faf7f2;border-color:#8d8276}.animal-action--primary{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.animal-action--primary:hover{background:#332e2b;border-color:#332e2b}.animal-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.animal-toast{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:100;background:var(--color-ink);color:#fff;border-radius:10px;padding:.65rem .9rem;font-size:.85rem;font-weight:700;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #1c191740}.animal-content{gap:clamp(3rem,7vw,5rem);width:min(100% - 2rem,58rem);margin:0 auto;padding:clamp(2rem,6vw,5rem) 0 2.5rem;display:grid}.animal-content>section+section,.animal-content>aside+section,.animal-content>section+aside{margin-top:0}.animal-content-section{box-sizing:border-box;width:100%;max-width:46rem;margin-inline:auto}.animal-content h2{margin:0 0 .8rem;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.1}.animal-content h3{margin:0;font-size:1.15rem}.animal-content p{color:var(--color-ink-soft)}.animal-content-section>p{max-width:42rem}.animal-content-section>p+p{margin-top:1rem}.animal-overview{background:#f4ecd6;border-radius:24px;max-width:58rem;padding:clamp(1.5rem,5vw,3.25rem)}.animal-use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;margin-top:1.5rem;display:grid}.animal-use-item{border-top:1px solid #d6c99f;padding-top:1rem}.animal-use-item:last-child{grid-column:1/-1}.animal-use-item p{color:#4b4339;margin:.45rem 0 0;font-size:.92rem}.animal-guide-list{counter-reset:animal-guide;border-top:1px solid #d8cfc2;margin:1.4rem 0;padding:0;list-style:none;display:grid}.animal-guide-list li{color:var(--color-ink-soft);counter-increment:animal-guide;border-bottom:1px solid #d8cfc2;grid-template-columns:2.2rem minmax(9rem,.55fr) minmax(0,1fr);align-items:start;gap:.75rem;padding:1rem 0;display:grid}.animal-guide-list li:before{background:var(--color-ink);color:#fff;content:counter(animal-guide);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;font-size:.78rem;font-weight:800;display:grid}.animal-guide-list strong{color:var(--color-ink);font-family:var(--font-display)}.animal-example{background:#fffdf9;border:1px solid #cfc4b5;border-radius:16px;margin:1.5rem 0;overflow:hidden}.animal-example__sources{background:#cfc4b5;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.animal-example__source{text-align:center;background:#f7dfa0;min-width:0;padding:.75rem .5rem}.animal-example__source:nth-child(2){background:#c8e6cd}.animal-example__source:nth-child(3){background:#bfd8ec}.animal-example__source:nth-child(4){background:#d9c9f2}.animal-example__source svg{width:4rem;height:4rem;margin-inline:auto;display:block}.animal-example__source span{overflow-wrap:anywhere;font-size:.72rem;font-weight:750;line-height:1.2;display:block}.animal-example__copy{padding:1.25rem 1.4rem 1.4rem}.animal-example__copy h3{font-size:1.55rem}.animal-example__copy p{max-width:45rem;margin:.5rem 0 0;font-size:.94rem;line-height:1.55}.animal-purpose-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.animal-purpose-list li{color:var(--color-ink-soft);border-top:1px solid #d8cfc2;gap:.3rem;padding-top:.9rem;font-size:.92rem;display:grid}.animal-purpose-list strong{color:var(--color-ink);font-family:var(--font-display);font-size:1rem}.animal-faq .faq:first-of-type{margin-top:1rem}.animal-content .related-tools{margin-top:clamp(3.25rem,7vw,5.5rem)}@media (width<=56rem){.animal-tool{grid-template-columns:1fr;min-height:0}.animal-tool__controls{border-bottom:1px solid #d8cfc2;border-right:0}.animal-results-shell{min-height:31rem}}@media (width<=39rem){.animal-tool{border-radius:18px}.animal-tool__controls,.animal-results-shell{padding:1rem}.animal-tool__intro{align-items:start}.animal-tool__intro h2{font-size:1.4rem}.animal-count-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem}.animal-count-button{padding-inline:.2rem;font-size:.76rem}.animal-filter-grid{grid-template-columns:1fr;padding-top:.85rem}.animal-select-field:last-child{grid-column:auto}.animal-more-filters{border-top:1px solid #d8cfc2;border-bottom:1px solid #d8cfc2}.animal-more-filters>summary{min-height:48px;color:var(--color-ink);cursor:pointer;touch-action:manipulation;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.2rem 0;font-size:.86rem;font-weight:800;list-style:none;display:grid}.animal-more-filters>summary::-webkit-details-marker{display:none}.animal-more-filters>summary small{color:#70675e;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;font-weight:600;overflow:hidden}.animal-more-filters>summary svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:.9rem;transition:transform .15s}.animal-more-filters>summary:hover{color:var(--color-accent-deep)}.animal-more-filters[open]>summary svg{transform:rotate(180deg)}.animal-filter-footer{align-items:start}.animal-generate-actions{grid-template-columns:1fr}.animal-surprise-button{min-height:46px}.animal-results-shell{min-height:27rem}.animal-result-card--featured{grid-template-columns:1fr;min-height:0}.animal-result-card--featured .animal-result-visual{min-height:12rem}.animal-result-card--featured .animal-result-body{padding:1.2rem}.animal-result-actions{justify-content:stretch}.animal-action{flex:calc(50% - .5rem)}.animal-use-grid,.animal-purpose-list{grid-template-columns:1fr}.animal-guide-list li{grid-template-columns:2.2rem minmax(0,1fr)}.animal-guide-list li span{grid-column:2}.animal-use-item:last-child{grid-column:auto}.animal-hero,.animal-tool-wrap,.animal-content{width:min(100% - 2rem,100%)}.animal-content h2{font-size:1.75rem}.animal-overview{border-radius:18px;padding:1.35rem}.animal-example__source{padding-inline:.25rem}.animal-example__source svg{width:3rem;height:3rem}.animal-example__source span{font-size:.64rem}}@media (prefers-reduced-motion:reduce){.animal-result-card{animation:none}.animal-generate-button,.animal-repeat-toggle__track,.animal-repeat-toggle__track:after{transition:none}}.animal-experience{gap:1.15rem;display:grid}.animal-mode-switch{border-bottom:1px solid #cfc6b9;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,36rem);margin-inline:auto;display:grid}.animal-mode-switch button{color:#70675e;min-width:0;min-height:58px;font:inherit;text-align:left;touch-action:manipulation;cursor:pointer;background:0 0;border:0;padding:.55rem .9rem .7rem;transition:color .15s,background-color .15s;position:relative}.animal-mode-switch button:after{content:"";background:0 0;height:3px;transition:background-color .15s;position:absolute;bottom:-1px;left:.9rem;right:.9rem}.animal-mode-switch button:hover{color:var(--color-ink);background:#f3ede4}.animal-mode-switch button[aria-selected=true]{color:var(--color-ink)}.animal-mode-switch button[aria-selected=true]:after{background:var(--color-accent)}.animal-mode-switch span,.animal-mode-switch small{display:block}.animal-mode-switch span{font-family:var(--font-display);font-size:1rem;font-weight:750;line-height:1.2}.animal-mode-switch small{margin-top:.12rem;font-size:.72rem;font-weight:550;line-height:1.25}[data-animal-panel][hidden]{display:none}.creature-builder{background:#fffdf9;border:1px solid #bdb3a7;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 42px -36px #1c19177a}.creature-builder__header{min-height:7rem;color:var(--color-ink);background:#fffdf9;border-bottom:1px solid #d8cfc2;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.creature-builder__header h2{max-width:18ch;margin:0;font-size:1.8rem;line-height:1.05}.creature-builder__actions{flex:none;align-items:center;gap:.55rem;display:flex}.creature-primary-action{border:1px solid var(--color-accent-deep);background:var(--color-accent);min-height:50px;color:var(--color-ink);font:inherit;touch-action:manipulation;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.15rem;font-weight:800;transition:box-shadow .12s,transform .12s,filter .12s;display:inline-flex;box-shadow:0 8px 18px -12px #e2470fe6}.creature-primary-action:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 11px 22px -13px #e2470ff2}.creature-primary-action:active{transform:translateY(1px);box-shadow:0 5px 12px -10px #e2470fd9}.creature-primary-action:disabled{cursor:wait;filter:grayscale(.35);opacity:.62;transform:none}.creature-primary-action svg,.creature-icon-actions svg,.creature-part-row__controls svg,.creature-result__buttons svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15rem;height:1.15rem}.creature-icon-actions{gap:.35rem;display:flex}.creature-icon-actions button,.creature-part-row__controls button{color:#57534e;touch-action:manipulation;cursor:pointer;background:#fffdf9;border:1px solid #c5bbaf;border-radius:9px;place-items:center;width:44px;height:44px;padding:0;transition:border-color .15s,background-color .15s,color .15s;display:grid}.creature-icon-actions button:hover,.creature-part-row__controls button:hover:not(:disabled){border-color:var(--color-ink);color:var(--color-ink);background:#f3ede4}.creature-icon-actions button:disabled,.creature-part-row__controls button:disabled{cursor:not-allowed;opacity:.36}.creature-options{background:#f3ede4;border-bottom:1px solid #d8cfc2}.creature-options>summary{touch-action:manipulation;cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:48px;padding:.45rem 1.5rem;font-size:.84rem;font-weight:800;list-style:none;display:grid}.creature-options>summary:hover{background:#eee5da}.creature-options>summary::-webkit-details-marker{display:none}.creature-options>summary small{color:#6e645b;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:650;overflow:hidden}.creature-options>summary svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1rem;transition:transform .15s}.creature-options[open]>summary svg{transform:rotate(180deg)}.creature-options__body{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 1.5rem 1rem;display:grid}.creature-toggle{touch-action:manipulation;cursor:pointer;border-top:1px solid #d4cabd;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:58px;padding:.7rem .8rem;display:grid}.creature-toggle+.creature-toggle{border-left:1px solid #d4cabd}.creature-toggle:hover{background:#fffdf9a6}.creature-toggle input{opacity:0;pointer-events:none;position:absolute}.creature-toggle__track{background:#d8d0c5;border:1px solid #8f8579;border-radius:999px;width:2.4rem;height:1.35rem;transition:border-color .15s,background-color .15s;position:relative}.creature-toggle__track:after{content:"";background:#fff;border-radius:50%;width:.85rem;height:.85rem;transition:transform .15s;position:absolute;top:.18rem;left:.18rem;box-shadow:0 1px 3px #1c191740}.creature-toggle input:checked+.creature-toggle__track{border-color:var(--color-ink);background:var(--color-ink)}.creature-toggle input:checked+.creature-toggle__track:after{transform:translate(1rem)}.creature-toggle input:focus-visible+.creature-toggle__track{outline:3px solid var(--color-accent);outline-offset:3px}.creature-toggle strong,.creature-toggle small{display:block}.creature-toggle strong{font-size:.82rem;line-height:1.25}.creature-toggle small{color:#675e55;margin-top:.12rem;font-size:.7rem;line-height:1.3}.creature-workbench{grid-template-columns:minmax(0,1.65fr) minmax(18rem,.75fr);align-items:stretch;display:grid}.creature-parts{background:#fffdf9;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.creature-part-section{min-width:0;padding:1.25rem}.creature-part-section+.creature-part-section{border-left:1px solid #d8cfc2}.creature-part-section>header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.65rem;display:flex}.creature-part-section h3,.creature-part-section p{margin:0}.creature-part-section h3{font-size:1.15rem}.creature-part-section p{color:#746b61;font-size:.72rem}.creature-part-list{border-top:1px solid #bfb5a8}.creature-part-row{background:#fffdf9;border-bottom:1px solid #d8cfc2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem;min-height:64px;padding:.45rem .35rem .45rem .1rem;transition:background-color .15s;display:grid}.creature-part-row:hover{background:#faf7f2}.creature-part-row[data-locked]{background:#f3ede4}.creature-part-row__label{min-width:0}.creature-part-row__label>span,.creature-part-row__label>small{display:block}.creature-part-row__label>span{color:#625a52;text-transform:uppercase;align-items:center;gap:.4rem;font-size:.68rem;font-weight:800;line-height:1.2;display:flex}.creature-part-row[data-filled] .creature-part-row__label>span:before{content:"";background:#b9afa3;border-radius:50%;flex:none;width:.43rem;height:.43rem}.creature-part-row[data-group=mammal] .creature-part-row__label>span:before,.creature-part-row[data-group=fantasy] .creature-part-row__label>span:before{background:var(--color-coral)}.creature-part-row[data-group=bird] .creature-part-row__label>span:before,.creature-part-row[data-group=insect] .creature-part-row__label>span:before{background:var(--color-amber)}.creature-part-row[data-group=reptile] .creature-part-row__label>span:before,.creature-part-row[data-group=amphibian] .creature-part-row__label>span:before{background:var(--color-sage)}.creature-part-row[data-group=fish] .creature-part-row__label>span:before,.creature-part-row[data-group=other-invertebrate] .creature-part-row__label>span:before{background:var(--color-sky)}.creature-part-row[data-group=arachnid] .creature-part-row__label>span:before{background:var(--color-lilac)}.creature-part-row__label>small{color:#82786d;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:.18rem;font-size:.88rem;font-weight:650;line-height:1.2;overflow:hidden}.creature-part-row[data-filled] .creature-part-row__label>small{color:var(--color-ink)}.creature-part-row__controls{gap:.25rem;display:flex}.creature-part-row__controls button[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:#fff}.creature-part-row.is-rolling .creature-part-row__label small{animation:.42s cubic-bezier(.16,1,.3,1) both creature-slot-roll;animation-delay:calc(var(--slot-index) * 18ms)}@keyframes creature-slot-roll{0%{opacity:.35;transform:translateY(-5px)}45%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.creature-result{background:#f3ede4;border-left:1px solid #bdb3a7;min-width:0;min-height:34rem;padding:1.5rem;display:grid}.creature-result__empty,.creature-result__content{align-self:center}.creature-result__empty[hidden],.creature-result__content[hidden]{display:none}.creature-result h3{overflow-wrap:anywhere;margin:0;font-size:1.85rem;line-height:1.04}.creature-result__empty{max-width:25rem}.creature-result__empty:before{background:var(--color-accent);content:"";border-radius:999px;width:3.5rem;height:.45rem;margin-bottom:1.25rem;display:block}.creature-result__empty p{color:#625a52;max-width:29ch;margin:.75rem 0 0;font-size:.92rem;line-height:1.5}.creature-source-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin-top:1.25rem;display:grid}.creature-source{text-align:center;background:#f7dfa0;border:1px solid #1c191738;border-radius:8px;min-width:0;padding:.35rem}.creature-source:nth-child(2){background:#c8e6cd}.creature-source:nth-child(3){background:#bfd8ec}.creature-source:nth-child(4){background:#d9c9f2}.creature-source:nth-child(5){background:#f3c9b6}.creature-source svg{aspect-ratio:1;width:100%;max-width:3.15rem;margin-inline:auto;display:block}.creature-source span{text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.58rem;font-weight:750;line-height:1.15;display:block;overflow:hidden}.creature-result__brief{color:#3f3a35;margin:1.2rem 0 0;font-size:.9rem;line-height:1.5}.creature-result__buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:1.25rem;display:grid}.creature-result__buttons button{border:1px solid var(--color-ink);min-height:46px;color:var(--color-ink);font:inherit;touch-action:manipulation;cursor:pointer;background:#fffdf9;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .65rem;font-size:.76rem;font-weight:800;transition:background-color .15s,color .15s,transform .12s;display:inline-flex}.creature-result__buttons button:first-child{background:var(--color-ink);color:#fff}.creature-result__buttons button:last-child{grid-column:1/-1}.creature-result__buttons button:hover{background:#fff;transform:translateY(-1px)}.creature-result__buttons button:first-child:hover{background:#393330}@media (width<=64rem){.creature-workbench{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.75fr)}.creature-parts{grid-template-columns:1fr}.creature-part-section+.creature-part-section{border-top:1px solid #d8cfc2;border-left:0}}@media (width<=56rem){.creature-workbench{grid-template-columns:1fr}.creature-result{border-bottom:1px solid #bdb3a7;border-left:0;order:-1;min-height:22rem}.creature-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.creature-part-section+.creature-part-section{border-top:0;border-left:1px solid #d8cfc2}}@media (width<=39rem){.animal-mode-switch button{min-height:54px;padding-inline:.6rem}.animal-mode-switch button:after{left:.6rem;right:.6rem}.animal-mode-switch span{font-size:.88rem}.animal-mode-switch small{font-size:.64rem}.creature-builder{border-radius:14px}.creature-builder__header{gap:1rem;padding:1.1rem;display:grid}.creature-builder__header h2{font-size:1.45rem}.creature-builder__actions{grid-template-columns:minmax(0,1fr) auto;display:grid}.creature-primary-action{width:100%}.creature-options>summary{padding-inline:1rem}.creature-options__body{grid-template-columns:1fr;padding-inline:1rem}.creature-toggle+.creature-toggle{border-left:0}.creature-result{min-height:18rem;padding:1.2rem}.creature-result h3{font-size:1.6rem}.creature-parts{grid-template-columns:1fr}.creature-part-section{padding:1rem}.creature-part-section+.creature-part-section{border-top:1px solid #d8cfc2;border-left:0}.creature-part-row{min-height:62px}}@media (prefers-reduced-motion:reduce){.animal-mode-switch button,.animal-mode-switch button:after,.creature-primary-action,.creature-icon-actions button,.creature-part-row__controls button,.creature-options>summary svg,.creature-toggle__track,.creature-toggle__track:after,.creature-result__buttons button,.creature-part-row,.creature-part-row__label small{transition:none;animation:none}}