:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#253d32;background:#e4e8df;font-synthesis:none;--ink:#253d32;--muted:#7a847d;--accent:#285841;--lime:#dcebab;--line:#263f3215;--white:#fffffff2;--shadow:0 12px 40px #263b3010}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(.95)}button:focus-visible,a:focus-visible,input:focus-visible,video:focus-visible{outline:3px solid #699c64;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.eyebrow{font:9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted)}#app,#viewport{position:absolute;top:0;right:0;bottom:0;left:0}#viewport{overflow:clip;touch-action:none}#viewport canvas{display:block}#labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:clip}.screen-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:absolute;top:0;left:0;right:0;height:76px;padding:0 28px;display:flex;align-items:center;gap:30px;background:#fcfdfaf5;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-weight:650;white-space:nowrap;font-size:17px;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--lime);border-radius:12px;font-size:24px;font-weight:400}.brand small{font:7px ui-monospace,monospace;letter-spacing:1.6px;display:block;margin-top:5px;color:#78897d}.main-nav{display:flex;height:100%;gap:28px;margin:auto}.main-nav button{font-size:13px;position:relative;color:#7a857d;padding:0 3px}.main-nav button.active{color:var(--ink);font-weight:600}.main-nav button.active:after{content:"";height:3px;border-radius:2px;background:var(--accent);position:absolute;bottom:0;left:18%;right:18%}.account-tools{display:flex;align-items:center;gap:13px}.points-button{display:flex;gap:7px;align-items:center;font-size:10px;border:1px solid #dfe5dc;border-radius:24px;padding:8px 12px;background:#fff}.points-button b{font-size:14px}.points-button i{font-size:16px;font-style:normal;border-left:1px solid var(--line);padding-left:8px}.coin{color:#94a45d;font-size:18px}.member-button{background:var(--ink);color:#fff;border-radius:22px;padding:11px 17px;font-size:12px}.account-avatar{width:34px;height:34px;border-radius:50%;background:#e8eddf;font-size:12px}.panel{background:var(--white);border:1px solid #ffffffc4;border-radius:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.residents{position:absolute;top:100px;left:24px;bottom:42px;width:222px;z-index:6;display:flex;flex-direction:column;overflow:hidden}.residents-heading{padding:24px 20px 19px}.residents-heading .eyebrow{font-size:8px;letter-spacing:1px}.residents-heading h2{font-size:18px;margin-top:12px;letter-spacing:.3px;font-weight:600}.residents-heading h2 span{font-size:11px;color:#8a958a;background:#edf1e9;border-radius:7px;padding:3px 5px;margin-left:6px}.residents-heading p{font-size:11px;color:var(--muted);margin-top:8px}.pet-filters{display:flex;margin:0 16px;background:#eef2eb;border-radius:10px;padding:4px;gap:3px}.pet-filters button{font-size:11px;padding:7px 8px;flex:1;border-radius:7px;white-space:nowrap;color:#7a857d}.pet-filters .active{background:#fff;box-shadow:0 1px 4px #30452e10;color:var(--ink)}.list-caption{display:flex;justify-content:space-between;padding:22px 21px 10px;font-size:9px;color:#8f988f}.animal-list{flex:1;overflow:auto;padding:0 10px 12px;scrollbar-width:thin;scrollbar-color:#ced7c8 transparent}.animal-row{width:100%;display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:12px;text-align:left;margin:3px 0}.animal-row.active{background:#e9efdf}.pet-art{display:block;flex-shrink:0;width:48px;height:48px;background-size:300% 300%;background-repeat:no-repeat;border-radius:12px;background-color:#fff}.animal-row b{font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}.animal-row small{font-size:9px;color:#83907f;display:block;margin-top:6px}.pet-row-more{margin-left:auto;color:#9aab90;font-size:18px}.collar-dot,.muted-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6c9552}.muted-dot{background:#afb5ae}.gift-teaser{display:flex;align-items:center;gap:10px;margin:8px 12px 12px;padding:16px 10px;text-align:left;background:#eff3e1;border:1px solid #e0e8cb;border-radius:13px}.gift-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dee9b7;font-size:26px}.gift-teaser b{font-size:12px;font-weight:600}.gift-teaser small{display:block;color:#87966b;font-size:9px;margin-top:6px}.gift-teaser strong{font-weight:600;color:var(--ink)}.map-heading{position:absolute;top:112px;left:276px;z-index:4;pointer-events:none}.map-heading .eyebrow{color:#7c8978;font-size:8px;letter-spacing:1.1px}.map-heading .eyebrow span{opacity:.6;padding-left:16px}.map-heading h1{font-size:36px;font-weight:500;letter-spacing:5px;margin:11px 0 16px}.map-heading h1>span{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:#788574;margin-top:10px}.map-key{display:flex;gap:14px;font-size:9px;color:#6f7f6a}.map-key i{margin-right:5px}.map-caption{position:absolute;left:300px;bottom:136px;display:flex;align-items:center;gap:9px;font-size:9px;color:#7b8677;z-index:4}.demo-badge{border:1px solid #8c9c802e;font-size:8px;border-radius:5px;padding:3px 6px}.compass{position:absolute;right:388px;top:117px;z-index:4;text-align:center;font:9px ui-monospace;color:#788370}.compass span{display:block}.compass svg{width:42px;height:42px}.compass path{fill:#60784f}.compass circle{fill:none;stroke:#7185663d}.zoom-controls{position:absolute;right:389px;bottom:165px;z-index:5;display:grid;background:#fffd;border:1px solid white;border-radius:12px;box-shadow:var(--shadow)}.zoom-controls button{width:34px;height:36px;font-size:21px}.zoom-controls button+button{border-top:1px solid var(--line)}.bottom-bar{position:absolute;bottom:64px;left:calc((100% - 95px)/2);transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:13px;padding:7px 12px;background:#ffffffd9;border:1px solid white;border-radius:15px;box-shadow:0 6px 25px #46583d12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.view-switch{display:flex;gap:2px}.view-switch button{padding:9px 11px;font-size:10px;border-radius:9px;white-space:nowrap}.view-switch button span{font-size:8px;margin-left:3px;opacity:.6}.view-switch .active{background:var(--ink);color:#fff}.height-control{display:flex;border-left:1px solid var(--line);padding-left:12px;gap:3px}.height-control button{font-size:9px;padding:7px 8px;white-space:nowrap;border-radius:7px;color:var(--muted)}.height-control .active{background:#eaf0df;color:var(--ink)}#rotate,#about-open{font-size:21px;padding:2px}#rotate.active{color:#83a04a}.map-bottom-note{position:absolute;bottom:31px;left:298px;right:386px;z-index:4;display:flex;justify-content:space-between;font-size:8px;color:#8d9885}.demo-note{position:absolute;right:32px;bottom:19px;font-size:8px;letter-spacing:.4px;color:#879182}.animal-detail{position:absolute;right:24px;top:100px;bottom:42px;width:304px;z-index:7;overflow:auto;scrollbar-width:thin;scrollbar-color:#d8dfd3 transparent}.profile-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 8px;font-size:10px;color:#8a9389}.profile-id{font:9px ui-monospace,monospace;color:#a0aa9b}.portrait-stage{position:relative;background:#fff;margin:0 15px;border-radius:12px;height:225px;display:grid;place-items:center;overflow:hidden}.portrait-stage .pet-art{width:225px;height:225px;border-radius:0}.collar-badge{position:absolute;bottom:9px;left:11px;border:1px solid #e2eadb;background:#f7faf2e8;color:#739356;font-size:8px;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:6px}.collar-badge i{width:4px;height:4px;border-radius:50%;background:#789a57}.collar-badge.unbound{color:#92988c;background:#f2f4f0}.collar-badge.unbound i{background:#a3aa9e}.profile-body{padding:19px 22px 14px}.name-line{display:flex;align-items:center;justify-content:space-between}.name-line h2{font-size:27px;letter-spacing:1px;font-weight:550}.name-line h2 span{font-size:15px;color:#90a592;margin-left:7px}.trait-tag{font-size:9px;background:#f1f4e9;color:#8b9a71;padding:6px 8px;border-radius:6px}.profile-meta{font-size:10px;color:var(--muted);margin-top:9px}.location-line{font-size:10px;color:#79906c;margin-top:15px;display:flex;gap:8px;align-items:center}.location-line span{font-size:8px;color:#a0a699}.profile-tabs{margin:21px 0 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-bottom:9px}.profile-tabs button{font-size:12px;font-weight:600;padding:0}.profile-tabs span{font-size:8px;color:#adb4a8}.pet-story{font-size:11px;line-height:1.95;color:#7a8777;min-height:65px}.profile-actions{display:flex;gap:9px;margin-top:16px}.primary{background:var(--ink);color:#fff;border-radius:11px;padding:13px 17px;font-size:12px;font-weight:500}.profile-actions .primary{flex:1}.primary small{font-size:9px;opacity:.65;margin-left:12px}.hello{width:45px;border:1px solid #dce5d6;border-radius:11px;font-size:23px;background:#fff}.live-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:10px;background:#edf2e4;width:100%;margin-top:9px;font-size:11px}.live-button>span{font-size:17px}.live-button small{font-size:8px;color:#879c6e}.adopt-button{display:block;width:100%;margin-top:10px;padding:8px;font-size:10px;color:#6b895a}.care-note{font-size:8px;color:#a3ac9b;line-height:1.6;text-align:center;margin:8px 0 1px}.close{font-size:25px;color:#7f897b;width:32px;height:32px;border-radius:50%;background:#f1f4eb}.mobile-close,.mobile-residents{display:none}.pin{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;flex-direction:column;pointer-events:auto;padding:0;white-space:nowrap;z-index:2}.pin-label{font-size:8px;color:#5e7a62;background:#f5f9f1d9;border-radius:4px;padding:4px 6px}.pin-label em{display:none}.pin-stem{width:1px;height:9px;background:#8c9e80}.pin-dot{width:4px;height:4px;background:#6d8864;border-radius:50%}.pin.sample{display:none!important}.pin.compact .pin-label{display:none}.pet-pin{z-index:4}.pet-pin .pet-art{width:30px;height:30px;border-radius:50%;border:2px solid white;box-shadow:0 2px 7px #253e3440}.pet-pin .pin-stem{height:13px;background:#6d8e63}.pet-pin .pin-dot{height:6px;width:6px;background:#5d8149;position:relative;box-shadow:0 0 0 3px #e4edcf60}.pet-pin.bound .pin-dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid #779c57;border-radius:50%;animation:pulse 3s ease-out infinite;animation-delay:var(--delay)}.pet-pin.unbound .pet-art{filter:grayscale(1);opacity:.75}.pet-pin.unbound .pin-dot{background:#9ca798;box-shadow:none}.pet-pin.unbound .pin-stem{background:#a4afa0}.pet-pin .pet-pin-name{font-size:8px;background:#fff;border-radius:5px;padding:3px 6px;margin-top:-3px;z-index:1;display:none}.pet-pin.active,.pet-pin:hover{z-index:8}.pet-pin.active .pet-art{width:46px;height:46px;border:3px solid #eff7cf;box-shadow:0 0 0 2px #42613b,0 8px 15px #26412630}.pet-pin.active .pet-pin-name,.pet-pin:hover .pet-pin-name{display:block}.pet-pin.active .pet-pin-name{background:var(--ink);color:#fff}.pet-pin.compact:not(.active):not(:hover) .pet-art{width:20px;height:20px;border-width:1px}.pet-pin.compact:not(.active) .pin-stem{height:7px}.geo-detail{position:absolute;left:290px;bottom:162px;width:270px;padding:23px;z-index:9;font-size:11px}.geo-detail .close{position:absolute;right:10px;top:10px}.geo-detail h2{margin:13px 0;font-size:22px}.geo-detail p{line-height:1.8;margin:13px 0;color:var(--muted)}.geo-detail a{display:block;margin-top:15px}.geo-detail #detail-coordinates{font-size:9px}.loading{position:absolute;top:76px;right:0;bottom:0;left:0;z-index:18;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#e4e8df;font-size:12px;color:#77866d;transition:opacity .4s}.loading-mark{width:32px;height:32px;border:1px solid #cad6bd;border-top-color:#42613b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.5);opacity:1}90%,to{transform:scale(2);opacity:0}}dialog{border:1px solid #ffffffbd;border-radius:24px;color:var(--ink);background:#fcfdf9;box-shadow:0 30px 100px #13291c30;padding:36px;max-width:640px;width:calc(100% - 40px);max-height:calc(100dvh - 60px);overflow:auto}dialog::backdrop{background:#223b3257;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog>.close,dialog form>.close{position:absolute;top:17px;right:17px;z-index:2}dialog h2{font-size:27px;font-weight:550;margin:9px 0 18px}dialog p,dialog dd{font-size:12px;line-height:1.9;color:#7a8874}dialog dt{font-size:12px;margin-top:17px}dialog dd{margin:4px 0}.source-links{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;margin:20px 0}.fineprint{border-top:1px solid var(--line);padding-top:14px;font-size:10px!important}.fallback-surface{position:absolute;width:min(155vw,170vh);height:min(155vw,170vh);left:calc((100% - 95px)/2);top:52%;background-size:100% 100%;touch-action:none}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#254535;color:#f6f9ef;padding:14px 22px;border-radius:12px;box-shadow:0 8px 35px #25382530;z-index:100;font-size:12px;max-width:90vw;text-align:center;line-height:1.6}@media(min-width:1500px){.residents{width:239px;left:30px}.map-heading{left:303px}.animal-detail{right:30px;width:322px}.map-caption{left:303px}.compass,.zoom-controls{right:386px}.portrait-stage{height:260px}.portrait-stage .pet-art{width:260px;height:260px}.profile-body{padding:22px 26px}.pet-story{font-size:12px}.animal-row{padding:11px}.map-bottom-note{left:332px;right:415px}}@media(max-height:800px)and (min-width:901px){.portrait-stage{height:175px}.portrait-stage .pet-art{width:175px;height:175px}.profile-body{padding-top:14px}.profile-tabs{margin-top:14px}.profile-actions{margin-top:10px}.pet-story{font-size:10px;line-height:1.8;min-height:55px}.care-note{margin-top:4px}.live-button{padding:9px}.adopt-button{margin-top:5px}.map-heading h1{font-size:30px}}@media(max-width:1100px)and (min-width:901px){.residents{width:213px;left:16px}.animal-detail{width:285px;right:16px}.map-heading{left:250px}.map-heading .eyebrow span{display:none}.compass,.zoom-controls{right:320px}.map-caption{left:249px}.topbar{padding:0 20px;gap:18px}.main-nav{gap:14px}.brand{font-size:15px}.main-nav button{font-size:11px}.account-tools{gap:8px}.map-bottom-note{left:250px;right:320px}.map-bottom-note>span:last-child{display:none}.profile-body{padding:16px 18px}.bottom-bar{gap:8px;padding:7px}.height-control{gap:0;padding-left:7px}}@media(max-width:900px){.topbar{height:66px;padding:0 17px;gap:12px}.brand{font-size:14px;gap:8px}.brand-mark{width:32px;height:32px;font-size:20px;border-radius:9px}.brand small{font-size:5px;letter-spacing:.8px}.main-nav{position:fixed;bottom:0;left:0;right:0;height:57px;background:#fcfdfaf7;border-top:1px solid var(--line);justify-content:space-around;z-index:15;gap:0}.main-nav button{font-size:11px;padding:0 22px}.main-nav button.active:after{top:0;bottom:auto;left:35%;right:35%}.account-tools{margin-left:auto;gap:7px}.account-avatar,.member-button{display:none}.points-button{padding:6px 8px;gap:5px;font-size:8px}.points-button b,.points-button i{font-size:12px}.coin{font-size:13px}.map-heading{left:22px;top:90px}.map-heading .eyebrow{font-size:7px}.map-heading .eyebrow span{display:none}.map-heading h1{font-size:31px;margin:11px 0 14px}.map-heading h1 span{font-size:9px}.map-key{font-size:8px;gap:12px}.compass{right:23px;top:95px}.compass svg{width:35px}.residents{display:none;top:80px;width:auto;left:15px;right:15px;bottom:74px;z-index:14}.show-residents .residents{display:flex}.residents-heading{padding:18px 20px 14px}.animal-list{display:grid;grid-template-columns:1fr 1fr;align-content:start}.animal-row{gap:6px}.animal-row small{font-size:8px}.animal-row .pet-art{width:39px;height:39px}.animal-row b{font-size:12px}.animal-row .pet-row-more{display:none}.mobile-residents{display:block;position:absolute;bottom:155px;left:20px;z-index:6;border-radius:10px;padding:11px 14px;background:#fff;font-size:10px;box-shadow:var(--shadow)}.animal-detail{right:13px;left:13px;top:auto;bottom:73px;width:auto;max-height:57dvh;z-index:12;border-radius:19px}.profile-top{padding:13px 17px 4px}.profile-top>span:first-child{font-size:9px}.profile-id{margin-right:32px}.mobile-close{display:block;position:absolute;right:12px;top:7px;background:none}.portrait-stage{width:112px;height:125px;float:left;margin:8px 14px 0}.portrait-stage .pet-art{width:112px;height:112px}.collar-badge{bottom:0;left:2px;font-size:7px;padding:4px}.profile-body{padding:16px 18px 13px}.name-line{display:block;min-height:34px}.name-line h2{font-size:24px}.trait-tag{display:none}.profile-meta{font-size:9px;margin-top:4px}.location-line{font-size:9px;margin-top:13px;flex-wrap:wrap;gap:4px}.profile-tabs{clear:both;margin-top:30px;padding-top:10px;margin-bottom:8px}.pet-story{font-size:10px;min-height:0;line-height:1.85}.profile-actions{margin-top:13px}.profile-actions .primary{padding:11px}.hello{height:40px}.live-button{margin-top:8px;padding:8px}.adopt-button{padding:7px;margin-top:3px}.care-note{font-size:7px;margin:3px 0}.bottom-bar{bottom:99px;left:50%;gap:8px;padding:5px 8px;border-radius:12px}.view-switch button{padding:8px;font-size:9px}.height-control{padding-left:7px;gap:0}.height-control button{font-size:8px;padding:7px}#rotate,#about-open{font-size:19px}.map-caption{left:21px;bottom:206px;font-size:8px;gap:6px}.zoom-controls{right:22px;bottom:155px}.zoom-controls button{width:32px;height:32px}.map-bottom-note{bottom:76px;left:0;right:0;justify-content:center;font-size:7px}.map-bottom-note>span:last-child{display:none}.demo-note{display:none}.geo-detail{left:15px;right:15px;bottom:78px;width:auto}.pet-pin .pet-art{width:28px;height:28px}.pet-pin.active .pet-art{width:42px;height:42px}.pet-pin.compact:not(.active):not(:hover) .pet-art{width:20px;height:20px}.fallback-surface{width:230vw;height:230vw;left:50%;top:47%}dialog{padding:28px 21px;width:calc(100% - 22px);max-height:calc(100dvh - 30px);border-radius:20px}dialog h2{font-size:24px}.loading{top:66px}.toast{bottom:72px;width:max-content;max-width:90vw;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}.profile-tabs strong{font-size:12px}.gift-ready{background:#e1edbd;border-color:#c6dba0}.wide-dialog{max-width:860px}.full{display:block;width:100%;margin-top:20px}.dialog-pet{display:flex;align-items:center;gap:17px;margin:25px 0}.dialog-pet .pet-art{width:84px;height:84px}.dialog-pet h3{font-size:20px;font-weight:500;margin-bottom:5px}.dialog-pet p{font-size:11px}.order-summary{background:#f0f4e9;border-radius:14px;padding:9px 20px;margin:22px 0}.order-summary>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;font-size:12px}.order-summary>div+div{border-top:1px solid #2e492312}.order-summary span{color:#819073}.order-summary b{font-weight:550}.soft-note{font-size:11px!important;color:#8b9782!important;line-height:1.9!important;margin:15px 0}.demo-foot{text-align:center;font-size:9px!important;color:#a0a999!important;line-height:1.7!important;margin-top:20px!important}.text-button{display:block;font-size:11px;margin:15px auto 0;color:#6e885d;padding:7px}.wallet-balance{background:#274835;color:#eef4df;padding:25px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;margin:24px 0}.wallet-balance>span{font-size:12px;opacity:.75}.wallet-balance strong{font-size:33px;font-weight:500}.wallet-balance i{font-style:normal;font-size:25px;color:#d5e59a}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pack{border:1px solid #dae3d1;background:#fff;display:flex;flex-direction:column;align-items:center;border-radius:13px;padding:22px 12px;gap:15px}.pack:hover{border-color:#8fa16e;background:#f5f8ee}.pack strong{font-size:25px;font-weight:500}.pack small{font-size:9px;display:block;margin-top:6px;color:#8fa17e}.pack span{font-size:18px}.pack em{font-size:9px;color:#8b9a7c;font-style:normal}.cycle-switch{display:flex;gap:5px;padding:5px;background:#edf2e6;border-radius:12px;margin:25px 0 18px}.cycle-switch button{flex:1;padding:10px 8px;border-radius:9px;font-size:12px}.cycle-switch .active{background:#fff;box-shadow:0 2px 8px #273d2110}.cycle-switch small{color:#7d9954;background:#e8f0d7;border-radius:4px;padding:2px 5px;margin-left:5px;font-size:9px}.plan-card{border-radius:17px;padding:24px;border:1px solid #cddbbd;background:linear-gradient(140deg,#f4f8e9,#fff)}.plan-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.plan-label{font-size:13px}.plan-chip{font-size:9px;background:#dae8b8;color:#57773c;padding:6px 9px;border-radius:5px}.plan-card h3{font-size:48px;font-weight:450;letter-spacing:-2px;margin:16px 0 2px}.plan-card h3 small{font-size:13px;color:#839774;margin-left:8px;letter-spacing:0}.plan-card>p{font-size:10px}.plan-card ul{padding:0;margin:23px 0 0;list-style:none}.plan-card li{display:flex;justify-content:space-between;font-size:12px;padding:10px 0;border-bottom:1px solid var(--line)}.plan-card li span{color:#7e8e71}.plan-card li b{font-weight:500}.success-scene{position:relative;width:132px;margin:0 auto 25px}.success-scene .pet-art{width:132px;height:132px;border-radius:50%}.success-scene>span{position:absolute;right:0;top:0;color:#719541;font-size:35px;transform:rotate(15deg)}dialog[data-view=feed-done]{text-align:center;max-width:470px}.progress-box{padding:22px;background:#f0f5e4;border-radius:14px;margin:25px 0}.progress-box>div:first-child{display:flex;justify-content:space-between;font-size:12px}.progress-box b{font-weight:500}.progress-box p{font-size:10px;margin-top:15px}.six-steps{display:flex;justify-content:space-between;margin-top:18px;gap:8px}.six-steps i{font-style:normal;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;border:1px solid #d9e3ca;font-size:12px;color:#a3b58c}.six-steps i.done{background:#385b33;color:#e8f0c8;border-color:#385b33}.shop-rewards{background:#edf3df;border:1px solid #e0e9ce;border-radius:14px;margin:24px 0;display:flex;gap:30px;padding:21px 24px;align-items:center}.shop-rewards>div>span{font-size:9px;color:#8d9c78;display:block}.shop-rewards strong{display:block;font-size:27px;font-weight:500;margin-top:7px}.shop-rewards small{font-size:9px;margin-left:6px;color:#95a582}.reward-copy{margin-left:auto;max-width:290px}.reward-copy b{font-size:12px;font-weight:500}.reward-copy p{font-size:9px;margin-top:8px}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.toy-card{border:1px solid #e4eade;border-radius:14px;background:#fff;padding:10px 10px 12px}.toy-card>.pet-art{width:100%;height:auto;aspect-ratio:1;border-radius:9px}.toy-card>div{display:flex;align-items:center;justify-content:space-between;margin:9px 4px 12px}.toy-card h3{font-size:12px;font-weight:500}.toy-card h3 small{display:block;font-size:8px;color:#9aa68f;margin-top:5px;font-weight:400}.toy-card>div>span{font-size:11px}.toy-card button{width:100%;background:#eff3e8;border-radius:7px;padding:9px;font-size:10px}.toy-card .reward-claim{background:#2f513c;color:#fff}.toy-detail-art{margin:0 auto;width:230px}.toy-detail-art>.pet-art{width:230px;height:230px}.toy-description{font-size:11px!important}.my-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e2ead7;border-radius:15px;padding:20px 8px;margin:25px 0;background:#f1f5e9}.my-stats>div{text-align:center;border-right:1px solid #d6e1c7}.my-stats>div:last-child{border:0}.my-stats strong{font-size:27px;font-weight:500;display:block}.my-stats span{font-size:9px;color:#92a17f;display:block;margin-top:7px}.member-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0}.member-summary b{font-size:12px;font-weight:550}.member-summary p{font-size:10px;margin-top:6px}.member-summary button{white-space:nowrap;border:1px solid #dbe5cf;padding:8px 11px;border-radius:8px;font-size:10px}.subheading{font-size:13px;font-weight:550;display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px}.subheading span,.subheading button{font-size:10px;color:#99a48c;font-weight:400}.adopted-card{display:flex;align-items:center;gap:15px;border:1px solid #dae5cb;border-radius:13px;padding:15px;width:100%;background:#fff;text-align:left}.adopted-card .pet-art{width:72px;height:72px}.adopted-card b{font-weight:500;font-size:17px}.adopted-card small{display:block;font-size:10px;color:#8d9c7b;margin-top:7px}.adopted-card em{font-size:10px;margin-left:auto;font-style:normal;color:#72904d}.empty-state{padding:20px 16px;background:#f2f5ed;border-radius:12px;font-size:11px;line-height:1.9;color:#93a087}.order-list>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e3e9dc}.order-list b{font-size:11px;font-weight:500}.order-list small{font-size:9px;display:block;color:#929f84;margin-top:6px}.order-list em{font-style:normal;font-size:8px;color:#95a58c;margin-left:auto}.activity-list>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e9ede3;font-size:10px;color:#839175}.activity-list i{width:4px;height:4px;background:#aabc94;border-radius:50%;flex-shrink:0}.activity-list time{font:8px ui-monospace,monospace;color:#a6af9c;margin-left:auto;white-space:nowrap}.video-shell{position:relative;border-radius:15px;overflow:hidden;background:#20362a;margin-top:24px;aspect-ratio:16/9}.video-shell video{width:100%;height:100%;display:block;object-fit:cover}.video-label{position:absolute;top:15px;left:15px;border:1px solid #ffffff2c;background:#1224198f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:7px 11px;border-radius:7px;font-size:10px;pointer-events:none;display:flex;gap:7px;align-items:center}.video-label i{width:5px;height:5px;border-radius:50%;background:#cee09f;animation:pulse 3s infinite}.live-meta{display:flex;justify-content:space-between;margin-top:19px;font-size:12px}.live-meta b{font-weight:500}.live-meta span{font:11px ui-monospace,monospace;color:#7b8f68}.asset-credit{font-size:9px;color:#91a17f;text-decoration:underline;text-underline-offset:3px}#watch-limit{padding:17px;background:#edf3e0;border-radius:12px;margin-bottom:19px}#watch-limit .primary{margin-top:10px}.say-hello .portrait-stage .pet-art{animation:hello .8s ease-out}@keyframes hello{25%{transform:rotate(-5deg) translateY(-5px)}55%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}}@media(max-width:900px){.shop-grid{grid-template-columns:repeat(3,1fr);gap:9px}.toy-card{padding:6px 6px 9px}.toy-card>div{margin:7px 3px 10px}.toy-card h3{font-size:11px}.toy-card button{font-size:9px;padding:8px 4px}.shop-rewards{padding:16px;gap:24px;flex-wrap:wrap}.reward-copy{width:100%;max-width:none;margin:0}.shop-rewards strong{font-size:24px}.shop-rewards>div:nth-child(2){margin-left:auto}.pack-grid{gap:8px}.pack{padding:19px 7px}.pack strong{font-size:22px}.plan-card{padding:20px}.plan-card h3{font-size:42px}.plan-card li{font-size:11px}.dialog-pet p{font-size:10px}.order-list>div{gap:9px}.order-list em{max-width:60px;line-height:1.7}.video-label{left:10px;top:10px;font-size:8px;padding:5px 7px}.live-meta{font-size:11px}.activity-list>div{font-size:9px;line-height:1.7}.toy-description{font-size:10px!important}}#mobile-list-close{display:none}@media(max-width:900px){#mobile-list-close{display:block;position:absolute;right:13px;top:12px}}.map-focus{position:absolute;left:276px;top:249px;z-index:5;border:1px solid #aebb9c80;background:#f9fcf2a6;color:#617657;border-radius:9px;padding:9px 13px;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.water-pin{flex-direction:column-reverse;transform:translate(-50%,-3px);z-index:3}.water-pin .pin-label{font-size:10px;letter-spacing:1px;padding:5px 8px;color:#437772;background:#f4fcf0db}.water-pin .pin-dot{background:#658f89}.water-pin .pin-stem{height:16px;background:#769b94}.pin:not(.pet-pin):not(.water-pin):not(.map-road-label):not(.mountain-label){display:none!important}@media(min-width:901px){.map-focused .residents,.map-focused .animal-detail{display:none}.map-focused .map-heading,.map-focused .map-focus,.map-focused .map-caption{left:52px}.map-focused .compass,.map-focused .zoom-controls{right:52px}.map-focused .bottom-bar{left:50%}.map-focused .map-bottom-note{left:52px;right:52px}}@media(min-width:1501px){.map-focus{left:303px}}@media(min-width:901px)and (max-width:1100px){.map-focus{left:250px}}@media(max-width:900px){.map-focus{display:none}.water-pin .pin-label{font-size:8px;padding:4px 5px}}@media(min-width:901px){.map-focused .pet-pin:not(.active):not(:hover) .pet-art,.map-focused .pet-pin:not(.active):not(:hover) .pin-stem{display:none}.map-focused .pet-pin:not(.active){padding:10px;transform:translate(-50%,calc(-100% + 10px))}.map-focused .pet-pin:not(.active) .pin-dot{width:7px;height:7px}}.map-scope{position:absolute;left:386px;top:249px;z-index:5;border:1px solid #aebb9c80;background:#f9fcf2d6;color:#496957;border-radius:9px;padding:9px 13px;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-focused .map-scope{left:164px}.island-view .map-focus,.island-view .residents,.island-view .animal-detail,.island-view .geo-detail,.island-view .map-key,.island-view .mobile-residents,.island-view .demo-badge{display:none}.island-view .map-heading,.island-view .map-caption,.island-view .map-scope{left:52px}.island-view .compass,.island-view .zoom-controls{right:52px}.island-view .bottom-bar{left:50%}.island-view .map-bottom-note{left:52px;right:52px}.island-return{position:absolute;z-index:6;transform:translate(-50%,-100%);display:flex;align-items:center;gap:7px;background:#fcfff5ed;border:1px solid #e9f0dd;border-radius:9px;box-shadow:0 5px 16px #314d4520;padding:10px 13px;color:#315a40;white-space:nowrap}.island-return i{width:7px;height:7px;background:#668950;box-shadow:0 0 0 4px #bad69b55;border-radius:50%}.island-return b{font-size:12px;font-weight:600}.island-return span{font-size:9px;color:#82917c}.fallback #viewport{background:#b2ccc8}@media(min-width:1501px){.map-scope{left:413px}}@media(min-width:901px)and (max-width:1100px){.map-scope{left:360px}}@media(max-width:900px){.map-scope,.island-view .map-scope{left:22px;top:198px;font-size:9px;padding:8px 10px}.island-view .map-heading,.island-view .map-caption{left:22px}.island-view .compass,.island-view .zoom-controls{right:23px}.island-view .map-bottom-note{left:0;right:0}.island-return{padding:8px 10px}.island-return b{font-size:10px}.island-return span{font-size:8px}}.quality-control{position:absolute;right:346px;top:198px;z-index:5;display:flex;align-items:center;gap:5px;font-size:9px;color:#6e826b;background:#fcfff3c9;padding:5px 8px;border:1px solid #aabb9a50;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quality-control select{border:0;color:#496957;background:transparent;font-size:10px;cursor:pointer;max-width:58px;padding:4px 0}.map-focused .quality-control,.island-view .quality-control{right:52px}@media(min-width:1501px){.quality-control{right:386px}}@media(max-width:900px){.quality-control,.map-focused .quality-control,.island-view .quality-control{right:22px;top:194px;font-size:8px}.quality-control select{font-size:9px}}.map-style{position:absolute;left:497px;top:249px;z-index:5;border:1px solid #aebb9c80;background:#f9fcf2d6;color:#496957;border-radius:9px;padding:9px 13px;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-style.active{background:#e3edda;border-color:#a6ba90}.map-focused .map-style{left:278px}.island-view .map-style{left:166px}@media(min-width:1501px){.map-style{left:524px}}@media(min-width:901px)and (max-width:1100px){.map-style{left:470px}}@media(max-width:900px){.map-style,.map-focused .map-style,.island-view .map-style{left:133px;top:198px;font-size:9px;padding:8px 10px}}.map-road-label{font-size:9px;letter-spacing:.7px;color:#657060;background:#f8f8e9c9;border-radius:4px;padding:3px 6px;pointer-events:none;z-index:1;transform:translate(-50%,-50%)}.map-road-label.compact{display:none!important}.mountain-label{font-size:10px;font-weight:550;letter-spacing:.8px;color:#496346;text-shadow:0 1px 3px #fff,0 0 8px #eef2d9;pointer-events:none;z-index:2;transform:translate(-50%,-50%)}.mountain-label:before{content:"△";margin-right:4px;font-size:9px}.mountain-label.compact{display:none!important}.pet-pin,.map-focused .pet-pin:not(.active){width:32px;height:32px;padding:0;transform:translate(-50%,-50%);justify-content:center;isolation:isolate}.pet-pin .pin-dot,.map-focused .pet-pin:not(.active) .pin-dot{width:7px;height:7px;background:#e6f5b3;border:1px solid #f9ffe8;box-shadow:0 0 0 3px #657f3d55,0 0 14px #e7ffc0;flex:none}.pet-pin.bound .pin-dot:after{top:-7px;right:-7px;bottom:-7px;left:-7px;border-color:#deefb1;animation-duration:3.6s}.pet-pin.unbound .pin-dot{background:#87968b;border-color:#dfe5de;box-shadow:0 0 0 3px #eef2e64d}.pet-pin.active .pin-dot{background:#ffd98a;border-color:#fff7e6;box-shadow:0 0 0 5px #ffb84db3,0 0 0 8px #ff9a3a59,0 0 22px #ffc37d}.pet-pin.active .pin-dot:after{border-color:#ffb84d;animation-duration:1.3s}.pet-peek{position:absolute;bottom:24px;left:50%;display:flex;align-items:center;flex-direction:column;gap:4px;opacity:0;visibility:hidden;transform:translate(-50%,7px) scale(.94);transform-origin:50% 100%;transition:opacity .16s,transform .2s,visibility .16s;pointer-events:none;filter:drop-shadow(0 5px 9px #233d3130)}.pet-pin .pet-peek .pet-art,.pet-pin.active .pet-peek .pet-art,.map-focused .pet-pin .pet-peek .pet-art{display:block;width:52px;height:52px;border:3px solid #f8fced;background-color:#fff;box-shadow:0 0 0 1px #809b6870;border-radius:50%}.pet-pin .pet-peek .pet-pin-name,.pet-pin.active .pet-peek .pet-pin-name{display:block;background:#fffef7f5;color:#334c3d;font-size:11px;padding:6px 10px;border-radius:7px;text-align:center;margin:0;line-height:1.4}.pet-pin-name small{display:block;font-size:8px;color:#87967e;margin-top:2px}.pet-pin:focus-visible{outline:2px solid #f7ffce;outline-offset:2px;border-radius:50%;z-index:10}.pet-pin:focus-visible .pet-peek{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}@media(hover:hover){.pet-pin:hover{z-index:10}.pet-pin:hover .pet-peek{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}}.profile-top{gap:8px;padding-top:12px}.profile-id{margin-left:auto}.profile-close{font-size:19px;width:25px;height:25px;flex:none}.pet-facts{display:grid;grid-template-columns:1.55fr .8fr .8fr;gap:6px;margin-top:16px;padding:12px 10px;border:1px solid #e3eadd;border-radius:11px;background:#f7f9f2}.pet-facts>div{display:flex;flex-direction:column;gap:7px}.pet-facts span{font-size:8px;color:#93a08a}.pet-facts b{font-size:11px;font-weight:550;color:#526747}.pet-facts i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7d9f58;margin-right:5px}.pet-facts .watch b{color:#998353}.pet-facts .watch i,.pet-facts .pending i{background:#b09b6b}.pet-facts .pending b{color:#8e917e}.health-note{font-size:9px;color:#91a087;line-height:1.65;margin-top:7px}.profile-tabs{margin-top:16px}.portrait-stage,.portrait-stage .pet-art{height:196px}.portrait-stage .pet-art{width:196px}@media(max-width:900px){.pet-pin,.map-focused .pet-pin:not(.active){width:44px;height:44px}.portrait-stage,.portrait-stage .pet-art{height:150px}.portrait-stage .pet-art{width:150px}.pet-facts{padding:10px;margin-top:12px}.profile-close{display:block}}@media(prefers-reduced-motion:reduce){.pet-peek{transition:none}.pet-pin.bound .pin-dot:after{animation:none;opacity:.5}}