@import"https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:VT323,monospace;touch-action:none;-webkit-touch-callout:none}.app{width:100vw;height:100vh;position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.background-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.blue-bg{background:linear-gradient(to bottom,#87ceeb,#98d8e8,#b0e0e6)}.miami-bg{background:linear-gradient(to bottom,#fff3b0,#ffe4a1,#ffcc80,#ff9a76,#ff7b89,#ff6b9d);animation:sunsetAnimation 30s ease-in-out infinite}@keyframes sunsetAnimation{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.1) saturate(1.2)}}.hold-instruction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-family:VT323,monospace;color:#ffffffe6;text-shadow:3px 3px 0 rgba(0,50,100,.5),0 0 30px rgba(135,206,235,.8);z-index:10;text-align:center;letter-spacing:6px;text-transform:lowercase;animation:pixelBlink 2s ease-in-out infinite}@keyframes pixelBlink{0%,to{opacity:.6}50%{opacity:1}}.energy-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,255,255,.7) 30%,rgba(200,220,255,.5) 60%,transparent 100%);border-radius:50%;filter:blur(10px);z-index:25;pointer-events:none}.reveal-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200vmax;height:200vmax;background:radial-gradient(circle,#fff3b0 0%,#ffe4a1 30%,#ffcc80 60%,transparent 100%);border-radius:50%;z-index:24;pointer-events:none}.branding{position:absolute;font-size:24px;font-family:"Press Start 2P",cursive;color:#ffffffb3;text-shadow:2px 2px 0 rgba(0,0,0,.3),0 0 10px rgba(255,255,255,.4);z-index:15;letter-spacing:2px;animation:glitchAnimation 10s ease-in-out infinite;transform-origin:center}.brand-j,.brand-ro{animation:fadeInOut 8s ease-in-out infinite}.brand-x{margin:0 8px;opacity:.5;animation:fadeInOut 8s ease-in-out infinite 2s}@keyframes glitchAnimation{0%,to{filter:blur(0)}2%{filter:blur(1px);text-shadow:2px 2px 0 rgba(0,0,0,.3),0 0 10px rgba(255,100,255,.8),-2px -2px 0 rgba(100,255,255,.5)}4%{filter:blur(0)}50%{opacity:1}52%{opacity:.3}54%{opacity:1}}@keyframes fadeInOut{0%,20%,80%,to{opacity:.7}40%,60%{opacity:.2}}.sun{position:absolute;width:120px;height:120px;background:radial-gradient(circle,#fff8dc,gold 40%,orange,tomato);border-radius:50%;left:50%;top:40%;transform:translate(-50%);box-shadow:0 0 80px gold,0 0 120px orange,0 0 160px tomato,inset 0 0 40px #ffffff80;filter:blur(2px);z-index:2}.cloud{position:absolute;filter:drop-shadow(0 0 30px rgba(255,255,255,.9));opacity:.6;z-index:5;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(255,220,220,.6)}.elephant{position:absolute;z-index:20}@media (max-width: 768px){.hold-instruction{font-size:20px;letter-spacing:3px}.branding{font-size:16px}.sun{width:80px;height:80px}.energy-circle{width:150px;height:150px}}