@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
:root{--violet:#80BBD6;--gold:#FFF0D3;--indigo:#397ED3;--lav:#E6E6FA;--brown:#D38C46;--ink:#9C4A43;--paper:#FFE5DD;--soft:#FFFAF3;--muted:#235B78;--line:#E4E0EC;--pinkish:#FFFAF3;--mint:#FFFAF3;--shadow:0 18px 38px rgba(62,30,95,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(140deg,#FFFAF3 0%,var(--lav) 47%,#FFFAF3 100%);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55;min-height:100vh;overflow-x:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--violet);outline-offset:3px}button:disabled{cursor:default}.hidden{display:none!important}.app{width:min(100%,1000px);margin:0 auto;padding:24px 24px 80px;min-height:100vh;position:relative}.screen{display:none;position:relative;animation:pageIn .32s ease both}.screen.active{display:block}.grain{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#397ED315 .65px,transparent .7px);background-size:12px 12px}.eyebrow,.small-mark,.hud-tag,.result-overline,.evolved,.round-chip,.round-header,.progress-info,.decision-head,.creator-credit>span,.share-you-raised,.share-evolved,.share-brand,.share-card-foot{font-size:.71rem;font-weight:740;letter-spacing:.145em}.small-mark{display:flex;align-items:center;justify-content:space-between;color:var(--indigo);font-size:.72rem;letter-spacing:.17em}.small-mark span{color:var(--brown)}.primary,.secondary,.quiet-btn{border-radius:13px;min-height:48px;padding:13px 21px;font-weight:725;letter-spacing:.035em;transition:transform .16s,box-shadow .16s,background .16s}.primary{border:1px solid var(--indigo);color:#FFE5DD;background:var(--indigo);box-shadow:5px 5px 0 rgba(106,13,173,.17)}.primary:hover{background:var(--violet);transform:translateY(-2px)}.secondary{background:#FFE5DD;color:var(--indigo);border:1.5px solid #C0E1EB}.secondary:hover{background:#F1EAFA}.quiet-btn{border:0;background:none;color:var(--muted)}.primary span{margin-left:15px}.landing{max-width:940px;margin:auto;min-height:calc(100vh - 110px);display:none}.landing.active{display:flex;flex-direction:column}.hero-mark{font-family:"Trebuchet MS",system-ui,sans-serif;font-weight:800;line-height:.99;font-size:clamp(6.7rem,18vw,12.5rem);letter-spacing:-.085em;color:var(--indigo);padding-top:11vh;margin-left:-.06em}.hero-dot{color:var(--brown)}.landing-split{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(280px,1.15fr);gap:clamp(20px,5vw,65px);align-items:center;padding:16px 0 40px}.start-pet{position:relative;display:flex;align-items:center;justify-content:center;min-height:265px}.start-pet:before{content:'';position:absolute;left:12%;right:12%;top:18%;bottom:7%;background:radial-gradient(circle at 40% 40%,#FFE5DD 0,#E7E1F3 74%);border-radius:48% 52% 50% 38%;transform:rotate(-10deg);box-shadow:inset -15px -15px 45px #C0E1EB33}.pet-emoji{font-size:clamp(8rem,20vw,12rem);z-index:1;filter:drop-shadow(1px 12px 3px #397ED31B);animation:float 3s ease-in-out infinite}.pet-shadow{position:absolute;bottom:9px;width:130px;height:18px;background:#397ED321;filter:blur(10px);border-radius:50%}.landing-copy{padding-bottom:15px}.landing-copy .eyebrow{color:var(--brown)}.landing-copy h2{font-size:clamp(1.7rem,4vw,3rem);font-weight:730;letter-spacing:-.055em;line-height:1.15;margin:13px 0 16px;max-width:500px}.landing-copy>p:not(.eyebrow){font-size:1rem;color:#235B78;margin:0 0 24px}.large{min-width:220px}.landing-footer{margin-top:auto;border-top:1px solid #C0E1EB;padding:22px 0;color:var(--indigo);font-family:Georgia,serif;font-style:italic;font-size:1.13rem}.fireworks{position:absolute;right:11%;top:8%;width:185px;height:115px;pointer-events:none}.fireworks i{position:absolute;width:45px;height:45px;left:50%;top:30%;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--violet) 0deg 7deg,transparent 7deg 29deg);mask:radial-gradient(transparent 0 12px,#9C4A43 13px 23px,transparent 24px);animation:firework 2.4s ease-out infinite}.fireworks i:nth-child(2){left:0;top:53%;width:32px;height:32px;background:repeating-conic-gradient(var(--brown) 0deg 9deg,transparent 9deg 32deg);animation-delay:.6s}.fireworks i:nth-child(3){left:78%;top:8%;width:36px;height:36px;background:repeating-conic-gradient(var(--gold) 0deg 9deg,transparent 9deg 32deg);animation-delay:1.2s}
.hatch{text-align:center;max-width:560px;margin:10vh auto 0}.hatch .eyebrow{color:var(--brown)}.hatch-orb{font-size:clamp(8rem,26vw,12rem);padding:37px 0;animation:float 2s infinite}.hatch-status{font-family:Georgia,serif;font-size:1.15rem;font-style:italic;color:var(--muted)}.hatched-name{font-size:clamp(2.4rem,9vw,5rem);line-height:1.1;letter-spacing:-.04em;color:var(--indigo);font-weight:800;overflow-wrap:anywhere}.hatch .primary{margin:14px auto}
.gameplay{max-width:740px;margin:0 auto}.hud{display:grid;grid-template-columns:51px minmax(130px,1fr) 55px minmax(150px,200px);gap:12px;align-items:center;background:#FFE5DD;border:1px solid #C0E1EB;border-radius:18px;padding:14px 17px;box-shadow:var(--shadow);margin:0 0 22px}.hud-avatar{display:grid;place-items:center;background:#EFE8F8;border-radius:13px;font-size:1.8rem;width:50px;height:50px}.hud-name{min-width:0;display:flex;flex-direction:column;line-height:1.25}.hud-tag{font-size:.58rem;color:var(--brown);letter-spacing:.05em}.hud-name strong{font-size:1.04rem;font-weight:790;color:var(--indigo);overflow-wrap:anywhere;letter-spacing:-.02em}.hud-name small{font-size:.7rem;letter-spacing:.11em;color:var(--muted);font-weight:670}.hud-lv{border-left:1px solid var(--line);border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:5px;height:51px;color:var(--indigo)}.hud-lv small{font-size:.67rem;font-weight:800}.hud-lv strong{font-size:1.8rem;line-height:1;font-weight:800}.hud-attention{min-width:0}.attention-row{display:flex;justify-content:space-between;gap:7px;align-items:center;color:var(--ink)}.attention-row strong{font-size:.7rem;font-weight:790;letter-spacing:.045em;color:var(--indigo)}.attention-row b{font-size:.87rem;white-space:nowrap;color:var(--ink)}.xp-track{margin-top:10px;width:100%;height:9px;border-radius:20px;background:#E5DDEC;overflow:hidden}.xp-track>div{width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--violet),#80BBD6);transition:width .7s}.progress-info{display:flex;align-items:center;gap:14px;color:var(--indigo);font-size:.7rem;margin:0 5px 9px}.progress-decoration{height:1px;flex:1;background:#C0E1EB}.creature-strip{display:flex;align-items:center;gap:12px;margin-bottom:20px}.creature-emoji{font-size:3.4rem;line-height:1;transform:rotate(-9deg)}.creature-speech{border:1px solid #C0E1EB;background:#FFE5DD;padding:9px 16px;border-radius:17px 17px 17px 3px;color:#235B78;font-family:Georgia,serif;font-style:italic;font-size:.98rem}.round-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 14px}.round-header h2{font-size:clamp(1.35rem,3.9vw,2.1rem);letter-spacing:-.05em;line-height:1.12;margin:0;font-weight:780;color:var(--indigo)}.round-chip{white-space:nowrap;background:#FFE5DD;border:1px solid #C0E1EB;color:var(--brown);border-radius:30px;padding:6px 12px;font-size:.65rem}.social-space{min-width:0}.feed-area{display:flex;flex-direction:column;gap:16px}.post-card{width:100%;background:#FFE5DD;border:1px solid #DCD6E5;border-radius:18px;box-shadow:0 9px 26px rgba(75,0,130,.055);overflow:hidden;min-width:0;animation:postIn .25s ease both}.author-line{display:flex;align-items:center;gap:10px;padding:17px 18px 5px;min-width:0}.avatar,.comment-avatar{flex:none;display:grid;place-items:center;background:#FFFAF3;border-radius:50%;width:38px;height:38px;font-size:1.25rem}.author-details{min-width:0;display:flex;flex-direction:column;line-height:1.25}.author-details strong{font-size:.95rem;font-weight:740;color:var(--indigo);overflow-wrap:anywhere}.author-details small{font-size:.7rem;color:#397ED3}.dots{margin-left:auto;color:#EA695E;font-size:1.3rem;letter-spacing:3px}.post-copy{font-size:1rem;line-height:1.6;padding:8px 19px 15px;overflow-wrap:anywhere;white-space:normal}.post-actions{display:flex;align-items:center;gap:clamp(15px,4.2vw,38px);border-top:1px solid var(--line);padding:12px 20px;color:#397ED3;font-size:.94rem}.post-actions span{white-space:nowrap}.post-actions b{font-weight:600;font-size:.76rem;margin-left:4px}.post-share-icon{margin-left:auto}.comment-thread{padding:0 17px 4px;min-width:0}.comment{min-width:0;border-top:1px solid #FFFAF3;margin:0;padding:13px 0 0}.comment-main{display:flex;gap:9px;min-width:0}.comment-avatar{width:30px;height:30px;font-size:.92rem;background:#FFFAF3}.comment-content{flex:1;min-width:0}.comment-meta{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:.79rem;line-height:1.3}.comment-meta strong{color:var(--indigo);font-weight:730;overflow-wrap:anywhere}.comment-meta span,.replying-to{color:#397ED3;font-size:.68rem}.replying-to{margin-top:2px}.comment-content p{font-size:.88rem;margin:6px 0 7px;line-height:1.55;overflow-wrap:anywhere}.comment-icons{display:flex;gap:16px;color:#80BBD6;font-size:.84rem;margin:0 0 12px}.comment-heart{font-size:1rem;line-height:1}.comment-heart.liked{color:#FFE5DD;font-size:1.06rem}.comment-heart-count{font-size:.7rem;margin-left:-13px;color:#397ED3}.comment-children{min-width:0;margin-left:13px;border-left:2px solid #E9E2F2;padding-left:12px}.comment-children:empty{display:none}.comment-children .comment{padding-top:12px}.comment-children .comment-children{margin-left:5px;padding-left:9px}.my-comment>.comment-main .comment-avatar{background:#E6F3F6}.my-comment>.comment-main .comment-meta strong{color:var(--violet)}.my-comment>.comment-main .comment-content p{font-weight:560}.liked-comment{background:linear-gradient(90deg,#FFE5DD,transparent);border-radius:10px}.embedded-post{border:1px solid #DDD5E7;border-radius:12px;padding:12px;background:#FFFAF3;margin:0 18px 16px;display:flex;flex-direction:column;gap:3px;font-size:.81rem;overflow-wrap:anywhere}.embedded-post strong{font-weight:740;color:var(--indigo)}.embedded-post span{line-height:1.4}.embedded-post small{color:var(--muted);font-size:.7rem}.reposted-by{color:var(--violet);font-size:.72rem;font-weight:730;letter-spacing:.01em;margin:13px 18px 0}.reposted-by + .author-line{padding-top:6px}.new-post{border-color:#80BBD6;box-shadow:0 10px 32px #397ED312}.previous-group{background:#FFFAF3;border:1px solid #E6F3F6;padding:12px;border-radius:20px;transition:opacity .3s,transform .3s}.previous-kicker{font-weight:780;font-size:.68rem;letter-spacing:.13em;color:var(--brown);display:block;margin:2px 6px 10px}.previous-group .post-card{background:#FFE5DD}.previous-group.removing{opacity:0;transform:translateX(-55px)}.previous-group .post-copy{font-size:.87rem}.media-frame{border-radius:12px;margin:0 18px 16px;position:relative;overflow:hidden;min-height:240px;display:flex;align-items:center;justify-content:center}.video-frame{background:linear-gradient(125deg,#183E52 0,#397ED3 45%,#F8AC9D 100%);color:#FFE5DD}.video-frame:before{content:'';position:absolute;left:14%;top:11%;width:20%;height:90%;background:#D0C9BC33;transform:skew(-15deg);filter:blur(5px)}.video-frame:after{content:'';position:absolute;right:20%;bottom:-30%;width:25%;height:105%;background:#FFF0D333;transform:rotate(13deg)}.video-play{z-index:1;display:grid;place-items:center;width:67px;height:67px;background:#FFE5DDBF;color:#183E52;border-radius:50%;font-size:1.5rem;box-shadow:0 8px 20px #0002}.video-bottom{position:absolute;left:16px;right:16px;bottom:13px;display:flex;justify-content:space-between;font-size:.74rem;z-index:2}.media-mini{position:absolute;top:15px;left:17px;font-size:.68rem;letter-spacing:.2em;font-weight:800}.vlog-frame{background:linear-gradient(125deg,#FFF0D3,#E6F3F6,#CAE3D9);color:var(--brown)}.vlog-top{position:absolute;top:12px;left:14px;font-size:.72rem;font-weight:750}.vlog-art{font-size:6rem;filter:drop-shadow(7px 9px 0 #D38C4620);transform:rotate(-12deg)}.vlog-art span{position:absolute;font-size:3rem;top:-20px;right:-33px;transform:rotate(24deg)}.vlog-frame .video-play{position:absolute;width:54px;height:54px;background:#FFFAF3D9}.vlog-bottom{position:absolute;left:15px;bottom:14px;color:var(--brown);font-size:.76rem}.cat-image{margin:0 18px 15px;min-height:165px;border-radius:13px;background:linear-gradient(140deg,#F5EBDF,#F0EBE4);display:grid;place-items:center;position:relative}.cat-image span{font-size:5.3rem}.cat-image small{position:absolute;top:18px;right:23px;font-family:Georgia,serif;color:var(--brown);font-style:italic}.chat-shot{margin:0 18px 17px;padding:13px 12px;background:#E8F2EC;border-radius:13px;display:flex;flex-direction:column;gap:8px}.chat-head{font-size:.8rem;font-weight:700;color:#166F65;border-bottom:1px solid #83D8C6;padding-bottom:8px}.chat-head small{float:right;color:#229A93;font-weight:450}.chat-bubble{max-width:88%;padding:10px 12px;border-radius:11px;font-size:.81rem;line-height:1.5;overflow-wrap:anywhere}.chat-bubble.mine{align-self:flex-end;background:#83D8C6;border-bottom-right-radius:3px}.chat-bubble.theirs{align-self:flex-start;background:#FFE5DD;border-bottom-left-radius:3px}.receipt-shot{background:#EDE9F0}.receipt-shot .chat-head{color:var(--indigo);border-color:#CAC2D2}.receipt-date{font-size:.71rem;align-self:center;color:#397ED3;margin:5px}.receipt-highlight{padding:9px;border-radius:8px;background:#FFFAF3;font-size:.8rem}.receipt-shot .mine{background:#E6F3F6}.receipt-shot .theirs{background:#FFE5DD}.meme-art{min-height:240px;margin:0 18px 17px;background:linear-gradient(150deg,#E6F3F6,#E9E4F7);border:1px solid #C0E1EB;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;text-align:center;padding:22px}.meme-art span{font-size:4rem}.meme-art strong{font-size:clamp(1.1rem,3.3vw,1.55rem);font-weight:850;line-height:1.13;letter-spacing:-.04em;color:var(--indigo);max-width:340px}.reported-post{border-color:#F0BA55}.locked-creator .author-details small{color:var(--brown);font-weight:700}
.decision{margin-top:23px}.decision-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 11px;color:var(--indigo)}.decision-head span:last-child{color:#397ED3;font-weight:590;font-size:.62rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{min-height:91px;display:flex;align-items:flex-start;gap:9px;text-align:left;background:#FFE5DD;border:1.5px solid #C0E1EB;border-radius:14px;padding:15px 14px;box-shadow:0 3px 0 #E6F3F65C;transition:transform .13s,border-color .13s,background .13s}.choice:hover:not(:disabled){transform:translateY(-2px);border-color:var(--violet);background:#FFFAF3}.choice.chosen{border-color:var(--indigo);background:#EEE5F6}.choice-mode{font-weight:800;color:var(--violet);font-size:.6rem;letter-spacing:.06em;min-width:55px;display:flex;flex-direction:column;line-height:1.6}.choice-mode span{font-size:1.25rem;line-height:1.1;font-weight:450}.choice-text{flex:1;min-width:0;font-size:.87rem;line-height:1.48;font-weight:550;overflow-wrap:anywhere}.choice-arrow{color:#80BBD6;font-size:.8rem}.action-stages{margin-top:15px}.search-surface,.dm-surface{background:#FFE5DD;border:1px solid #DAD5E4;border-radius:17px;padding:18px;animation:postIn .3s ease}.search-bar{background:#FFFAF3;padding:12px 16px;border-radius:30px;color:#235B78;font-size:.9rem}.search-empty{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:25px 10px;color:#235B78}.search-empty>span{font-size:2rem;color:var(--indigo)}.search-empty small{max-width:350px}.dm-title{border-bottom:1px solid #F8AC9D;padding-bottom:15px;font-weight:760;color:var(--indigo);display:flex;gap:14px;align-items:center}.dm-title small{margin-left:auto}.dm-send,.dm-inbox{padding:13px 17px;margin-top:17px;max-width:80%;border-radius:14px;line-height:1.5;font-size:.86rem}.dm-send{margin-left:auto;background:#EFE6F7;border-bottom-right-radius:3px}.dm-inbox{background:#FFFAF3;border-bottom-left-radius:3px}.next{display:block;width:min(100%,300px);margin:25px auto 0}.scroll-away{animation:scrollAway .65s forwards}.arrival{animation:postIn .33s both}.xp-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#183E5278;backdrop-filter:blur(4px);z-index:20;pointer-events:none}.xp-blob{width:min(350px,86vw);padding:35px 25px;background:#FFE5DD;border:2px solid var(--indigo);border-radius:23px;text-align:center;box-shadow:15px 16px 0 #397ED347;animation:xpPop .35s ease}.xp-blob span{display:block;color:var(--brown);font-size:.7rem;letter-spacing:.18em;font-weight:800}.xp-blob strong{display:block;color:var(--indigo);font-size:clamp(2rem,9vw,3.6rem);font-weight:830;letter-spacing:-.04em}.xp-blob small{font-family:Georgia,serif;font-style:italic;color:#397ED3}
.analysis,.science{max-width:740px;margin:0 auto}.loading-view{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}.loading-eye{font-size:4.5rem;color:var(--indigo);animation:float 1.6s infinite}.loading-view h2{font-weight:550;font-family:Georgia,serif;font-style:italic;font-size:1.3rem}.loader-track{width:210px;background:#C0E1EB;height:6px;border-radius:10px;overflow:hidden}.loader-track span{display:block;width:35%;height:100%;background:var(--violet);animation:loadMove 1.4s infinite}.section-intro{text-align:left;margin:27px 0 22px}.section-intro .eyebrow{color:var(--brown)}.section-intro h1{color:var(--indigo);font-size:clamp(2.9rem,9vw,5.2rem);letter-spacing:-.07em;line-height:.97;margin:12px 0;font-weight:800}.section-intro h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;color:var(--violet)}.result-card{padding:clamp(18px,5vw,35px);border:1px solid #C0E1EB;border-radius:24px;background:#FFE5DD;box-shadow:var(--shadow);text-align:center}.result-overline{color:var(--brown);margin:0 0 2px}.result-card h2{color:var(--indigo);font-weight:800;letter-spacing:-.045em;font-size:clamp(2.15rem,8vw,4rem);margin:0;overflow-wrap:anywhere}.ending-visual{position:relative;padding:7px 0 8px}.ending-visual>span{font-size:7rem;position:relative;z-index:1;filter:drop-shadow(0 8px 4px #397ED319)}.ending-shape{position:absolute;left:29%;right:29%;top:13%;bottom:9%;border-radius:50%;background:#EDE7F6}.evolved{display:block;color:#397ED3}.result-card h3{font-size:clamp(2.25rem,7.6vw,4.15rem);letter-spacing:-.06em;line-height:1.05;font-weight:840;color:var(--violet);margin:8px 0 12px}.result-card>p:not(.result-overline){color:var(--muted);font-family:Georgia,serif;font-style:italic;font-size:1.08rem;margin:5px auto 20px}.result-stats{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.result-stats span{background:#FFFAF3;color:var(--indigo);font-size:.73rem;font-weight:800;letter-spacing:.08em;padding:8px 13px;border-radius:50px}.trait-bars{margin:27px auto 22px;max-width:500px;border-top:1px solid #EDE6F1;padding-top:22px}.trait-stat{display:grid;grid-template-columns:94px minmax(0,1fr) 20px;gap:10px;align-items:center;margin-bottom:10px;font-size:.67rem;text-align:left;color:#397ED3;font-weight:750;letter-spacing:.045em}.trait-rail{height:8px;border-radius:10px;background:#E7DFF0;overflow:hidden}.trait-rail>div{height:100%;background:linear-gradient(90deg,#80BBD6,var(--violet));border-radius:10px}.trait-stat b{color:var(--indigo);font-size:.75rem}.food-box{display:flex;flex-direction:column;gap:4px;padding:16px;background:#FFFAF3;border:1px solid #E6F3F6;border-radius:13px;color:var(--brown)}.food-box span{font-size:.68rem;letter-spacing:.16em;font-weight:790}.food-box strong{font-size:1.1rem;color:var(--ink);font-weight:720}.result-buttons{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:17px 0}.result-buttons .quiet-btn{grid-column:span 2}
.share-screen{max-width:710px;margin:0 auto}.share-intro{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.share-spinner{font-size:4.3rem;color:var(--violet);animation:spin 2s linear infinite}.share-intro p{font-family:Georgia,serif;color:var(--indigo);font-style:italic;font-size:1.4rem;max-width:350px}.share-page-head{display:flex;justify-content:space-between;align-items:center;margin:5px 3px 15px;color:var(--brown);font-size:.69rem;font-weight:800;letter-spacing:.12em}.back-link{border:0;background:none;color:var(--indigo);font-weight:780}.share-card{position:relative;isolation:isolate;overflow:hidden;min-height:660px;padding:25px 34px 22px;border:2px solid var(--indigo);border-radius:23px;background:radial-gradient(circle at 77% 24%,#FFFAF3 0,#EAE3F4 44%,#E6F3F6 100%);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:12px 13px 0 #397ED315}.share-brand{align-self:flex-start;font-family:"Trebuchet MS",sans-serif;font-size:1.8rem;font-weight:900;color:var(--indigo);letter-spacing:-.09em}.share-brand span{color:var(--brown)}.share-stars{position:absolute;right:36px;top:27px;font-size:1.4rem;color:var(--brown)}.share-art{font-size:8rem;padding:6px 0 0;filter:drop-shadow(5px 9px 1px #397ED315)}.share-you-raised{color:var(--brown);padding-top:4px}.share-card h2{font-size:clamp(2rem,8vw,3.5rem);letter-spacing:-.045em;line-height:1.16;margin:4px 0 14px;color:var(--indigo);overflow-wrap:anywhere}.share-rule{width:100%;height:1px;background:#80BBD6;margin:8px 0 22px}.share-evolved{font-size:.68rem;color:#235B78}.share-card h3{font-weight:850;font-size:clamp(2.35rem,9vw,4.4rem);letter-spacing:-.067em;line-height:1;max-width:100%;color:var(--violet);margin:11px 0}.share-card>p{font-family:Georgia,serif;font-style:italic;font-size:1.15rem;color:#235B78;margin:12px 0 22px}.share-xp{margin-top:auto;border:1px solid #80BBD6;border-radius:50px;background:#fff9;padding:9px 20px;color:var(--indigo);font-size:.78rem;font-weight:790;letter-spacing:.09em}.share-card-foot{font-size:.6rem;color:#235B78;margin-top:22px}.share-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 7px}.share-status{text-align:center;color:var(--brown);font-size:.84rem;min-height:20px}.creator-credit{padding:15px 19px;border-radius:14px;background:#FFE5DD;border:1px solid #E6F3F6;display:flex;flex-direction:column;gap:2px;margin:4px 0 30px}.creator-credit>span{color:var(--brown)}.creator-credit strong{color:var(--indigo);font-size:1.03rem;font-weight:770}.creator-credit small,.creator-credit a{font-size:.79rem;color:#235B78;text-decoration:none}.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.science-grid article{background:#FFE5DD;border:1px solid #E6F3F6;border-radius:16px;padding:19px}.science-grid article>span{font-size:.68rem;color:var(--brown);font-weight:800;letter-spacing:.08em}.science-grid h3{font-size:1.1rem;color:var(--indigo);line-height:1.25;margin:11px 0 9px}.science-grid p{font-size:.84rem;color:#235B78;line-height:1.6;margin:0}.trait-guide,.choice-recap{background:#FFE5DD;border:1px solid #E6F3F6;border-radius:17px;margin-top:18px;padding:20px}.trait-guide h2,.choice-recap h2{font-size:1.25rem;letter-spacing:-.03em;color:var(--indigo);margin:0 0 13px}.trait-definition{padding:9px 0;border-bottom:1px solid #EEE9F2}.trait-definition:last-child{border:0}.trait-definition b{color:var(--violet);font-size:.9rem}.trait-definition p{margin:3px 0;font-size:.82rem;color:#235B78}.recap-item{padding:13px 0;border-top:1px solid #EDE7F1}.recap-head{display:flex;justify-content:space-between;gap:10px;font-size:.72rem;font-weight:780;color:var(--indigo);letter-spacing:.025em}.recap-head strong{white-space:nowrap;color:var(--brown)}.recap-item p{margin:8px 0;font-size:.91rem}.recap-scores{display:flex;gap:5px;flex-wrap:wrap}.recap-scores span{background:#FFFAF3;padding:3px 8px;border-radius:7px;color:#397ED3;font-size:.66rem;font-weight:650}.science>.secondary{width:100%;margin-top:20px}.study-note{font-size:.77rem;color:#397ED3;margin:28px 0 0;text-align:center}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;z-index:100;border-radius:30px;background:var(--ink);color:#FFE5DD;padding:12px 20px;box-shadow:var(--shadow);transition:opacity .2s,transform .2s;pointer-events:none;text-align:center;max-width:90vw;font-size:.82rem}.toast.show{opacity:1;transform:translate(-50%,0)}.overlay{position:fixed;inset:0;z-index:40;background:#183E52B8;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.burner-dialog{max-width:420px;width:100%;border-radius:19px;background:#FFE5DD;padding:28px;text-align:center;box-shadow:10px 13px 0 #183E5266}.burner-symbol{font-size:5rem}.burner-dialog .eyebrow{color:var(--brown)}.burner-dialog h2{font-size:1.9rem;letter-spacing:-.045em;color:var(--indigo);line-height:1.1;margin:13px 0}.burner-dialog p{font-size:.91rem;color:var(--muted);margin:10px 0 22px}.burner-dialog button{width:100%}
@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes postIn{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes firework{0%,100%{opacity:0;transform:scale(.5) rotate(0)}30%,65%{opacity:.95;transform:scale(1.15) rotate(35deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes xpPop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes loadMove{0%{transform:translateX(-150%)}100%{transform:translateX(400%)}}@keyframes scrollAway{to{opacity:0;transform:translateY(-95px) scale(.96)}}
@media(max-width:650px){.app{padding:13px 13px 70px}.hero-mark{padding-top:12vh;font-size:clamp(6rem,25vw,10rem)}.landing-split{grid-template-columns:1fr;gap:6px;padding:15px 0 35px}.start-pet{min-height:190px}.pet-emoji{font-size:8rem}.landing-copy h2{font-size:2rem;max-width:430px}.landing-copy>p:not(.eyebrow){margin-bottom:20px}.fireworks{right:4%;top:5%;transform:scale(.75)}.landing-footer{font-size:.92rem}.hud{grid-template-columns:40px minmax(0,1fr) 42px;gap:9px;padding:10px;margin:0 0 18px}.hud-avatar{width:40px;height:40px;font-size:1.35rem}.hud-lv{height:42px;border-right:0}.hud-name strong{font-size:.9rem}.hud-attention{grid-column:1 / -1;padding:5px 3px 2px;display:flex;align-items:center;gap:10px}.attention-row{width:49%}.attention-row strong{font-size:.75rem}.xp-track{flex:1;margin-top:0}.creature-emoji{font-size:2.9rem}.round-header h2{font-size:1.55rem}.round-chip{font-size:.58rem}.choices{grid-template-columns:1fr;gap:9px}.choice{min-height:61px;padding:12px 13px;align-items:center}.choice-mode{min-width:50px}.choice-mode span{font-size:1.05rem}.choice-text{font-size:.9rem}.choice-arrow{margin-left:auto}.post-copy{font-size:.91rem}.author-line{padding:13px 13px 4px}.post-actions{padding:11px 13px;gap:17px}.comment-thread{padding:0 12px 5px}.comment-children{margin-left:7px;padding-left:9px}.comment-content p{font-size:.83rem}.comment-children .comment-children{margin-left:3px;padding-left:6px}.media-frame{min-height:210px}.result-buttons,.share-buttons{grid-template-columns:1fr}.result-buttons .quiet-btn{grid-column:auto}.science-grid{grid-template-columns:1fr}.share-card{min-height:620px;padding:20px 20px}.share-art{font-size:7rem}.share-card h3{font-size:2.65rem}.share-card h2{font-size:2.45rem}.hatch{margin-top:13vh}}
@media(max-width:370px){.hud-name strong{font-size:.81rem}.attention-row strong{font-size:.68rem}.round-header h2{font-size:1.25rem}.choice-text{font-size:.85rem}.post-actions{gap:11px}.post-actions b{font-size:.7rem}.comment-avatar{width:25px;height:25px;font-size:.76rem}.comment-meta{font-size:.71rem}.comment-content p{font-size:.8rem}.comment-main{gap:6px}.comment-children{padding-left:7px;margin-left:4px}.share-card h3{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.share-art{position:relative;z-index:0}.share-art:before{content:"";z-index:-1;position:absolute;inset:15px -15px 20px;border:2px dashed #C0E1EB;border-radius:50%;transform:rotate(-12deg)}
.share-card h3{background:var(--indigo);color:white;padding:13px 23px;border-radius:13px;max-width:100%;overflow-wrap:anywhere;letter-spacing:-.06em;box-shadow:5px 5px 0 #D38C461C}
.share-card h2{font-weight:740;color:var(--ink)}

:root{--bg-light:#FFFAF3;--edge:#E6F3F6;--soft-lav:#F1EBFA;--warm:#F8F0E9;--plum:#397ED3;--violet:#80BBD6;--brown:#D38C46;--muted:#235B78;--line:#E6F3F6;--shadow:0 14px 34px rgba(53,20,79,.10)}
body{background:radial-gradient(circle at 8% 5%,#FFFAF3 0,transparent 32%),radial-gradient(circle at 94% 50%,#E6F3F6 0,transparent 33%),linear-gradient(180deg,#FFFAF3 0%,#FFFAF3 46%,#FFFAF3 100%);color:#9C4A43}
.grain{opacity:.055;background-size:19px 19px}
.app{isolation:isolate}.app:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:12px;right:0;width:140px;height:140px;background:radial-gradient(circle,#D38C4630 1.4px,transparent 1.8px) 0 0/17px 17px;mask-image:linear-gradient(to bottom,black,transparent)}
.screen{animation:pageIn .68s cubic-bezier(.2,.85,.28,1) both}
.landing{overflow:visible}.hero-mark{position:relative;letter-spacing:-.067em;text-shadow:3px 5px 0 #E6E6FA;font-weight:820}.hero-mark:after{content:'✦';position:absolute;font-family:Georgia,serif;font-size:.16em;top:13%;margin-left:.14em;color:var(--brown);animation:float 4.5s ease-in-out infinite}.hero-dot{color:var(--violet)}
.start-pet:before{background:radial-gradient(circle at 28% 26%,#FFE5DD 0,#F1E6FA 52%,#E6F3F6 100%);box-shadow:inset -17px -18px 26px #397ED311,8px 16px 0 #E6F3F685;border:1px solid #C0E1EB}.start-pet:after{content:'✳';position:absolute;right:9%;bottom:20%;color:var(--brown);font-size:2rem;transform:rotate(14deg)}
.start-pet .pet-emoji{filter:drop-shadow(0 13px 3px #397ED327);animation:float 4.6s ease-in-out infinite}
.landing-copy{border-left:4px solid #C0E1EB;padding-left:clamp(15px,3vw,30px)}.landing-copy .eyebrow{display:inline-block;background:#EADDEF;padding:6px 12px;border-radius:24px;color:#397ED3;font-weight:800;letter-spacing:.12em}.landing-copy h2{font-weight:720;letter-spacing:-.045em;line-height:1.14;color:var(--ink)}.landing-copy>p:not(.eyebrow){color:#235B78;font-size:1.04rem;line-height:1.65;max-width:38ch}.landing-footer{font-family:Georgia,serif;font-style:italic;font-size:1.05rem;color:#235B78;border-color:#C0E1EB}
.primary{background:var(--indigo);border:2px solid var(--indigo);color:white;box-shadow:5px 5px 0 #C0E1EB;letter-spacing:.02em;transition:transform .24s ease,box-shadow .24s ease,background .24s ease}.primary:hover{box-shadow:7px 7px 0 #C0E1EB;transform:translate(-2px,-2px)}.secondary{border:2px solid #C0E1EB;transition:background .25s,transform .25s}.secondary:hover{transform:translateY(-2px)}
#start-screen .large{min-width:205px;border-radius:16px;padding:16px 30px;letter-spacing:.12em}
.hatch .eyebrow{display:inline-flex;align-items:center;gap:10px;border-radius:24px;background:#E6F3F6;padding:9px 17px;color:var(--indigo);font-size:.76rem;letter-spacing:.15em}.hatch .eyebrow:before{content:'●';color:var(--brown);font-size:.7rem}.hatch-status{color:#235B78;font-size:1.15rem;min-height:30px}.hatch-orb{animation:float 4s ease-in-out infinite}.hatched-name{font-weight:780;letter-spacing:.005em;line-height:1.1;text-shadow:2px 3px 0 #E6F3F6}
.hud{border:1.5px solid #C0E1EB;background:linear-gradient(118deg,#FFE5DD 0%,#FFE5DD 69%,#FFFAF3 100%);box-shadow:0 8px 0 #E6F3F655,0 14px 28px #397ED315;padding:13px 16px;border-radius:18px}
.hud-avatar{border:1px solid #C0E1EB;background:linear-gradient(145deg,#E6F3F6,#E6F3F6);box-shadow:inset 0 2px 0 white}
.hud-name strong{letter-spacing:.035em;overflow-wrap:anywhere;font-weight:760}.hud-tag{color:#397ED3}
.hud-lv{border:0;width:64px;height:64px;justify-content:center;align-self:center}
.lv-disc{width:54px;height:54px;background:var(--indigo);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;border:3px solid white;border-radius:50%;box-shadow:0 0 0 2px #C0E1EB,0 4px 0 #E8DEF1}
.hud-lv small{font-size:.59rem;color:#F5EAFC;letter-spacing:.15em;line-height:1.15}.hud-lv strong{font-size:1.55rem;color:#FFE5DD;font-weight:760}
.hud-attention{min-width:0}.attention-row{color:var(--indigo)}.attention-row strong,.attention-row b{color:#183E52;letter-spacing:.04em}.xp-track{height:9px;background:#E8DFF0;border-radius:25px;box-shadow:inset 0 1px 2px #397ED319}.xp-track>div{background:linear-gradient(90deg,#80BBD6,#80BBD6)}
.progress-info{color:#235B78;font-weight:770}.progress-decoration{background:linear-gradient(90deg,#D38C46,#F8AC9D,#C0E1EB);height:2px}
.creature-strip{margin-bottom:19px}.creature-emoji{filter:drop-shadow(1px 4px 1px #397ED326)}.creature-speech{background:#FFFAF3;border:1.5px solid #F0BA55;color:#9C4A43;box-shadow:3px 3px 0 #EEE3D9;font-size:1.01rem;max-width:78%}
.round-header h2{font-weight:790;letter-spacing:-.034em;color:#183E52;max-width:78%}.round-chip{background:#F4E8F9;border-color:#C0E1EB;color:#397ED3;font-weight:820}
.post-card{border:1.5px solid #C0E1EB;border-radius:20px;box-shadow:0 7px 0 #EEE6F6,0 17px 33px rgba(61,20,89,.08);animation:postIn .62s ease both}.post-card .author-line{background:linear-gradient(to right,#FFFAF3,white 72%)}.post-card .avatar{border:2px solid #E6F3F6}
.post-actions{color:#235B78;border-color:#EDE7F3}.post-actions span{display:inline-flex;align-items:center;gap:2px}.comment-symbol{vertical-align:middle;color:#397ED3;flex-shrink:0}.comment-heart{font-size:1.12rem}.liked{color:#F8AC9D!important}
.post-copy{line-height:1.65}.post-actions .act-like{font-size:1.08rem}
.comment-thread{background:linear-gradient(180deg,#FFFAF3 0%,#FFE5DD 32%);border-top:1px solid #F0EBF5}.comment{border-top-color:#ECE6F1}.comment-meta strong{font-weight:750}.comment-content p{color:#183E52;line-height:1.58}.comment-children{border-left-color:#C0E1EB;max-width:100%}.comment-avatar{background:#EEE5F5}
.feed-area{gap:20px}.embedded-post{border:1.5px solid #C0E1EB;background:#FFFAF3;border-radius:13px;max-width:100%;box-sizing:border-box}
.previous-group{padding-left:0!important;min-width:0}.previous-group .post-card{max-width:100%}.new-post{border-color:#80BBD6;background:#FFE5DD}
.decision{margin-top:26px}.decision-head{color:#235B78;font-weight:850;letter-spacing:.12em}.choices{gap:13px}.choice{border-radius:15px;border:1.5px solid #E6F3F6;box-shadow:0 5px 0 #ECE5F4;background:linear-gradient(110deg,#FFE5DD,#FFE5DD 78%,#FFFAF3);transition:transform .28s cubic-bezier(.2,.85,.3,1),border-color .28s,background .28s,box-shadow .28s}
.choice:hover:not(:disabled){transform:translate(-2px,-3px);box-shadow:3px 8px 0 #E6F3F6;border-color:#397ED3}.choice.chosen{background:#F0E8F7;border-color:#397ED3}.choice-text{color:#183E52;font-weight:540;line-height:1.5}.choice-mode{color:#397ED3}.choice-mode span{color:var(--brown)}.choice-arrow{color:#80BBD6}
.next{border-radius:15px;padding:13px 20px}.skip-next{display:block;margin:clamp(40px,11vh,105px) auto;box-shadow:0 5px 0 #C0E1EB}
.search-surface,.dm-surface{box-shadow:0 8px 0 #E6F3F6;animation:postIn .58s ease}.share-intro p,.loading-view h2{color:#235B78}.loading-eye{animation:float 3.8s ease-in-out infinite}.loader-track{height:8px;background:#C0E1EB}.loader-track span{background:#397ED3;animation-duration:2.6s}
.result-card{border:1.5px solid #C0E1EB;box-shadow:0 8px 0 #E6F3F6,0 18px 30px rgba(67,20,90,.09);background:radial-gradient(circle at 85% 10%,#FFFAF3,white 45%)}.result-overline{color:#EA695E}.result-card h2{font-weight:760;letter-spacing:0}.result-card h3{letter-spacing:-.035em}.food-box{background:#FFFAF3;border:1px solid #F0BA55;color:#D38C46}
.share-card{background:radial-gradient(circle at 80% 18%,#FFFAF3 0,#EBE1F4 50%,#E6F3F6 100%);box-shadow:0 8px 0 #E6F3F6,0 20px 38px rgba(61,20,89,.09);border:2px solid #397ED3}.share-card h2{font-weight:760;letter-spacing:.005em}.share-card h3{letter-spacing:-.025em;box-shadow:5px 6px 0 #C0E1EB}.share-card-foot{color:#235B78;font-weight:800;letter-spacing:.075em;max-width:33ch;line-height:1.6;font-size:.74rem;margin-top:20px}
.creator-credit{border:1.5px solid #C0E1EB;background:linear-gradient(to right,#FFE5DD,#FFFAF3)}.science-grid article:nth-child(2){background:#FFFAF3}.science-grid article:nth-child(3){background:#FFFAF3}.science-grid article:nth-child(4){background:#FFFAF3}.trait-guide,.choice-recap{border:1.5px solid #C0E1EB}

@keyframes pageIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes postIn{from{opacity:.2;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes xpPop{from{transform:scale(.75) rotate(-3deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
.xp-blob{animation:xpPop .75s cubic-bezier(.14,1.2,.25,1)}
@media(max-width:650px){
 .app{padding:14px 14px 80px}.landing-copy{border-left:0;border-top:3px solid #C0E1EB;padding-left:0;padding-top:18px}.hero-mark{padding-top:9vh;letter-spacing:-.065em}.hero-mark:after{top:12%}.landing-split{padding-top:10px}.start-pet{min-height:160px}.start-pet:after{bottom:10%}
 .hud{grid-template-columns:42px minmax(0,1fr) 58px;gap:8px}.hud-lv{width:58px;height:57px}.lv-disc{height:52px;width:52px}.hud-attention{grid-column:1/-1;flex-direction:row;border-top:1px solid #ECE4F3;padding-top:9px}.attention-row{width:49%}.hud-name strong{font-size:.88rem}
 .round-header h2{font-size:1.48rem}.post-card{box-shadow:0 5px 0 #EEE6F6}.post-actions{gap:13px}.post-actions span{gap:1px}.comment-symbol{width:16px;height:16px}.choice{min-height:72px}.choice-text{font-size:.91rem}.share-card-foot{font-size:.72rem}
}
@media(max-width:365px){.hud{grid-template-columns:40px minmax(0,1fr) 52px}.hud-lv{width:52px}.lv-disc{width:48px;height:48px}.post-actions{gap:7px}.post-actions b{font-size:.67rem}.choice{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.fireworks i{animation-duration:3.8s!important}.fireworks i:nth-child(2){animation-delay:1.1s}.fireworks i:nth-child(3){animation-delay:2s}

html{--chapter:#80BBD6}
html[data-round="1"]{--chapter:#D38C46}
html[data-round="2"]{--chapter:#397ED3}
html[data-round="3"]{--chapter:#80BBD6}
html[data-round="4"]{--chapter:#397ED3}
html[data-round="5"],html[data-round="6"]{--chapter:#D38C46}
html[data-round="7"]{--chapter:#EA695E}
html[data-round="8"]{--chapter:#80BBD6}
.round-header h2{position:relative;padding-bottom:7px}.round-header h2:after{content:"";position:absolute;bottom:0;left:0;width:45px;height:4px;border-radius:3px;background:var(--chapter)}
.round-chip{color:var(--chapter);box-shadow:inset 0 -2px 0 #EADFED}
.post-card:first-child{border-top:4px solid var(--chapter)}
.choice[data-mode="quote"]{border-left:4px solid #D38C46}.choice[data-mode="reply"]{border-left:4px solid #80BBD6}.choice[data-mode="repost"]{border-left:4px solid #80BBD6}.choice[data-mode="skip"],.choice[data-mode="report"],.choice[data-mode="search"],.choice[data-mode="dm"],.choice[data-mode="delete"]{border-left:4px solid #397ED3}
.choice[data-mode="like"]{border-left:4px solid #F8AC9D}
.choice[data-mode="quote"] .choice-mode{color:#D38C46}
.share-xp,.result-stats span{background:#FFF0D3;border:1px solid #FFF0D3}

:root{--lilac:#E6E6FA;--violet:#80BBD6;--indigo:#397ED3;--gold:#FFF0D3;--brown:#D38C46;--ink:#9C4A43;--sticker-purple:#E6F3F6;--sticker-cream:#FFF0D3;--sticker-rose:#FFE5DD}
body{background:radial-gradient(circle at 96% 8%,#E6F3F680,transparent 33%),radial-gradient(circle at 8% 65%,#EFE5F580,transparent 34%),linear-gradient(165deg,#FFFAF3,#FFFAF3 60%,#FFFAF3)}
.grain{opacity:.035}

.hero-mark,.share-brand,.share-brand span,.share-card .share-brand{font-family:'Archivo Black','Arial Black',Impact,sans-serif}
.hero-mark{display:table;max-width:100%;padding-right:.08em;color:var(--indigo);font-weight:900;letter-spacing:-.041em;transform:rotate(-2.2deg);-webkit-text-stroke:.4px var(--ink);text-shadow:5px 6px 0 #E6F3F6,1px 1px 0 var(--ink);filter:drop-shadow(0 3px 0 #FFE5DD)}
.hero-dot{color:var(--violet);text-shadow:4px 5px 0 #E6F3F6}
.hero-mark:after{content:none}
.landing-copy .eyebrow{background:var(--sticker-cream);border:1.5px solid #D38C46;box-shadow:3px 3px 0 #F0BA55;transform:rotate(-1deg);font-weight:850}
.landing-copy{border-left:4px solid #80BBD6}.landing-copy h2{letter-spacing:-.03em}
.landing-footer{border-top:2px dashed #C0E1EB}
.fireworks{top:5%;right:9%}
.primary{border-radius:13px;border:2px solid var(--ink);background:var(--indigo);color:#FFE5DD;box-shadow:4px 5px 0 #C0E1EB;font-weight:800;letter-spacing:.065em}
.primary:hover{box-shadow:6px 7px 0 #80BBD6}.secondary{border:2px solid #235B78;box-shadow:3px 4px 0 #E6F3F6}

.hatch{margin:7vh auto 0}
.hatch .eyebrow{border:2px solid #C0E1EB;background:#FFE5DD;box-shadow:3px 3px 0 #E6F3F6}
.hatch-orb{font-size:clamp(7.5rem,25vw,11rem);line-height:1.06;padding:7px 0 0;margin:0;animation:float 4.5s ease-in-out infinite}
.hatch-status{margin:8px auto 0;min-height:0}
.hatched-name{margin:0 auto 12px;font-family:'Archivo Black','Arial Black',Impact,sans-serif;letter-spacing:.018em;font-size:clamp(2.35rem,7vw,4.55rem);font-weight:900;line-height:1.12;text-shadow:4px 4px 0 #E6F3F6;overflow-wrap:anywhere}
.hatch .primary{margin-top:14px}

.hud{border:2px solid #235B78;background:linear-gradient(107deg,#FFE5DD 10%,#F1E9FC 95%);box-shadow:5px 6px 0 #E6F3F6}
.hud-avatar{border:2px solid #235B78;border-radius:12px;background:var(--sticker-rose);transform:rotate(-5deg)}
.lv-disc{border:2px solid var(--ink);background:var(--violet);transform:rotate(7deg);box-shadow:3px 3px 0 #C0E1EB}
.hud-name strong{font-weight:800;letter-spacing:.025em}
.hud-attention .xp-track{border:1px solid #C0E1EB;background:#E6F3F6}
.xp-track>div{background:linear-gradient(90deg,#80BBD6,#80BBD6)}
.progress-decoration{background:repeating-linear-gradient(90deg,#D38C46 0 6px,transparent 6px 12px);height:3px;opacity:.28}
.creature-emoji{transform:rotate(-9deg);filter:drop-shadow(3px 4px 0 #E6F3F6)}
.creature-speech{background:#FFFAF3;border:2px solid #397ED3;box-shadow:4px 4px 0 #E6F3F6;color:#235B78;transform:rotate(-1deg)}
.round-header{position:relative}
.round-header h2{font-family:'Archivo Black','Arial Black',Impact,sans-serif;font-size:clamp(1.35rem,3.8vw,2rem);font-weight:900;letter-spacing:.02em;line-height:1.22;max-width:79%;text-shadow:2px 2px 0 #E6F3F6}
.round-header h2:after{width:65px;height:5px;border-radius:0;background:#D38C46;transform:skewX(-16deg)}
.round-chip{background:#E6F3F6;border:1.7px solid #80BBD6;box-shadow:3px 3px 0 #E6F3F6;transform:rotate(2deg)}
.post-card{box-shadow:3px 4px 0 #E6F3F6,0 10px 23px #397ED310;border:1.6px solid #C0E1EB}

.embedded-post{display:block;position:relative;width:auto;max-width:none;margin:8px 18px 17px!important;padding:12px 13px 13px;transform:none!important;background:#FFFAF3;border:1.5px solid #C0E1EB;border-radius:14px;box-sizing:border-box;overflow:hidden}
.quote-head{display:flex;align-items:center;gap:7px;min-width:0;line-height:1.25}
.quote-avatar{width:23px;height:23px;flex:none;border-radius:50%;background:#E6F3F6;border:1px solid #E6F3F6;display:grid;place-items:center;font-size:.9rem}
.quote-head strong{color:var(--indigo);font-size:.79rem;line-height:1.3;min-width:0;overflow-wrap:anywhere;font-weight:770}
.quote-time{color:#397ED3;font-size:.71rem;white-space:nowrap}
.quote-copy{font-size:.83rem;line-height:1.48;color:#183E52;overflow-wrap:anywhere;margin-top:7px}
.quoted-media-preview{border:1px solid #C0E1EB;background:linear-gradient(110deg,#E6F3F6,#FAF0E4);border-radius:10px;padding:11px;min-height:63px;display:flex;align-items:center;gap:12px;font-size:.7rem;font-weight:700;color:#235B78;margin-top:10px}
.quoted-media-preview .quoted-media-play{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--indigo);color:#FFE5DD;padding-left:2px;font-size:.73rem}
.quoted-media-preview span:last-child:not(:first-child){margin-left:auto}
.clip-preview{background:linear-gradient(110deg,#D4D5E6,#FFFAF3)}.chat-preview{background:#E8F0EA}

.choices{gap:13px}
.choice{border:1.7px solid #235B78;box-shadow:3px 4px 0 #C0E1EB;transition:transform .25s,box-shadow .25s,border-color .25s}
.choice:nth-child(1){background:linear-gradient(140deg,#FFE5DD,#FFFAF3)}
.choice:nth-child(2){background:linear-gradient(140deg,#FFE5DD,#FFFAF3)}
.choice:nth-child(3){background:linear-gradient(140deg,#FFE5DD,#FFFAF3)}
.choice:nth-child(4){background:linear-gradient(140deg,#FFE5DD,#FFFAF3)}
.choice:nth-child(1) .choice-mode{color:#80BBD6}.choice:nth-child(2) .choice-mode{color:#397ED3}.choice:nth-child(3) .choice-mode{color:#D38C46}.choice:nth-child(4) .choice-mode{color:#235B78}
.choice:hover:not(:disabled){transform:translate(-2px,-3px);box-shadow:5px 7px 0 #C0E1EB}
.choice-mode{font-weight:800}.choice-text{font-weight:520;color:#183E52}
.next{border:2px solid var(--ink);box-shadow:5px 5px 0 #C0E1EB}
.xp-blob{border:3px solid #235B78;box-shadow:8px 8px 0 #E6F3F6}

.section-intro h1{font-family:'Archivo Black','Arial Black',Impact,sans-serif;letter-spacing:.012em;font-size:clamp(2.3rem,8vw,4.7rem);text-shadow:4px 4px 0 #E6F3F6;transform:rotate(-1deg)}
.section-intro h1 em{letter-spacing:-.025em}
.result-card{border:2px solid #397ED3;box-shadow:5px 7px 0 #E6F3F6}
.result-card h3{border-radius:8px;transform:rotate(-1.2deg);box-shadow:3px 4px 0 #E6F3F6}
.food-box{border:2px solid #D38C46;box-shadow:3px 3px 0 #FFF0D3}
.share-brand{font-size:1.8rem;letter-spacing:-.03em;text-shadow:3px 3px 0 #C0E1EB}
.share-card{border:2.5px solid #235B78;box-shadow:6px 7px 0 #E6F3F6}
.share-card h3{transform:rotate(-1.5deg)}
.science-grid article{border:1.5px solid #C0E1EB;box-shadow:3px 4px 0 #E6F3F6}
.science-grid article:nth-child(1){background:#FBF1E8}
.science-grid article:nth-child(2){background:#FFFAF3}
.science-grid article:nth-child(3){background:#F6EAF2}
.science-grid article:nth-child(4){background:#FFFAF3}
.science-grid h3{font-weight:800;letter-spacing:-.018em}
.trait-guide{background:#FFE5DD;border:1.5px solid #80BBD6;box-shadow:3px 5px 0 #E6DCEE}
.trait-definition b{color:#397ED3}
@media(max-width:650px){
 .hero-mark{font-size:clamp(5.75rem,23vw,9.5rem);padding-top:10vh;text-shadow:3px 4px 0 #E6F3F6;transform:rotate(-2deg)}
 .landing-copy{border-top:4px solid #80BBD6}
 .hatch{margin-top:9vh}.hatch-orb{font-size:8.3rem;padding:5px 0 0}.hatched-name{font-size:clamp(2.15rem,8.4vw,3.2rem)}
 .round-header h2{font-size:1.4rem;max-width:78%}
 .embedded-post{margin:8px 13px 13px!important;padding:11px}
 .quote-copy{font-size:.81rem}
 .choice{box-shadow:2px 3px 0 #C0E1EB}
 .section-intro h1{font-size:clamp(2.15rem,10.4vw,3.65rem)}
}
@media(max-width:360px){.quote-time{font-size:.65rem}.embedded-post{margin:8px 11px 12px!important}.round-header h2{font-size:1.23rem}}
@media(prefers-reduced-motion:reduce){.hero-mark{transform:none}}

@media(max-width:650px){
 .landing-copy{border-left:0;padding-left:0;border-top:4px solid #80BBD6;padding-top:18px}
}