@import "https://fonts.googleapis.com/css2?family=Chewy&family=DM+Mono&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Outfit:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#272744;background:#fffaf4;min-width:320px;margin:0;font-family:Outfit,system-ui,sans-serif}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #6755d8}main{--one:#f7a66e;--two:#f8dd9a;color:#28223a;background-color:var(--two);background-image:linear-gradient(45deg,#fff4 25%,transparent 25%,transparent 75%,#fff4 75%),linear-gradient(45deg,#fff4 25%,transparent 25%,transparent 75%,#fff4 75%),radial-gradient(circle at 50% 20%,#fff9,transparent 42rem),linear-gradient(140deg,var(--one),var(--two));background-position:0 0,22px 22px,0 0,0 0;background-size:44px 44px,44px 44px,100% 100%,100% 100%;flex-direction:column;height:100svh;padding:clamp(12px,2.2vh,22px) clamp(18px,4vw,54px);display:flex;overflow:hidden}header{justify-content:space-between;align-items:center;min-height:30px;display:flex}.logo{letter-spacing:-2px;color:color-mix(in srgb,var(--two) 8%,#292440);text-transform:capitalize;font:700 clamp(23px,4vw,38px)/.9 Fraunces,serif}.logo b{color:color-mix(in srgb,var(--one) 68%,#64263e);font-weight:700}.logo i{vertical-align:top;color:#fff;text-shadow:0 1px 2px #6d3e5144;margin-left:4px;font:400 15px Outfit,sans-serif}.top-controls{align-items:center;gap:7px;display:flex}.top-controls button{letter-spacing:.1px;white-space:nowrap;border:0;border-radius:999px;padding:10px 12px;font:700 9px DM Mono,monospace}.top-controls .roar-button{box-shadow:none}.top-controls .another{background:#fff9}header small{color:color-mix(in srgb,var(--two) 12%,#302842);font:600 10px DM Mono,monospace}.stage{isolation:isolate;flex:1;place-items:center;min-height:0;display:grid;position:relative}.halo{aspect-ratio:1;z-index:-1;background:radial-gradient(circle,#fff9 0 38%,#fff3 39% 56%,#0000 57%);border-radius:50%;width:min(80vw,700px);animation:3.4s ease-in-out infinite pulse;position:absolute}.animal{cursor:pointer;background:0 0;border:0;place-items:center;width:min(96vw,760px);height:min(61svh,100svh - 174px);padding:0;display:grid}.animal img{object-fit:contain;filter:drop-shadow(0 24px 20px #4f2e473b);grid-area:1/1;width:100%;height:100%}.rest-frame{transition:opacity .14s,transform .16s;animation:2.8s ease-in-out infinite idle}.roar-frame{opacity:0;transition:opacity .12s,transform .18s cubic-bezier(.2,.8,.2,1);transform:scale(.97)}.is-roaring .rest-frame{opacity:0;transform:scale(1.035)}.is-roaring .roar-frame{opacity:1;animation:.16s linear 4 roar;transform:scale(1.03)}.roar{letter-spacing:-5px;color:#fff;text-shadow:0 6px #553a5970;font:700 clamp(48px,12vw,122px)/.85 Fraunces,serif;animation:.7s both pop;position:absolute;top:7%;transform:rotate(-5deg)}.copy{text-align:center;margin:-7px 0 8px}.copy p{letter-spacing:1.5px;color:#6b3750;margin:0 0 5px;font:700 10px DM Mono,monospace}.copy h1{letter-spacing:-2px;margin:0;font:700 clamp(30px,6vw,54px)/.95 Fraunces,serif}.copy span{color:#3b344fb0;font-size:13px}.controls{grid-template-columns:1.3fr 1fr;gap:9px;width:min(600px,100%);margin:auto;display:grid}.controls button{letter-spacing:.2px;border:0;border-radius:17px;padding:14px 12px;font:700 11px DM Mono,monospace}.roar-button{color:#fff;background:#302a50;box-shadow:0 8px 17px #382e4940}.another{color:#3b3455;background:#fff9}.controls b{float:right;font-size:18px;line-height:10px}.hint{text-align:center;color:#3b344faa;margin:9px 0 0;font-size:11px}.hint kbd{border:1px solid #3b344f44;border-radius:4px;padding:1px 4px;font:700 11px DM Mono,monospace}@keyframes idle{0%,to{transform:translateY(0)rotate(0)}45%{transform:translateY(-13px)rotate(-.7deg)}55%{transform:translateY(-11px)rotate(.7deg)}}@keyframes pulse{50%{opacity:.7;transform:scale(1.05)}}@keyframes roar{50%{transform:translate(-9px)rotate(-2deg)scale(1.04)}}@keyframes pop{0%{opacity:0;transform:scale(.5)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(-5deg)}}@media (height<=620px){.animal{height:calc(100svh - 155px)}.copy,.hint{display:none}.controls button{padding:11px}}@media (width<=540px){header{gap:10px}.logo{font-size:24px}.top-controls{gap:5px}.top-controls button{padding:9px 8px;font-size:8px}}@media (width>=760px){main{padding-left:max(54px,50vw - 620px);padding-right:max(54px,50vw - 620px)}}@media (prefers-reduced-motion:reduce){.animal img,.halo,.is-roaring .animal img,.roar{animation:none}}.logo b{letter-spacing:-.5px;vertical-align:middle;color:color-mix(in srgb,var(--two) 3%,#2d2945);background:color-mix(in srgb,var(--one) 60%,#fff);border-radius:999px;margin-left:7px;padding:4px 8px 5px;font:700 11px DM Mono,monospace;display:inline-block;box-shadow:inset 0 1px #fff8,0 3px #4b315322}.copy h1 em{color:color-mix(in srgb,var(--one) 68%,#64263e);font-style:normal}header .refresh{width:42px;height:42px;color:color-mix(in srgb,var(--two) 6%,#2d2945);background:#fff9;border:0;border-radius:50%;place-items:center;font:400 27px/1 Outfit,sans-serif;transition:transform .18s,background .18s;display:grid;box-shadow:inset 0 1px #fff,0 4px #4b315322}header .refresh:hover{background:#fff;transform:rotate(100deg)scale(1.06)}.stage .animal img{max-width:100%;max-height:100%}@media (height<=620px){.stage .animal{height:calc(100svh - 130px);transform:translateY(-1vh)}}.stage.is-roaring .roar-frame{animation:.16s linear infinite roar;transform:scale(1.04)}.stage .roar-frame[src$=fox-roar\.png]{transform:scale(1.35)}.stage.is-roaring .roar-frame[src$=fox-roar\.png]{animation:.16s linear infinite roar;transform:scale(1.39)}.logo.logo{letter-spacing:-2.8px;text-shadow:0 2px #fff8,0 4px #4b31532c;font-family:Fraunces,serif;font-weight:800}.logo.logo>span{background:linear-gradient(135deg,#292440 25%,color-mix(in srgb,var(--one) 72%,#7b2b55));color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block;transform:rotate(-2deg)}.logo.logo i{animation:1.8s ease-in-out infinite twinkle;display:inline-block}@keyframes twinkle{50%{transform:scale(1.45)rotate(18deg)}}@media (height<=620px){.stage .animal{height:calc(100svh - 112px);transform:translateY(-5vh)}}.logo.logo{letter-spacing:-2px;text-shadow:none;align-items:center;gap:0;font:800 clamp(17px,3vw,25px)/1 DM Mono,monospace;display:flex;transform:none}.logo.logo>span{color:#2d2945;background:0 0;padding:7px 5px;transform:none}.logo.logo b{color:#fff;letter-spacing:-1px;background:#302a50;border-radius:8px;margin:0;padding:7px 8px;font:800 .72em/1 DM Mono,monospace;box-shadow:0 3px #1c183820}.logo.logo i{letter-spacing:0;color:#302a50;background:color-mix(in srgb,var(--one) 48%,#fff);text-shadow:none;border-radius:999px;margin-left:8px;padding:5px 7px;font:800 9px/1 DM Mono,monospace;animation:none}.logo.logo.logo>span{color:#17151f;background:0 0;padding:7px 4px;font-size:.76em;transform:none}.logo.logo.logo b{background:color-mix(in srgb,var(--one) 82%,var(--two));color:#fff;letter-spacing:-1px;border-radius:8px;margin:0;padding:7px 8px;font:800 .72em/1 DM Mono,monospace;box-shadow:0 3px #1c183820}.character-list button{color:#302a50;text-align:left;cursor:pointer;background:#fff;border:1px solid #ded6e8;border-radius:14px;gap:3px;min-height:58px;padding:10px 12px;transition:transform .15s,border-color .15s,background .15s;display:grid}.generator{border-top:1px solid #e3dcea;margin-top:23px;padding-top:21px}@media (height<=620px){.stage .animal{height:calc(100svh - 120px);transform:translateY(-7vh)}}@media (width<=420px){.character-list,.generator>div{grid-template-columns:1fr}.generator button{width:100%}}button.logo{cursor:pointer;background:0 0;border:0;padding:0}.top-actions{align-items:center;gap:9px;display:flex}.top-actions .picker{color:#2d2945;cursor:pointer;background:#fff9;border:0;border-radius:50%;place-items:center;width:37px;height:37px;font:800 19px/1 sans-serif;transition:transform .18s,background .18s;display:grid;box-shadow:inset 0 1px #fff,0 3px #4b315322}.top-actions .picker:hover{background:#fff;transform:translateY(-2px)}.stage .animal{height:min(80svh,100svh - 96px);transform:translateY(-10vh)}.stage .animal img{object-fit:contain;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#21142c70;place-items:center;padding:clamp(10px,3vw,26px);display:grid;position:fixed;inset:0}.modal{color:#2d2945;background:linear-gradient(135deg,#fffefa,#fff8fb);border:1px solid #fff9;border-radius:24px;width:min(530px,100%);max-height:calc(100svh - 20px);padding:clamp(20px,4vw,32px);position:relative;overflow:auto;box-shadow:0 25px 70px #1a10245c}.modal-close{color:#2d2945;cursor:pointer;background:#ede8f4;border:0;border-radius:50%;width:33px;height:33px;font:400 27px/1 sans-serif;position:absolute;top:12px;right:14px}.eyebrow{letter-spacing:1px;color:#7c668d;text-transform:uppercase;margin:0 0 7px;font:800 10px DM Mono,monospace}.modal h2{letter-spacing:-2px;margin:0 0 16px;font:800 clamp(28px,7vw,40px)/.95 Fraunces,serif}.generator{border-top:0;border-bottom:1px solid #e3dcea;margin:0 0 20px;padding:0 0 20px}.generator label{margin-bottom:9px;font:800 16px Fraunces,serif;display:block}.generator>div{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.generator textarea{resize:vertical;color:#302a50;background:#fff;border:1px solid #d9d0e5;border-radius:13px;width:100%;min-height:58px;padding:10px 11px;font:500 13px Outfit,sans-serif}.generator button{color:#fff;cursor:pointer;background:#302a50;border:0;border-radius:12px;height:42px;padding:0 13px;font:800 10px DM Mono,monospace}.generator button:disabled{opacity:.45;cursor:not-allowed}.generator p,.generator output{color:#756886;margin:8px 0 0;font:500 10px/1.4 DM Mono,monospace;display:block}.generator output{color:#9d445d}.generator output.success{color:#407258}.generated{border-radius:16px;max-width:100%;max-height:min(300px,40svh);margin:15px auto 0;display:block}.character-list{grid-template-columns:1fr;gap:7px;display:grid}.character-list button{color:#302a50;text-align:left;cursor:pointer;background:#fff;border:1px solid #ded6e8;border-radius:12px;justify-content:space-between;align-items:center;min-height:42px;padding:9px 12px;transition:transform .15s,border-color .15s,background .15s;display:flex}.character-list button:hover,.character-list button.selected{border-color:var(--one);background:color-mix(in srgb,var(--one) 14%,#fff);transform:translateY(-1px)}.character-list span{font:800 16px Fraunces,serif}.character-list small{color:#756886;font:700 8px DM Mono,monospace}@media (height<=620px){.stage .animal{height:calc(100svh - 120px);transform:translateY(-7vh)}}@media (width<=420px){.top-actions{gap:6px}.top-actions .picker{width:35px;height:35px}.generator>div{grid-template-columns:1fr}.generator button{width:100%}.modal{border-radius:18px}.character-list small{display:none}}@media (width<=420px){.generator{padding:11px}.character-list{max-height:28svh}.modal h2{font-size:30px}}header{z-index:6;pointer-events:auto;position:relative}.stage{z-index:0}.top-actions{z-index:7;position:relative}.modal{background:linear-gradient(145deg,#fffefd,#f8f4ff);flex-direction:column;gap:0;padding:clamp(18px,4vw,30px);display:flex}.modal h2{margin-bottom:18px}.generator{background:#fff;border:1px solid #e4dcec;border-radius:18px;margin-bottom:14px;padding:14px}.generator label{margin-bottom:8px}.generator>div{gap:7px}.generator textarea{border-radius:12px;min-height:48px;padding:11px 12px;box-shadow:inset 0 1px 2px #3b245d0b}.generator button{background:linear-gradient(135deg,#302a50,#58457d);border-radius:12px;height:48px;padding:0 16px;box-shadow:0 5px 12px #39285a2c}.generator output{margin:9px 2px 0}.generator .use-match{color:#3d3157;height:34px;box-shadow:none;background:#e9e2f5;margin:9px 2px 0;padding:0 11px;font-size:9px}.character-list{max-height:min(260px,34svh);margin:-2px -3px;padding:2px 3px 4px;overflow:auto}.character-list button{border-radius:13px;min-height:45px}.generated{max-height:min(230px,30svh);margin:10px auto 0}.modal-close{z-index:1}@media (width<=420px){.generator{padding:11px}.character-list{max-height:28svh}.modal h2{font-size:30px}}.logo.logo{letter-spacing:-2.1px;text-shadow:0 2px #fff8;gap:0;font:900 clamp(18px,3vw,28px)/1 Fraunces,serif}.logo.logo>span{color:#20182c;background:0 0;padding:0;font-size:.83em}.logo.logo b{color:var(--two);letter-spacing:-1px;box-shadow:0 3px 0 color-mix(in srgb,var(--one) 55%,#2a1b38);background:#20182c;border-radius:9px;margin:0 3px;padding:4px 7px 5px;font:900 .62em/1 DM Mono,monospace;position:relative}.logo.logo b:after{content:"";border:1px solid #fff4;border-radius:6px;position:absolute;inset:2px}.logo.logo i{color:#20182c;letter-spacing:.1px;background:#fff6;border:1px solid #fff8;border-radius:999px;margin-left:9px;padding:5px 8px;font:800 9px/1 DM Mono,monospace}.top-actions .refresh,.top-actions .share,.top-actions .picker{color:#20182c;cursor:pointer;background:#fff9;border:1px solid #fff9;border-radius:50%;place-items:center;width:39px;height:39px;font:800 21px/1 Outfit,sans-serif;transition:transform .18s,background .18s;display:grid;box-shadow:0 4px #32224720}.top-actions .share{font-size:20px}.top-actions button:hover{background:#fff;transform:translateY(-2px)rotate(5deg)}.share-note{z-index:12;color:#fff;background:#20182c;border-radius:999px;padding:8px 11px;font:800 9px/1 DM Mono,monospace;animation:.25s both toast;position:fixed;top:67px;right:clamp(18px,4vw,54px);box-shadow:0 6px 16px #27182d44}.making-progress{background:linear-gradient(135deg,color-mix(in srgb,var(--one) 20%,#fff),#fff);color:#302a50;border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.progress-orbit{border:2px dotted var(--one);width:34px;height:34px;color:var(--one);border-radius:50%;flex:0 0 34px;place-items:center;font-size:16px;animation:1.4s linear infinite spin;display:grid}.making-progress strong{font:800 12px Fraunces,serif;display:block}.making-progress p{margin:2px 0;font:600 9px/1.3 Outfit,sans-serif}.making-progress small{color:#796f87;font:700 8px DM Mono,monospace}.stage.is-arriving .animal{animation:.75s cubic-bezier(.2,.9,.2,1) both arrival}.stage.is-arriving .halo{animation:.8s ease-out both flash}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arrival{0%{opacity:0;transform:translateY(18px)scale(.76)}65%{opacity:1;transform:translateY(-7vh)scale(1.06)}to{opacity:1;transform:translateY(-7vh)scale(1)}}@keyframes flash{0%{opacity:.1;transform:scale(.55)}55%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes toast{0%{opacity:0;transform:translateY(-6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=420px){.logo.logo i{display:none}.top-actions .refresh,.top-actions .share,.top-actions .picker{width:35px;height:35px;font-size:18px}.share-note{right:18px}.making-progress{padding:10px}}.logo.logo{letter-spacing:-2.6px;font:900 clamp(22px,3.4vw,31px)/1 Fraunces,serif}.logo.logo>span{font-size:.8em}.logo.logo b{color:#20182c;letter-spacing:-2.8px;box-shadow:none;background:0 0;margin:0;padding:0;font:900 .9em/1 Fraunces,serif}.logo.logo b:after{display:none}.logo.logo i{margin-left:10px}.top-actions .share svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}main{background-color:color-mix(in srgb,var(--two) 48%,#fff9db);background-image:radial-gradient(circle at 50% 20%,#fffdf5 0 13%,#fff9 14% 28%,transparent 48%),linear-gradient(90deg,#fff8 1px,transparent 1px),linear-gradient(#fff8 1px,transparent 1px),linear-gradient(135deg,color-mix(in srgb,var(--one) 24%,#fff5bc),color-mix(in srgb,var(--two) 54%,#fff8df));background-position:50%,50%,50%,50%;background-size:100% 100%,30px 30px,30px 30px,100% 100%}header{padding:3px 0}.logo.logo{letter-spacing:-1.9px;text-shadow:0 3px #23192d1c;filter:drop-shadow(0 1px #fff9);gap:0;font:900 clamp(23px,3.6vw,34px)/.92 Chewy,Fraunces,serif}.logo.logo>span{letter-spacing:-2.5px;padding:0;font-size:.78em}.logo.logo>span:first-child{color:#2878e8;transform:rotate(-4deg)translateY(1px)}.logo.logo>span:nth-of-type(2){color:#ffd432;text-shadow:-1px 0 #23192d,0 1px #23192d,1px 0 #23192d,0 -1px #23192d;transform:rotate(4deg)translateY(1px)}.logo.logo b{color:#f04f49;letter-spacing:-2.8px;text-shadow:-1px 0 #23192d,0 1px #23192d,1px 0 #23192d,0 -1px #23192d;background:0 0;margin:0 1px;padding:0;font:900 .96em/.92 Chewy,Fraunces,serif;transform:rotate(1deg)}.logo.logo i{color:#23192d;letter-spacing:.15px;background:#fff;border:2px solid #23192d;border-radius:999px;margin-left:9px;padding:6px 9px 5px;font:900 9px/1 DM Mono,monospace;transform:rotate(-2deg);box-shadow:0 3px #23192d}.top-actions{gap:8px}.top-actions .refresh,.top-actions .share,.top-actions .picker{color:#23192d;background:#fff;border:2px solid #23192d;border-radius:13px;width:40px;height:40px;font-weight:900;transition:transform .14s,box-shadow .14s,filter .14s;box-shadow:0 4px #23192d}.top-actions .refresh{background:#ffdf45}.top-actions .share{color:#fff;background:#f3645e}.top-actions .picker{color:#fff;background:#5d9df8}.top-actions button:hover{filter:brightness(1.06);transform:translateY(-2px)rotate(0);box-shadow:0 6px #23192d}.top-actions .refresh:hover{background:#ffe875}.top-actions .share:hover{background:#fc746d}.top-actions .picker:hover{background:#78b1ff}.top-actions button:active{transform:translateY(3px);box-shadow:0 1px #23192d}.top-actions .share svg{stroke:currentColor;stroke-width:2.4px}.halo{background:radial-gradient(circle,#fffdf4 0 34%,#fff9 35% 46%,transparent 47%),repeating-conic-gradient(from 0deg,transparent 0 10deg,color-mix(in srgb,var(--one) 28%,#fff) 10deg 13deg,transparent 13deg 24deg);filter:drop-shadow(0 12px 20px #3b25521c)}.stage .animal img{filter:drop-shadow(0 20px 14px #37254030)}.roar{color:#f04f49;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff,0 7px #23192d33}.modal{background:linear-gradient(135deg,#fffdf5,#fff6ce);border:3px solid #23192d;box-shadow:0 12px #23192d,0 26px 70px #1a10245c}.modal-close{color:#fff;background:#f3645e;border:2px solid #23192d;box-shadow:0 3px #23192d}.generator{border:2px dashed color-mix(in srgb,var(--one) 55%,#23192d);background:#fffdf7}.generator button{background:#5d9df8;border:2px solid #23192d;box-shadow:0 3px #23192d}.character-list button{background:#fffdf7;border:2px solid #23192d;box-shadow:0 2px #23192d}.character-list button:hover,.character-list button.selected{background:#ffdf45;border-color:#23192d;transform:translateY(-2px);box-shadow:0 4px #23192d}.making-progress{background:#fff4b7;border:2px solid #23192d}.progress-orbit{color:#f04f49;border-color:#f04f49}.making-progress{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:11px 12px;display:grid}.making-progress>div{min-width:0}.making-progress .progress-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.making-progress strong{white-space:nowrap;font-size:13px}.making-progress .progress-heading small{color:#685578;flex:none;font-size:9px}.making-progress p{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:10px;line-height:1.25;overflow:hidden}@media (width<=370px){.making-progress{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px}.progress-orbit{width:30px;height:30px}.making-progress strong{font-size:11px}.making-progress p{font-size:9px}}@media (width<=420px){.logo.logo{font-size:24px}.logo.logo i{padding:5px 7px;font-size:8px}.top-actions{gap:6px}.top-actions .refresh,.top-actions .share,.top-actions .picker{border-radius:11px;width:36px;height:36px}}.logo.logo{cursor:pointer}.logo.logo .wordmark{background:linear-gradient(105deg,#008cff 0 25%,#ff352f 42% 67%,#ffe100 89%);-webkit-text-fill-color:transparent;-webkit-text-stroke:1.25px #17121d;color:#0000;letter-spacing:-2.25px;paint-order:stroke fill;text-shadow:0 3px #17121d35;filter:saturate(1.55)brightness(1.25);-webkit-background-clip:text;background-clip:text;margin:0;padding:0;font:900 1.34em/.82 Chewy,Fraunces,serif;transition:transform .2s cubic-bezier(.2,.9,.25,1.35),filter .2s,text-shadow .2s;display:inline-block;transform:rotate(-1deg)}.logo.logo:hover .wordmark{filter:saturate(2)brightness(1.42)contrast(1.08);text-shadow:0 4px #17121d58;transform:rotate(-4deg)translateY(-3px)scale(1.12)}.logo.logo:hover i{background:#fff9c5;transform:rotate(4deg)translateY(-2px)}.logo.logo:active .wordmark{transform:rotate(1deg)translateY(1px)scale(.96)}.logo.logo i{transition:transform .2s,background .2s}.generator .making-progress{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;display:grid}.generator .making-progress>div{min-width:0;display:block}.generator .making-progress .progress-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.generator .making-progress p{text-align:left;margin:2px 0 0}.character-list{scrollbar-width:thin;scrollbar-color:#5d9df8 #fff2b3}.character-list::-webkit-scrollbar{width:12px}.character-list::-webkit-scrollbar-track{background:#fff2b3;border:2px solid #23192d;border-radius:999px;margin:4px 0}.character-list::-webkit-scrollbar-thumb{background:#5d9df8;border:2px solid #23192d;border-radius:999px}.character-list::-webkit-scrollbar-thumb:hover{background:#ff5c55}.collection-heading{color:#23192d;justify-content:space-between;align-items:center;gap:10px;margin:2px 1px 8px;display:flex}.collection-heading strong{font:900 14px Chewy,Fraunces,serif}.collection-heading label{align-items:center;gap:5px;font:800 8px DM Mono,monospace;display:flex}.collection-heading select{color:#23192d;cursor:pointer;background:#ffdf45;border:2px solid #23192d;border-radius:8px;padding:5px 22px 5px 7px;font:800 9px DM Mono,monospace}@media (pointer:fine){body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M5 3 27 15 16 18 12 28Z' fill='%23ffdf45' stroke='%2317121d' stroke-width='2.5' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='14' r='3' fill='%235d9df8'/%3E%3C/svg%3E") 5 3,auto}button,a{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M5 3 27 15 16 18 12 28Z' fill='%23ffdf45' stroke='%2317121d' stroke-width='2.5' stroke-linejoin='round'/%3E%3Ccircle cx='18' cy='14' r='3' fill='%23ff4f57'/%3E%3C/svg%3E") 5 3,pointer}}.cursor-trail{z-index:100;pointer-events:none;position:fixed;inset:0}.cursor-trail span{opacity:.72;will-change:transform;border:2px solid #17121d;border-radius:50% 50% 50% 8px;width:17px;height:17px;position:absolute;top:0;left:0;box-shadow:0 2px #17121d22}.cursor-trail span:first-child{background:#ffdf45}.cursor-trail span:nth-child(2){background:#ff5c55}.cursor-trail span:nth-child(3){background:#5d9df8}.cursor-trail span:nth-child(4){background:#ad72f4}.cursor-trail span:nth-child(5){background:#57d7a5}.cursor-trail span:nth-child(6){background:#ff9b4a}@media (pointer:coarse),(prefers-reduced-motion:reduce){.cursor-trail{display:none}}.animal,.animal img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.animal{touch-action:manipulation}.generated-preview{background:#fff4b7;border:2px solid #23192d;border-radius:16px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;padding:10px;display:grid}.generated-preview img{object-fit:contain;filter:drop-shadow(0 4px 4px #37254026);width:92px;height:92px}.generated-preview strong{color:#f04f49;font:900 15px/1.05 Chewy,Fraunces,serif;display:block}.generated-preview p{color:#342842;margin:4px 0 8px;font:700 10px/1.3 Outfit,sans-serif}.generated-preview button{color:#fff;cursor:pointer;background:#5d9df8;border:2px solid #23192d;border-radius:9px;height:32px;padding:0 10px;font:800 9px DM Mono,monospace;box-shadow:0 2px #23192d}@media (width<=380px){.generated-preview{grid-template-columns:70px minmax(0,1fr);gap:8px}.generated-preview img{width:70px;height:70px}.generated-preview strong{font-size:13px}}@media (pointer:fine){body,button,a{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M5 3 27 15 16 18 12 28Z' fill='%23ffdf45' stroke='%2317121d' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3,pointer}}.cursor-trail span{opacity:.92;width:28px;height:28px;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.cursor-trail span:after{content:"✦";color:var(--spark);-webkit-text-stroke:1px #17121d;text-shadow:0 2px #17121d2e;font:900 32px/.8 Chewy,sans-serif;animation:.7s ease-in-out infinite alternate cursor-spark;display:block}.cursor-trail span:first-child,.cursor-trail span:nth-child(7){--spark:#ffdf45}.cursor-trail span:nth-child(2),.cursor-trail span:nth-child(8){--spark:#ff5c55}.cursor-trail span:nth-child(3),.cursor-trail span:nth-child(9){--spark:#ad72f4}.cursor-trail span:nth-child(4),.cursor-trail span:nth-child(10){--spark:#57d7a5}.cursor-trail span:nth-child(5),.cursor-trail span:nth-child(11){--spark:#ff9b4a}.cursor-trail span:nth-child(6),.cursor-trail span:nth-child(12){--spark:#f06fc4}.cursor-trail span:nth-child(2):after,.cursor-trail span:nth-child(8):after{content:"✹";animation-delay:-.18s}.cursor-trail span:nth-child(3):after,.cursor-trail span:nth-child(9):after{content:"✦";animation-delay:-.35s}.cursor-trail span:nth-child(4):after,.cursor-trail span:nth-child(10):after{content:"✧";animation-delay:-.1s}.cursor-trail span:nth-child(5):after,.cursor-trail span:nth-child(11):after{content:"✹";animation-delay:-.42s}.cursor-trail span:nth-child(6):after,.cursor-trail span:nth-child(12):after{content:"✦";animation-delay:-.27s}@keyframes cursor-spark{to{filter:brightness(1.28);transform:rotate(35deg)scale(.55)}}