:root{color-scheme:dark;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#1a1a2e;color:#fafafa;overflow-x:hidden}#root{display:flex;flex-direction:column;align-items:center;min-height:100vh}.header{text-align:center;padding:1.5rem 1rem .5rem}.header h1{margin:0;font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ffa36b,#ffe66b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.header p{margin:.25rem 0 0;color:#ffffff73;font-size:.85rem}.main-layout{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;width:100%;max-width:900px}@media(min-width:700px){.main-layout{flex-direction:row;align-items:flex-start;gap:2rem}}.stats-bar{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.stat-box{text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.75rem 1.5rem;border-radius:.75rem;min-width:140px}.stat-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:.25rem}.stat-value{display:block;font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;color:#ffe66b}.cat-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.cat-container{position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .05s ease}.cat-container:active{transform:scale(.96)}.cat-container.pop-anim{animation:popBounce .1s ease}@keyframes popBounce{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.cat-face{width:220px;height:220px;border-radius:50%;background:#f5e6ca;position:relative;box-shadow:0 8px 32px #0000004d,0 0 60px #ff6b6b26;transition:box-shadow .15s ease}.cat-face.open{box-shadow:0 8px 32px #0000004d,0 0 80px #ff6b6b66}.ear{position:absolute;width:0;height:0;border-left:32px solid transparent;border-right:32px solid transparent;border-bottom:55px solid #f5e6ca;top:-30px}.ear:after{content:"";position:absolute;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:36px solid #f0b4c4;top:16px;left:-20px}.ear-left{left:28px;transform:rotate(-10deg)}.ear-right{right:28px;transform:rotate(10deg)}.eye{position:absolute;width:30px;height:34px;background:#2d2d2d;border-radius:50%;top:65px}.eye:after{content:"";position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;top:6px;left:6px}.eye-left{left:52px}.eye-right{right:52px}.nose{position:absolute;width:16px;height:12px;background:#e89aaa;border-radius:50% 50% 40% 40%;top:100px;left:50%;transform:translate(-50%)}.whiskers{position:absolute;top:108px;left:0;right:0}.whisker{position:absolute;width:45px;height:2px;background:#0003;border-radius:1px}.whisker-left-1{left:12px;top:0;transform:rotate(-8deg)}.whisker-left-2{left:10px;top:10px;transform:rotate(4deg)}.whisker-left-3{left:12px;top:20px;transform:rotate(14deg)}.whisker-right-1{right:12px;top:0;transform:rotate(8deg)}.whisker-right-2{right:10px;top:10px;transform:rotate(-4deg)}.whisker-right-3{right:12px;top:20px;transform:rotate(-14deg)}.mouth-closed{position:absolute;top:115px;left:50%;transform:translate(-50%);width:24px;height:3px;overflow:visible}.mouth-closed .line{position:absolute;width:24px;height:3px;background:#2d2d2d;border-radius:0 0 50% 50%}.mouth-open{position:absolute;top:110px;left:50%;transform:translate(-50%);width:65px;height:55px;background:#2d2d2d;border-radius:0 0 50% 50%;display:none;overflow:hidden}.mouth-open .tongue{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:36px;height:28px;background:#e87070;border-radius:50%}.mouth-open .tooth-left,.mouth-open .tooth-right{position:absolute;top:0;width:12px;height:14px;background:#fff;border-radius:0 0 4px 4px}.mouth-open .tooth-left{left:10px}.mouth-open .tooth-right{right:10px}.cat-face.open .mouth-closed{display:none}.cat-face.open .mouth-open{display:block}.cat-face:not(.open) .mouth-closed{display:block}.cat-face:not(.open) .mouth-open{display:none}.pop-text{position:absolute;font-size:1.2rem;font-weight:700;color:#ff6b6b;pointer-events:none;animation:floatUp .8s ease-out forwards;text-shadow:0 2px 8px rgba(255,107,107,.5)}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(1.3)}}.click-hint{color:#ffffff59;font-size:.8rem;text-align:center}.leaderboard{flex:1;width:100%;max-width:320px}.leaderboard h2{margin:0 0 .75rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff9;text-align:center}.lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.lb-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.5rem;transition:background .2s}.lb-item.you{background:#ffe66b14;border-color:#ffe66b33}.lb-rank{font-size:.85rem;font-weight:700;color:#fff6;min-width:24px;text-align:center}.lb-rank.gold{color:gold}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.lb-flag{font-size:1.4rem;line-height:1}.lb-name{flex:1;font-size:.9rem;font-weight:500}.lb-score{font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;color:#ffffff8c}.footer{margin-top:auto;padding:1.5rem;text-align:center;color:#fff3;font-size:.7rem}