@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";.pet-art.pet-illustration{animation:none;isolation:isolate;overflow:visible}.pet-illustration .pet-character{transform-origin:150px 260px;animation:pet-float 7.2s cubic-bezier(.45,0,.55,1) infinite}.pet-illustration .pet-body-motion{transform-origin:150px 259px;animation:pet-breathe 4.6s ease-in-out infinite;animation-delay:-1.2s}.pet-illustration .pet-ground-shadow{transform-origin:150px 278px;animation:pet-shadow-breathe 7.2s cubic-bezier(.45,0,.55,1) infinite}.pet-illustration .pet-egg-motion{transform-origin:150px 255px;animation:pet-egg-rock 6.4s ease-in-out infinite}.pet-illustration .pet-egg-emblem{animation:pet-emblem-glow 4s ease-in-out infinite}.pet-illustration .pet-eye{transform-box:fill-box;transform-origin:center;animation:pet-blink 7.4s infinite}.pet-illustration .pet-eye-right{animation-delay:.04s}.pet-illustration .pet-smile-eyes{opacity:0}.pet-illustration .pet-ear-left{transform-origin:112px 122px;animation:pet-left-ear 9.4s ease-in-out infinite}.pet-illustration .pet-ear-right{transform-origin:188px 122px;animation:pet-right-ear 9.4s ease-in-out infinite;animation-delay:.14s}.pet-illustration .pet-wing-left{transform-origin:96px 202px;animation:pet-wing-left 4.2s ease-in-out infinite}.pet-illustration .pet-wing-right{transform-origin:204px 202px;animation:pet-wing-right 4.2s ease-in-out infinite}.pet-illustration .pet-tail{transform-origin:211px 239px;animation:pet-tail-sway 6.3s ease-in-out infinite;animation-delay:-1.7s}.pet-illustration .pet-sprout,.pet-illustration .pet-curl,.pet-illustration .pet-bow,.pet-illustration .pet-float-fin{transform-origin:150px 115px;animation:pet-top-sway 5.4s ease-in-out infinite}.pet-illustration .pet-flame{transform-origin:150px 116px;animation:pet-flame-dance 2.6s ease-in-out infinite}.pet-illustration .pet-halo{transform-origin:150px 37px;animation:pet-halo-float 4.4s ease-in-out infinite}.pet-illustration .pet-mote{transform-box:fill-box;transform-origin:center;animation:pet-mote-drift 5s ease-in-out infinite}.pet-illustration .mote-two{animation-delay:-1.3s;animation-duration:6.2s}.pet-illustration .mote-three{animation-delay:-2.7s;animation-duration:6s}.pet-illustration .mote-four{animation-delay:-.7s;animation-duration:4.7s}.pet-illustration .mote-five{animation-delay:-3.3s;animation-duration:5.8s}.pet-illustration .mote-six{animation-delay:-1.8s;animation-duration:4.4s}.pet-illustration .pet-aura{animation:pet-aura-pulse 6s ease-in-out infinite}.pet-illustration.pet-mood-happy .pet-character{animation:pet-happy-bounce .95s cubic-bezier(.22,.68,.24,1) 1,pet-float 7.2s .95s ease-in-out infinite}.pet-illustration.pet-mood-happy .pet-body-motion{animation:pet-happy-squish .95s cubic-bezier(.22,.68,.24,1) 1,pet-breathe 4.6s .95s ease-in-out infinite}.pet-illustration.pet-mood-happy .pet-ground-shadow{animation:pet-shadow-celebrate .95s ease-in-out 1,pet-shadow-breathe 7.2s .95s ease-in-out infinite}.pet-illustration.pet-mood-happy .pet-egg-motion,.pet-illustration.pet-mood-loved .pet-egg-motion{animation:pet-egg-delight 1.1s ease-in-out 1,pet-egg-rock 6.4s 1.1s ease-in-out infinite}.pet-illustration.pet-mood-happy .pet-egg-emblem,.pet-illustration.pet-mood-loved .pet-egg-emblem{animation:pet-emblem-delight 1.1s ease-out 1,pet-emblem-glow 4s 1.1s ease-in-out infinite}.pet-illustration.pet-mood-happy .pet-open-eyes,.pet-illustration.pet-mood-loved .pet-open-eyes{opacity:0}.pet-illustration.pet-mood-happy .pet-smile-eyes,.pet-illustration.pet-mood-loved .pet-smile-eyes{opacity:1}.pet-illustration.pet-mood-happy .pet-arm-left{transform-origin:82px 191px;animation:pet-wave .45s ease-in-out 4 alternate}.pet-illustration.pet-mood-happy .pet-arm-right{transform-origin:218px 191px;animation:pet-wave .45s .08s ease-in-out 4 alternate-reverse}.pet-illustration.pet-mood-thinking .pet-character{animation:pet-think 6.2s ease-in-out infinite}.pet-illustration.pet-mood-thinking .pet-face{transform-origin:150px 195px;animation:pet-curious-face 6.2s ease-in-out infinite}.pet-illustration.pet-mood-loved .pet-character{animation:pet-loved-wiggle 1.2s ease-in-out 1,pet-float 7.2s 1.2s ease-in-out infinite}.pet-illustration.pet-mood-loved .pet-blush{opacity:.9;animation:pet-blush-warm 1.2s ease-out 1}.pet-illustration .pet-heart{transform-box:fill-box;transform-origin:center;animation:pet-heart-rise 2.3s ease-out infinite}.pet-illustration .heart-two{animation-delay:-.8s;animation-duration:2.8s}.pet-illustration .heart-three{animation-delay:-1.4s;animation-duration:3s}.pet-illustration.small .pet-motes,.pet-illustration.small .pet-aura,.pet-illustration.small .pet-love-hearts{display:none}.pet-illustration.small .pet-character,.pet-illustration.small .pet-ground-shadow{animation-duration:7.2s}.pet-illustration.pet-theme-water .pet-wing-left,.pet-illustration.pet-theme-water .pet-wing-right{animation-duration:5.6s}.pet-illustration.pet-theme-fire .pet-mote{animation-duration:3.8s}.pet-illustration.pet-theme-night .pet-aura{animation-duration:8.4s}@keyframes pet-float{0%,to{transform:translateY(0) rotate(-.6deg)}42%{transform:translateY(-4px) rotate(.5deg)}72%{transform:translateY(-2px) rotate(.2deg)}}@keyframes pet-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.018)}}@keyframes pet-shadow-breathe{0%,to{transform:scaleX(1);opacity:.12}50%{transform:scaleX(.91);opacity:.08}}@keyframes pet-blink{0%,39%,43%,69%,73%,76%,80%,to{transform:scaleY(1)}41%,71%,78%{transform:scaleY(.06)}}@keyframes pet-egg-rock{0%,28%,42%,to{transform:rotate(0) translateY(0)}32%{transform:rotate(-3deg) translateY(-1px)}36%{transform:rotate(3deg) translateY(-2px)}39%{transform:rotate(-1.5deg)}}@keyframes pet-emblem-glow{0%,to{opacity:.68}50%{opacity:1}}@keyframes pet-egg-delight{0%,to{transform:rotate(0) translateY(0)}18%{transform:rotate(-3deg) translateY(-1px)}42%{transform:rotate(3deg) translateY(-3px)}65%{transform:rotate(-1.5deg) translateY(-1px)}82%{transform:rotate(.8deg) translateY(0)}}@keyframes pet-emblem-delight{0%,to{opacity:.68}38%,68%{opacity:1}}@keyframes pet-left-ear{0%,58%,72%,to{transform:rotate(0)}63%{transform:rotate(-6deg)}67%{transform:rotate(2deg)}}@keyframes pet-right-ear{0%,58%,72%,to{transform:rotate(0)}63%{transform:rotate(5deg)}67%{transform:rotate(-2deg)}}@keyframes pet-wing-left{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes pet-wing-right{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}@keyframes pet-tail-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(5deg)}}@keyframes pet-top-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes pet-flame-dance{0%,to{transform:scale(1) skew(-2deg)}50%{transform:scale(.96,1.06) skew(2deg)}}@keyframes pet-halo-float{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-3px);opacity:1}}@keyframes pet-mote-drift{0%,to{transform:translateY(3px) scale(.8);opacity:.35}50%{transform:translateY(-7px) scale(1);opacity:.85}}@keyframes pet-aura-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes pet-happy-bounce{0%,to{transform:translateY(0) rotate(0)}12%{transform:translateY(2px) rotate(-.8deg)}35%{transform:translateY(-8px) rotate(-1.5deg)}62%{transform:translateY(0) rotate(1.2deg)}80%{transform:translateY(-2px) rotate(-.4deg)}}@keyframes pet-happy-squish{0%,to{transform:scale(1)}12%,62%{transform:scale(1.025,.978)}35%{transform:scale(.986,1.02)}}@keyframes pet-shadow-celebrate{0%,to{transform:scaleX(1);opacity:.12}35%{transform:scaleX(.84);opacity:.07}62%{transform:scaleX(1.035);opacity:.13}}@keyframes pet-wave{0%{transform:rotate(-5deg)}to{transform:rotate(12deg)}}@keyframes pet-think{0%,to{transform:translateY(0) rotate(-.8deg)}25%,48%{transform:translateY(-2px) rotate(1.6deg)}78%{transform:translateY(-1px) rotate(-.8deg)}}@keyframes pet-curious-face{0%,to{transform:translate(-1px)}25%,48%{transform:translate(2px)}}@keyframes pet-loved-wiggle{0%,to{transform:translateY(0) rotate(0)}25%,75%{transform:translateY(-3px) rotate(-1.7deg)}50%{transform:translateY(-1px) rotate(1.7deg)}}@keyframes pet-blush-warm{0%{opacity:.58}to{opacity:.9}}@keyframes pet-heart-rise{0%{transform:translateY(9px) scale(.7);opacity:0}20%{opacity:.9}80%{opacity:.7}to{transform:translateY(-22px) scale(1.05);opacity:0}}.world-scene .world-soft-light{animation:world-light-breathe 13s ease-in-out infinite}.world-scene .world-plants{animation:none}.world-scene .world-sprig{transform-origin:0 0;animation:world-sprig-breeze 9s var(--breeze-delay) ease-in-out infinite}.world-scene .world-water-life{transform-origin:350px 800px;animation:world-underwater-sway 11s ease-in-out infinite}.world-scene .sky-star{transform-box:fill-box;transform-origin:center;animation-name:world-star-glimmer}.world-scene .ambient-particles i{animation-name:world-particle-drift}.world-scene .ambient-particles .particle-1{width:3px;height:3px}.world-scene .ambient-particles .particle-2{width:2px;height:2px}.world-scene.world-water .ambient-particles i{width:8px;height:8px;animation-name:world-bubble-rise}.world-scene.world-water .ambient-particles .particle-2{width:5px;height:5px}.world-scene.world-fire .ambient-particles i{background:#ffcc8e;box-shadow:0 0 7px 2px #ffd69930}.world-scene.world-candy .ambient-particles .particle-1{width:5px;height:5px;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}@keyframes world-light-breathe{0%,to{opacity:.82}45%{opacity:1}}@keyframes world-sprig-breeze{0%,to{transform:rotate(-.6deg)}35%{transform:rotate(1.4deg)}68%{transform:rotate(.3deg)}}@keyframes world-underwater-sway{0%,to{transform:skew(-.4deg)}50%{transform:skew(.4deg)}}@keyframes world-star-glimmer{0%,to{transform:scale(.88);opacity:.35}38%{transform:scale(1.08);opacity:.95}70%{transform:scale(.94);opacity:.65}}@keyframes world-particle-drift{0%,to{transform:translateY(8px) scale(.7);opacity:0}28%{opacity:.7}62%{transform:translate(var(--drift-x),var(--drift-y)) scale(1);opacity:.55}84%{opacity:0}}@keyframes world-bubble-rise{0%{transform:translateY(16px) scale(.6);opacity:0}24%{opacity:.55}68%{opacity:.35}to{transform:translate(var(--drift-x),-44px) scale(1.08);opacity:0}}@media(prefers-reduced-motion:reduce){.pet-illustration *,.world-scene *{animation:none!important;transition:none!important}.pet-illustration .pet-mote{opacity:.5}.pet-illustration .pet-heart{opacity:.7}}.secret-pet{display:block;width:min(100%,310px);height:auto;margin:auto;overflow:visible;filter:drop-shadow(0 10px 18px #746bd555)}.secret-pet.is-small{width:77px;height:78px;max-width:100%}.secret-pet.is-revealed .secret-being{transform-origin:170px 185px;animation:secretFloat 5s ease-in-out infinite}.secret-pet.is-revealed .secret-orbit{transform-origin:170px 173px;animation:secretTurn 28s linear infinite}.secret-pet.is-revealed .secret-third-eye{transform-origin:170px 110px;animation:secretGaze 4s ease-in-out infinite}.secret-pet.is-revealed .secret-star{animation:secretPulse 2.5s ease-in-out infinite alternate}.secret-pet.is-shadow{filter:brightness(0) drop-shadow(0 3px 1px #221c4b);opacity:.82}.secret-pet.is-shadow .secret-orbit{opacity:0}@keyframes secretFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes secretTurn{to{transform:rotate(360deg)}}@keyframes secretGaze{50%{transform:scale(1.08)}}@keyframes secretPulse{to{opacity:.35}}@media(prefers-reduced-motion:reduce){.secret-pet *{animation:none!important}}.secret-quest{display:flex;flex-direction:column;align-items:center;gap:13px;padding:10px 6px 18px;max-width:540px;margin:0 auto;text-align:center}.secret-quest-eyebrow{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:1.65px;color:#7c70ad}.secret-quest h2{font:700 clamp(23px,5vw,31px)/1.2 "Playfair Display",serif;color:#3e396c;margin:2px 0 3px}.secret-quest p{font-size:13px;color:#686684;line-height:1.6;max-width:460px}.secret-quest .secret-quiet{font-size:11px;color:#928da2}.secret-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:5px 0}.secret-rules span{min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(140deg,#eeeafe,#e9f8fc);padding:8px;border:1px solid #dfd9f5;border-radius:13px;font-size:11px;font-weight:700;color:#655b90}.secret-quest .secret-quest-progress{display:flex;width:100%;justify-content:space-between;color:#686094;font-size:12px;font-weight:700;margin-top:10px}.secret-quest-progress strong{font-variant-numeric:tabular-nums}.secret-quest-track{height:6px;width:100%;border-radius:99px;background:#ece8f7;overflow:hidden}.secret-quest-track i{display:block;height:100%;background:linear-gradient(90deg,#8ed9df,#a88df5);border-radius:99px;transition:width .2s}.secret-quest .secret-question{margin:18px auto 11px;max-width:480px;font:700 clamp(19px,4vw,25px)/1.4 "Manrope",sans-serif}.secret-answers{display:grid;gap:10px;width:100%}.secret-answers button{width:100%;min-height:59px;display:flex;gap:12px;align-items:center;border:1px solid #ddd9ee;border-radius:15px;padding:12px 15px;background:#fcfbff;text-align:left;transition:background .17s,transform .17s,border-color .17s}.secret-answers button:hover{background:#f0eaff;border-color:#b5a1e1;transform:translateY(-1px)}.secret-answers button span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#eeebff;color:#675992;border-radius:10px;font-size:12px;font-weight:900}.secret-answers button strong{font-size:13px;line-height:1.4;flex:1;color:#48436a}.secret-answers button svg{color:#aba4cc;flex-shrink:0}.secret-actions{width:100%;margin-top:4px}.secret-actions .primary{width:100%;display:flex;justify-content:center;align-items:center;gap:9px}.secret-score{font-size:52px;line-height:1;color:#705ac7;font-weight:900;letter-spacing:-2px}.secret-score small{font-size:15px;font-weight:700;color:#9b95b6}.secret-record{background:#f5efff;border-radius:12px;padding:10px}.secret-quest-finale .secret-pet{width:min(80%,240px)}.secret-quest-entrance .secret-pet{width:min(80%,218px)}@media(max-width:380px){.secret-rules{grid-template-columns:1fr}.secret-quest{gap:10px}.secret-answers button{min-height:52px}}@media(prefers-reduced-motion:reduce){.secret-answers button{transition:none}}.secret-play{min-height:53px;font-size:15px;box-shadow:0 8px 20px #8775b43b}.secret-quest .secret-quest-intro{font-size:13px;max-width:450px;line-height:1.65}.secret-quest-intro strong{color:#514778}.secret-rules-list{width:100%;display:grid;gap:9px;margin:9px 0;text-align:left}.secret-rules-list>div{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(130deg,#faf8ff,#f0f6fc);border:1px solid #e5def2;border-radius:15px;padding:13px 14px}.secret-rule-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex-shrink:0;border-radius:11px;color:#7561ae;background:#e9e3ff}.secret-rules-list p{display:flex;flex-direction:column;gap:4px;text-align:left;margin:0;line-height:1.45}.secret-rules-list strong{font-size:12px;color:#514873}.secret-rules-list small{font-size:11px;color:#88819e;line-height:1.45}.secret-quest .secret-quiet{display:flex;align-items:center;justify-content:center;gap:5px;text-align:center}.secret-quest .secret-quiet svg{flex-shrink:0}.secret-result-heading{font-size:11px;font-weight:800;letter-spacing:.4px;color:#817c9f;margin-top:1px}.secret-actions .secret-back{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:37px;color:#807898;background:transparent;font-size:12px;font-weight:700}.secret-actions .secret-back:hover{color:#514778}.secret-quest-rules .secret-actions{display:grid;gap:5px}@media(max-width:380px){.secret-rules-list>div{padding:10px;gap:9px}.secret-rule-icon{width:31px;height:31px}}@media(max-width:480px){.modal-layer.secret-layer{padding:7px}.secret-layer .sheet.secret-sheet{width:min(560px,100%);max-height:calc(var(--screen-height, 100dvh) - 14px);padding:12px;overflow:visible}.secret-layer .secret-sheet .close{position:absolute;top:7px;right:7px}.secret-layer .secret-quest{gap:8px;padding:32px 0 0}.secret-layer .secret-quest h2{margin:0;padding:0;font-size:23px;line-height:1.25}.secret-layer .secret-quest p{margin:0;line-height:1.45}.secret-layer .secret-quest .secret-quest-intro{font-size:12px;line-height:1.45}.secret-layer .secret-rules-list{gap:6px;margin:0}.secret-layer .secret-rules-list>div{gap:8px;padding:8px;border-radius:12px}.secret-layer .secret-rule-icon{width:27px;height:27px;border-radius:9px}.secret-layer .secret-rules-list p{gap:2px}.secret-layer .secret-rules-list small,.secret-layer .secret-quest .secret-quiet{line-height:1.35}.secret-layer .secret-actions{margin-top:0}.secret-layer .secret-actions .primary{min-height:44px}.secret-layer .secret-quest .secret-question{margin:8px 0;font-size:20px;line-height:1.3}.secret-layer .secret-quest-progress{margin-top:0}.secret-layer .secret-answers{gap:7px}.secret-layer .secret-answers button{min-height:48px;gap:9px;padding:8px 11px}.secret-layer .secret-quest-entrance .secret-pet{width:min(65%,190px)}.secret-layer .secret-quest-finale .secret-pet{width:min(62%,170px)}.secret-layer .secret-score{font-size:44px}.secret-layer .secret-record{padding:7px 10px}}@media(max-width:380px)and (max-height:620px){.secret-layer .sheet.secret-sheet{padding:10px}.secret-layer .secret-quest{gap:6px;padding-top:30px}.secret-layer .secret-quest h2{font-size:21px}.secret-layer .secret-quest-rules{gap:5px;padding-top:28px}.secret-layer .secret-rules-list{gap:5px}.secret-layer .secret-rules-list>div{padding:6px;gap:7px}.secret-layer .secret-rules-list p{font-size:12px;line-height:1.3}.secret-layer .secret-rule-icon{width:24px;height:24px}.secret-layer .secret-quest .secret-question{font-size:18px;margin:5px 0}.secret-layer .secret-answers{gap:6px}.secret-layer .secret-answers button{min-height:46px;padding:7px 10px}.secret-layer .secret-quest-entrance .secret-pet{width:min(58%,160px)}.secret-layer .secret-quest-finale .secret-pet{width:min(52%,144px)}}.compact-panel{width:100%;color:var(--ink, #344f45)}.compact-panel-heading{margin-bottom:14px}.compact-eyebrow{display:block;color:#788574;font-size:9px;font-weight:800;letter-spacing:1.65px;margin-bottom:6px}.compact-panel .compact-panel-heading h2,.compact-panel .compact-profile-heading h2{font-size:27px;line-height:1.2;margin:0}.compact-panel-heading>p{color:#758673;font-size:11px;line-height:1.4;margin-top:7px}.compact-journey-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compact-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;height:84px;padding:8px 4px;border:1px solid #e3e8dd;border-radius:14px;background:#f3f5ee;text-align:center}.compact-stage-number{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#e9eee3;color:#708068;font-size:10px;font-weight:700}.compact-stage strong{font-size:11px;line-height:1.2;font-weight:700;color:#657661}.compact-stage-status{font-size:9px;line-height:1.25;color:#75846d}.compact-stage.is-unlocked{background:linear-gradient(135deg,#eef3e8,#e6eedf);border-color:#dae5d2}.compact-stage.is-unlocked .compact-stage-number{color:#52714e;background:#dce8d3}.compact-stage.is-current{background:linear-gradient(145deg,#729178,#536f5b);border-color:#64806a;box-shadow:0 4px 12px #536f5b25,inset 0 1px #ffffff30}.compact-stage.is-current strong,.compact-stage.is-current .compact-stage-status{color:#fffef5}.compact-stage.is-current .compact-stage-number{color:#fff;background:#ffffff20}.compact-journey-progress{margin-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.5}.compact-journey-progress>span{color:#758673}.compact-journey-progress>strong{display:flex;font-variant-numeric:tabular-nums}.compact-panel-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#73846f;font-size:10px;line-height:1.4;margin:12px 0 0}.compact-panel-note svg{flex-shrink:0}.compact-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.compact-friend{position:relative;min-width:0;height:132px;display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid #e2e8dd;border-radius:16px;padding:7px 4px;background:radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--friend-color) 14%,#fffdf8),#f1f4eb)}.compact-friend .pet-art{width:74px;height:76px;display:block;max-width:100%;flex-shrink:0}.compact-friend strong{font-size:12px;line-height:1.4;color:#3f5a48}.compact-friend-form{min-height:24px;display:flex;align-items:flex-start;justify-content:center;text-align:center;font-size:10px;line-height:1.2;color:#6e806a;margin-top:3px}.compact-friend-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#7c8d75}.compact-friend.is-locked .pet-art{opacity:.5;filter:saturate(.35)}.compact-friend.is-complete{border-color:#d8c79d;background:radial-gradient(ellipse at 50% 10%,#fff7df,#f2f4e8)}.compact-friend.is-complete .compact-friend-badge{color:#a68846}.compact-profile-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-right:15px}.compact-profile-avatar{width:47px;height:47px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#e6eedf,#d2dfc8);border:1px solid #d1ddc6;color:#5c7556;font-size:24px;font-weight:700;flex-shrink:0}.compact-profile-heading>div{min-width:0}.compact-panel .compact-profile-heading h2{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:0}.compact-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e3e8db;border-radius:16px;padding:14px 0;background:#f1f5eb}.compact-profile-stats>div{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.compact-profile-stats>div+div{border-left:1px solid #dfe6d6}.compact-profile-stats svg{color:#819575}.compact-profile-stats strong{font-size:21px;line-height:1.1;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.compact-profile-stats small{color:#7c8e70;font-size:11px;letter-spacing:0}.compact-profile-stats span{font-size:10px;color:#718366}.compact-collection-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;border:1px solid #d7e0cf;border-radius:13px;margin:12px 0 16px;padding:12px 14px;background:#f9faf5;font-size:12px;font-weight:700;transition:background .2s}.compact-collection-button>span{display:flex;gap:8px;align-items:center}.compact-collection-button:hover{background:#ebf1e5}.compact-cloud-card{border-top:1px solid #e0e7d9;padding-top:16px}.compact-cloud-heading{display:flex;gap:10px;align-items:center}.compact-cloud-heading>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#6c8665;background:#eaf0e3}.compact-cloud-heading h3{font-size:12px;line-height:1.4}.compact-cloud-heading>div>span{display:block;margin-top:2px;color:#778a6f;font-size:10px}.compact-cloud-heading>svg{margin-left:auto;color:#6b8862}.compact-cloud-card>p{color:#70806a;font-size:11px;line-height:1.55;margin-top:10px}.compact-cloud-connect{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:12px;min-height:44px;background:linear-gradient(145deg,#729178,#536f5b);border:1px solid #ffffff20;color:#fffdf5;padding:12px;margin-top:12px;font-size:11px;font-weight:700;box-shadow:inset 0 1px #ffffff20}.compact-cloud-connect:hover{background:linear-gradient(145deg,#7a9880,#597761)}.compact-cloud-connect:disabled{opacity:.65}.compact-cloud-card .compact-cloud-status{font-size:10px;margin-top:7px}.compact-cloud-card .compact-cloud-status.is-error{color:#9b6854}@media(max-width:380px){.compact-panel .compact-panel-heading h2,.compact-panel .compact-profile-heading h2{font-size:24px}.compact-stage{height:82px}.compact-friend{height:126px}.compact-friend .pet-art{width:65px;height:67px}.compact-friend strong{font-size:11px}.compact-friend-badge{top:6px;right:6px}.compact-profile-heading{gap:9px}.compact-profile-heading .compact-eyebrow{font-size:8px;letter-spacing:1.2px}}.compact-friend{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;text-align:center}.compact-friend.is-selected{outline:2px solid var(--friend-color);outline-offset:2px}.compact-friend:focus-visible{outline:3px solid var(--friend-color);outline-offset:3px}.compact-friend-subject{display:block;font-size:10px;font-weight:700;color:#57746a;line-height:1.2;margin:3px auto}.compact-collection-grid .compact-friend{height:auto;min-height:154px;padding:12px 5px 10px}.compact-collection-grid .compact-friend strong{line-height:1.2}.compact-collection-grid .compact-friend-subject{min-height:24px;display:flex;align-items:center;justify-content:center;margin:2px 0;text-align:center}@media(max-width:380px){.compact-collection-grid .compact-friend{min-height:151px}}.compact-friend.secret-friend{border:1px solid #afa2df;background:radial-gradient(ellipse at 40% 15%,#e7defe,#e0e6f3 80%)}.compact-friend.secret-friend .secret-pet{flex-shrink:0}.compact-friend.secret-friend.is-mystery{border-style:dashed;box-shadow:inset 0 0 15px #8d7abb1b}.compact-friend.secret-friend.is-revealed{background:radial-gradient(ellipse at 40% 15%,#fff5e3,#e9dffe 80%);border-color:#c6a5e9;box-shadow:0 0 15px #bc9bef2b}.compact-friend.secret-friend .compact-friend-subject{font-size:9px}.compact-collection-grid.has-secret .compact-friend{min-height:132px;padding:7px 4px}.compact-collection-grid.has-secret .compact-friend .pet-art{width:52px;height:54px}.compact-collection-grid.has-secret .compact-friend-subject{min-height:22px;margin:1px 0}.compact-collection-grid.has-secret .compact-friend-form{min-height:22px;margin-top:2px;font-size:9.5px}.compact-collection-grid.has-secret .secret-friend{grid-column:1 / -1;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:repeat(3,auto);align-items:center;justify-items:start;min-height:68px;padding:6px 14px;text-align:left}.compact-collection-grid.has-secret .secret-friend .secret-pet{grid-column:1;grid-row:1 / 4;width:48px;height:48px}.compact-collection-grid.has-secret .secret-friend>strong,.compact-collection-grid.has-secret .secret-friend .compact-friend-subject,.compact-collection-grid.has-secret .secret-friend .compact-friend-form{grid-column:2;min-height:0;margin:0;justify-content:flex-start;text-align:left}.compact-collection-grid.has-secret .secret-friend .compact-friend-badge{position:absolute}@media(max-height:650px){.sheet:has(.collection-panel){padding:24px 16px 16px}.collection-panel .compact-panel-heading{margin-bottom:9px}.collection-panel .compact-eyebrow{margin-bottom:4px;font-size:8px;letter-spacing:1.15px}.collection-panel .compact-panel-heading h2{font-size:24px}.collection-panel .compact-panel-heading>p{margin-top:4px;font-size:10px}.compact-collection-grid .compact-friend{min-height:114px;padding:5px 3px}.compact-collection-grid .compact-friend .pet-art{width:42px;height:44px}.compact-collection-grid .compact-friend strong{font-size:11px}.compact-collection-grid .compact-friend-subject{min-height:22px;margin:1px 0;font-size:9.5px}.compact-collection-grid .compact-friend-form{min-height:22px;margin-top:2px;font-size:9.5px}.collection-panel .compact-panel-note{margin-top:8px;font-size:9px}.compact-collection-grid.has-secret .compact-friend{min-height:102px;padding:4px 3px}.compact-collection-grid.has-secret .compact-friend .pet-art{width:32px;height:34px}.compact-collection-grid.has-secret .secret-friend{min-height:56px;padding:5px 12px;grid-template-columns:50px minmax(0,1fr)}.compact-collection-grid.has-secret .secret-friend .secret-pet{width:42px;height:42px}}.ranking-panel{width:100%;color:var(--ink, #344f45)}.ranking-heading{margin-bottom:13px}.ranking-eyebrow{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:800;letter-spacing:1.35px;color:#7a8c70;margin-bottom:6px}.ranking-panel .ranking-heading h2{font-size:26px;line-height:1.2;margin:0}.ranking-heading>p{max-width:350px;font-size:11px;color:#72826c;line-height:1.5;margin:7px 0 0}.ranking-list{list-style:none;padding:0;margin:0;display:grid;gap:5px}.ranking-update{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:#72826c;font-size:9px;line-height:1.4}.ranking-update>span{display:flex;align-items:center;gap:5px}.ranking-update>button{padding:3px 6px;border-radius:6px;color:#597450;background:#edf3e7;font-size:9px}.ranking-player{display:grid;grid-template-columns:23px 30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:48px;padding:5px 11px 5px 6px;border-radius:13px;border:1px solid #e4e9df;background:#f2f5ed}.ranking-player.is-podium{background:linear-gradient(115deg,#faf5e7,#f2f5ed);border-color:#e8e3d0}.ranking-player.is-you{border-color:#91aa83;background:linear-gradient(115deg,#e5eedc,#f4f7ee)}.ranking-place{display:flex;justify-content:center;align-items:center;color:#738468;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.ranking-player.is-podium .ranking-place{color:#ab8c4f}.ranking-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:11px;color:#648058;font-size:13px;font-weight:700;background:#e1ead6;border:1px solid #d8e3cd;flex-shrink:0}.ranking-player.is-podium .ranking-avatar{background:#eee6d0;border-color:#e7dcc0;color:#917a4d}.ranking-player-name{min-width:0}.ranking-player-name>strong,.ranking-personal>div>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.4}.ranking-player-name>span{display:flex;align-items:center;gap:3px;font-size:8px;line-height:1.3;color:#69865e}.ranking-scores{display:flex;align-items:center;gap:10px;flex-shrink:0;font-variant-numeric:tabular-nums}.ranking-score{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;font-variant-numeric:tabular-nums;white-space:nowrap}.ranking-score.is-correct{color:#477653}.ranking-score.is-incorrect{color:#9b504c}.ranking-score>strong{font-size:15px;line-height:1.2;font-weight:700}.ranking-score>span{color:inherit;font-size:8px;line-height:1.4}.ranking-scores.is-wide{display:grid;gap:3px}.ranking-scores.is-wide .ranking-score{flex-direction:row;align-items:baseline;justify-content:space-between;gap:5px}.ranking-scores.is-wide .ranking-score>strong{font-size:11px}.ranking-pagination{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:8px}.ranking-pagination button{display:grid;place-items:center;width:30px;height:28px;border:1px solid #dce5d5;border-radius:9px;background:#edf3e7;color:#597450}.ranking-pagination button:disabled{opacity:.35;cursor:default}.ranking-pagination>span{min-width:40px;text-align:center;color:#718267;font-size:10px;font-variant-numeric:tabular-nums}.ranking-personal{display:flex;align-items:center;gap:9px;min-height:50px;margin-top:12px;padding:9px 1px 0;border-top:1px solid #dde6d4}.ranking-personal>div{min-width:0;flex:1}.ranking-personal>div>span{display:block;margin-top:2px;color:#7b8b72;font-size:9px;line-height:1.3}.ranking-join{margin-top:10px}.ranking-connect{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;padding:8px 12px;border-radius:12px;border:1px solid #ffffff20;background:linear-gradient(145deg,#729178,#536f5b);color:#fffdf5;font-size:11px;font-weight:700;box-shadow:inset 0 1px #ffffff20}.ranking-connect:hover{background:linear-gradient(145deg,#7a9880,#597761)}.ranking-connect:disabled{opacity:.65}.ranking-join>p{color:#9b6854;font-size:10px;line-height:1.3;margin:6px 0 0;text-align:center}.ranking-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:176px;border:1px solid #e1e8d8;border-radius:17px;padding:18px 16px;background:radial-gradient(ellipse at 50% 0,#f9f5e8,#edf3e6);text-align:center}.ranking-empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:17px;margin-bottom:12px;background:#e4ecd9;color:#7d976b}.ranking-empty>strong{font-size:13px;line-height:1.4}.ranking-empty>p{color:#77856d;font-size:11px;line-height:1.5;max-width:260px;margin:7px 0 0}.ranking-retry{display:flex;align-items:center;gap:6px;min-height:32px;margin-top:11px;padding:6px 11px;color:#57764e;background:#e0eacf;border:1px solid #d3dfc5;border-radius:9px;font-size:10px;font-weight:700}.ranking-spinner,.ranking-empty.is-loading .ranking-empty-icon>svg{animation:ranking-spin 1.1s linear infinite}@keyframes ranking-spin{to{transform:rotate(360deg)}}@media(max-width:380px),(max-height:650px){.ranking-panel .ranking-heading h2{font-size:24px}.ranking-heading{margin-bottom:11px}.ranking-heading>p{font-size:10px;line-height:1.4}.ranking-player{min-height:39px;grid-template-columns:20px 27px minmax(0,1fr) auto;gap:7px;padding:4px 8px 4px 4px;border-radius:11px}.ranking-list{gap:4px}.ranking-avatar{width:27px;height:27px;border-radius:10px;font-size:12px}.ranking-player-name>strong,.ranking-personal>div>strong{font-size:11px}.ranking-score>strong{font-size:13px}.ranking-scores{gap:8px}.ranking-scores.is-wide .ranking-score>strong{font-size:10px}.ranking-personal{min-height:43px;margin-top:9px;padding-top:8px}.ranking-personal>div>span{font-size:8px}.ranking-connect{min-height:38px}}@media(max-width:380px){.ranking-player{grid-template-columns:19px minmax(0,1fr) auto;gap:6px}.ranking-player>.ranking-avatar,.ranking-personal>.ranking-avatar{display:none}}@media(prefers-reduced-motion:reduce){.ranking-spinner,.ranking-empty.is-loading .ranking-empty-icon>svg{animation:none}}:root{font-family:Manrope,sans-serif;color:#344f45;background:#f8f7f2;font-weight:500;font-synthesis:none;--ink: #344f45;--accent: #617c65;--muted: #899589;--line: #e4e8df;--gold: #c7ad74}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 12%,#e7ece380,transparent 40%),radial-gradient(ellipse at 100% 60%,#eee8dd70,transparent 45%),#f8f7f2}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default}button,a,input{outline-offset:5px;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #6a8b76}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}.app{min-height:100dvh;max-width:1500px;margin:auto;padding:0 6.5%}.site-header{height:100px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #dde3d780}.brand{font-size:33px;font-weight:800;letter-spacing:-1.7px;display:flex;align-items:center;gap:11px}.brand-mark{width:37px;height:37px;border-radius:13px;background:linear-gradient(140deg,#708f78,#496958);color:#faf9ea;display:grid;place-items:center;box-shadow:0 5px 14px #526e5c20}.brand-dot{color:#bba26c;margin-left:-10px}.header-tagline{font-size:8px;color:#8c9888;letter-spacing:1.7px}.header-note{margin-left:auto;display:flex;align-items:center;gap:9px;color:#7e8d7c;font-size:8px;letter-spacing:1.4px}.live-dot{width:5px;height:5px;background:#88a38b;border-radius:50%;box-shadow:0 0 0 4px #eaf0e5}.eyebrow{display:block;color:#8b977b;font-size:9px;font-weight:800;letter-spacing:2px;margin-bottom:18px}.intro-copy{font-size:14px;color:#879384;line-height:1.9;margin:22px 0 28px}.primary{display:flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(145deg,#73917a,#516f5c);color:#fffdf5;border:1px solid #ffffff20;border-radius:13px;font-size:12px;font-weight:700;padding:16px 24px;min-height:50px;box-shadow:0 5px 12px #455f4b18,inset 0 1px #ffffff20;transition:box-shadow .25s,transform .25s}.primary:hover{box-shadow:0 8px 18px #455f4b30;transform:translateY(-2px)}.primary:active{transform:scale(.98)}.primary:disabled{opacity:.5;transform:none}.secondary{border:1px solid #cad5c5;border-radius:11px;padding:12px 17px;background:#eff4e9;font-size:12px;transition:background .2s}.secondary:hover{background:#e3eddb}.welcome{min-height:700px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:25px;animation:page-reveal .65s both}.welcome h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(35px,4.2vw,59px);font-weight:500;line-height:1.23;letter-spacing:-1.7px}.welcome h1 em{color:#839978}.welcome form{width:330px;max-width:100%;display:grid;gap:12px}.welcome label{font-size:11px;font-weight:700;margin-bottom:1px}.welcome input{border:1px solid #dce2d5;border-radius:13px;background:#ffffffa0;padding:16px;color:#344f45;width:100%;box-shadow:0 3px 15px #63735705;transition:border-color .2s,box-shadow .2s}.welcome input:focus{outline:none;border-color:#87a084;box-shadow:0 0 0 4px #dce8d555}.welcome-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#93a08b;margin-top:25px}.welcome-art{position:relative;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#edf1df 10%,#e2e9d967 55%,transparent 71%);display:grid;place-items:center}.welcome-art:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid #cfdbc86b;border-radius:50%;transform:rotate(-25deg)}.welcome-art:after{content:"";position:absolute;top:3%;right:3%;bottom:3%;left:3%;border:1px dashed #d6ddcd75;border-radius:50%;animation:slow-orbit 90s linear infinite}.welcome-art .pet-art{width:84%;filter:drop-shadow(0 16px 28px #c7ceae40);z-index:1}.art-caption{position:absolute;bottom:7%;font-size:10px;letter-spacing:1.5px;color:#9aa080}.art-star{position:absolute;color:#c0ab79;font-size:34px;animation:star-shimmer 4s ease-in-out infinite}.s1{top:19%;right:9%}.s2{top:35%;left:6%;animation-delay:1.2s}.s3{bottom:27%;right:7%;font-size:21px;animation-delay:2s}.game-layout{display:grid;grid-template-columns:minmax(0,620px) 300px;gap:48px;max-width:968px;margin:32px auto 0;align-items:center;animation:page-reveal .65s both}.habitat{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:750px;border:1px solid #cbdacf;outline:5px solid #ffffff85;border-radius:29px;background:#e3edde;box-shadow:0 24px 60px #344f4510,0 4px 10px #344f4506}.world-scene,.world-haze{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.landscape{width:100%;height:100%;display:block}.world-haze{background:linear-gradient(#f2f8ed75,transparent 45%,#f3f7e515)}.world-night .world-haze{background:linear-gradient(#eef0ff60,transparent 40%,#eeecfc10)}.cloud-drift-one{animation:cloud-drift 35s ease-in-out infinite alternate}.cloud-drift-two{animation:cloud-drift 45s ease-in-out infinite alternate-reverse}.world-moon{filter:drop-shadow(0 0 15px #fff5c8);animation:moon-glow 8s ease-in-out infinite}.world-plants{transform-origin:50% 100%;animation:plant-sway 7s ease-in-out infinite}.sky-star{animation:star-shimmer 4s ease-in-out infinite}.ambient-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ambient-particles i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;background:#fff8cc;border-radius:50%;box-shadow:0 0 9px 3px #fff7c940;animation:firefly var(--duration) var(--delay) ease-in-out infinite}.world-water .ambient-particles i{width:8px;height:8px;border:1px solid #fff;background:transparent;box-shadow:none}.world-night .ambient-particles i{background:#fff8f2;box-shadow:0 0 9px 3px #edddff50}.habitat-header{position:relative;display:flex;justify-content:space-between;align-items:center;margin:27px 29px 22px;z-index:1}.profile-button{display:flex;align-items:center;gap:10px;background:none;padding:0;text-align:left;max-width:65%}.avatar{width:39px;height:39px;border-radius:50%;background:#ffffff80;border:1px solid #ffffffa0;color:#69846d;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;flex-shrink:0;box-shadow:0 3px 10px #496b5410;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-button small{display:block;font-size:7px;letter-spacing:1.6px;color:#8a9b88}.profile-button strong{display:block;font-size:12px;margin-top:3px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button>svg{color:#90a28a}.rank-button{display:flex;align-items:center;gap:7px;background:#ffffff65;border:1px solid #ffffffb0;border-radius:11px;padding:10px 12px;font-size:10px;color:#708468;box-shadow:0 4px 10px #5e815308;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,transform .2s}.rank-button:hover{background:#fff9;transform:translateY(-1px)}.rank-button svg{color:#a9a170}.growth{position:relative;margin:0 29px}.growth-label{display:flex;justify-content:space-between;font-size:11px;color:#5d7763;gap:10px}.growth-label span{display:flex;gap:7px;align-items:center}.growth-label strong{font-size:10px;font-variant-numeric:tabular-nums}.progress-track{height:8px;background:#5d87661a;border-radius:8px;margin-top:12px;border:1px solid #ffffff90;overflow:hidden;box-shadow:inset 0 1px 3px #65846a15}.progress-track>div{height:100%;position:relative;background:linear-gradient(90deg,#7c9c78,#afc79c);border-radius:8px;transition:width .8s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 8px #94b08030}.progress-track>div:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:progress-shine 6s 3s ease-in-out infinite}.stage-label{text-align:center;font-size:7px;letter-spacing:1.6px;color:#7f967d;margin-top:12px}.stage-label span{margin:0 8px}.pet-scene{position:relative;text-align:center;margin:34px auto 0;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.22,1,.36,1),margin .5s}.pet-speech{display:inline-block;background:#fffcf0b0;border:1px solid #fffef3d0;border-radius:14px;padding:11px 17px;font-size:10px;color:#80916e;position:relative;box-shadow:0 4px 12px #72925e08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:speech-arrive .6s both;transition:opacity .3s}.pet-speech:after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;transform:rotate(45deg);background:#fcfaeec0;border-right:1px solid #fffef3;border-bottom:1px solid #fffef3}.pet-touch{display:block;margin:8px auto 0;background:transparent;width:265px;padding:0;position:relative;z-index:1;transition:width .5s cubic-bezier(.22,1,.36,1),transform .25s}.pet-touch:hover{transform:translateY(-3px)}.pet-touch:active{transform:scale(.97)}.pet-pedestal{position:absolute;width:235px;height:43px;background:radial-gradient(ellipse,#79987628,transparent 70%);border-radius:50%;top:68%;pointer-events:none}.pet-name{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:-9px;position:relative}.pet-scene h1{font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:500;letter-spacing:-.8px;color:#3d5e4b}.pet-element{font-size:19px;color:#a9ae78;margin-top:4px}.pet-scene p{font-size:9px;color:#7a9379;margin-top:8px;letter-spacing:.1px}.pet-scene p span{margin:0 7px}.growth-feedback{position:absolute;top:40%;right:29%;font-family:Georgia,serif;font-size:32px;color:#618e60;z-index:2;pointer-events:none;animation:point-rise 2s ease-out both}.growth-feedback.thinking{color:#a58e76}.growth-feedback.loved{color:#bf879b;font-size:42px}.play-area{position:relative;text-align:center;margin:24px 0 0}.play-button{background:linear-gradient(145deg,#7f9e79,#507b61);color:#fffdf2;width:69px;height:69px;border-radius:50%;box-shadow:0 0 0 7px #fffdf343,0 0 0 8px #fffcf033,0 8px 17px #3c69412b,inset 0 2px #d8e8c645;display:grid;place-items:center;margin:auto;transition:transform .25s,box-shadow .25s;position:relative}.play-button:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border:1px solid #fffbef50;border-radius:50%;animation:play-ring 4s ease-in-out infinite}.play-button svg{margin-left:3px}.play-button:hover{transform:scale(1.06);box-shadow:0 0 0 9px #fffdf366,0 10px 25px #3c69413b}.play-button:active{transform:scale(.97)}.play-area>span{display:block;font-size:7px;letter-spacing:2px;font-weight:800;margin-top:19px;color:#5c7d5c}.journey-link{position:relative;background:transparent;display:flex;align-items:center;gap:6px;margin:19px auto 14px;font-size:9px;color:#7b9574;padding:5px}.journey-link:hover{color:#3d6e4a}.habitat-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #6b8e6a15;margin:0 26px;padding:15px 0 17px;color:#698961}.habitat-bottom button{background:transparent;color:#63875e;padding:5px}.collection-shortcut{display:flex;align-items:center;gap:5px;font-size:9px}.world-label{font-size:8px;display:flex;align-items:center;gap:5px;color:#839c7b;letter-spacing:.4px}.sound-button{width:28px;height:28px}.journal{padding-top:0;animation:page-reveal .8s .1s both}.journal .eyebrow{font-size:8px;letter-spacing:1.8px}.journal h2{font-family:Playfair Display,Georgia,serif;font-size:38px;font-weight:500;line-height:1.15;letter-spacing:-1px;max-width:230px}.journal h2 span{color:#a7b48b}.journal>p{font-size:11px;color:#8d9988;line-height:1.95;margin-top:18px}.journal-stats{display:grid;grid-template-columns:1fr 1fr;margin:32px 0 33px;gap:12px}.journal-stats>div{display:flex;flex-direction:column;border:1px solid #e0e6d9;border-radius:16px;padding:19px 16px;background:#ffffff65;box-shadow:0 6px 20px #415a4203}.journal-stats svg{color:#98aa86;stroke-width:1.5}.journal-stats strong{font-size:30px;font-weight:500;margin-top:14px;font-family:Playfair Display,Georgia,serif;line-height:1.1}.journal-stats small{font-size:15px;color:#adb7a1;font-family:Manrope,sans-serif}.journal-stats span{font-size:9px;color:#8e9b83;margin-top:7px}.collection-head{display:flex;justify-content:space-between;align-items:center}.collection-head h3{font-size:12px;font-weight:700}.collection-head button{font-size:9px;color:#7f9471;background:none;display:flex;align-items:center;gap:5px;padding:0;transition:gap .2s}.collection-head button:hover{gap:8px}.mini-collection{display:flex;gap:9px;margin:18px 0 31px}.mini-collection button{width:41px;height:46px;border-radius:13px;background:#e9ede280;color:#b4bfaa;position:relative;border:1px dashed #d9e1d1;transition:transform .25s,background .25s}.mini-collection button:hover{transform:translateY(-4px);background:#fffaf0}.mini-collection button.discovered{background:#fcfbef;border:1px solid #dddcc9;color:var(--pet-color);box-shadow:0 3px 10px #baa5720d}.mini-collection span{font-size:25px}.mini-collection svg{position:absolute;right:2px;bottom:3px;color:#7d9b6a}.tip-card{border-radius:19px;background:radial-gradient(ellipse at right top,#e0ead7,#eef0e5 80%);padding:27px;border:1px solid #dfe7d4;position:relative;overflow:hidden}.tip-card:after{content:"✧";position:absolute;font-size:130px;right:-23px;top:-25px;color:#d6e0c7;opacity:.5;transform:rotate(17deg)}.tip-card>span{font-size:27px;color:#9aaf80}.tip-card h3{font-family:Playfair Display,Georgia,serif;font-size:23px;font-weight:500;line-height:1.35;margin:12px 0 13px;color:#617850;position:relative;z-index:1}.tip-card p{font-size:10px;line-height:1.9;color:#90a07f}.journal-footer{display:block;margin-top:27px;font-size:7px;letter-spacing:1.8px;text-align:center;color:#a1af94}.site-footer{display:flex;justify-content:space-between;padding:28px 0 25px;font-size:8px;letter-spacing:.4px;color:#98a18e;max-width:968px;margin:auto;gap:10px}.site-footer>span{display:flex;align-items:center;gap:6px}.choose-screen{max-width:850px;text-align:center;margin:60px auto 30px;animation:page-reveal .65s both}.choose-screen h1,.choose-dialog h1{font-family:Playfair Display,Georgia,serif;font-size:39px;font-weight:500;letter-spacing:-1px}.pet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:31px 0}.pet-card{position:relative;background:linear-gradient(140deg,#fffef8,#f3f5ed);border:1px solid #e0e6d8;border-radius:21px;padding:15px 17px 23px;text-align:center;transition:transform .3s,border-color .3s,box-shadow .3s;animation:page-reveal .55s both}.pet-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #6a7f5610}.pet-card.chosen{border-color:var(--pet-color);background:linear-gradient(140deg,#fffef7,color-mix(in srgb,var(--pet-color) 9%,#fafbf7));box-shadow:0 0 0 3px color-mix(in srgb,var(--pet-color) 12%,transparent),0 6px 15px #6b775208}.pet-card:disabled{opacity:.45}.pet-card .pet-art{width:137px;margin:0 auto}.pet-card strong{display:block;font-size:14px;margin-top:3px}.pet-card>span:not(.chosen-check){display:block;font-size:9px;color:#97a087;line-height:1.6;margin-top:7px}.chosen-check{position:absolute;right:13px;top:13px;width:23px;height:23px;border-radius:50%;background:var(--pet-color);display:grid;place-items:center;color:#fff;animation:check-pop .35s both}.choose-screen>.primary,.choose-dialog>.primary{margin:auto;min-width:250px}.fine-print{font-size:9px;color:#9da48d;margin-top:20px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#273c3545;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:25px;animation:overlay-in .25s both}.sheet{position:relative;width:550px;max-height:90dvh;overflow:auto;background:linear-gradient(145deg,#fffdf8,#f7f9f2);border:1px solid #ffffffd0;border-radius:26px;padding:38px;box-shadow:0 25px 90px #263e3430;animation:sheet-arrive .45s cubic-bezier(.22,1,.36,1) both}.sheet h2{font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:500;line-height:1.35;letter-spacing:-.5px;padding-right:15px}.close{position:absolute;top:16px;right:16px;width:31px;height:31px;border-radius:50%;background:#eaf0e580;color:#87997c;display:grid;place-items:center;z-index:1;transition:background .2s,transform .25s}.close:hover{background:#dee8d7;transform:rotate(90deg)}.quiz-layer{align-items:flex-end;background:#233f2f12;-webkit-backdrop-filter:none;backdrop-filter:none}.quiz-sheet{width:620px;padding:20px 31px 25px;border-radius:26px 26px 0 0;margin-bottom:-25px;margin-right:348px;max-height:68dvh;background:#fffef8f5;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 -12px 45px #253f3412}.sheet-handle{width:34px;height:4px;border-radius:3px;background:#d4dec9;margin:0 auto 18px}.quiz-meta{display:flex;justify-content:space-between;align-items:center;padding-right:28px;margin-bottom:17px;font-size:8px;letter-spacing:1.3px;color:#98a38c}.quiz-meta>span:first-child{display:flex;align-items:center;gap:6px;border-radius:20px;padding:7px 12px;background:#e9f0e1;color:#6e8d63;font-size:10px;letter-spacing:0}.quiz-sheet h2{font-size:25px;margin-bottom:22px;line-height:1.45}.question-content{animation:question-arrive .35s both}.answers{display:grid;grid-template-columns:1fr 1fr;gap:11px}.answers button{display:flex;align-items:center;gap:11px;min-height:57px;text-align:left;padding:12px;background:#fffefa;border:1px solid #e0e7d8;border-radius:13px;font-size:12px;line-height:1.5;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;animation:answer-arrive .4s var(--answer-delay) backwards}.answers button>span{width:27px;height:27px;display:grid;place-items:center;background:#edf2e7;border:1px solid #e4ecdc;border-radius:9px;color:#819473;flex-shrink:0;font-size:10px;font-weight:700;transition:background .25s}.answers button:hover:not(:disabled){border-color:#98b086;background:#f2f7eb;transform:translateY(-2px);box-shadow:0 5px 12px #6c8d5710}.answers button:active:not(:disabled){transform:scale(.98)}.answers button.correct{border-color:#90b77c;background:#ecf6e4;color:#577d42;box-shadow:0 0 0 2px #aad38d20}.answers button.correct>span{background:#dceccf;border-color:#cbdcbe}.answers button.incorrect{border-color:#d5b19e;background:#fcf0e9;color:#ac7b67}.answers button.incorrect>span{background:#f7e3d8;border-color:#ebd0c2}.answers button.muted{opacity:.45}.answers button>svg{margin-left:auto;color:#a4b19a;flex-shrink:0}.answers button.correct>svg{color:#658f4c;animation:check-pop .35s both}.quiz-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:9px;color:#a0ac91}.quiz-foot>span{display:flex;gap:5px;align-items:center}.quiz-foot button{background:none;color:#7c926e;font-size:10px;padding:6px}.answer-result{padding-top:21px;animation:question-arrive .4s both}.answer-result strong{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#799565;line-height:1.6}.answer-result strong>span{background:#e8f3df;padding:4px 9px;border-radius:8px;font-size:13px;font-weight:800;flex-shrink:0}.retry-result strong{color:#b34854}.retry-result strong>span{background:#fde7e8}.answer-result p{font-size:11px;line-height:1.8;color:#8c9a81;margin:9px 0 17px}.answer-result .primary{width:100%;padding:12px;min-height:44px}.is-closing{animation:overlay-out .22s both}.is-closing .sheet{animation:sheet-leave .22s both}.is-playing .play-area,.is-playing .journey-link{opacity:0;pointer-events:none;transition:opacity .2s}.quiz-open{justify-content:flex-start;margin-top:23px;transform:translateY(-4px)}.quiz-open .pet-speech{opacity:0;height:0;padding:0;border:0;overflow:hidden}.quiz-open .pet-touch{width:180px;margin-top:0}.quiz-open .pet-name{margin-top:-8px}.quiz-open h1{font-size:25px}.quiz-open p{font-size:8px}.quiz-open .pet-pedestal{top:140px;width:150px}.quiz-open .growth-feedback{right:33%;top:20%}.evolution{text-align:center;position:relative}.evolution h2{padding:0}.evolution .pet-art{width:235px;margin:auto}.evolution h3{font-size:21px;margin:0 0 12px;font-family:Playfair Display,Georgia,serif;font-weight:500}.evolution p{font-size:12px;line-height:1.8;color:#8f9e82;margin-bottom:25px}.evolution .primary{margin:auto}.celebration{position:absolute;width:230px;height:230px;left:50%;top:105px;transform:translate(-50%);pointer-events:none}.celebration i{position:absolute;left:50%;top:50%;width:5px;height:9px;border-radius:2px;background:#cfbb7e;transform:rotate(var(--angle));animation:celebration-burst 2s var(--delay) ease-out infinite}.celebration i:nth-child(3n){background:#9cb99b}.celebration i:nth-child(4n){background:#d6b0b6}.empty-state{text-align:center;padding:38px 12px}.empty-state>svg{color:#bdbe92;stroke-width:1.3}.empty-state h3{font-size:15px;margin:20px 0 13px}.empty-state p{font-size:12px;line-height:1.9;color:#929f86}.personal-row{display:flex;align-items:center;gap:12px;padding:17px 0 0;border-top:1px solid #e2e9d9;font-size:12px}.personal-row>span:last-child{margin-left:auto;font-size:10px;color:#98a589}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.collection-item{text-align:center;border:1px solid #e6ecde;border-radius:16px;background:linear-gradient(135deg,#f5f7ed,#eef2e5);padding:12px 6px 17px;display:flex;align-items:center;flex-direction:column;animation:page-reveal .5s both}.collection-item .pet-art{width:106px}.collection-item strong{font-size:12px}.collection-item>span{font-size:8px;color:#91a180;display:block;margin-top:7px}.collection-item.locked{opacity:.5;filter:saturate(.45)}.collection-item .achievement{display:flex;gap:3px;align-items:center;font-size:7px;color:#79985e;background:#e6eddb;border-radius:5px;padding:4px 5px}.profile-copy{font-size:12px;line-height:2;color:#8f9f82;margin:21px 0}.cloud-section{margin-top:30px;border-top:1px solid #e2e9d9;padding-top:23px;color:#8a9e78}.cloud-section h3{font-size:13px;margin-top:9px}.cloud-section p{font-size:11px;line-height:1.8;margin:11px 0}.choose-sheet{width:800px}.choose-dialog{text-align:center}.choose-dialog h1{font-size:30px}.choose-dialog .intro-copy{margin:13px 0;font-size:12px}.journey-intro{font-size:11px;color:#98a88b;line-height:1.8;margin:12px 0 25px}.journey-list{position:relative}.journey-list:before{content:"";position:absolute;left:16px;top:24px;bottom:26px;width:1px;background:#dfe6d7}.journey-stage{display:flex;align-items:center;gap:13px;padding:13px 0;position:relative;color:#a3b09a}.journey-number{width:33px;height:33px;display:grid;place-items:center;background:#f0f4e9;border:1px solid #e0e9d6;border-radius:50%;z-index:1;font-size:11px}.journey-stage strong{display:block;font-size:12px}.journey-stage>div>span{display:block;font-size:9px;margin-top:5px}.journey-stage.unlocked{color:#799469}.journey-stage.unlocked .journey-number{background:#dfead5;border-color:#d2dfc4}.journey-stage.current{color:#3e6745}.journey-stage.current .journey-number{background:#6b8c67;color:#fff;border-color:#6b8c67;box-shadow:0 0 0 4px #e5edda}.current-badge{margin-left:auto;font-size:7px;letter-spacing:1.1px;background:#e6eedc;border-radius:5px;padding:6px 8px;color:#7a9564}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);padding:14px 21px;background:#3a5b47ed;color:#fffef4;border:1px solid #8baa7740;border-radius:14px;font-size:11px;z-index:20;box-shadow:0 8px 25px #2c442330;white-space:nowrap;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:toast-arrive .35s both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes page-reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slow-orbit{to{transform:rotate(360deg)}}@keyframes star-shimmer{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}@keyframes cloud-drift{to{transform:translate(35px)}}@keyframes moon-glow{50%{opacity:.8}}@keyframes plant-sway{50%{transform:skew(1.2deg)}}@keyframes firefly{0%,to{opacity:0;transform:translateY(12px)}40%{opacity:.8}65%{opacity:.55;transform:translate(12px,-17px)}}@keyframes progress-shine{0%,65%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes play-ring{50%{transform:scale(1.1);opacity:.4}}@keyframes speech-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes point-rise{0%{opacity:0;transform:translateY(15px) scale(.7)}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-55px) scale(.8)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{to{opacity:0}}@keyframes sheet-arrive{0%{opacity:0;transform:translateY(45px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-leave{to{opacity:0;transform:translateY(28px)}}@keyframes question-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes answer-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes check-pop{0%{transform:scale(.3)}65%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes celebration-burst{0%{transform:rotate(var(--angle)) translateY(-20px) scale(0);opacity:0}20%{opacity:1}to{transform:rotate(var(--angle)) translateY(-150px) rotate(180deg) scale(.7);opacity:0}}@keyframes toast-arrive{0%{opacity:0;bottom:10px}to{opacity:1;bottom:25px}}@media(max-width:1100px){.app{padding:0 4%}.game-layout{grid-template-columns:minmax(0,1fr) 260px;gap:32px}.journal h2{font-size:33px}.journal-stats>div{padding:16px 13px}.tip-card{padding:23px}.mini-collection{gap:6px}.mini-collection button{width:37px}.header-note{font-size:7px}.quiz-sheet{margin-right:292px;width:calc(92vw - 292px)}}@media(max-width:850px){.header-tagline{display:none}.game-layout{max-width:570px;display:block;margin-top:26px}.journal{display:none}.habitat{min-height:730px}.quiz-sheet{margin-right:0;width:570px}.site-footer{max-width:570px}.welcome{min-height:640px}.welcome h1{font-size:40px}.art-caption{font-size:8px}}@media(max-width:600px){.app{padding:0 15px}.site-header{height:67px;border-bottom:1px solid #e1e7db80}.brand{font-size:27px;gap:9px}.brand-mark{width:31px;height:31px;border-radius:11px}.header-note{font-size:6px;letter-spacing:1px;gap:7px;max-width:155px;line-height:1.7}.game-layout{margin-top:17px}.habitat{min-height:625px;height:calc(100svh - 125px);border-radius:24px;outline:3px solid #ffffffb0}.habitat-header{margin:20px 21px 19px}.avatar{width:35px;height:35px;font-size:17px}.profile-button strong{font-size:12px;max-width:125px}.rank-button{padding:9px 11px;font-size:10px}.growth{margin:0 22px}.growth-label{font-size:10px}.stage-label{font-size:6px;letter-spacing:1.3px;margin-top:10px}.pet-scene{margin-top:22px}.pet-touch{width:clamp(205px,29svh,260px);margin-top:10px}.pet-speech{font-size:10px;padding:10px 14px}.pet-name{margin-top:-5px}.pet-scene h1{font-size:29px}.pet-scene p{font-size:8px}.pet-pedestal{top:67%;width:185px}.growth-feedback{right:24%}.play-area{margin-top:14px}.play-button{width:63px;height:63px}.play-area>span{font-size:7px;letter-spacing:1.6px;margin-top:15px}.journey-link{margin:15px auto 10px;font-size:9px}.habitat-bottom{margin:0 22px;padding:11px 0 13px}.world-label{font-size:7px;letter-spacing:0}.collection-shortcut{font-size:9px;gap:4px}.site-footer{font-size:7px;padding:18px 2px 20px;line-height:1.6}.site-footer>span:last-child{text-align:right;max-width:53%;justify-content:flex-end}.site-footer>span>svg{flex-shrink:0}.welcome{display:flex;flex-direction:column-reverse;gap:0;padding:15px 7px 30px;min-height:0;text-align:center}.welcome-art{width:240px;margin:0 auto 16px}.welcome-art .pet-art{width:86%}.welcome .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:15px}.welcome h1{font-size:33px;letter-spacing:-1px}.intro-copy{font-size:12px;margin:18px 0 23px}.welcome form{margin:auto;text-align:left;width:310px}.welcome-note{justify-content:center;font-size:9px;margin-top:23px}.welcome input{padding:14px}.choose-screen{margin:37px auto 25px}.choose-screen h1{font-size:28px;letter-spacing:-.7px}.choose-screen .eyebrow{font-size:7px;letter-spacing:1.7px}.pet-grid{gap:12px;grid-template-columns:repeat(2,1fr);margin:27px 0}.pet-card{padding:9px 9px 17px;border-radius:17px}.pet-card .pet-art{width:113px}.pet-card strong{font-size:13px}.pet-card>span:not(.chosen-check){font-size:8px;margin-top:5px}.fine-print{font-size:8px}.modal-layer{padding:15px}.sheet{padding:34px 22px 25px;border-radius:23px;width:100%;max-height:91dvh}.sheet h2{font-size:25px}.quiz-sheet{padding:17px 21px 23px;margin:0 -15px -15px;width:calc(100% + 30px);max-height:64dvh;border-radius:24px 24px 0 0}.quiz-sheet h2{font-size:21px;line-height:1.45;margin-bottom:18px}.quiz-meta{margin-bottom:14px}.quiz-meta>span:first-child{font-size:9px;padding:6px 10px}.answers{grid-template-columns:1fr;gap:8px}.answers button{min-height:46px;padding:9px 11px;font-size:12px;border-radius:11px}.answers button>span{width:25px;height:25px;font-size:9px;border-radius:8px}.quiz-foot{margin-top:18px;font-size:8px}.answer-result{padding-top:17px}.answer-result strong{font-size:10px}.answer-result p{font-size:10px;margin:7px 0 14px}.quiz-open{justify-content:flex-start;margin-top:16px;transform:translateY(0)}.quiz-open .pet-touch{width:145px}.quiz-open .pet-name{margin-top:-10px}.quiz-open h1{font-size:21px}.quiz-open .pet-element{font-size:13px}.quiz-open p{display:none}.quiz-open .pet-pedestal{top:118px}.quiz-open .growth-feedback{right:26%}.collection-grid{gap:8px}.collection-item{padding:10px 3px 13px;border-radius:12px}.collection-item .pet-art{width:84px}.collection-item strong{font-size:10px}.collection-item>span{font-size:7px}.choose-dialog h1{font-size:25px}.choose-dialog .eyebrow{font-size:7px}.toast{font-size:10px;max-width:90vw;white-space:normal;text-align:center}.evolution .pet-art{width:220px}.world-scene .landscape{min-width:100%}}@media(max-width:360px){.app{padding:0 10px}.growth{margin:0 18px}.habitat-header{margin:19px 17px}.header-note{font-size:5px;max-width:125px}.pet-touch{width:215px}.world-label{font-size:6px}.quiz-sheet h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.journal>p{font-size:12px}.tip-card p{font-size:11px}.journal-stats span{font-size:10px}#dialog-title:focus{outline:none}@media(max-width:600px)and (max-height:740px){.is-playing .site-header{height:0;opacity:0;border:0;overflow:hidden}.is-playing .game-layout{margin-top:10px}.is-playing .stage-label{display:none}.quiz-open .pet-name{margin-top:-5px}.quiz-open h1{font-size:18px}.quiz-sheet{max-height:60dvh}}.sheet.secret-sheet{width:min(560px,calc(100vw - 20px));max-height:min(850px,calc(100dvh - 25px));overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse at 55% -10%,#f2eaff,#fffdfd 62%);border:1px solid #d9cff4;padding:28px 24px 20px}.secret-sheet .close{position:sticky;top:0;z-index:2;margin-left:auto}@media(max-width:480px){.sheet.secret-sheet{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);padding:18px 15px 16px}}html,body,#root{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}.app{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);height:var(--screen-height, 100dvh);min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr);gap:10px;padding:max(8px,var(--safe-top)) 4% max(16px,var(--safe-bottom));overflow:hidden}.site-header,.is-playing .site-header{height:auto;min-height:0;opacity:1;overflow:visible;border:0;gap:22px}.brand{font-size:27px;gap:9px}.brand-mark{width:30px;height:30px;border-radius:10px}.header-tagline{font-size:8px;letter-spacing:1.1px}.header-note.save-indicator{font-size:10px;letter-spacing:0;gap:5px;color:#748871}.save-indicator svg{flex-shrink:0}.save-indicator.save-error{color:#ac715b}.site-footer{display:none}.game-layout,.is-playing .game-layout{height:100%;min-height:0;width:100%;max-width:960px;margin:0 auto;grid-template-columns:minmax(0,620px) 280px;gap:28px;align-items:stretch}.habitat{height:100%;min-height:0;max-height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;border-radius:26px;outline:3px solid #ffffffa0;box-shadow:0 15px 40px #344f4510}.habitat-header{margin:12px 22px 10px;min-height:42px}.profile-button{min-height:42px}.profile-button small{font-size:8px;letter-spacing:1px}.profile-button strong{font-size:13px;margin-top:2px}.avatar{width:34px;height:34px;font-size:17px}.rank-button{min-height:40px;padding:8px 11px;font-size:11px}.growth{margin:0 23px 8px}.growth-label,.growth-label strong{font-size:11px}.progress-track{margin-top:8px}.stage-label,.is-playing .stage-label{display:block;margin-top:7px;font-size:8px;letter-spacing:.9px}.pet-scene,.quiz-open{min-height:0;margin:0;transform:none;justify-content:center;container-type:size}.pet-touch{width:clamp(65px,calc((100cqh - 80px)*.96),275px);margin-top:5px;flex-shrink:0}.pet-speech{padding:8px 13px;font-size:11px;flex-shrink:0}.pet-name{margin-top:-6px;flex-shrink:0}.pet-scene h1{font-size:29px}.pet-scene p{font-size:10px;margin-top:5px;flex-shrink:0}.pet-pedestal{top:69%;width:190px}.play-area{margin:0;padding:9px 0 11px}.play-button{width:59px;height:59px}.play-area>span{margin-top:12px;font-size:8px;letter-spacing:1.3px}.habitat-bottom{margin:0 19px;padding:0 0 3px;min-height:45px;border-top:1px solid #6b8e6a20}.habitat-bottom button{min-height:44px;padding:7px 6px}.collection-shortcut,.journey-shortcut{display:flex;align-items:center;gap:6px;font-size:11px}.sound-button{width:36px;height:44px}.journal{align-self:center;padding:0}.journal .eyebrow{margin-bottom:13px}.journal h2{font-size:33px}.journal>p{margin-top:14px}.journal-stats{margin:22px 0;gap:10px}.journal-stats>div{padding:15px 13px}.journal-stats strong{margin-top:10px;font-size:26px}.mini-collection{margin:14px 0 22px;gap:7px}.tip-card{padding:21px}.tip-card h3{font-size:22px;margin:7px 0 10px}.journal-footer{display:none}.welcome{height:100%;min-height:0;gap:20px;max-width:1000px;margin:0 auto}.welcome h1{font-size:clamp(30px,4vw,53px)}.welcome .eyebrow{margin-bottom:13px}.welcome .intro-copy{margin:15px 0 21px}.welcome-note{margin-top:16px}.welcome-art{max-height:80%;max-width:100%}.welcome input{min-height:44px;padding:12px 14px}.primary{min-height:44px;padding:12px 20px}.choose-screen{height:100%;min-height:0;margin:0 auto;width:min(100%,740px);display:flex;flex-direction:column;justify-content:center}.choose-screen h1,.choose-dialog h1{font-size:31px}.choose-screen .eyebrow,.choose-dialog .eyebrow{margin-bottom:10px}.choose-screen .intro-copy,.choose-dialog .intro-copy{margin:8px 0 0;font-size:12px}.pet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 12px}.pet-card{min-width:0;padding:10px 8px 12px;border-radius:17px}.pet-card .pet-art{width:clamp(60px,calc(var(--screen-height) * .16),120px);max-width:100%}.pet-card strong{margin-top:1px;font-size:13px}.pet-card>span:not(.chosen-check){display:none}.chosen-check{width:19px;height:19px;top:7px;right:7px}.selected-pet-info{font-size:12px;line-height:1.5;color:#7b8d71;min-height:36px;margin:0 auto 15px;max-width:450px}.fine-print{font-size:10px;margin-top:11px}.modal-layer{top:var(--viewport-top, 0px);bottom:auto;height:var(--screen-height, 100dvh);padding:16px}.sheet{overflow:visible;max-height:calc(var(--screen-height, 100dvh) - 32px);padding:26px 24px;border-radius:23px;width:min(550px,100%)}.sheet h2{font-size:26px}.close{top:9px;right:9px;width:36px;height:36px;background:#e8eee2b0}.choose-sheet{width:min(680px,100%)}.choose-dialog .selected-pet-info{font-size:11px;margin-bottom:12px}.evolution .pet-art{width:min(210px,calc(var(--screen-height, 100dvh) * .29))}.evolution .eyebrow{margin-bottom:11px}.evolution h3{font-size:20px;margin:0 0 8px}.evolution p{margin-bottom:17px;font-size:12px}.celebration{top:65px}.empty-state{padding:23px 5px}.empty-state h3{margin:13px 0 10px}.empty-state p{line-height:1.65}.quiz-layer{align-items:initial;padding:0}.quiz-sheet{position:absolute;bottom:max(16px,var(--safe-bottom));display:flex;flex-direction:column;margin:0;width:min(620px,100%);max-height:calc(var(--screen-height, 100dvh) - max(16px,var(--safe-bottom)) - 24px);overflow:visible;border-radius:23px 23px 24px 24px;padding:14px 22px 17px;background:#fffef8f7;box-shadow:0 -9px 30px #253f3413}.quiz-sheet .question-content{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6e1d0 transparent}.quiz-action{flex:0 0 auto;padding-top:12px}.quiz-action .primary{width:100%;min-height:48px;padding:12px 18px;font-size:12px}.quiz-sheet .question-content .answer-result>p{margin-bottom:0}.sheet-handle{margin:0 auto 11px;height:3px;width:29px}.quiz-meta{margin-bottom:12px;font-size:9px;padding-right:34px;letter-spacing:.9px}.quiz-meta>span:first-child{padding:5px 9px;font-size:10px}.quiz-sheet h2{font-size:20px;line-height:1.4;margin-bottom:16px;padding-right:0}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.answers button{min-height:56px;font-size:13px;line-height:1.35;padding:10px;gap:8px}.answers button>span{width:23px;height:23px;font-size:9px;border-radius:7px}.answers button>svg{display:none}.answers .answer-label{min-width:0;font-weight:inherit;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.quiz-empty>p{margin:0 0 18px;color:#73816d;font-size:13px;line-height:1.6}.quiz-empty>.primary{width:100%;min-height:48px}.quiz-foot{margin-top:11px;font-size:10px}.quiz-foot button{min-height:32px;font-size:11px;padding:6px}.answer-result{padding-top:0}.answer-result strong{font-size:12px;line-height:1.4}.answer-result p{font-size:13px;line-height:1.55;margin:11px 0 15px}.answer-result .primary{min-height:44px;font-size:12px}.correct-answer-card,.incorrect-answer-card{background:#edf5e5;border:1px solid #d9e7cb;border-radius:12px;margin-top:12px;padding:10px 12px}.correct-answer-card>span,.incorrect-answer-card>span{display:block;font-size:10px;color:#829771;margin-bottom:4px}.correct-answer-card b,.incorrect-answer-card b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#537845}.correct-answer-card b svg,.incorrect-answer-card b svg{flex-shrink:0}.incorrect-answer-card{background:#fff0f1;border-color:#ecc3c7}.incorrect-answer-card>span{color:#b45b64}.incorrect-answer-card b,.quiz-sheet h2.incorrect-result-title{color:#a63947}.your-answer.correct-answer-reference{color:#537845}.your-answer{font-size:11px;color:#a38873;margin-top:7px}.quiz-open{justify-content:flex-start;padding-top:6px}.quiz-open .pet-touch{margin-top:0}.quiz-open .pet-name{margin-top:-6px}.quiz-open h1{font-size:21px}.quiz-open .pet-speech,.quiz-open .pet-scene p{display:none}.quiz-open .pet-pedestal{top:60px}.toast{bottom:18px;max-width:calc(100vw - 32px);text-align:center}@media(max-width:900px),(max-height:720px){.game-layout,.is-playing .game-layout{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,620px)}.journal{display:none}}@media(max-width:600px){.app{padding-left:12px;padding-right:12px}.header-tagline{display:none}.brand{font-size:26px}.header-note.save-indicator{font-size:10px;max-width:none}.habitat{border-radius:23px}.habitat-header{margin:8px 18px 7px}.growth{margin:0 19px 6px}.growth-label{font-size:10px}.growth-label strong{font-size:11px}.stage-label{font-size:7px;margin-top:6px}.pet-speech{font-size:10px}.pet-touch{width:clamp(65px,calc((100cqh - 75px)*.96),250px)}.pet-scene h1{font-size:27px}.pet-scene p{font-size:9px;margin-top:4px}.play-area{padding:7px 0 10px}.play-button{width:56px;height:56px}.play-area>span{margin-top:11px;font-size:7px}.habitat-bottom{margin:0 15px}.collection-shortcut,.journey-shortcut{font-size:11px}.welcome{display:flex;flex-direction:column-reverse;justify-content:center;gap:8px;padding:0 7px;text-align:center}.welcome-art{flex-shrink:0;width:clamp(90px,calc(var(--screen-height) - 460px),225px);height:auto;margin:0 auto;max-height:none}.welcome .art-caption{display:none}.welcome h1{font-size:29px;line-height:1.2;letter-spacing:-.9px}.welcome .eyebrow{font-size:8px;margin-bottom:9px}.welcome .intro-copy{margin:10px 0 14px;font-size:12px;line-height:1.65}.welcome form{width:300px;gap:8px}.welcome label{font-size:12px}.welcome-note{margin-top:12px;font-size:9px}.choose-screen h1,.choose-dialog h1{font-size:26px;line-height:1.2}.choose-screen .eyebrow,.choose-dialog .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:9px}.choose-screen .intro-copy,.choose-dialog .intro-copy{font-size:11px;line-height:1.5}.pet-grid{gap:9px;margin:17px 0 10px}.pet-card{padding:6px 3px 10px;border-radius:14px}.pet-card .pet-art{width:clamp(62px,calc(var(--screen-height) * .135),105px)}.pet-card strong{font-size:11px}.selected-pet-info{font-size:11px;line-height:1.45;min-height:32px;margin-bottom:13px}.fine-print{font-size:9px;margin-top:10px}.sheet{padding:26px 19px 22px}.sheet h2{font-size:25px}.quiz-sheet{padding:12px 15px 14px}.quiz-meta{margin-bottom:11px}.quiz-sheet h2{font-size:18px;line-height:1.35;margin-bottom:14px}.answers button{min-height:55px;font-size:12px;padding:9px 8px;gap:6px}.answers button>span{width:20px;height:20px;font-size:8px}.quiz-foot{font-size:8px}.quiz-foot button{font-size:10px}.answer-result strong{font-size:11px}.answer-result p{font-size:12px;margin:10px 0 13px}.correct-answer-card b,.incorrect-answer-card b{font-size:13px}.quiz-open h1{font-size:19px}}.compact-screen .pet-speech{display:none}.compact-screen .pet-touch{width:clamp(65px,calc((100cqh - 42px)*.96),230px)}.compact-screen .pet-scene h1{font-size:24px}.compact-screen .play-button{width:52px;height:52px}.compact-screen .play-area{padding:6px 0 8px}.compact-screen .play-area>span{margin-top:9px}.compact-screen .quiz-foot{display:none}.compact-screen .quiz-sheet h2{font-size:16px;line-height:1.35;margin-bottom:12px}.compact-screen .quiz-meta{margin-bottom:9px}.compact-screen .answers{gap:7px}.compact-screen .answers button{min-height:52px;padding:8px 7px}.compact-screen .quiz-open .pet-name{display:none}.compact-screen .quiz-open .pet-touch{margin:0 auto}.compact-screen .answer-result p{font-size:12px;line-height:1.5;margin:9px 0 12px}.compact-screen .empty-state{padding:18px 3px}.compact-screen .evolution .pet-art{width:165px}.compact-screen .evolution p{font-size:11px}.compact-screen .welcome h1{font-size:26px}.compact-screen .welcome .eyebrow{font-size:7px}.compact-screen .welcome-note{margin-top:10px}.compact-screen .choose-screen h1,.compact-screen .choose-dialog h1{font-size:24px}.compact-screen .pet-grid{margin-top:13px}.compact-screen .selected-pet-info{margin-bottom:11px}.keyboard-open .welcome-art,.keyboard-open .welcome .intro-copy,.keyboard-open .welcome-note,.keyboard-open .welcome .eyebrow{display:none}.keyboard-open .welcome{gap:0}.keyboard-open .welcome h1{font-size:21px;margin-bottom:12px}.compact-screen.is-playing .habitat-header{margin-top:6px;margin-bottom:4px}.compact-screen.is-playing .stage-label{display:none}.compact-screen.is-playing .growth{margin-bottom:2px}.compact-screen .sheet-handle{margin-bottom:8px}.compact-screen .quiz-meta{margin-bottom:7px}.compact-screen .correct-answer-card,.compact-screen .incorrect-answer-card{margin-top:9px;padding:8px 10px}.compact-screen .your-answer{margin-top:5px}.current-subject-tag{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 13px;border-radius:999px;border:1px solid #c9d6c8;background:#ffffffb8;color:#556d5e;font-weight:800;font-size:12px;letter-spacing:.025em}.pet-card-subject{display:block;color:#456d62;font-weight:800;font-size:12px;margin:4px 0 6px}:root{--motion-out: cubic-bezier(.22, 1, .36, 1);--motion-soft: cubic-bezier(.2, .7, .3, 1)}.reveal-word{display:inline-block;animation:word-unfold .44s var(--word-delay, 0ms) var(--motion-out) backwards}.welcome h1,.choose-screen h1,.choose-dialog h1,.journal h2{text-wrap:balance}.quiz-sheet h2{letter-spacing:-.35px;text-wrap:pretty}.growth-label strong,.answer-result strong>span,.journal-stats strong{font-variant-numeric:tabular-nums}.site-header{animation:quiet-arrive .55s var(--motion-out) backwards}.habitat-header,.growth{animation:quiet-arrive .55s 80ms var(--motion-out) backwards}.welcome,.choose-screen,.journal{animation:quiet-arrive .65s var(--motion-out) backwards}.progress-track>div{width:100%;transform-origin:left center;transition:transform .72s var(--motion-out);background:linear-gradient(90deg,#678a66,#a8bd8c 72%,#c6d6a7);box-shadow:inset 0 1px #ffffff40}.progress-track>div:after{animation:track-glimmer 1.2s .4s var(--motion-soft) both}.modal-layer:not(.is-closing){animation:veil-arrive .18s ease-out backwards}.modal-layer:not(.is-closing)>.sheet{animation:sheet-unfold .46s var(--motion-out) backwards}.question-content{animation:none}.quiz-meta{animation:quiet-arrive .32s var(--motion-out) backwards}.answers button{animation:choice-arrive .43s calc(.1s + var(--answer-delay, 0ms)) var(--motion-out) backwards;transition:background .2s ease,border-color .2s ease,box-shadow .22s ease,transform .22s var(--motion-out);box-shadow:inset 0 1px #ffffffb0}.answers button>span{transition:color .18s ease,background .18s ease,border-color .18s ease}.answers button:focus-visible{background:#eff5e8;border-color:#819e73}.answers button:focus-visible>span{color:#4e6d44;background:#dce8d1;border-color:#cfdcbe}.answer-result{animation:none}.answer-result>strong,.answer-result .correct-answer-card,.answer-result .incorrect-answer-card,.answer-result .your-answer,.answer-result>p{animation:feedback-arrive .4s var(--motion-out) backwards}.answer-result>strong{animation-delay:40ms}.answer-result .correct-answer-card,.answer-result .incorrect-answer-card{animation-delay:80ms;box-shadow:inset 0 1px #ffffffb0}.answer-result .your-answer{animation-delay:.11s}.answer-result>p{animation-delay:.14s}.quiz-action>.primary{animation:action-arrive .3s .12s ease-out backwards}.answer-result strong>span{animation:score-arrive .46s .13s var(--motion-out) backwards}.success-result .correct-answer-card svg{animation:score-arrive .46s .18s var(--motion-out) backwards}.primary,.ranking-connect,.compact-cloud-connect{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 5px 13px #314b3820,inset 0 1px #ffffff40,inset 0 -1px #283f3418;transition:transform .22s var(--motion-out),box-shadow .22s ease,background .22s ease}.primary:before,.ranking-connect:before,.compact-cloud-connect:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transform:translate(-110%);background:linear-gradient(110deg,transparent 20%,#fffef526 48%,transparent 78%)}.primary>svg,.ranking-connect>svg,.compact-cloud-connect>svg{transition:transform .22s var(--motion-out)}.primary:active:not(:disabled),.ranking-connect:active:not(:disabled),.compact-cloud-connect:active:not(:disabled){transform:scale(.985)}.pet-card,.compact-stage,.compact-friend,.ranking-player{--card-delay: 0ms;animation:card-arrive .48s var(--card-delay) var(--motion-out) backwards}:is(.pet-card,.compact-stage,.compact-friend,.ranking-player):nth-child(2){--card-delay: 35ms}:is(.pet-card,.compact-stage,.compact-friend,.ranking-player):nth-child(3){--card-delay: 70ms}:is(.pet-card,.compact-stage,.compact-friend,.ranking-player):nth-child(4){--card-delay: 105ms}:is(.pet-card,.compact-stage,.compact-friend,.ranking-player):nth-child(5){--card-delay: .14s}:is(.pet-card,.compact-stage,.compact-friend,.ranking-player):nth-child(6){--card-delay: 175ms}.compact-stage:nth-child(n+7){--card-delay: .21s}.compact-panel-heading,.compact-profile-heading,.ranking-heading{animation:quiet-arrive .42s var(--motion-out) backwards}.compact-profile-stats,.compact-cloud-card,.ranking-personal{animation:quiet-arrive .45s .1s var(--motion-out) backwards}.evolution .celebration i{animation-iteration-count:2}.evolution h3{animation:quiet-arrive .48s .18s var(--motion-out) backwards}@media(hover:hover)and (pointer:fine){.primary:hover:not(:disabled),.ranking-connect:hover:not(:disabled),.compact-cloud-connect:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #314b3828,inset 0 1px #ffffff40}.primary:hover:not(:disabled):before,.ranking-connect:hover:not(:disabled):before,.compact-cloud-connect:hover:not(:disabled):before{animation:button-glimmer .68s ease-out}.primary:hover:not(:disabled)>svg{transform:translate(2px)}.answers button:hover:not(:disabled)>span{color:#4e6d44;background:#dce8d1;border-color:#cfdcbe}.pet-card:hover:not(:disabled){transform:translateY(-2px)}}@keyframes word-unfold{0%{opacity:0;transform:translateY(.28em)}to{opacity:1;transform:translateY(0)}}@keyframes quiet-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes veil-arrive{0%{opacity:0}to{opacity:1}}@keyframes sheet-unfold{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes choice-arrive{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes action-arrive{0%{opacity:.75}to{opacity:1}}@keyframes score-arrive{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes card-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes track-glimmer{0%{opacity:0;transform:translate(-100%)}25%{opacity:.7}to{opacity:0;transform:translate(100%)}}@keyframes button-glimmer{0%{opacity:0;transform:translate(-110%)}25%,65%{opacity:1}to{opacity:0;transform:translate(110%)}}@media(prefers-reduced-motion:reduce){.reveal-word,.site-header,.habitat-header,.growth,.welcome,.choose-screen,.journal,.modal-layer,.modal-layer>.sheet,.quiz-meta,.answers button,.answer-result>*,.quiz-action>.primary,.answer-result strong>span,.correct-answer-card svg,.pet-card,.compact-stage,.compact-friend,.ranking-player,.compact-panel-heading,.compact-profile-heading,.ranking-heading,.compact-profile-stats,.compact-cloud-card,.ranking-personal,.evolution h3{animation:none!important}.progress-track>div,.primary,.ranking-connect,.compact-cloud-connect,.primary>svg,.ranking-connect>svg,.compact-cloud-connect>svg{transition:none!important}.progress-track>div:after,.primary:before,.ranking-connect:before,.compact-cloud-connect:before{animation:none!important;opacity:0}}.habitat .habitat-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;min-height:44px}.habitat-header .profile-button{min-width:0;max-width:100%;min-height:44px;justify-self:start;gap:7px}.habitat-header .profile-button>span:not(.avatar){min-width:0}.habitat-header .profile-button strong{max-width:100%}.habitat-header .profile-button small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habitat-header .rank-button{justify-self:end;min-height:44px;max-width:100%}.mode-toggle{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;width:228px;min-height:44px;padding:4px;border:1px solid #ffffffce;border-radius:15px;color:#75857a;background:linear-gradient(145deg,#ffffffba,#ffffff70);box-shadow:0 4px 14px #3d5e4910,inset 0 1px #ffffffc9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .18s ease,border-color .18s ease}.mode-toggle:before{content:"";position:absolute;inset:4px auto 4px 4px;width:calc((100% - 8px)/4);z-index:-1;border:1px solid #d8e3d3;border-radius:11px;background:linear-gradient(145deg,#fff,#edf3e8);box-shadow:0 2px 6px #4b684a15,inset 0 1px #fff;transition:transform .26s var(--motion-out, ease),background .18s ease,border-color .18s ease}.mode-toggle>button{display:flex;align-items:center;justify-content:center;gap:3px;padding:0;border:0;border-radius:11px;color:inherit;background:transparent;min-height:44px;min-width:0;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;transition:color .18s ease}.mode-toggle>.is-active{color:#425d49}.mode-toggle.is-english:before{transform:translate(100%);border-color:#cfdee7;background:linear-gradient(145deg,#fff,#eaf2f7)}.mode-toggle.is-english>.is-active{color:#41627b}.mode-toggle.is-math:before{transform:translate(200%);border-color:#ded4ed;background:linear-gradient(145deg,#fff,#f1edf8)}.mode-toggle.is-math>.is-active{color:#73598c}.mode-toggle.is-history:before{transform:translate(300%);border-color:#e9dcc4;background:linear-gradient(145deg,#fff,#faf1df)}.mode-toggle.is-history>.is-active{color:#926b3b}.mode-toggle>button:focus-visible{outline:2px solid #6a8b76;outline-offset:3px}@media(hover:hover){.mode-toggle:hover{border-color:#fff;box-shadow:0 5px 17px #3d5e491c,inset 0 1px #fff}}.english-course-meta{display:block;overflow:hidden;margin:-3px 0 8px;color:#698295;font-size:10px;font-weight:600;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.english-rule{margin:0 0 10px;padding:7px 10px;border:1px solid #dce7ee;border-radius:10px;color:#547087;background:#eff5f8;font-size:11px;line-height:1.45}.english-rule strong{font-weight:700}.english-retry-note{margin:0 0 8px;padding:6px 9px;border:1px solid #ecc3c7;border-radius:9px;color:#a63947;background:#fff0f1;font-size:11px;line-height:1.4;animation:english-hint-arrive .2s ease-out}.english-retry-note>svg{width:12px;height:12px;margin-right:5px;vertical-align:-2px}.answers button.retry-option{position:relative;opacity:1;color:#a63947;border-color:#ecc3c7;background:#fff0f1;box-shadow:inset 0 1px #ffffff9c}.answers button.retry-option>span{color:#a63947;border-color:#ecc3c7;background:#fde7e8}.answers button.retry-option>svg{display:block;position:absolute;top:3px;right:3px;width:10px;height:10px;color:#a63947}@keyframes english-hint-arrive{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.mode-toggle{width:192px}.mode-toggle>button{font-size:9px}.mode-toggle>button:last-child>svg{display:none}.habitat .habitat-header{gap:8px;grid-template-columns:minmax(0,1fr) auto 44px}.habitat-header .profile-button>svg{display:none}.habitat-header .rank-button{width:44px;padding:0;justify-content:center}.habitat-header .rank-button>span{display:none}}@media(max-width:380px){.answers.sentence-answers button>span{display:none}.habitat .habitat-header{margin-right:10px;margin-left:10px;gap:6px}.mode-toggle{width:186px}.habitat-header .profile-button{gap:5px}.habitat-header .profile-button small{font-size:6px;letter-spacing:.5px}.habitat-header .avatar{width:28px;height:28px;font-size:15px}.habitat-header .profile-button strong{font-size:11px}.english-course-meta{margin-bottom:6px;font-size:9px}.english-rule{margin-bottom:8px;padding:6px 8px;font-size:10px}.english-retry-note{font-size:10px}}@media(max-width:340px){.habitat-header .profile-button{width:32px;justify-content:center}.habitat-header .profile-button>span:not(.avatar){display:none}}@media(prefers-reduced-motion:reduce){.mode-toggle,.mode-toggle:before,.mode-toggle>button{transition:none}.english-retry-note{animation:none}}.math-timer{display:flex;align-items:center;gap:9px;margin:-2px 0 10px;color:#73598c;font-size:11px;line-height:1.4}.math-timer>span{display:flex;align-items:center;gap:4px;min-width:42px;font-weight:700;font-variant-numeric:tabular-nums}.math-timer-track{flex:1;height:4px;overflow:hidden;border-radius:9px;background:#e9e1f1}.math-timer-track>i{display:block;height:100%;border-radius:inherit;transform-origin:left;background:#9c7cb8;transition:transform .1s linear,background .18s ease}.math-timer.is-urgent{color:#a63947}.math-timer.is-urgent .math-timer-track>i{background:#ca6a77}.math-question .answers .answer-label{font-size:18px;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.math-timer-track>i{transition:none}}.history-course-meta{display:flex;align-items:center;gap:5px 8px;min-width:0;margin:-3px 0 9px;color:#927547;font-size:10px;font-weight:600;line-height:1.4}.history-course-meta>span:first-child{flex:1;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-review-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border:1px solid #e8dbc3;border-radius:6px;color:#896335;background:#faf1df;white-space:nowrap;flex-shrink:0}.answer-result p.history-repeat-note{display:flex;align-items:flex-start;gap:6px;margin:8px 0 2px;color:#927547;font-size:11px;line-height:1.4}.history-repeat-note>svg{flex-shrink:0;margin-top:2px}@media(max-width:380px){.history-course-meta{margin-bottom:7px;font-size:9px}.answer-result p.history-repeat-note{gap:5px;font-size:10px}}@media(max-width:340px)and (max-height:650px){.history-sheet.is-history-result .quiz-meta{display:none}.history-sheet .history-course-meta{margin-bottom:6px}.history-sheet.is-history-result .history-course-meta{padding-right:34px}.history-sheet h2.incorrect-result-title{margin-bottom:8px}.history-sheet .incorrect-answer-card{margin-top:7px;padding:6px 8px}.history-sheet .incorrect-answer-card>span{line-height:1.3}.history-sheet .incorrect-answer-card b{font-size:12px;line-height:1.35}.history-sheet .your-answer{font-size:10.5px;line-height:1.3}.history-sheet .answer-result p:not(.history-repeat-note){margin-top:7px;font-size:11px;line-height:1.4}.history-sheet .answer-result p.history-repeat-note{margin-top:6px}.history-sheet .quiz-action{padding-top:9px}}