*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#000;font-family:Arial,sans-serif}.app-container{width:100%;max-width:800px;margin:0 auto}.cats-container{position:relative;width:100%;aspect-ratio:16/9}.background{position:relative;width:100%;height:100%;background-size:cover;background-position:center}.cat{position:absolute;width:100%;height:100%;pointer-events:none}.cat-image{position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center bottom;width:30%;height:30%;pointer-events:none}.click-area{position:absolute;cursor:pointer;border:2px solid transparent;background-color:transparent;transition:all .2s ease;z-index:10;pointer-events:auto}.cat1-image,.cat1 .click-area{width:20%;height:40%;bottom:0;left:25%}.cat2-image,.cat2 .click-area{width:10%;height:25%;bottom:22%;right:3%}.cat3-image,.cat3 .click-area{width:10%;height:25%;bottom:53%;right:16%}