*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{display:flex;align-items:center;justify-content:center;background-color:#ba8c63;background-image:url(/cartridges/assets/wood-pattern-O8NYGNlo.png)}#future{position:fixed;top:0;right:0;width:96px;height:32px;image-rendering:pixelated;image-rendering:crisp-edges;background:#ffffff4d;padding:8px 16px;z-index:1;box-sizing:content-box}#future>img{width:100%;height:100%}#box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;max-width:1080px;gap:16px;padding:64px;margin:32px;outline:8px solid #600;border:8px dashed rgba(20,20,20,.7);border-radius:64px;background-image:url(data:image/webp;base64,UklGRlIAAABXRUJQVlA4TEUAAAAvBcACAD9AIGmbYtsjnUDSNsW2RzqBpG2KbY/0+Y//AQAVALANAAYhSTmFFFJI4RVSOIX8J4mI/odTTq2spC99Ekn5RCIA);background-size:8px 24px;box-shadow:9px 18px 36px #000000b3,inset 3px 6px 24px #000000b3,inset 0 0 0 4px #ff0404b3}.cartridge{position:relative}.cartridge#gb,.cartridge#gbc{width:195px;height:220.5px}.cartridge>img{position:absolute;left:50%;bottom:12px;transform:translate(-50%);box-shadow:1px 2px 4px #000000b3;animation:put-cartridge .5s ease-in-out forwards}.cartridge:after{content:"";position:absolute;width:100%;height:75%;left:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent 0,transparent 2px,#000 4px),repeating-linear-gradient(45deg,transparent 0,transparent 2px,#000 4px),transparent;border:8px solid #000;border-radius:0 0 8px 8px;transform:perspective(480px) rotateX(0);transform-origin:bottom center;animation:put-cartridge-container .5s ease-in-out forwards}.cartridge:hover>img{animation:get-cartridge .5s ease-in-out forwards}.cartridge:hover:after{animation:get-cartridge-container .5s ease-in-out forwards}@keyframes put-cartridge{0%{transform:translate(-50%,-15%) scale(1.4) rotate(0);box-shadow:16px 32px 64px #000000b3;z-index:1}50%{transform:translate(-50%,-100%) scale(1.2) rotate(18deg)}to{transform:translate(-50%) scale(1) rotate(0);box-shadow:1px 2px 4px #000000b3;z-index:0}}@keyframes get-cartridge{0%{transform:translate(-50%) scale(1) rotate(0);box-shadow:1px 2px 4px #000000b3;z-index:0}50%{transform:translate(-50%,-100%) scale(1.2) rotate(18deg)}to{transform:translate(-50%,-15%) scale(1.4) rotate(0);box-shadow:16px 32px 64px #000000b3;z-index:1}}@keyframes put-cartridge-container{0%,to{transform:perspective(480px) rotateX(0)}50%{transform:perspective(480px) rotateX(-3deg)}}@keyframes get-cartridge-container{0%,to{transform:perspective(480px) rotateX(0)}50%{transform:perspective(480px) rotateX(-3deg)}}