*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;cursor:url(/cursor-small.png),auto}canvas{display:block;cursor:url(/cursor-small.png),auto}.loader-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:1000;transition:opacity .1s ease}.loader-container.hidden{opacity:0;pointer-events:none}.pixel-loader{position:relative;width:100px;height:100px}.emoji-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:48px;height:48px;background-image:url(/emoji-spritesheet.webp);background-size:480px 336px;image-rendering:pixelated}.pixel{position:absolute;width:4px;height:4px;background:#888;animation:pixel-pulse 1.2s ease-in-out infinite;top:50%;left:50%}.pixel:nth-child(2){transform:translate(-50%,-50%) rotate(0) translate(42px);animation-delay:0s;background:#6bcebb}.pixel:nth-child(3){transform:translate(-50%,-50%) rotate(40deg) translate(42px);animation-delay:.11s;background:#ff7f6b}.pixel:nth-child(4){transform:translate(-50%,-50%) rotate(80deg) translate(42px);animation-delay:.22s;background:#ffd93d}.pixel:nth-child(5){transform:translate(-50%,-50%) rotate(120deg) translate(42px);animation-delay:.33s;background:#f4a683}.pixel:nth-child(6){transform:translate(-50%,-50%) rotate(160deg) translate(42px);animation-delay:.44s;background:#98d4bb}.pixel:nth-child(7){transform:translate(-50%,-50%) rotate(200deg) translate(42px);animation-delay:.55s;background:#f8a5a5}.pixel:nth-child(8){transform:translate(-50%,-50%) rotate(240deg) translate(42px);animation-delay:.66s;background:#5cc4b0}.pixel:nth-child(9){transform:translate(-50%,-50%) rotate(280deg) translate(42px);animation-delay:.77s;background:#ffcba4}.pixel:nth-child(10){transform:translate(-50%,-50%) rotate(320deg) translate(42px);animation-delay:.88s;background:#7dd8c7}@keyframes pixel-pulse{0%,20%{opacity:0}10%{opacity:1}}.canvas-container{width:100%;height:100%}
