@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}body{font-family:Jura,Arial,Helvetica,sans-serif;background-color:#000;color:#fff;overflow:hidden;-webkit-user-select:none;user-select:none}canvas{cursor:none}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes expandLine{to{width:100%}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02);visibility:hidden}}@keyframes pulseGlow{0%,to{text-shadow:0 0 20px rgba(255,107,53,.5),0 0 40px rgba(255,107,53,.3),0 0 60px rgba(255,107,53,.1);transform:scale(1)}50%{text-shadow:0 0 30px rgba(255,107,53,.8),0 0 60px rgba(255,107,53,.5),0 0 80px rgba(255,107,53,.3);transform:scale(1.02)}}@keyframes progressFlow{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes progressShine{0%{left:-100%}to{left:100%}}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@keyframes fadeTip{0%,20%{opacity:0;transform:translateY(20px)}25%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes messageType{0%{width:0}to{width:100%}}@keyframes slideInFromRight{0%{right:-300px;opacity:0}to{right:20px;opacity:1}}@keyframes slideOutToRight{0%{right:20px;opacity:1}to{right:-300px;opacity:0}}.stat{min-width:200px;background:#ffffff08;padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .6s}.stat:hover:before{transform:translate(100%)}.stat-label{display:block;font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem;letter-spacing:.1em}.stat-value{display:block;font-size:2rem;font-weight:600;margin-bottom:1rem}.restart{position:relative;padding:1em 3em;background:transparent;border:2px solid #ff6b35;color:#fff;font-weight:600;font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;overflow:hidden;transition:all .3s ease;opacity:0;border-radius:4px}.restart:hover{background:#ff6b35;transform:translateY(-2px);box-shadow:0 5px 15px #e639464d}.restart .btn-accent{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s ease}.restart:hover .btn-accent{transform:translate(100%)}#loading-hider{background-color:#000;width:100%;height:100%;position:fixed;z-index:100}#loading-screen{position:fixed;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);z-index:1000;display:grid;place-items:center;animation:fadeIn .5s ease-out forwards;text-align:center}#loading-screen.hidden{animation:fadeOut .5s ease-in forwards}#loading-hider.hidden{animation:fadeOut 2s ease-in forwards}.loading-container{display:grid;place-items:center;transform-style:preserve-3d}.title-container{margin-bottom:6rem}.loading-title{font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#ff6b35;text-shadow:0 0 20px rgba(255,107,53,.5),0 0 40px rgba(255,107,53,.3),0 0 60px rgba(255,107,53,.1);opacity:0;margin-bottom:1rem;transform:translateY(-20px);animation:pulseGlow 2s infinite ease-in-out,slideDown .8s ease-out .2s forwards}.title-underline{width:0;max-width:75%;height:3px;background:linear-gradient(90deg,#ff4500,#ff6b35);margin:.5rem auto 0;border-radius:2px;animation:expandLine 1s ease-out .8s forwards;box-shadow:0 0 10px #e6394680}#currently-loading{color:#aaa;letter-spacing:.1em;margin-bottom:2rem;animation:fadeIn .5s ease-out forwards}.loading-progress{width:50%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:1rem;position:relative;border:1px solid rgba(255,107,53,.3);box-shadow:0 0 10px #ff6b3533,inset 0 0 10px #00000080}#progress-bar{height:100%;background:linear-gradient(90deg,#ff6b35,#ff4500,#ff6b35);background-size:200% 100%;border-radius:3px;width:0%;transition:width .5s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;animation:progressFlow 2s linear infinite;box-shadow:0 0 15px #ff6b3599,0 0 30px #ff6b354d}#progress-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s infinite}.loading-text{color:#aaa;letter-spacing:.1em;margin-bottom:1rem}#loading-percentage{font-size:1.2rem;color:#ff6b35;font-weight:700;text-shadow:0 0 10px rgba(255,107,53,.5)}.loading-dots{display:inline-block;width:20px}.loading-dots:after{content:"";animation:dots 1.5s infinite}.loading-tips{margin-top:6rem;text-align:center;opacity:0;animation:fadeIn .5s ease-out .5s forwards}.tip-container{height:1.5em;overflow:hidden;color:#ffffffb3}#tip-text{color:#aaa;margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;transform:translateY(0);transition:transform .5s ease-out}.loading-note{font-size:.9rem;color:#aaa;letter-spacing:.1em;margin-bottom:1rem;position:fixed;bottom:0}#pause-screen{opacity:0;visibility:hidden;position:fixed;width:100%;height:100%;color:#fff;z-index:999;transition:opacity .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.pause-overlay{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0af2,#1e1e1efa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .5s ease}#pause-screen.visible{opacity:1;visibility:visible}#pause-screen.visible .pause-overlay{opacity:1}.pause-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);text-align:center;width:100%;max-width:800px;padding:0 20px;opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);z-index:2}#pause-screen.visible .pause-content{opacity:1;transform:translate(-50%,-50%) scale(1)}.pause-header{margin-bottom:4rem;position:relative}.pause-title{position:relative;display:inline-block}.pause-header h2{font-size:5rem;font-weight:700;letter-spacing:.3rem;margin:0;text-transform:uppercase;line-height:1;opacity:0;transform:translateY(-30px) scale(.95);transition:all .6s cubic-bezier(.34,1.56,.64,1)}#pause-screen.visible .pause-header h2{opacity:1;transform:translateY(0) scale(1)}.pause-header span{color:#ff6b35;font-style:italic;position:relative}.logo-underline{width:0;height:3px;background:linear-gradient(90deg,#ff4500,#ff6b35);margin:.5rem auto 0;border-radius:2px;box-shadow:0 0 10px #e6394680}#pause-screen.visible .logo-underline{width:100%}.pause-info{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.34,1.56,.64,1) .3s}#pause-screen.visible .pause-info{opacity:1;transform:translateY(0)}.control-hint{margin-bottom:3rem}.key-container{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.control-hint i{color:#e63946;font-size:1.2rem;animation:pulseGlow 2s infinite}.control-hint span{font-size:1.2rem;color:#ffffffe6}.control-hint kbd{background:#ff6b3533;border:1px solid rgba(255,107,53,.3);border-radius:4px;padding:.2em .5em;font-size:1em;color:#ff6b35;box-shadow:0 2px 4px #0003}.stats-preview{display:flex;justify-content:center;gap:4rem;margin-top:2rem}#pause-screen .restart{margin-top:3rem}#pause-screen.visible .restart{animation:fadeIn .75s ease-out .25s forwards}#death-screen{opacity:0;display:none;position:fixed;width:100%;height:100%;background:#0a0a0a80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;z-index:1000;overflow:hidden}.death-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;max-width:800px;padding:0 20px}.game-over{margin-bottom:3rem;opacity:0;transform:translateY(-20px)}#death-screen.visible .game-over{animation:slideDown .8s ease-out .2s forwards}.game-over h2{font-size:5rem;font-weight:700;letter-spacing:.2rem;margin:0;text-transform:uppercase;line-height:1;position:relative}.game-over span{color:#ff6b35;font-style:italic}.death-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;opacity:0}.bonus-text{font-size:.8rem;color:#fff9}#death-screen.visible .death-stats{animation:fadeIn .5s ease-out .8s forwards}.rank-display{margin-block:1rem 0;text-align:center;perspective:1000px;height:200px}.rank-label{font-size:1.2rem;color:#fff;margin-bottom:.5rem;opacity:.8;text-transform:uppercase;letter-spacing:3px}.rank-value{font-size:5rem;font-weight:700;opacity:0;display:inline-block;transform:translateZ(-1000px) rotateX(-90deg);transition:all .8s cubic-bezier(.34,1.56,.64,1);position:relative}.rank-value.rank-appear{opacity:1;transform:translateZ(0) rotateX(0)}.message-container{margin-bottom:2rem;min-height:1.5em;overflow:hidden}.death-message{color:#fffc;margin:0;display:inline-block;white-space:nowrap;overflow:hidden;width:0;animation:messageType 2s steps(40,end) forwards}#death-screen.visible .restart{animation:fadeIn .5s ease-out 1.2s forwards}.vignette{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;opacity:0;z-index:500;transition:opacity .3s ease-in-out}.hud{color:#fff;font-size:1.5rem;position:fixed}.ammo-display{opacity:.75;right:75px;bottom:25px;z-index:600;display:flex;justify-content:center;align-items:start;gap:10px}#ammo-current{font-weight:500;font-size:2.5rem;color:#eee;margin-top:-7px}.ammo-divider{font-weight:100;color:#ccc}#ammo-remaining{color:#ccc}.health-display{opacity:.75;left:75px;bottom:2px;width:100px;height:100px;position:fixed;z-index:600}.health-circle{transform:rotate(-90deg);position:absolute;top:0;left:0}.health-circle .fg{stroke:#fff;fill:none;stroke-width:3;stroke-dasharray:188.5;stroke-dashoffset:0;transition:stroke-dashoffset .3s ease-out}.health-text{color:#fff;font-size:1.25rem;font-weight:700;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:10;pointer-events:none}.score-display{right:50%;font-size:1.75rem;top:30px;transform:translateY(-50%);z-index:600}.crosshair{position:absolute;pointer-events:none;opacity:.5;z-index:600}.hit-marker{position:absolute;pointer-events:none;opacity:0;z-index:600}.difficulty-notification{position:fixed;top:20px;right:-300px;background:#0a0a0a26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:800;transition:all .4s ease;border-left:3px solid #ff6b35;pointer-events:none;max-width:280px}.difficulty-notification.show{right:20px}.notification-content{display:flex;align-items:center;gap:12px}.notification-text{text-align:left}.notification-title{font-size:14px;font-weight:600;margin-bottom:2px;color:#ff6b35}.notification-subtitle{font-size:12px;opacity:.8;font-weight:400}.difficulty-notification.slide-in{animation:slideInFromRight .4s ease forwards}.difficulty-notification.slide-out{animation:slideOutToRight .4s ease forwards}#reload-container{position:fixed;left:50%;bottom:15px;transform:translate(-50%);display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:8px;opacity:.75;transition:opacity .3s ease-in-out;opacity:0;z-index:600}.reload-bar{border-radius:10px;border:2px solid #fff;opacity:.75;overflow:hidden;z-index:600}.reload-bar-progress{height:100%;background-color:#aaa;z-index:600}.reload-div{opacity:0;position:fixed;left:50%;bottom:10px;transform:translate(-50%);background-color:#fff;width:6px;height:20px;border-radius:50px;transition:opacity .3s ease-in-out;z-index:600}.effects-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}#health-effect,#ammo-effect{display:none}.health-effect{position:absolute;width:30px;height:30px;font-size:24px;font-weight:700;color:#0f0;text-align:center;line-height:30px;text-shadow:0 0 10px rgba(0,255,0,.8);opacity:1;transform:translateY(0);transition:all 2s ease-out;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none}.ammo-effect{position:absolute;width:60px;height:20px;opacity:1;transform:translateY(0);transition:all 2s ease-out;display:flex;justify-content:center;align-items:center;gap:3px}.ammo-effect .bullet{width:8px;height:16px;background:linear-gradient(to bottom,orange,#ff8c00,#ff6b00);border-radius:4px 4px 2px 2px;box-shadow:0 0 6px #ffa50099;animation:bulletGlow .5s ease-in-out infinite alternate}@keyframes bulletGlow{0%{box-shadow:0 0 6px #ffa50099}to{box-shadow:0 0 12px #ffa500e6}}@media (max-width: 768px){.loading-title{font-size:2.5rem}.loading-progress{width:80%;max-width:300px}}