*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#111;color:#fff;font-family:Orbitron,"Exo 2",Audiowide,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body[data-electron]{margin:0;padding:0;min-height:100vh;overflow:hidden}@keyframes flicker{0%{opacity:.15795}5%{opacity:.31511}10%{opacity:.94554}15%{opacity:.2415}20%{opacity:.97403}25%{opacity:.12059}30%{opacity:.55112}35%{opacity:.42692}40%{opacity:.85218}45%{opacity:.52411}50%{opacity:.18739}55%{opacity:.56771}60%{opacity:.3466}65%{opacity:.54945}70%{opacity:.66148}75%{opacity:.12926}80%{opacity:.54597}85%{opacity:.46717}90%{opacity:.86237}95%{opacity:.04518}to{opacity:.68596}}@keyframes turn-on{0%{transform:scaleY(.8) translateZ(0);filter:brightness(30);opacity:1}3.5%{transform:scaleY(.8) translate3d(0,100%,0)}3.6%{transform:scaleY(.8) translate3d(0,-100%,0);opacity:1}9%{transform:scale(1.3,.6) translate3d(0,100%,0);filter:brightness(30);opacity:0}11%{transform:scale(1) translateZ(0);filter:contrast(0) brightness(0);opacity:0}to{transform:scale(1) translateZ(0);filter:contrast(1) brightness(1.1) saturate(1.1);opacity:1}}@keyframes turn-off{0%{transform:scaleY(1.3) translateZ(0);filter:brightness(1);opacity:1}60%{transform:scale(1.3,.001) translateZ(0);filter:brightness(10)}to{animation-timing-function:var(--ease-in-quint);transform:scale(0,.0001) translateZ(0);filter:brightness(50)}}@keyframes overlay-anim{0%{visibility:hidden}20%{visibility:hidden}21%{visibility:visible}to{visibility:hidden}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root{--screen-background: #121010;--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-in-quint: cubic-bezier(.755, .05, .855, .06)}.container{background:var(--screen-background);width:820px;height:620px;position:relative;overflow:hidden;border:2px solid #666}body[data-electron] .container{width:800px;height:600px;border:none}body[data-electron] #game-container{margin:0}.container:before{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(transparent 50%,#10101240 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}.container:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:#1210101a;opacity:0;z-index:2;pointer-events:none}.screen{width:100%;height:100%;border:none;position:relative}.overlay{color:#e4c955;position:absolute;top:5%;left:3%;font-size:40px;visibility:hidden;pointer-events:none;z-index:1}#game-container{width:800px;height:600px;position:relative;overflow:hidden;margin:10px}#game-container canvas{pointer-events:auto!important;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;border-radius:12px}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#1a1a3e,#0d0d1f);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-text{color:#00d4ff;font-size:28px;font-weight:700;font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(0,212,255,.8);animation:pulse 1s ease-in-out infinite;letter-spacing:2px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rotate-device-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;text-align:center;font-family:Orbitron,sans-serif}body[data-electron] .rotate-device-overlay{display:none!important}.rotate-device-icon{font-size:60px;margin-bottom:20px;animation:rotateIcon 2s ease-in-out infinite}.rotate-device-text{font-size:18px;font-weight:400;line-height:1.5;max-width:300px;text-shadow:0 0 10px rgba(255,255,255,.3)}.rotate-device-text-en{font-size:16px;font-weight:300;opacity:.8;font-family:"Exo 2",sans-serif}@keyframes rotateIcon{0%{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}@media screen and (max-width: 480px) and (orientation: portrait) and (pointer: coarse){.rotate-device-overlay{display:flex}.container{display:none}}