*{box-sizing:border-box}html,body{margin:0;height:100%;background:#2b2a26;overflow:hidden;touch-action:none;-webkit-text-size-adjust:100%;overscroll-behavior:none;font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#4a3b2a;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}button{font-family:inherit;cursor:pointer;border:none}img{-webkit-user-drag:none}:root{--ink: #4a3b2a;--paper: #fbf3e2;--accent: #ff8f1f;--red: #e5483b;--green: #4f8a3a}#viewport{position:fixed;top:0;right:0;bottom:0;left:0}#stage{position:absolute;left:50%;top:50%;width:1280px;height:720px;transform-origin:center;overflow:hidden;background:#e9dcc0;box-shadow:0 10px 40px #00000059}#gl,#hud,#touch,#screen{position:absolute;top:0;right:0;bottom:0;left:0}#hud,#touch{pointer-events:none}#hud button,#touch>*{pointer-events:auto}.big{display:block;width:260px;margin:10px auto;padding:14px 0;font-size:22px;font-weight:800;color:var(--ink);background:#fff7e6;border-radius:40px;box-shadow:0 5px #d2b48a,0 8px 18px #0000002e;transition:transform .1s;letter-spacing:2px}.big:hover{transform:translateY(-2px)}.big:active{transform:translateY(3px);box-shadow:0 2px #d2b48a}.big.primary{background:linear-gradient(#ffb547,#ff8f1f);color:#fff;box-shadow:0 5px #c8660a,0 8px 18px #c8640a59;text-shadow:0 2px 0 rgba(0,0,0,.15)}.back{font-size:18px;font-weight:700;color:var(--ink);background:#fff3dc;padding:8px 16px;border-radius:20px;box-shadow:0 3px #dcc29a}#screen{display:flex;align-items:center;justify-content:center;z-index:20}#screen.dim{background:#281e148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#screen.full{background:#000}.title{position:absolute;top:0;right:0;bottom:0;left:0}.title .cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:kenburns 30s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08) translate(-1%,1%)}}.title .logo{position:absolute;left:0;right:0;top:40px;text-align:center}.title h1{margin:0;font-size:96px;font-weight:900;letter-spacing:12px;color:#fff4d6;-webkit-text-stroke:3px #6b3d14;text-shadow:0 6px 0 #6b3d14,0 12px 30px rgba(0,0,0,.35);animation:bob 3s ease-in-out infinite}.title .logo p{margin:10px 0 0;font-size:26px;font-weight:800;color:#6b3d14;letter-spacing:6px}@keyframes bob{50%{transform:translateY(-6px) rotate(-1deg)}}.title .menu{position:absolute;left:50%;bottom:34px;transform:translate(-50%);display:flex;gap:18px}.title .menu .big{width:200px;margin:0}.panel{background:var(--paper);border-radius:26px;padding:22px 30px 26px;box-shadow:0 20px 60px #00000059;border:4px solid #e8cfa4;max-height:680px;overflow:auto;width:760px}.panel.wide{width:1180px}.panel.small{width:420px;text-align:center}.panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel header>:first-child,.panel header>:last-child{min-width:110px}.panel header>:last-child{text-align:right}.panel h2{margin:0;font-size:30px;font-weight:900;color:#7a4a1c}.panel.small h2{margin-bottom:14px}.total{font-size:20px;font-weight:800;color:#e08a00}.lvgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.lvcard{position:relative;display:flex;flex-direction:column;align-items:center;padding:14px 8px 12px;background:#fff;border-radius:18px;box-shadow:0 4px #e2c89c,0 6px 14px #00000014;color:var(--ink);transition:transform .12s}.lvcard:hover{transform:translateY(-3px)}.lvcard img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #ffd59a}.lvcard .no{margin-top:8px;font-size:14px;color:#a07850}.lvcard b{font-size:20px;margin:2px 0 4px}.lvcard .stars{font-size:22px;color:#ffb300;letter-spacing:2px}.lvcard .cats{font-size:13px;color:#9b8a76}.lvcard.locked{filter:grayscale(1);opacity:.55;cursor:not-allowed}.codex{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.breed{display:flex;gap:12px;background:#fff;border-radius:16px;padding:12px;border-left:6px solid var(--c);box-shadow:0 3px 10px #0000000f;text-align:left}.breed img{width:96px;height:96px;border-radius:14px;object-fit:cover;flex:none}.breed h3{margin:0;font-size:20px;color:var(--c)}.breed h3 small{font-size:13px;color:#9b8a76;margin-left:8px;font-weight:600}.breed .trait{display:inline-block;margin:3px 0;font-size:12px;font-weight:800;color:#fff;background:var(--c);padding:1px 9px;border-radius:10px}.breed p{margin:3px 0;font-size:13px;line-height:1.5}.breed .tip{color:#8a5a1c;background:#fff4dc;padding:4px 8px;border-radius:8px}.statrow{display:flex;gap:10px;font-size:11px;color:#9b8a76;margin-top:4px}.bar{display:inline-block;width:40px;height:6px;background:#eee3cf;border-radius:3px;vertical-align:middle;overflow:hidden}.bar i{display:block;height:100%;background:var(--c)}.breed.big img{width:190px;height:190px}.breed.big h3{font-size:30px}.breed.big p{font-size:16px}.breed.big .statrow{font-size:13px}.breed.big .bar{width:60px}.intro{text-align:center;width:820px}.newcat{position:relative}.newcat .badge{position:absolute;top:-10px;left:-10px;z-index:2;background:var(--red);color:#fff;font-weight:900;padding:4px 14px;border-radius:14px;transform:rotate(-6deg);box-shadow:0 3px 8px #0003;animation:bob 2s infinite}.ltip{font-size:17px;margin:14px 0 8px;padding:10px 14px;background:#fff;border-radius:12px;border:2px dashed #e8cfa4;line-height:1.6}.lineup{font-size:15px;color:#8a7660;margin-bottom:6px}.lineup span{display:inline-block;margin:0 4px;color:#fff;background:var(--c);padding:1px 10px;border-radius:10px;font-weight:700}.allcats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.allcats img{width:74px;height:74px;border-radius:50%;object-fit:cover;border:4px solid var(--c)}.help .hero{display:flex;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:10px 16px}.help .hero img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--red)}.help .hero p{font-size:18px;line-height:1.6;margin:0}.help ul{margin:14px 0 0;padding-left:22px;font-size:16px;line-height:1.9}.help b{color:#c0651a}.result .bigstars{font-size:64px;letter-spacing:6px;color:#e2d3bb;margin:0 0 6px}.result .bigstars .on{color:#ffb300;display:inline-block;animation:starpop .5s backwards;text-shadow:0 4px 0 #d08a00}@keyframes starpop{0%{transform:scale(2.4) rotate(-30deg);opacity:0}}.result .checks{list-style:none;padding:0;margin:6px 0;font-size:17px;color:#b3a28a;line-height:1.8}.result .checks .on{color:#3f8a2e;font-weight:700}.result .time{font-size:16px;color:#8a7660;margin:4px 0 10px}.result .tip{font-size:14px;color:#8a5a1c;background:#fff4dc;padding:8px 10px;border-radius:10px;line-height:1.5}.result .catcher{width:130px;height:130px;border-radius:50%;object-fit:cover;border:6px solid var(--c);animation:shake .5s}@keyframes shake{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.volumes{margin:4px 0 10px}.vol{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:17px;font-weight:800}.vol span{width:108px;text-align:left;white-space:nowrap}.vol .mute{width:36px;height:36px;border-radius:50%;background:#fff;font-size:17px;box-shadow:0 2px #e2c89c;flex:none}.vol b{width:34px;text-align:right;font-variant-numeric:tabular-nums;color:#c0651a}.vol input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:5px;background:linear-gradient(90deg,#ff9f2e var(--p),#eadbc2 var(--p));outline:none;cursor:pointer}.vol input::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid #ff8f1f;box-shadow:0 2px 6px #00000040}.vol input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid #ff8f1f}.vhint{font-size:14px;color:#9b8a76;margin:0}#hud{z-index:10}.shade{position:absolute;top:0;right:0;bottom:0;left:0}.hl,.hm,.hr{position:absolute;top:14px;display:flex;align-items:center;gap:10px}.hl{left:16px;flex-direction:column;align-items:flex-start;gap:4px}.hm{left:50%;transform:translate(-50%)}.hr{right:16px}.lvl,.hm span,.nip{background:#fff8e8eb;padding:6px 14px;border-radius:16px;font-size:18px;font-weight:800;box-shadow:0 3px 10px #0000002e}.hearts{font-size:22px;letter-spacing:2px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.hearts i{font-style:normal;opacity:.6}.ib{width:44px;height:44px;border-radius:50%;background:#fff8e8eb;font-size:18px;font-weight:900;color:var(--ink);box-shadow:0 3px 10px #0003}.volpop{position:absolute;right:16px;top:70px;z-index:3;width:360px;padding:6px 14px;background:#fff8e8f7;border-radius:16px;box-shadow:0 6px 20px #0000004d;pointer-events:auto}.minimap{position:absolute;right:16px;top:70px;border-radius:10px;border:3px solid rgba(255,248,232,.95);box-shadow:0 3px 12px #00000040;opacity:.92}.minimap.alarm{border-color:#ff4a4a;animation:alarm .5s infinite alternate}@keyframes alarm{to{box-shadow:0 0 18px #ff4a4a}}.stamina{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.stamina>i{width:200px;height:12px;background:#00000059;border-radius:6px;overflow:hidden;border:2px solid rgba(255,255,255,.8)}.stamina>i>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7ed957,#3fb24a)}.stamina.run>i>i{background:linear-gradient(90deg,#ffd54a,#ff9a1f)}.stamina.low>i>i{background:#e5483b}.hiding{position:absolute;left:50%;bottom:50px;transform:translate(-50%);background:#2e7d32e6;color:#fff;font-weight:800;padding:6px 18px;border-radius:16px;font-size:18px}.count{position:absolute;left:0;right:0;top:38%;text-align:center;font-size:120px;font-weight:900;color:#fff4d6;-webkit-text-stroke:3px #6b3d14;text-shadow:0 8px 0 #6b3d14}.count.pop{animation:countpop .9s ease-out forwards}@keyframes countpop{0%{transform:scale(2);opacity:0}30%{transform:scale(1);opacity:1}to{opacity:.9}}.caught{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;background:#3c1414d9;color:#fff;padding:24px 40px;border-radius:24px;animation:shake .4s}.caught img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:6px solid var(--c)}.caught b{font-size:30px}.caught span{font-size:16px;opacity:.85}#toast{position:absolute;left:50%;top:74px;transform:translate(-50%,-20px);z-index:15;padding:8px 22px;border-radius:20px;font-size:20px;font-weight:800;color:#fff;background:#3c3228d9;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%)}#toast.danger{background:#d63028eb}#toast.safe{background:#2e7d32e6}#touch{z-index:12}.stick{position:absolute;left:40px;bottom:40px;width:190px;height:190px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;touch-action:none}.knob{width:84px;height:84px;border-radius:50%;background:#fff8e8e6;box-shadow:0 4px 12px #0000004d}.tbtn{position:absolute;width:112px;height:112px;border-radius:50%;font-size:22px;font-weight:900;color:#fff;box-shadow:0 5px #00000040;touch-action:none}.tbtn.sprint{right:50px;bottom:50px;background:#ff8f1fe0}.tbtn.sprint.on{transform:scale(.92);background:#ff6f00}.tbtn.nip{right:186px;bottom:30px;width:92px;height:92px;font-size:16px;background:#4caf50e0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tbtn.nip b{font-size:22px}.tbtn.nip.empty{opacity:.45}