*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,Comic Sans MS,sans-serif;background:radial-gradient(ellipse at top,#1b1042,#05010f 60%,#000);color:#fdf6ff;overflow-x:hidden}#root{min-height:100vh;position:relative}.stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 120px 90px,#fff,transparent),radial-gradient(1.5px 1.5px at 60px 160px,#fff,transparent),radial-gradient(2px 2px at 200px 220px,#fff,transparent),radial-gradient(1.5px 1.5px at 300px 40px,#fff,transparent),radial-gradient(2px 2px at 350px 300px,#fff,transparent),radial-gradient(1.5px 1.5px at 400px 150px,#fff,transparent),radial-gradient(2px 2px at 500px 60px,#fff,transparent),radial-gradient(1.5px 1.5px at 550px 250px,#fff,transparent),radial-gradient(2px 2px at 620px 120px,#fff,transparent);background-repeat:repeat;background-size:700px 400px;animation:drift 60s linear infinite;opacity:.7}@keyframes drift{0%{background-position:0 0}to{background-position:-700px 400px}}.app{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:20px 16px 80px}header.top{text-align:center;padding:20px 10px 10px}h1.title{font-size:clamp(1.8rem,5vw,3.2rem);margin:0;color:#ffd93d;text-shadow:0 0 10px #ff6ec7,0 0 20px #6ec7ff;letter-spacing:1px}.subtitle{color:#b7a8ff;font-size:1.1rem;margin-top:6px}.translate-toggle{margin:14px auto 0;display:inline-flex;gap:8px;align-items:center;background:#2a1a55;border:2px solid #7d5fff;border-radius:30px;padding:8px 16px;cursor:pointer;color:#fff;font-weight:700;transition:transform .15s ease}.translate-toggle:hover{transform:scale(1.05);background:#3a2570}.translate-note{display:block;font-size:.78rem;color:#9ad;font-style:italic;margin-top:2px}section{background:#140a2d8c;border:2px solid #4c2f8f;border-radius:18px;padding:18px 20px;margin:22px 0;box-shadow:0 0 25px #7850ff26}h2.section-title{color:#6ec7ff;margin-top:0;font-size:1.4rem;text-shadow:0 0 8px #6ec7ff88}.siren-btn{display:block;margin:10px auto;font-size:1.3rem;padding:14px 26px;border-radius:14px;border:none;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff3d68,#ff8a3d);box-shadow:0 0 15px #ff3d6899;transition:transform .1s ease}.siren-btn:active{transform:scale(.95)}.siren-btn.active{animation:pulse-red .6s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 20px #ff3d68}50%{box-shadow:0 0 45px #f03}}.red-alert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:#ff002826;animation:flash .5s infinite}@keyframes flash{0%,to{opacity:.15}50%{opacity:.4}}.catnip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:repeating-linear-gradient(45deg,#46e09614,#46e09614 20px,#96ff641f 20px,#96ff641f 40px);animation:catnip-shift 1.2s linear infinite}@keyframes catnip-shift{0%{background-position:0 0}to{background-position:80px 80px}}.paw-trail{position:fixed;z-index:3;pointer-events:none;font-size:1.1rem;transform:translate(-50%,-50%) rotate(var(--r, 0deg));animation:paw-fade .9s ease forwards;opacity:.8}@keyframes paw-fade{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.catnip-btn{padding:8px 16px;border-radius:10px;border:2px solid #46e0c0;background:#0e3a2f;color:#9bffd6;font-weight:700;cursor:pointer}.catnip-btn:hover{background:#16533f}.laser-field.frenzy .laser-dot{transition:top .08s ease,left .08s ease;box-shadow:0 0 30px 10px #ff2b45,0 0 50px 20px #ffd93d88}.laser-field.frenzy{border-color:#46e0c0;animation:frenzy-shake .3s infinite}@keyframes frenzy-shake{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(40deg)}}.laser-field{position:relative;height:280px;border-radius:14px;background:repeating-linear-gradient(45deg,#10052a,#10052a 10px,#170838 10px,#170838 20px);overflow:hidden;border:2px dashed #ff6ec7;cursor:crosshair}.laser-dot{position:absolute;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#ff2b45 0%,#b40018 70%,transparent 100%);box-shadow:0 0 20px 6px #ff2b45;cursor:pointer;transition:top .25s ease,left .25s ease;display:flex;align-items:center;justify-content:center}.score-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px;font-weight:700;color:#ffd93d}.treat-zone{position:relative;min-height:200px;border-radius:14px;background:linear-gradient(180deg,#0c0a2a,#1a1050);overflow:hidden;border:2px solid #46e0c0}.nom-btn{display:block;margin:14px auto;font-size:1.2rem;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;font-weight:700;background:linear-gradient(135deg,#46e0c0,#3d8bff);color:#05010f;box-shadow:0 0 15px #46e0c099}.nom-btn:active{transform:scale(.95)}.falling-treat{position:absolute;top:-30px;font-size:1.8rem;animation:fall 2.6s linear forwards;background:none;border:none;cursor:pointer;padding:0;line-height:1}.falling-treat:hover{transform:scale(1.3)}@keyframes fall{to{transform:translateY(320px) rotate(360deg);opacity:.2}}.scratch-post{display:block;margin:10px auto;font-size:1.2rem;padding:22px 36px;border-radius:14px;border:3px solid #c98a4b;cursor:pointer;font-weight:700;color:#fff6ea;background:repeating-linear-gradient(90deg,#8a5a2b,#8a5a2b 8px,#70461f 8px,#70461f 16px);box-shadow:0 0 15px #c98a4b80;-webkit-user-select:none;user-select:none;transition:transform .05s ease}.scratch-post:active{transform:scale(.92) rotate(-1deg)}.scratch-bar-wrap{max-width:400px;margin:10px auto 0;background:#10052a;border-radius:20px;height:18px;overflow:hidden;border:2px solid #c98a4b}.scratch-bar-fill{height:100%;background:linear-gradient(90deg,#c98a4b,#ffd93d);transition:width .1s ease}.pet-btn{display:block;margin:10px auto;font-size:1.1rem;padding:20px 32px;border-radius:20px;border:3px solid #ff6ec7;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(160deg,#3a1a4a,#220e30);box-shadow:0 0 15px #ff6ec766;transition:transform .15s ease}.pet-btn:hover{transform:scale(1.03)}.pet-btn.purring{animation:purr-shake .12s infinite;border-color:#ffd93d}@keyframes purr-shake{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}.pet-cat-emoji{font-size:2.4rem}.reset-btn{display:block;margin:14px auto 0;padding:10px 20px;border-radius:10px;border:2px solid #6ec7ff;background:#10213f;color:#bfe4ff;font-weight:700;cursor:pointer}.reset-btn:hover{background:#163257}.recruit-toggle-btn{margin-top:10px;padding:6px 14px;border-radius:10px;border:2px solid #ffd93d;background:transparent;color:#ffd93d;font-weight:700;cursor:pointer;font-size:.8rem}.recruit-toggle-btn:hover{background:#ffd93d;color:#210}.soundboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.sound-btn{padding:14px 10px;border-radius:12px;border:2px solid #7d5fff;background:linear-gradient(160deg,#2a1a55,#170a34);color:#fdf6ff;cursor:pointer;font-weight:700;text-align:center;transition:transform .1s ease}.sound-btn:hover{transform:translateY(-3px) scale(1.03);background:linear-gradient(160deg,#3a2570,#220e45)}.sound-btn:active{transform:scale(.95)}.sound-cat{font-size:1.1rem;color:#ffd93d}.sound-en{font-size:.75rem;color:#9ad;font-style:italic;margin-top:4px}.fact-box{background:#ffffff0d;border-radius:12px;padding:14px 18px;font-size:1.05rem;min-height:50px}.fact-btn{display:block;margin:10px auto 0;padding:10px 20px;border-radius:10px;border:2px solid #46e0c0;background:#0e2a28;color:#9bffd6;font-weight:700;cursor:pointer}.fact-btn:hover{background:#164a44}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:linear-gradient(160deg,#241454,#150a34);border:2px solid #ffd93d;border-radius:20px;padding:26px;text-align:center;max-width:360px;box-shadow:0 0 40px #ffd93d4d;animation:pop .25s ease}.modal-card h3{color:#ffd93d;margin:8px 0}.close-modal-btn{display:block;margin:10px auto 0;padding:8px 16px;border-radius:10px;border:2px solid #ff6ec7;background:transparent;color:#ff6ec7;font-weight:700;cursor:pointer}.close-modal-btn:hover{background:#ff6ec7;color:#1a0930}.officer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.officer-card{background:linear-gradient(160deg,#241454,#150a34);border:2px solid #7d5fff;border-radius:16px;padding:14px;text-align:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.officer-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #7d5fff66}.officer-card.recruited{border-color:#ffd93d;box-shadow:0 0 20px #ffd93d88}.officer-emoji{font-size:3rem;cursor:pointer;transition:transform .15s ease}.officer-emoji:hover{transform:scale(1.2) rotate(-5deg)}.officer-name{color:#ffd93d;font-weight:700;margin:6px 0 2px;cursor:pointer;text-decoration:underline dotted}.officer-name:hover{color:#fff2b0}.officer-bio{font-size:.85rem;color:#dcd2ff}.recruit-badge{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:20px;background:#ffd93d;color:#210;font-size:.75rem;font-weight:700}.crime-list{display:flex;flex-direction:column;gap:12px}.crime-item{background:#ffffff0a;border:2px solid #ff6ec7;border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.crime-item.solved{border-color:#46e0c0;opacity:.75}.solve-btn{padding:8px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:700;background:#ff6ec7;color:#1a0930}.solve-btn:disabled{background:#46e0c0;cursor:default}.purr-meter-wrap{background:#10052a;border-radius:20px;height:26px;overflow:hidden;border:2px solid #6ec7ff}.purr-meter-fill{height:100%;background:linear-gradient(90deg,#ff6ec7,#ffd93d,#46e0c0);transition:width .3s ease}.zoomies-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#000000bf;text-align:center;flex-direction:column;gap:10px;animation:pop .3s ease}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.zoomies-overlay button{margin-top:10px;padding:10px 20px;border-radius:10px;border:none;font-weight:700;cursor:pointer;background:#ffd93d}.dictionary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;font-size:.9rem}.dict-item{background:#ffffff0d;border:1px solid #4c2f8f;border-radius:8px;padding:6px 10px;color:#fdf6ff;cursor:pointer;text-align:left;font-size:.9rem;transition:transform .1s ease,background .1s ease}.dict-item:hover{background:#ffffff1f;transform:translateY(-2px)}.dict-item b{color:#ffd93d}footer{text-align:center;color:#7d6fb0;font-size:.85rem;margin-top:30px}