body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0e6f6;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;color:#333}.app-container{position:relative;width:800px;height:600px;background-color:#e6ccff;border-radius:20px;box-shadow:0 10px 30px #0003,inset 0 0 0 5px #ffffff80,inset 0 0 10px #0000004d;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:all .5s ease-in-out}.start-page{text-align:center;padding:40px;background:linear-gradient(135deg,#ffdde1,#f7cac9);border-radius:15px;box-shadow:0 5px 15px #0000001a;animation:fadeIn 1s ease-out}.title-container{margin-bottom:30px}.title-container h1{font-size:3.5em;color:#8a2be2;margin:0;text-shadow:2px 2px 5px rgba(0,0,0,.15);letter-spacing:2px;display:inline-block}.title-cat{font-size:2em;margin:0 10px;display:inline-block;animation:float 3s ease-in-out infinite;transform-origin:center}.title-cat:nth-child(2){animation-delay:-.5s}.title-cat:nth-child(3){animation-delay:-1s}.start-button{background-color:orchid;color:#fff;border:none;padding:15px 30px;font-size:1.4em;border-radius:30px;cursor:pointer;transition:all .3s ease,transform .2s ease;box-shadow:0 4px 15px #da70d699;display:inline-flex;align-items:center;gap:10px;margin-top:20px}.start-button:hover{background-color:#c71585;box-shadow:0 6px 20px #c71585cc;transform:translateY(-3px) scale(1.05)}.start-button:active{transform:translateY(1px) scale(1)}.high-score{margin-top:30px;font-size:1.2em;color:#6a5acd;font-weight:700}.game-area{position:relative;width:100%;height:100%;background-color:#fff;border-radius:20px;overflow:hidden}#gameCanvas{display:block;border-radius:20px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud{position:absolute;top:15px;left:15px;display:flex;gap:25px;background-color:#ffffffb3;padding:10px 20px;border-radius:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000001a;pointer-events:auto}.hud-item{display:flex;align-items:center;font-size:1.3em;font-weight:700;color:indigo}.hud-item svg{margin-right:8px;color:#ff69b4}.combo-counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3em;font-weight:700;color:gold;text-shadow:0 0 10px #ffec8b,0 0 20px #ffec8b,0 0 30px #ffec8b;animation:pulse .5s ease-in-out;pointer-events:auto}.cat-collection-preview{position:absolute;bottom:15px;right:15px;background-color:#ffffffb3;padding:8px 15px;border-radius:12px;font-size:1.1em;font-weight:700;color:#8b4513;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 8px #0000001a;pointer-events:auto}.cat-icon{position:absolute;cursor:pointer;transition:transform .2s ease-out;animation:bounceIn .5s ease-out forwards;z-index:10}.cat-icon:hover{transform:scale(1.1)}.game-over-page{text-align:center;padding:40px;background:linear-gradient(135deg,#c8e8ff,#a7d7f7);border-radius:15px;box-shadow:0 5px 15px #0000001a;animation:fadeIn 1s ease-out}.game-over-page h2{font-size:3em;color:navy;margin-bottom:15px;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.game-over-page p{font-size:1.5em;margin:8px 0;color:#4682b4}.cat-collection-summary{margin-top:30px;max-height:250px;overflow-y:auto;padding-right:10px}.cat-collection-summary h3{font-size:1.8em;color:purple;margin-bottom:15px;border-bottom:2px dashed #9370db;padding-bottom:5px}.collected-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;justify-content:center}.cat-card{background-color:#fffc;border:4px solid transparent;border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px #0000001a}.cat-card.collected{border-color:#32cd32;box-shadow:0 0 15px #32cd32b3}.cat-card .cat-emoji{font-size:2.5em;margin-bottom:5px}.cat-card p{font-size:1.1em;margin:0;color:#555}.cat-card .lock-icon{font-size:1.5em;color:#aaa;margin-top:5px}.play-again-button,.back-to-start-button{background-color:#4682b4;color:#fff;border:none;padding:12px 25px;font-size:1.2em;border-radius:25px;cursor:pointer;transition:all .3s ease,transform .2s ease;box-shadow:0 4px 12px #4682b480;margin:10px 5px;display:inline-flex;align-items:center;gap:8px}.play-again-button:hover,.back-to-start-button:hover{background-color:#2c5e80;box-shadow:0 6px 18px #2c5e80b3;transform:translateY(-2px) scale(1.03)}.back-to-start-button{background-color:#aaa;box-shadow:0 4px 12px #aaaaaa80}.back-to-start-button:hover{background-color:#888;box-shadow:0 6px 18px #888888b3}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceIn{0%,20%,50%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 850px){.app-container{width:95%;height:auto;aspect-ratio:800 / 600}.start-page,.game-over-page{padding:20px}.title-container h1{font-size:2.5em}.start-button,.play-again-button,.back-to-start-button{font-size:1.1em;padding:10px 20px}.hud{flex-direction:column;align-items:flex-start;gap:8px;top:10px;left:10px}.hud-item{font-size:1.1em}.combo-counter{font-size:2.5em}.cat-collection-preview{bottom:10px;right:10px;font-size:1em}.collected-cats-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.cat-card .cat-emoji{font-size:2em}}