:root{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.5;font-weight:600;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{display:flex;align-items:center;justify-content:center;flex-direction:row}.container-left{display:flex;align-items:flex-end;justify-content:center;flex-direction:column;width:100vw;height:100vh}.container-right{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;width:100vw;height:100vh;padding-left:24px}.me{height:500px;margin:-110px -75px -110px 0;-webkit-user-select:none;user-select:none}.text{font-size:10px;font-weight:600;color:#fff;text-align:center;width:174px;background-color:#f2eb5b;padding:12px;color:#000;border-bottom:2px solid #000;-webkit-user-select:none;user-select:none}.text span{color:#e12c3d;font-size:12px}.main{-webkit-user-select:none;user-select:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:24px;margin-top:-24px}.block{width:80px;height:80px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-image:url(/bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .2s ease-in-out}.block:hover{transform:scale(1.6)!important}.block:nth-child(1){transform:rotate(0)}.block:nth-child(2){transform:rotate(100deg)}.block:nth-child(3){transform:rotate(45deg)}.block:nth-child(4){transform:rotate(-60deg)}.block:nth-child(5){transform:rotate(70deg)}.block:nth-child(6){transform:rotate(0)}.block:nth-child(7){transform:rotate(60deg)}.block:nth-child(8){transform:rotate(70deg)}.block:nth-child(9){transform:rotate(-80deg)}.block:nth-child(10){transform:rotate(90deg)}.block:nth-child(11){transform:rotate(-100deg)}.block:nth-child(12){transform:rotate(110deg)}.block:nth-child(13){transform:rotate(-120deg)}.block:nth-child(14){transform:rotate(130deg)}.block:nth-child(15){transform:rotate(-140deg)}.block:nth-child(16){transform:rotate(150deg)}.block img{width:60%;height:60%;object-fit:cover}.block img:hover{animation:wiggle 2.2s ease-in-out infinite}.block img:active{animation:none}.block.tbd{animation:none;opacity:.3;cursor:default}@keyframes animateText{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes wiggle{0%{transform:translateY(0)}25%{transform:translateY(6px) translateZ(6px) rotate(6deg) scale(1.1)}50%{transform:translateY(0)}75%{transform:translateY(-6px) translateZ(-6px) rotate(-6deg) scale(1.1)}to{transform:translateY(0)}}@media (max-width: 768px){.container{flex-direction:column;align-items:center;justify-content:center}.container-left{width:100%;align-items:center;justify-content:center;height:70vh;margin:0;-webkit-user-select:none;user-select:none}.me{height:400px;margin:0 0 -88px;-webkit-user-select:none;user-select:none}.text{width:140px;text-align:center}.container-right{width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;margin:0;padding-left:0}.grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px;margin-top:0}.block{width:100px;height:100px}}