:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#304b3e;background:#dce4d5;color-scheme:light;font-synthesis:none;--ink:#304b3e;--muted:#75816d;--paper:#f7f4e7;--line:#77907740;--green:#537b61;--pixel-shadow:3px 3px 0 #435f4320}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button,input,select{border-radius:3px}button{transition:background .15s,border-color .15s,box-shadow .15s}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #41755a;outline-offset:4px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#app{position:fixed;inset:0}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:none}button{color:var(--ink)}#boot{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;text-align:center;background:#e5e8df;gap:17px;transition:opacity .5s}#boot b{font-size:27px;font-weight:600;letter-spacing:.16em}#boot>span:last-child{font-size:12px;color:#75816d}.boot-cat{font:64px/1 monospace;color:#9fae83;text-shadow:7px 7px 0 #d3d9c7}#boot.done{opacity:0;pointer-events:none}#header{position:absolute;inset:25px 30px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:20px;z-index:2}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font:800 36px/1 monospace;letter-spacing:-.15em;color:#477762;text-shadow:2px 2px 0 #eef0d980}.pixel-dot{font:9px/1 monospace;vertical-align:baseline;margin-left:4px;letter-spacing:0;color:#94a470}.brand strong{font-size:17px;font-weight:600;letter-spacing:.12em}.brand small{display:block;font-size:7px;letter-spacing:.15em;margin-top:7px;color:#697e6d}.top-actions{display:flex;align-items:center;gap:9px;font-size:10px;color:#526c59;pointer-events:auto}.open-status{display:flex;align-items:center;gap:6px;margin-right:7px;font:9px/1.4 monospace;white-space:nowrap}.open-status i{width:5px;height:5px;background:#659a6e}#people{margin-right:8px;font-size:10px;white-space:nowrap}.nav-button{height:38px;border:1px solid #71887150;background:#f7f6e7dd;color:#415e4c;padding:0 12px;font-size:11px;box-shadow:2px 2px #49664c12;white-space:nowrap}.nav-button:hover{background:#fffef2;border-color:#537b61}.nav-button>span{margin-right:3px;font:15px/1 monospace}.sound-button{background:#f7f6e790}.location-bar{position:absolute;top:91px;left:30px;display:flex;align-items:center;gap:10px;z-index:2;padding:7px 9px 7px 12px;background:#f5f3e5e6;border:1px solid var(--line);box-shadow:var(--pixel-shadow);font-size:11px}.location-dot{width:6px;height:6px;background:#8fa477;box-shadow:2px 2px #ced4bd}#locationTitle{font-weight:600;letter-spacing:.04em}#regionButton{background:#e8eddb;color:#54705a;border:1px solid #879b7540;padding:5px 8px;font-size:10px;min-height:28px}#regionButton:hover{background:#d8e4cb}#regionButton span{margin-left:4px}.discovery-pill{color:#7b886e;padding-left:8px;border-left:1px solid #a2ad8a55;font:9px/1.4 monospace;white-space:nowrap}.cat-card{position:absolute;left:30px;top:165px;width:235px;padding:17px 17px 15px;background:#f7f4e8e8;border:1px solid #849a7840;border-left:3px solid #8ba17b;box-shadow:4px 4px #43614210;pointer-events:none;z-index:1}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{color:#75816c;font-size:10px;line-height:1.6;letter-spacing:.03em}#favoriteCat{pointer-events:auto;flex-shrink:0;width:29px;height:29px;padding:0;background:#fffdf0;border:1px solid #87997545;font-size:19px;line-height:1;color:#8da07e}#favoriteCat[aria-pressed=true]{color:#a77563;background:#eee2cf;border-color:#bca68b}.cat-card h1{font-size:36px;line-height:1.15;font-weight:600;letter-spacing:.08em;margin:8px 0 13px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cat-card .tag{display:inline-block;font-size:9px;font-weight:400;line-height:1.3;letter-spacing:.04em;color:#6e826a;background:#e9eddd;border:1px solid #8d9f7a3d;padding:5px 7px;white-space:nowrap}.cat-card p{font-size:11px;color:#61765f;line-height:1.85;margin:0}.affection{display:flex;align-items:center;gap:10px;margin-top:17px;color:#79876d;font-size:9px;letter-spacing:.08em}.meter{width:88px;height:4px;background:#b8c3a470;overflow:hidden}.meter i{display:block;height:100%;width:0;background:#7b9e71;transition:width .2s}.needs{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:#7f8a72;font-size:9px}.needs b{font-weight:400;color:#526f55;margin-left:3px}.cat-personality{padding-top:15px;margin-top:15px;border-top:1px solid #99aa8540}.tiny-label{display:block;font:8px/1.5 SFMono-Regular,Consolas,monospace;letter-spacing:.1em;color:#87947b}.cat-personality p{font-size:10px;margin-top:5px}.cat-personality .favorite-note{display:inline-block;background:#e8ecda;color:#647a55;padding:3px 6px;margin-top:8px;font-size:9px}.scene-note{margin-top:14px;color:#87937a;font:7px/1.6 monospace;letter-spacing:.12em}.scene-note p{font-size:9px;letter-spacing:0;margin-top:5px;color:#7d8a73}.angles{position:absolute;right:26px;top:43%;display:flex;flex-direction:column;align-items:stretch;gap:7px;z-index:1}.angles>.tiny-label{text-align:center;margin-bottom:2px;color:#6d856c}.angles button{font-size:10px;color:#5a735d;background:#f8f5e6d9;border:1px solid #81957855;min-width:63px;min-height:35px;padding:8px 11px;box-shadow:2px 2px #435f4314}.angles button:hover{background:#fffef0}.angles button[aria-pressed=true]{background:#527963;color:#fff8dd;border-color:#527963;box-shadow:3px 3px #304b3b35}.touch-ripple{position:absolute;pointer-events:none;color:#8ca577;font-size:35px;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .2s,transform .3s;z-index:2}.touch-ripple.on{opacity:.95;transform:translate(-50%,-95%) scale(1)}footer{position:absolute;left:0;right:0;bottom:0;padding:37px 30px 14px;background:linear-gradient(transparent,#e0e5dbed 45%);pointer-events:none;z-index:2}.hint{display:flex;align-items:center;justify-content:center;gap:7px;color:#607859;font-size:10px;margin:0 auto 12px;max-width:max-content;min-height:28px;padding:4px 10px;background:#f4f3e1e6;border:1px solid #99ab8045}.hand-icon{font-size:18px;color:#73916a}#actionList{display:flex;justify-content:center;gap:7px;pointer-events:auto;margin:0 auto 13px;max-width:940px}#actionList button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #8a9b7659;background:#fdf9ebed;color:#52705b;min-height:43px;padding:10px 12px;font-size:11px;box-shadow:3px 3px #56715d14;white-space:nowrap;flex:1}#actionList button:hover{background:#fffef3;border-color:#718d64}#actionList .action-icon{font:18px/1 monospace;display:inline-flex;width:18px;align-items:center;justify-content:center}#actionList button[aria-pressed=true]{border-color:#5c8668;background:#dfead3;box-shadow:3px 3px #62836a66;color:#395c43}.nearby-row{display:flex;align-items:center;justify-content:center;gap:13px;min-height:32px}.choose-label{color:#809078;font-size:9px;letter-spacing:.05em}#nearbyCats{display:flex;justify-content:center;gap:7px;pointer-events:auto}#nearbyCats button{display:flex;align-items:center;gap:7px;border:1px solid #98a5834d;padding:6px 10px;font-size:10px;min-height:31px;background:#f3f2e0d9;color:#5d7657}#nearbyCats button[aria-pressed=true]{background:#e1e9d4;border-color:#7e9b6d}.swatch{display:inline-block;width:21px;height:21px;border:2px solid #fff7e5;box-shadow:2px 2px #415a3e25;flex-shrink:0;background:#c0ac82}#nearbyCats .swatch{width:14px;height:14px;border-width:1px}.connection{display:flex;justify-content:space-between;color:#7e8f76;font-size:8px;letter-spacing:.04em;margin-top:15px;gap:15px}#feedbackToast{position:absolute;left:50%;transform:translate(-50%);bottom:208px;padding:10px 16px;background:#faf6e6f2;border:1px solid #8fa17a70;box-shadow:4px 4px #48604717;font-size:11px;color:#496951;opacity:0;transition:opacity .2s;pointer-events:none;max-width:75vw;text-align:center;z-index:4}#feedbackToast.on{opacity:1}#diagnostics{display:none}.drawer{border:1px solid #8b9a774d;background:#f8f5e8;color:var(--ink);padding:28px 30px 18px;max-width:860px;width:calc(100% - 48px);max-height:calc(100dvh - 90px);overflow:auto;box-shadow:8px 8px #304b3e30;border-radius:4px;scrollbar-color:#abb69c #eeeede}.drawer::backdrop{background:#263c345b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.drawer-head h2{font-size:23px;font-weight:600;letter-spacing:.04em;line-height:1.5;margin:7px 0 0}.drawer-head .tiny-label{font-size:8px;color:#829274}.drawer-close{border:1px solid #a1af8e66;background:#ecefdc;color:#5b7659;font:26px/1 monospace;width:38px;height:38px;flex-shrink:0}.drawer-close:hover{background:#dfe6cd}.drawer-intro{font-size:11px;color:#7b886f;line-height:1.9;margin:13px 0 21px}.filter-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.filter-tabs button{background:#e9edda;color:#718368;border:1px solid #a1b08a50;padding:8px 15px;font-size:10px;min-height:35px}.filter-tabs button[aria-pressed=true],.filter-tabs button.active{color:#faf6e0;background:#658461;border-color:#658461}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scene-grid button{text-align:left;position:relative;background:#eeeedc;border:1px solid #a7b59460;padding:17px 16px 14px;min-height:132px;color:#536f52;box-shadow:3px 3px #65835f10}.scene-grid button:hover{background:#e4ead4;border-color:#829e74}.scene-grid button[aria-pressed=true]{background:#dae6cc;border-color:#67855c;box-shadow:3px 3px #789b6352}.scene-grid button[aria-pressed=true]:after{content:"正在这里";position:absolute;right:9px;top:10px;font-size:8px;color:#6f855d}.region-icon{font:23px/1 monospace;display:block;margin-bottom:10px;color:#8b9b73}.scene-grid strong{display:block;font-size:13px;font-weight:600}.scene-grid small{display:block;font:7px/1.6 monospace;letter-spacing:.06em;color:#95a080;margin-top:5px}.scene-grid p{font-size:9px;line-height:1.7;color:#899477;margin:7px 0 0}.drawer-foot{font-size:9px;color:#94a084;line-height:1.7;border-top:1px solid #a8b59045;padding-top:15px;margin-top:23px}.count-label{font-size:10px;color:#8c9a7c;font-weight:400;letter-spacing:0;margin-left:8px;white-space:nowrap}.roster-filters{display:flex;align-items:stretch;gap:10px;margin:17px 0 21px}.search-field{display:flex;align-items:center;gap:7px;flex:1;background:#eeefdf;border:1px solid #a6b49270;padding:0 11px;min-width:0}.search-field>span{font:23px/1 monospace;color:#91a17e}.search-field input{border:0;background:transparent;min-width:0;width:100%;height:41px;color:#55704e;font-size:11px;outline-offset:1px}.search-field input::placeholder{color:#9ba78b}.filter-select select{height:43px;border:1px solid #a6b49270;background:#e9eddb;color:#6e8362;font-size:10px;padding:0 11px;max-width:125px}.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cat-grid>button{position:relative;display:flex;align-items:center;gap:12px;padding:14px 12px;text-align:left;border:1px solid #a6b59560;background:#eeefdf;min-height:78px;color:#55714f}.cat-grid>button:hover{border-color:#819d70;background:#e6ecd7}.cat-grid>button[aria-pressed=true]{border-color:#6f8d62;background:#dee8d0;box-shadow:3px 3px #789b6330}.cat-grid .swatch{width:35px;height:35px;border:3px solid #f9f5e3}.cat-grid .cat-info{display:flex;flex-direction:column;gap:6px;min-width:0}.cat-grid strong,.cat-grid button>span:not(.swatch):not(.favorite-mark){font-size:12px;line-height:1.5}.cat-grid small,.cat-meta{display:block;font-size:8px;color:#8c9a7b;line-height:1.6}.favorite-mark{position:absolute;right:8px;top:7px;color:#b79378;font-size:12px}.cat-grid .empty-state{grid-column:1/-1}.empty-state{border:1px dashed #a2b18a80;padding:28px 18px;text-align:center;color:#98a385;font-size:11px;line-height:2}.journal-summary{display:flex;justify-content:space-around;gap:10px;padding:20px 14px;background:#e9edda;border:1px solid #a7b49040;margin-bottom:25px;color:#617b53;font-size:11px;text-align:center;line-height:1.8}.journal-summary strong{font-size:22px;display:block;font-weight:500}.journal-section{margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.section-heading h3{font-size:13px;font-weight:600;margin:0;letter-spacing:.07em}.section-heading>span{font-size:9px;color:#9aa58b}.album-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.album-list .empty-state{grid-column:1/-1}.album-list article,.album-list>div:not(.empty-state),.album-list>button{border:1px solid #a6b59150;background:#efeedd;padding:13px;color:#6c815f;font-size:10px;line-height:1.8;text-align:left}.album-list img{display:block;width:100%;height:110px;object-fit:cover;background:#d9e1ca;margin-bottom:8px}.album-list strong{display:block;font-size:11px}.album-list small{font-size:8px;color:#9aa588}.discovery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.discovery-list>button,.discovery-list>div,.discovery-list>span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #b1bda040;background:#edeee0;color:#7f8e6d;font-size:10px;min-height:39px}.discovery-list .discovered,.discovery-list [data-visited=true]{background:#e3ebd4;border-color:#8ba47970;color:#5e7b4f}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body[data-map=true] .cat-card{opacity:.2;pointer-events:none}body[data-scene=sleep],body[data-scene=rooftop]{color:#f0efdb}body[data-scene=sleep] .brand-mark,body[data-scene=rooftop] .brand-mark{color:#d9e5c7;text-shadow:2px 2px 0 #2e475740}body[data-scene=sleep] .brand small,body[data-scene=rooftop] .brand small,body[data-scene=sleep] .open-status,body[data-scene=rooftop] .open-status,body[data-scene=sleep] #people,body[data-scene=rooftop] #people{color:#d8e2ca}body[data-scene=sleep] footer,body[data-scene=rooftop] footer{background:linear-gradient(transparent,#718487ed 52%)}body[data-scene=sleep] .connection,body[data-scene=rooftop] .connection,body[data-scene=sleep] .choose-label,body[data-scene=rooftop] .choose-label,body[data-scene=sleep] .angles>.tiny-label,body[data-scene=rooftop] .angles>.tiny-label{color:#dae2cc}@media(min-width:1500px){#header{inset:31px 40px auto}.location-bar{left:40px;top:104px}.cat-card{left:40px;top:182px;width:248px}.cat-card h1{font-size:40px}.angles{right:38px}footer{padding-bottom:20px}}@media(max-width:1050px){.top-actions{gap:6px}.nav-button{padding:0 9px;font-size:10px}.open-status{display:none}#people{margin-right:3px}.brand small{font-size:6px}.brand strong{font-size:15px}#header{inset:22px 24px auto}.cat-card{left:24px;width:213px;padding:13px}.cat-card h1{font-size:31px}.cat-card p{font-size:10px}.cat-personality{margin-top:11px;padding-top:11px}.location-bar{left:24px;top:84px}.angles{right:22px}#actionList{gap:5px}#actionList button{padding:10px 8px;font-size:10px;gap:4px}#actionList .action-icon{font-size:16px;width:16px}}@media(max-width:760px){#header{inset:15px 15px auto;flex-wrap:wrap;gap:13px}.brand{gap:9px}.brand-mark{font-size:28px}.brand strong{font-size:13px;letter-spacing:.08em}.brand small{font-size:5.5px;letter-spacing:.07em;margin-top:5px}.top-actions{gap:5px;margin-left:auto}.nav-button{height:33px;font-size:9px;padding:0 8px}.nav-button>span{font-size:12px;margin-right:1px}#people{display:none}#sound{position:absolute;right:0;top:43px;height:30px;font-size:9px;padding:0 8px}#roam{font-size:0;min-width:33px;padding:0 8px}#roam>span{font-size:17px;margin:0}#roam:after{content:"地图";font-size:9px;margin-left:4px}.location-bar{left:15px;top:65px;padding:5px 7px 5px 9px;gap:7px;font-size:10px;max-width:calc(100% - 86px)}#regionButton{padding:3px 6px;font-size:8px;min-height:25px}.discovery-pill{display:none}.location-dot{width:5px;height:5px}#locationTitle{white-space:nowrap}.cat-card{top:117px;left:15px;width:200px;padding:10px 12px 11px;background:#f7f4e8e3;box-shadow:3px 3px #43614210}.card-heading{gap:4px}.eyebrow{font-size:8px}#favoriteCat{width:24px;height:24px;font-size:16px}.cat-card h1{font-size:28px;margin:3px 0 7px;gap:7px}.cat-card .tag{padding:4px 5px;font-size:7px}.cat-card p{font-size:9px;line-height:1.7}.affection{margin-top:9px;font-size:8px;gap:8px}.meter{width:66px;height:3px}.needs{gap:8px;margin-top:7px;font-size:8px}.cat-personality,.scene-note{display:none}.angles{right:13px;top:auto;bottom:240px;gap:5px}.angles>.tiny-label{display:none}.angles button{font-size:8px;min-width:46px;min-height:29px;padding:6px 8px}.touch-ripple{font-size:29px}footer{padding:35px 13px max(10px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#e0e5dbf2 35%)}.hint{font-size:8px;min-height:24px;max-width:95%;padding:3px 7px;margin-bottom:9px;gap:5px}.hand-icon{font-size:15px}#actionList{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:12px;max-width:540px}#actionList button{flex-direction:column;gap:5px;min-height:49px;padding:7px 3px;font-size:9px;box-shadow:2px 2px #56715d14}#actionList .action-icon{font-size:17px;width:auto}#actionList button[aria-pressed=true]{box-shadow:2px 2px #62836a66}.nearby-row{gap:8px;min-height:26px}.choose-label{font-size:7px;white-space:nowrap}#nearbyCats{gap:5px;max-width:77%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}#nearbyCats button{font-size:8px;padding:5px 7px;min-height:27px;gap:5px;white-space:nowrap}.connection{font-size:7px;margin-top:11px;letter-spacing:0}#feedbackToast{bottom:248px;font-size:10px;padding:9px 12px;max-width:78vw;line-height:1.7}.drawer{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:88dvh;border-radius:7px 7px 0 0;border-bottom:0;box-shadow:0 -5px #304b3e14;padding:20px 17px max(16px,env(safe-area-inset-bottom))}.drawer-head{gap:13px}.drawer-head h2{font-size:18px;margin-top:6px}.drawer-head .tiny-label{font-size:6.5px}.drawer-close{width:34px;height:34px;font-size:23px}.drawer-intro{font-size:10px;margin:12px 0 16px}.filter-tabs{gap:6px;margin-bottom:16px}.filter-tabs button{padding:7px 11px;min-height:34px;font-size:9px}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.scene-grid button{padding:14px 12px 12px;min-height:127px}.scene-grid strong{font-size:12px}.scene-grid small{font-size:6px}.scene-grid p{font-size:8px;line-height:1.7}.region-icon{font-size:21px;margin-bottom:9px}.scene-grid button[aria-pressed=true]:after{font-size:7px;right:7px;top:8px}.drawer-foot{font-size:8px;margin-top:18px;padding-top:13px}.count-label{font-size:9px;margin-left:5px}.roster-filters{gap:8px;margin:13px 0 17px}.search-field{padding:0 9px}.search-field input{height:38px;font-size:10px}.filter-select select{height:40px;font-size:9px;padding:0 7px;max-width:99px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cat-grid>button{gap:8px;padding:12px 9px;min-height:71px}.cat-grid .swatch{width:29px;height:29px;border-width:2px}.cat-grid strong,.cat-grid button>span:not(.swatch):not(.favorite-mark){font-size:11px}.cat-grid small,.cat-meta{font-size:7px}.cat-grid .cat-info{gap:5px}.journal-summary{padding:15px 8px;font-size:9px;margin-bottom:20px;gap:6px}.journal-summary strong{font-size:19px}.section-heading{gap:10px;align-items:flex-start}.section-heading h3{font-size:12px;white-space:nowrap}.section-heading>span{font-size:8px;line-height:1.5;text-align:right;max-width:150px}.album-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.album-list article,.album-list>div:not(.empty-state),.album-list>button{padding:10px;font-size:9px}.album-list img{height:90px}.discovery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.discovery-list>button,.discovery-list>div,.discovery-list>span{padding:9px;font-size:9px;min-height:36px}.empty-state{padding:22px 13px;font-size:10px}}@media(max-width:370px){#header{inset:13px 11px auto}.brand strong{font-size:12px}.brand small{display:none}.top-actions{gap:4px}.nav-button{font-size:8px;padding:0 6px}#roam:after{font-size:8px}#catsButton>span,#journalButton>span{display:none}.location-bar{left:11px;top:61px;max-width:calc(100% - 78px)}#sound{top:42px}.cat-card{left:11px;top:109px;width:186px}.cat-card h1{font-size:25px}.eyebrow,.needs{font-size:7px}footer{padding-left:10px;padding-right:10px}#actionList{gap:5px}#actionList button{font-size:8px}.choose-label{display:none}}@media(max-height:730px)and (min-width:761px){.cat-card{top:145px;padding:12px;width:215px}.cat-card h1{font-size:30px}.cat-personality{padding-top:9px;margin-top:9px}.cat-personality p{font-size:9px}.scene-note{display:none}.affection{margin-top:12px}.needs{margin-top:8px}footer{padding-bottom:10px}#actionList button{min-height:38px;padding:8px}.hint{margin-bottom:8px}.connection{margin-top:10px}#feedbackToast{bottom:190px}}@media(max-height:660px)and (max-width:760px){.cat-card{top:107px;width:188px;padding:8px 10px}.cat-card h1{font-size:24px;margin:2px 0 6px}.eyebrow{font-size:7px}.cat-card p{font-size:8px}.affection{margin-top:7px}.needs{margin-top:5px;font-size:7px}#actionList button{min-height:42px;padding:5px 2px;gap:4px;font-size:8px}#actionList .action-icon{font-size:15px}#actionList{margin-bottom:8px;gap:5px}.hint{margin-bottom:7px;font-size:7px;min-height:20px}.angles{bottom:207px}.connection{margin-top:8px}#feedbackToast{bottom:218px;font-size:9px}.nearby-row{min-height:23px}#nearbyCats button{min-height:23px;padding:4px 6px}}@media(max-height:500px)and (orientation:landscape){#header{inset:10px 15px auto;flex-wrap:nowrap}.brand small{display:none}.brand strong{font-size:12px}.brand-mark{font-size:25px}.top-actions{gap:5px}.nav-button{height:30px;padding:0 8px;font-size:9px}#sound{position:static;height:30px}.location-bar{top:53px;left:15px}.cat-card{left:15px;top:101px;width:180px;padding:8px 10px}.cat-card h1{font-size:24px;margin:3px 0 6px}.cat-card p{font-size:8px}.eyebrow{font-size:7px}.cat-personality,.scene-note{display:none}.needs{font-size:7px}.angles{right:14px;top:101px;bottom:auto;gap:5px}.angles button{font-size:8px;min-height:26px;padding:5px 8px}.angles>.tiny-label{display:none}footer{padding:25px 15px 8px}.hint{font-size:8px;margin-bottom:7px;min-height:21px}#actionList{display:flex;gap:5px;margin-bottom:7px;max-width:760px}#actionList button{min-height:37px;padding:5px 4px;font-size:8px;gap:4px;flex-direction:column}#actionList .action-icon{font-size:14px}.nearby-row{display:none}.connection{margin-top:7px;font-size:7px}#feedbackToast{bottom:128px;font-size:9px}.drawer{max-height:90dvh}.scene-grid,.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}body[data-map=true] .cat-card{visibility:hidden}body[data-map=true] .angles{display:none}@media(max-width:760px){body[data-map=true] #roam:after{content:"回猫咪"}}.region-visited{display:block;font-size:8px;line-height:1.5;margin-top:10px;color:#718767}.cat-grid .cat-meta{font-size:8px}body[data-map=true] .brand{color:#304b3e}body[data-map=true] .brand-mark{color:#477762;text-shadow:2px 2px 0 #eef0d980}body[data-map=true] .brand small,body[data-map=true] .open-status{color:#697e6d}body[data-map=true] footer{background:linear-gradient(transparent,#e0e5dbed 45%)}body[data-map=true] #people,body[data-map=true] .connection,body[data-map=true] .choose-label{color:#697e6d}.cat-grid .swatch{position:relative;border:0;clip-path:polygon(0 0,29% 18%,71% 18%,100% 0,100% 100%,0 100%);background:var(--coat)!important;box-shadow:none;transform:translateY(-2px)}.cat-grid .swatch:before{content:"";position:absolute;inset:25% 0 0;background:var(--coat)}.cat-grid .avatar-tabby:before{background:repeating-linear-gradient(90deg,transparent 0 12%,#39362550 12% 22%,transparent 22% 34%),var(--coat)}.cat-grid .avatar-calico:before,.cat-grid .avatar-tortoise:before{background:linear-gradient(115deg,#34332f 0 30%,var(--coat) 30% 65%,var(--cream) 65%)}.cat-grid .avatar-tuxedo:before{background:linear-gradient(115deg,var(--coat) 0 55%,var(--cream) 55%)}.cat-grid .avatar-point:before{background:linear-gradient(0deg,#63584d 0 65%,var(--coat) 65%)}.cat-grid .avatar-spotted:before{background:radial-gradient(#483c2b 20%,transparent 21%) 0 0/9px 9px,var(--coat)}.cat-grid .swatch:after{content:"";position:absolute;left:19%;top:47%;width:15%;height:15%;background:var(--eye-left);box-shadow:17px 0 0 var(--eye-right),8px 12px #867261}.cat-grid .ear-fold{clip-path:polygon(0 14%,25% 24%,75% 24%,100% 14%,100% 100%,0 100%)}.cat-grid .ear-notched{clip-path:polygon(0 0,12% 12%,12% 0,29% 18%,71% 18%,100% 0,100% 100%,0 100%)}.cat-grid>button.met .cat-info strong:after{content:" · 已相遇";font-size:7px;font-weight:400;color:#899b76;margin-left:3px}@media(max-width:760px){.cat-grid .swatch:after{box-shadow:14px 0 0 var(--eye-right),7px 10px #867261}}@media(max-width:760px),(max-height:500px){.search-field input,.filter-select select{font-size:16px}.filter-select select{max-width:137px;padding-left:7px;padding-right:5px}.search-field{min-width:0}}@media(max-height:620px)and (orientation:portrait){.cat-card{top:105px;width:188px;padding:6px 9px 7px}.cat-card .affection,.cat-card .needs{display:none}.cat-card .card-heading{min-height:24px}.cat-card h1{font-size:22px;margin:2px 0 4px;gap:7px}.cat-card #catMood{font-size:8px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}body[data-scene=sleep] .cat-card,body[data-scene=rooftop] .cat-card,body[data-scene=sleep] .cat-card h1,body[data-scene=rooftop] .cat-card h1,body[data-scene=sleep] .location-bar,body[data-scene=rooftop] .location-bar,body[data-scene=sleep] .drawer,body[data-scene=rooftop] .drawer{color:#304b3e}