@font-face{font-family:Jura;src:url(/font/jura-variable.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--hud-primary: rgb(0, 210, 255);--hud-secondary: rgba(0, 180, 255, .9);--death-red: #ff3366;--death-orange: #ff6b35;--warning-yellow: #ffcc00}body{font-family:Jura,Arial,Helvetica,sans-serif;background-color:#000;overflow:hidden;-webkit-user-select:none;user-select:none}@keyframes titlePulse{0%{text-shadow:0 0 30px rgba(0,180,255,.6);transform:scale(1)}to{text-shadow:0 0 40px rgba(0,180,255,.9);transform:scale(1.02)}}@keyframes progressGlow{0%{box-shadow:0 0 10px #00b4ff80}to{box-shadow:0 0 20px #00b4ffcc}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:.8}}@keyframes scorePopup{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.8)}20%{opacity:1;transform:translate(-50%) translateY(0) scale(1.1)}40%{transform:translate(-50%) translateY(-10px) scale(1)}60%{transform:translate(-50%) translateY(-15px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-80px) scale(.6)}}@keyframes softPulse{0%,to{box-shadow:inset 0 0 20px #00b4ff0d}50%{box-shadow:inset 0 0 25px #00b4ff1a}}@keyframes subtleHologram{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes appear-hud--1{0%{transform:perspective(300px) rotateX(-15deg) rotateY(20deg) rotate(-5deg) translate(-100px);opacity:0}to{transform:perspective(300px) rotateX(-5deg) rotateY(10deg) rotate(-1deg) translate(0);opacity:1}}@keyframes appear-hud--2{0%{transform:perspective(300px) rotateX(15deg) rotateY(20deg) rotate(5deg) translate(-100px);opacity:0}to{transform:perspective(300px) rotateX(5deg) rotateY(-10deg) rotate(1deg) translate(0);opacity:1}}@keyframes hudUpdate{0%{transform:scale(1);text-shadow:0 0 15px rgba(0,180,255,.3)}50%{transform:scale(1.1);text-shadow:0 0 25px rgba(0,180,255,.6)}to{transform:scale(1);text-shadow:0 0 15px rgba(0,180,255,.3)}}@keyframes pauseSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pauseGlow{0%,to{text-shadow:0 0 20px rgba(0,180,255,.5)}50%{text-shadow:0 0 40px rgba(0,180,255,.8),0 0 60px rgba(0,180,255,.3)}}@keyframes buttonHover{0%{transform:scale(1);box-shadow:0 4px 15px #00b4ff4d}to{transform:scale(1.05);box-shadow:0 6px 25px #00b4ff80}}@keyframes backgroundPulse{0%,to{background:#0000004d}50%{background:#000a1466}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes deathPulse{0%,to{background:radial-gradient(circle at center,#ff336626,#ff6b351a 30%,#0a0a0acc 70%)}50%{background:radial-gradient(circle at center,#ff336640,#ff6b3526 30%,#0a0a0ae6 70%)}}@keyframes deathSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes deathTitleGlow{0%,to{text-shadow:0 0 30px rgba(255,51,102,.8),0 0 60px rgba(255,51,102,.6),0 0 90px rgba(255,51,102,.4)}50%{text-shadow:0 0 40px rgba(255,51,102,1),0 0 80px rgba(255,51,102,.8),0 0 120px rgba(255,51,102,.6)}}@keyframes titleGlitch{0%,85%,to{transform:translate(0)}86%{transform:translate(-3px)}87%{transform:translate(3px)}88%{transform:translate(-2px)}89%{transform:translate(2px)}90%{transform:translate(0)}}@keyframes glitchText{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:.8;transform:translate(-2px)}92%{opacity:.6;transform:translate(2px)}93%{opacity:.9;transform:translate(-1px)}94%{opacity:.4;transform:translate(1px)}95%{opacity:0;transform:translate(0)}}@keyframes subtitleFlicker{0%,80%,to{opacity:.9}81%,85%,89%,93%{opacity:.3}82%,86%,90%,94%{opacity:.9}}@keyframes glitchMove{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}to{transform:translate(0)}}@keyframes gridGlitch{0%,90%,to{opacity:.3}91%,95%{opacity:.1}92%,96%{opacity:.5}}@keyframes gridMove{0%{transform:translate(0)}25%{transform:translate(5px,5px)}50%{transform:translate(-3px,8px)}75%{transform:translate(7px,-5px)}to{transform:translate(0)}}@keyframes statFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes statSweep{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes valueGlow{0%,to{text-shadow:0 0 15px rgba(255,107,53,.6);color:var(--death-orange)}50%{text-shadow:0 0 25px rgba(255,107,53,.9);color:#fa5}}@keyframes buttonBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10px) translate(20px);opacity:0}}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#012,#000);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;transition:opacity 1s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-title{font-size:4rem;font-weight:700;color:var(--hud-primary);text-shadow:0 0 30px rgba(0,180,255,.6);margin-bottom:2rem;letter-spacing:4px;text-transform:uppercase;animation:titlePulse 2s ease-in-out infinite alternate}.loading-subtitle{font-size:1.2rem;color:#00b4ffb3;margin-bottom:3rem;letter-spacing:2px;text-transform:uppercase;opacity:.8}.loading-progress-container{width:400px;height:4px;background:#00b4ff1a;border-radius:2px;overflow:hidden;margin-bottom:1rem;position:relative;border:1px solid rgba(0,180,255,.3)}.loading-progress-bar{height:100%;background:linear-gradient(90deg,#00d2ffcc,#00b4ff,#00d2ffcc);width:0%;transition:width .3s ease;box-shadow:0 0 10px #00b4ff80;animation:progressGlow 2s ease-in-out infinite alternate}.loading-progress-text{color:#00b4ffe6;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-top:.5rem}.loading-spinner{width:60px;height:60px;border:3px solid rgba(0,180,255,.1);border-top:3px solid var(--hud-primary);border-radius:50%;animation:spin 1s linear infinite;margin-top:2rem}.loading-hint{position:absolute;text-align:center;color:#00b4ffcc;font-size:.9rem;letter-spacing:1px;animation:fadeInOut 3s ease-in-out infinite;margin-top:30rem}.loading-note{position:absolute;bottom:1rem;text-align:center;color:#00b4ff80;font-size:.9rem;letter-spacing:1px}#hud{padding:2em 3em;display:flex;position:fixed;width:100vw;height:100vh;pointer-events:none;color:var(--hud-primary);transition:opacity 2s;justify-content:space-between;align-items:start}.hud-container{width:250px;padding:10px;border:1px solid rgba(0,180,255,.2);border-right:none;box-shadow:inset 0 0 20px #00b4ff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;background:#0014281a}#hud .hud-container:first-child{transform:perspective(300px) rotateX(-5deg) rotateY(10deg) rotate(-1deg);animation:softPulse 5s ease infinite,fadeIn .8s cubic-bezier(.19,1,.22,1),appear-hud--1 .8s}#hud .hud-container:last-child{transform:perspective(300px) rotateX(5deg) rotateY(-10deg) rotate(1deg);animation:softPulse 5s ease infinite,fadeIn .8s cubic-bezier(.19,1,.22,1),appear-hud--2 .8s}.hud-item{display:flex;align-items:center;gap:10px;padding:4px 6px;position:relative}.hud-label{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;opacity:.6;font-weight:600;min-width:60px}.hud-value{font-size:1rem;font-weight:900;letter-spacing:1px;text-shadow:0 0 15px rgba(0,180,255,.3);background:linear-gradient(90deg,#00d2ffe6,#00b4ffe6,#00d2ffe6);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:subtleHologram 8s infinite}.hud-container:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,#00b4ff33,#00b4ff00 30%);pointer-events:none}.corner-accent{position:absolute;width:4px;height:4px;border:1px solid rgba(0,180,255,.3)}.accent-tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.accent-bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.data-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(0,180,255,.3),transparent);height:1px;left:20px;right:20px}.line-top{top:0}.line-bottom{bottom:0}.hud-item:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,180,255,.2),transparent)}.hud-item:last-child:after{display:none}.score-popup{position:fixed;top:120px;left:50%;transform:translate(-50%);color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 15px rgba(0,180,255,.75);pointer-events:none;animation:scorePopup 2.5s cubic-bezier(.68,-.55,.265,1.55) forwards}.hud-update{animation:hudUpdate .6s ease-out}#pause-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;opacity:0;visibility:hidden;transition:all .3s ease;animation:backgroundPulse 4s ease-in-out infinite;overflow:hidden}#pause-screen.visible{opacity:1;visibility:visible}.pause-container{display:flex;flex-direction:column;align-items:center;gap:40px;animation:pauseSlideIn .6s ease-out;position:relative;z-index:10}.pause-title{font-size:5rem;font-weight:900;color:var(--hud-primary);text-transform:uppercase;letter-spacing:8px;animation:pauseGlow 2s ease-in-out infinite,floatUpDown 3s ease-in-out infinite;margin-bottom:20px;text-shadow:0 0 30px rgba(0,180,255,.6)}.pause-subtitle{font-size:1.5rem;color:#00b4ffcc;letter-spacing:3px;margin-bottom:30px;opacity:.9}.pause-controls{display:flex;flex-direction:column;gap:20px;align-items:center}.pause-instruction{font-size:1.2rem;color:#ffffffe6;letter-spacing:2px;text-align:center;padding:15px 30px;border:2px solid rgba(0,180,255,.3);border-radius:8px;background:#00142833;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:floatUpDown 2s ease-in-out infinite;animation-delay:.5s}.pause-key{color:var(--hud-primary);font-weight:700;font-size:1.4rem;text-shadow:0 0 10px rgba(0,180,255,.5)}#restart-button{background:linear-gradient(135deg,#00b4ff1a,#00d2ff33);border:2px solid var(--hud-primary);color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:15px 40px;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 4px 15px #00b4ff4d;margin-top:3rem}#restart-button:hover{background:linear-gradient(135deg,#00b4ff33,#00d2ff4d);animation:buttonHover .3s ease forwards;text-shadow:0 0 10px rgba(255,255,255,.8)}#restart-button:active{transform:scale(.95)}#restart-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}#restart-button:hover:before{left:100%}.pause-background-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.hologram-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,180,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,180,255,.05) 1px,transparent 1px);background-size:50px 50px;animation:subtleHologram 10s infinite}#death-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;opacity:0;visibility:hidden;transition:all .5s ease;background:radial-gradient(circle at center,#ff336626,#ff6b351a 30%,#0a0a0acc 70%);animation:deathPulse 3s ease-in-out infinite}#death-screen.visible{opacity:1;visibility:visible}.death-background-effects{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.glitch-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,51,102,.03) 2px,rgba(255,51,102,.03) 4px);animation:glitchMove .1s linear infinite}.error-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,51,102,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,51,102,.08) 1px,transparent 1px);background-size:30px 30px;animation:gridGlitch 4s infinite,gridMove 8s linear infinite;opacity:.3}.death-container{display:flex;flex-direction:column;align-items:center;gap:30px;animation:deathSlideIn .8s ease-out;position:relative;z-index:10;text-align:center}.death-title{font-size:4.5rem;font-weight:900;color:var(--death-red);text-transform:uppercase;letter-spacing:8px;animation:deathTitleGlow 2s ease-in-out infinite,titleGlitch 4s infinite;margin-bottom:15px;text-shadow:0 0 30px rgba(255,51,102,.8),0 0 60px rgba(255,51,102,.6),0 0 90px rgba(255,51,102,.4);position:relative}.death-title:before{content:"GAME OVER";position:absolute;top:0;left:0;width:100%;height:100%;color:var(--death-orange);animation:glitchText .3s infinite;z-index:-1}.death-subtitle{font-size:1.8rem;color:#ff6b35e6;letter-spacing:4px;margin-bottom:20px;animation:subtitleFlicker 2s infinite;text-shadow:0 0 15px rgba(255,107,53,.5)}.death-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0;width:100%;max-width:600px}.death-stat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border:2px solid rgba(255,51,102,.3);border-radius:12px;background:#0a0a0a4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:statFloat 3s ease-in-out infinite;position:relative;overflow:hidden}.death-stat:nth-child(2n){animation-delay:1.5s}.death-stat:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,51,102,.1),transparent);animation:statSweep 3s infinite}.death-stat-label{font-size:.9rem;color:#ffffffb3;letter-spacing:2px;text-transform:uppercase}.death-stat-value{font-size:2.2rem;font-weight:700;color:var(--death-orange);text-shadow:0 0 15px rgba(255,107,53,.6);animation:valueGlow 2s ease-in-out infinite}.death-controls{display:flex;flex-direction:column;gap:20px;align-items:center;margin-top:40px}.death-button{background:linear-gradient(135deg,#ff336626,#ff6b3540);border:2px solid var(--death-red);color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;padding:18px 50px;border-radius:10px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;box-shadow:0 4px 20px #f366,inset 0 1px #ffffff1a;animation:buttonBreathe 3s ease-in-out infinite}.death-button:hover{background:linear-gradient(135deg,#ff336640,#ff6b3559);transform:translateY(-2px);box-shadow:0 8px 30px #f369,inset 0 1px #fff3;text-shadow:0 0 15px rgba(255,255,255,.8)}.death-button:active{transform:translateY(0)}.death-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.death-button:hover:before{left:100%}.death-particle{position:absolute;width:4px;height:4px;background:var(--death-red);border-radius:50%;pointer-events:none;animation:particleFloat 6s linear infinite;box-shadow:0 0 6px var(--death-red)}@media (max-width: 768px){.loading-title{font-size:2.5rem}#hud{margin-left:1em}.hud-container{width:200px;padding:8px}#hud .hud-container:first-child{margin-top:1em}#hud .hud-container:last-child{margin-bottom:1em}.hud-label{font-size:.7rem;min-width:50px}.hud-value{font-size:.9rem}.score-popup{font-size:1.5rem}}