html, body { height: 100%; margin: 0; padding: 0; overflow: hidden; box-sizing: border-box;}body { background-color: #217a3b; min-height: 100vh; width: 100vw; overflow: hidden;}main { height: 100vh; width: 100vw; overflow: hidden; box-sizing: border-box;}@keyframes throw-to-middle { 0% { opacity: 0; transform: scale(0.7) translateY(40px); } 100% { opacity: 1; transform: scale(1) translateY(0); }}.animate-throw-to-middle { animation: throw-to-middle 0.35s cubic-bezier(0.4, 0, 0.2, 1);}@keyframes pulse { 0% { transform: scale(1); opacity: 0.2; } 50% { transform: scale(1.05); opacity: 0.3; } 100% { transform: scale(1); opacity: 0.2; }}.animate-pulse { animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;}.shadow-2xl.rounded-lg { z-index: 60 !important; }.animate-pulse { z-index: 40; pointer-events: none; }header { height: auto; padding: 0; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0;}header img { height: 100%; max-height: 4rem; }main > div { display: flex; align-items: center; justify-content: center; box-sizing: border-box; overflow: hidden;}main > div { border: 0px solid red !important;}main .top-player,main .bottom-player { grid-column: span 3;}main .left-player { display: flex; align-items: center; justify-content: flex-end;}.col-start-2.row-start-3 { min-height: 30vh; display: flex; justify-content: center; align-items: center;}.col-span-3.row-start-4 { padding-bottom: 20px; }img { max-width: 100%; max-height: 100%;}.col-start-2.row-start-2 { padding-top: 10px; padding-bottom: 10px;}.col-start-1.row-start-3,.col-start-3.row-start-3 { min-height: 20vh;}.tikki-container { cursor: pointer; transition: all 0.3s;}.tikki-container:hover { background-color: rgba(255, 255, 100, 0.1);}.tikki-tooltip { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 4px 10px; border-radius: 20px; font-size: 0.8rem; opacity: 0; transition: opacity 0.3s;}.tikki-container:hover .tikki-tooltip { opacity: 1;}@keyframes points-fade { 0% { opacity: 0; transform: translateY(0) scale(0.7); } 20% { opacity: 1; transform: translateY(-10px) scale(1.2); } 80% { opacity: 1; transform: translateY(-40px) scale(1); } 100% { opacity: 0; transform: translateY(-60px) scale(0.8); }}.points-animation { animation: points-fade 1.5s forwards; pointer-events: none;}.col-start-2.row-start-3 > div:not(.tikki-container) { background-color: transparent !important;}.left-1\/4, .left-1\/2, .left-3\/4, .top-1\/4, .top-1\/2, .top-3\/4 { z-index: 60;}.tikki-possible { animation: tikki-glow 1s infinite alternate;}@keyframes tikki-glow { 0% { box-shadow: 0 0 0 0 #ffe066, 0 0 12px 4px #ffe066; } 100% { box-shadow: 0 0 0 6px #ffe066, 0 0 24px 8px #ffe066; }}