:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 20% 80%,rgba(120,60,200,.15),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,100,50,.1),transparent 50%),#0a0a0a}.game-container{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem}.header{text-align:center}.header h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#ff6b35,#f7c948,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem}.stats{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6;font-weight:600}.stat-value{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fafafa}.stat-value.warning{color:#f44;animation:pulse .5s ease infinite}.stat-value.combo{color:#f7c948}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.menu{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem}.cat-art{margin-bottom:.5rem}.big-cat{font-size:5rem;display:block;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.subtitle{font-size:1.15rem;color:#fffc;font-weight:500}.hint{font-size:.85rem;color:#ffffff73;max-width:280px}.special-cat,.normal-cat{font-size:1.1rem}.high-score-display{font-size:.9rem;color:#f7c948;font-weight:600}.btn{margin-top:.5rem;padding:.75rem 2.5rem;font-size:1rem;font-weight:700;letter-spacing:.05em;border:none;border-radius:2rem;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ff6b9d);color:#fff;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 20px #ff6b354d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff6b3573}.btn:active{transform:translateY(0)}.grid-wrapper{position:relative}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.5rem}.cell{aspect-ratio:1;border-radius:1rem;border:2px solid rgba(255,255,255,.06);background:#ffffff08;cursor:pointer;display:grid;place-items:center;transition:background .15s,border-color .15s,transform .1s;position:relative;overflow:hidden}.cell:hover{background:#ffffff0f}.cell.active{border-color:#ff6b9d4d;background:#ff6b9d14;animation:popIn .2s cubic-bezier(.34,1.56,.64,1)}.cell.active.special{border-color:#f7c94880;background:#f7c9481a;box-shadow:0 0 20px #f7c94826}.cell:active{transform:scale(.92)}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.cat-emoji{font-size:2.5rem;animation:wiggle .6s ease-in-out infinite alternate;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes wiggle{0%{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.05)}}.float-text{position:absolute;font-size:1.1rem;font-weight:800;color:#f7c948;pointer-events:none;animation:floatUp .6s ease-out forwards;text-shadow:0 2px 8px rgba(247,201,72,.5);z-index:10}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.3)}}.game-over-title{font-size:1.75rem;font-weight:800;color:#fafafa}.final-stats{display:flex;gap:2rem;align-items:center;padding:1rem 0}.final-stat{display:flex;flex-direction:column;align-items:center}.final-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.final-value{font-size:2rem;font-weight:800}.new-record{font-size:.85rem;font-weight:700;color:#f7c948;background:#f7c9481f;padding:.35rem .75rem;border-radius:1rem;animation:pulse 1s ease infinite}