.goatPage{justify-content:center;align-items:center;min-height:80vh;padding:2rem;display:flex}.goatPage .game-layout{background:#fdfdfd;border-radius:24px;flex-wrap:wrap;align-items:flex-start;gap:4rem;padding:3rem;display:flex;box-shadow:0 10px 30px #0000000d}.goatPage .goat-section{text-align:center}.goatPage .goat-section h1{color:#333;letter-spacing:2px;margin-bottom:2rem}.goatPage .goat-section .goat-container{cursor:pointer;background:#f0f4f0;border:0;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;padding:0;transition:all .2s;display:flex;position:relative}.goatPage .goat-section .goat-container:hover{background:#e4eee4;transform:scale(1.05)}.goatPage .goat-section .goat-container .heart-pop{z-index:5;animation:.8s ease-out forwards popAndFade;position:absolute;top:-10px}.goatPage .instructions-card{max-width:280px}.goatPage .instructions-card h2{color:#2c3e50;border-bottom:3px solid #ffde59;margin:0 0 1rem;font-size:1.2rem;display:inline-block}.goatPage .instructions-card ul{padding:0;list-style:none}.goatPage .instructions-card ul li{color:#5d6d7e;align-items:center;gap:12px;margin-bottom:1rem;display:flex}.goatPage .instructions-card ul li .keys{gap:4px;display:flex}.goatPage .instructions-card kbd{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-width:35px;padding:8px 12px;font-size:1rem;font-weight:700;transition:all .1s;display:flex;box-shadow:0 3px #d1d5db}.goatPage .instructions-card kbd:active{background-color:#f0fdf4;transform:translateY(2px);box-shadow:0 1px #d1d5db}.goatPage .instructions-card .key{background:0 0;border:0;border-radius:6px;padding:0}.goatPage .instructions-card .keys{align-items:center;gap:8px;margin-right:10px;display:flex}.goatPage .instructions-card .note{color:#5d6d7e;margin-top:1.5rem;font-size:.75rem;font-style:italic}@media (max-width:600px){.game-layout{flex-direction:column;gap:2rem;padding:1.5rem}.instructions-card{width:100%;max-width:100%}}@keyframes popAndFade{0%{opacity:0;transform:translateY(10px)scale(.5)}30%{opacity:1;transform:translateY(-15px)scale(1.3)}to{opacity:0;transform:translateY(-40px)scale(1)}}