:root{--ink:#302a24;--paper:#f3ead6;--cream:#fff8e9;--sage:#6e866b;--orange:#d86d4c;--muted:#8b7e70}*{box-sizing:border-box}html{background:#1f1d1a}body{color:var(--ink);background:#1f1d1a;margin:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}button{font:inherit}.animal-shell{background:var(--paper);width:min(100%,480px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #00000059}.paper-grain{z-index:0;opacity:.2;pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(#302a242e .55px,#0000 .7px),linear-gradient(105deg,#0000 47%,#ffffff38 49%,#0000 51%);background-size:5px 5px,100% 43px;position:absolute;inset:0}.animal-shell>:not(.paper-grain){z-index:1;position:relative}.animal-masthead{letter-spacing:.06em;border-bottom:1px solid #302a243d;justify-content:space-between;align-items:center;height:58px;padding:0 18px;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.animal-masthead div{align-items:center;gap:8px;display:flex}.animal-masthead i{background:var(--orange);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #d86d4c1f}.animal-masthead span{color:var(--muted);font-size:8px}.eyebrow{letter-spacing:.09em;margin:0;font:850 9px/1 ui-monospace,monospace;color:var(--orange)!important}.landing-screen{padding-bottom:calc(145px + env(safe-area-inset-bottom))}.landing-copy{padding:28px 20px 15px}.landing-copy h1{letter-spacing:-.075em;margin:12px 0 11px;font:900 clamp(43px,12vw,58px)/.88 Georgia,Songti SC,serif}.landing-copy h1 em{color:var(--sage);font-style:normal}.landing-copy>p:last-child{color:#71675d;max-width:350px;margin:0;font-size:12px;line-height:1.6}.landing-art{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--orange);background:#d8d0b9;margin:1px 14px 0;position:relative;overflow:hidden}.landing-art:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff8e96b}.landing-art img{object-fit:cover;object-position:50% 48%;width:100%;height:clamp(300px,42dvh,360px);display:block;transform:scale(1.025)}.landing-art figcaption{color:var(--cream);box-shadow:3px 3px 0 var(--orange);background:#302a24eb;padding:10px 12px 11px;position:absolute;bottom:12px;left:12px;right:12px}.landing-art figcaption span{color:#d8cfc0;font-size:9px;line-height:1.4;display:block}.landing-art figcaption b{color:#fff8e9;margin-top:3px;font:900 15px/1.2 Georgia,Songti SC,serif;display:block}.landing-art-stamp{min-width:82px;color:var(--ink);border:1px solid var(--ink);text-align:center;box-shadow:3px 3px 0 var(--sage);background:#f3ead6;padding:8px 9px 7px;position:absolute;top:11px;right:11px;transform:rotate(3deg)}.landing-art-stamp span,.landing-art-stamp b{display:block}.landing-art-stamp span{color:var(--orange);font:900 17px/1 Georgia,serif}.landing-art-stamp b{margin-top:3px;font-size:9px}.landing-stats{border-top:1px solid #302a2438;border-bottom:1px solid #302a2438;margin:17px 20px 8px;padding:11px 0;display:flex}.landing-stats span{color:#776c61;text-align:center;border-right:1px solid #302a242e;flex:1;font-size:9px}.landing-stats span:last-child{border:0}.landing-stats b{color:var(--orange);margin-right:3px;font:900 20px/1 Georgia,serif}.landing-actions{z-index:10;width:min(100%,480px);padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#f3ead6f5 15%);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.primary-cta{border:1px solid var(--ink);width:100%;min-height:58px;color:var(--cream);background:var(--ink);box-shadow:5px 5px 0 var(--orange);cursor:pointer;justify-content:space-between;align-items:center;padding:0 18px;font-size:15px;font-weight:850;display:flex}.primary-cta:active{box-shadow:2px 2px 0 var(--orange);transform:translate(2px,2px)}.primary-cta b{font-size:24px}.text-cta{color:#6f655b;cursor:pointer;background:0 0;border:0;width:100%;min-height:39px;font-size:10px;text-decoration:underline}.readout{background:#d9ccb8;height:4px}.readout span{background:var(--orange);height:100%;transition:width .35s;display:block}.question-screen{min-height:100dvh;padding-bottom:18px}.scene-title{padding:19px 16px 12px}.scene-title>div{color:var(--muted);align-items:center;gap:8px;font:800 9px/1 ui-monospace,monospace;display:flex}.scene-title>div b{color:var(--cream);background:var(--orange);padding:5px 7px}.scene-title h1{letter-spacing:-.04em;margin:12px 0 0;font:900 clamp(26px,7.4vw,36px)/1.06 Georgia,Songti SC,serif}.comic-frame{background:#fff8e9;border:1px solid #302a2447;min-height:360px;margin:0 9px 14px;padding:4px;position:relative}.comic-frame>img{object-fit:contain;opacity:0;width:100%;height:auto;transition:opacity .18s;display:block}.comic-frame.loaded{min-height:0}.comic-frame.loaded>img{opacity:1}.art-placeholder{z-index:2;color:#6f655b;text-align:center;background:linear-gradient(145deg,#eee4cf,#fff8e9);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.art-placeholder:before{content:"";border:2px solid #d86d4c38;border-top-color:var(--orange);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite placeholder-spin}.art-placeholder b{font:900 16px/1 Georgia,Songti SC,serif}.art-placeholder span{color:#938679;font-size:9px}.art-placeholder button{border:1px solid var(--ink);min-height:34px;color:var(--ink);background:0 0;padding:0 16px;font-size:10px;font-weight:800}@keyframes placeholder-spin{to{transform:rotate(1turn)}}.choice-zone{gap:7px;padding:0 10px;display:grid}.choice-zone button{min-height:55px;color:var(--ink);text-align:left;cursor:pointer;background:#fff8e9e0;border:1px solid #302a244f;grid-template-columns:28px 1fr 18px;align-items:center;gap:9px;padding:8px 10px;transition:all .18s;display:grid}.choice-zone button>span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;font:850 10px/1 monospace;display:grid}.choice-zone button div{display:grid}.choice-zone button b{font-size:12px;line-height:1.35}.choice-zone button i{font-style:normal}.choice-zone button.selected{color:#fff;background:var(--sage);transform:translate(3px)}.choice-zone button.selected>span{border-color:#fff}.choice-zone button:disabled{opacity:1}.reveal-screen{color:#f8f0df;background:#302a24}.reveal-screen .animal-masthead{border-color:#fff3}.reveal-core{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 58px);padding:30px;display:flex}.orbit{border:1px solid #ffffff40;border-radius:50%;width:240px;height:240px;animation:8s linear infinite spin;position:relative}.orbit:before,.orbit:after{content:"";border:1px dashed #d86d4cb3;border-radius:50%;position:absolute;inset:28px}.orbit:after{border-style:solid;inset:65px}.orbit span{font-size:28px;position:absolute}.orbit span:first-child{top:-14px;left:100px}.orbit span:nth-child(2){top:100px;right:-12px}.orbit span:nth-child(3){bottom:-13px;left:100px}.orbit span:nth-child(4){top:100px;left:-12px}.orbit b{color:var(--orange);background:#f3ead6;border-radius:50%;place-items:center;font:900 50px/1 Georgia,serif;animation:8s linear infinite counter;display:grid;position:absolute;inset:85px}.reveal-core p{margin:32px 0 9px;font:900 30px/1.08 Georgia,Songti SC,serif}.reveal-core small{color:#aaa093;font-size:9px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes counter{to{transform:rotate(-1turn)}}.result-screen{overflow:visible}.capture-card{--camp:#6e866b;aspect-ratio:9/16;background:linear-gradient(165deg,#f3ead6 0 55%,color-mix(in srgb,var(--camp) 28%,#f3ead6) 100%);flex-direction:column;width:100%;padding-bottom:12px;display:flex;position:relative;overflow:hidden}.capture-card:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#302a240e 1px,#0000 1px),linear-gradient(90deg,#302a240e 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:58px 0 0;-webkit-mask-image:linear-gradient(#0000,#000 20% 85%,#0000);mask-image:linear-gradient(#0000,#000 20% 85%,#0000)}.result-heading{z-index:1;padding:18px 18px 4px}.result-heading p{color:var(--orange);margin:0;font:850 8px/1 monospace}.result-heading h1{letter-spacing:-.07em;max-width:420px;margin:8px 0 2px;font:900 clamp(36px,10.5vw,50px)/.9 Georgia,Songti SC,serif}.result-visual{z-index:1;aspect-ratio:1;width:calc(100% - 36px);min-height:0;box-shadow:4px 4px 0 color-mix(in srgb,var(--camp) 48%,transparent);background:#fff8e9b8;border:1px solid #302a2433;flex:none;margin:0 18px 7px;position:relative;overflow:hidden}.result-character{position:absolute;inset:0;overflow:hidden}.result-character img{object-fit:contain;opacity:0;width:100%;max-width:none;height:100%;transition:opacity .18s;position:absolute;inset:0}.result-character.loaded img{opacity:1}.identity-strip{z-index:1;border-top:1px solid #302a2440;border-bottom:1px solid #302a2440;grid-template-columns:1fr 1fr;gap:12px;margin:0 18px;padding:8px 0;display:grid}.identity-strip span{font-size:8px;font-weight:750;line-height:1.35}.identity-strip small{color:#8c8074;margin-bottom:4px;font:750 6px/1 monospace;display:block}.capture-card blockquote{z-index:1;margin:9px 18px 6px;font:850 14px/1.3 Georgia,Songti SC,serif}.card-signature{z-index:1;color:#867a6e;justify-content:space-between;margin-top:auto;padding:0 18px;font:750 6px/1 monospace;display:flex}.card-signature b{color:var(--orange)}.report-intro{color:#f8f0df;background:#302a24;padding:70px 22px 35px}.report-intro p{color:#e18a6d;letter-spacing:.08em;margin:0;font:800 8px/1 monospace}.report-intro h2{letter-spacing:-.04em;margin:13px 0 12px;font:900 34px/1.02 Georgia,Songti SC,serif}.report-intro span{color:#b8aea2;font-size:10px}.report-list{background:#302a24;padding:12px}.report-list article{background:#f3ead6;border:1px solid #ffffff21;margin-bottom:10px;padding:23px 18px}.report-list header{justify-content:space-between;align-items:center;display:flex}.report-list header span{color:var(--orange);font:850 7px/1 monospace}.report-list header b{color:#9a8d80;font:750 7px/1 monospace}.report-list h3{letter-spacing:-.04em;margin:24px 0 9px;font:900 25px/1 Georgia,Songti SC,serif}.report-list p{color:#71675d;margin:0;font-size:11px;line-height:1.9}.mini-comic{color:#756a5f;border-top:1px solid #cfc2ad;border-bottom:1px solid #cfc2ad;justify-content:space-between;align-items:center;gap:6px;margin-top:20px;padding:10px;font-size:7px;display:flex}.mini-comic b{color:var(--orange)}.share-panel{padding:60px 20px calc(70px + env(safe-area-inset-bottom));text-align:center}.share-panel>p{color:var(--orange);margin:0;font:850 8px/1 monospace}.share-panel h2{margin:13px 0 25px;font:900 34px/1 Georgia,Songti SC,serif}.share-panel blockquote{border-top:1px solid #302a2440;border-bottom:1px solid #302a2440;margin:0 0 25px;padding:18px;font:850 15px/1.5 Georgia,Songti SC,serif}.share-panel .primary-cta:disabled{opacity:.72;cursor:wait}.secondary-cta{border:1px solid var(--ink);width:100%;min-height:52px;color:var(--ink);cursor:pointer;background:0 0;margin-top:13px;font-size:13px;font-weight:850}.share-panel .text-cta{margin-top:9px}.save-error{color:#b04e35;margin-top:12px;font-size:10px;display:block}.animal-footer{color:#9a8d80;text-align:center;background:#302a24;padding:25px 20px 45px;font-size:8px;line-height:1.8}.animal-shell>.save-overlay{z-index:100;width:min(100%,480px);padding:14px 14px calc(14px + env(safe-area-inset-bottom));overscroll-behavior:contain;background:#1f1d1afa;flex-direction:column;gap:10px;margin:auto;display:flex;position:fixed;inset:0}.save-overlay-bar{color:#f8f0df;justify-content:space-between;align-items:center;display:flex}.save-overlay-bar div{gap:4px;display:grid}.save-overlay-bar b{font-size:14px}.save-overlay-bar span{color:#b8aea2;font-size:9px}.save-overlay-bar button{color:#f8f0df;background:0 0;border:1px solid #776e65;min-width:58px;min-height:36px}.save-overlay>img{object-fit:contain;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:1;width:100%;min-height:0;display:block}.save-overlay>a{color:#302a24;background:#f3ead6;place-items:center;min-height:44px;font-size:12px;font-weight:850;text-decoration:none;display:grid}@media (width<=370px){.landing-copy{padding-top:24px}.landing-copy h1{font-size:42px}.landing-art img{height:285px}.scene-title h1{font-size:24px}.choice-zone button{min-height:52px}.result-heading{padding-top:15px}.result-heading h1{font-size:35px}.identity-strip{padding:6px 0}.capture-card blockquote{font-size:12px}}@media (width>=431px){.capture-card{aspect-ratio:9/15}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}