@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--fg: #e6e6e6;--muted: #9aa0a6;--accent: #9b5cff;--danger: #ff3860;--ok: #21d19f;--warn: #ffb020;--bg0: #040407;--bg1: #07070d;--bg2: #0b0b14;--glass: rgba(8,8,14,.55)}html,body,#root{height:100%;width:100%;background:var(--bg0);color:var(--fg);margin:0;font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;overscroll-behavior:contain;overflow:hidden}.app-frame{position:fixed;inset:0;overflow:hidden}.frame{filter:contrast(1.1)}.sky,.fog,.grain,.grime{position:absolute;inset:-10vh -10vw;pointer-events:none;z-index:0}.fog{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><filter id="n"><feTurbulence baseFrequency="0.006" numOctaves="3"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.3"/></svg>');mix-blend-mode:screen;opacity:.15;animation:fog 60s infinite linear}@keyframes fog{0%{transform:translate(0)}to{transform:translate(300px,120px)}}.grain{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><filter id="f"><feTurbulence baseFrequency="0.8" numOctaves="1"/></filter><rect width="100%" height="100%" filter="url(%23f)" opacity="0.05"/></svg>');opacity:.15;mix-blend-mode:overlay;animation:grainShift 1.8s infinite linear;background-size:160px 160px}@keyframes grainShift{0%{transform:translate(0)}to{transform:translate(80px,80px)}}.hud-layer{position:absolute;inset:0;pointer-events:none;z-index:10;font-family:Courier New,Courier,monospace;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8)}.hud-unified-top{position:absolute;top:15px;left:20px;right:20px;height:50px;background:#050505d9;border:2px solid #333;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 4px 15px #000c;z-index:100;pointer-events:auto;font-size:16px}.hud-stats-group{display:flex;gap:30px;align-items:center;font-weight:700}.gold{color:#d4af37}.red-text{color:#f33}.auth-dot{width:10px;height:10px;background-color:#0f0;border-radius:50%;box-shadow:0 0 10px #0f0;animation:pulseDot 2s infinite alternate}@keyframes pulseDot{0%{opacity:.3}to{opacity:1;box-shadow:0 0 15px #0f0}}.hud-vitals-mini{display:flex;gap:20px;align-items:center;margin-left:auto;margin-right:20px}.mini-bar-wrapper{display:flex;align-items:center;gap:8px;font-weight:700;color:#aaa;font-size:14px}.mini-bar-bg{width:120px;height:12px;background:#111;border:1px solid #444;border-radius:2px}.mini-bar-fill{height:100%;transition:width .2s ease}.bar-health{background:linear-gradient(90deg,#800,red);box-shadow:0 0 5px red}.bar-battery{background:linear-gradient(90deg,#860,#ffea00);box-shadow:0 0 5px #ffea00}.btn-quit{background:#140000cc;color:#888;border:1px solid #ff3333;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;pointer-events:auto}.btn-quit:hover{background:red;color:#000;box-shadow:0 0 10px red}.hud-inventory{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:15px}.inv-slot{width:65px;height:65px;background:#080808;border:2px solid #222;box-shadow:inset 0 0 10px #000,3px 3px #000000e6;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s ease}.inv-slot img{width:80%;height:80%;object-fit:contain;opacity:.3;filter:grayscale(100%);pointer-events:none}.inv-slot img.item-hatchet{transform:rotate(-90deg)}.inv-slot.active{border-color:#8a0000;background:#28000066;box-shadow:0 0 12px #8a000099;transform:scale(1.1);z-index:5}.inv-slot.active img{opacity:1;filter:none}.inv-slot .inv-label{position:absolute;bottom:-35px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;color:#aaa;font-weight:700;text-shadow:0 0 4px #000}.inv-slot .inv-label .key-bind{font-size:12px;color:#f33}.ammo-counter{position:absolute;top:-8px;right:-8px;background:#8a0000;color:#fff;border:1px solid #ff3333;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 0 5px red;z-index:5}.hud-boss{position:absolute;top:80px;left:50%;transform:translate(-50%);width:80%;max-width:400px;opacity:0;transition:opacity .3s ease;text-align:center}.hud-boss span{display:block;color:#f33;font-size:14px;letter-spacing:4px;margin-bottom:4px;text-shadow:0 0 8px #f00;font-weight:700}.boss-bg{width:100%;height:6px;background:#000;border:1px solid #3a0000}.boss-fill{height:100%;background:#a30000;transition:width .1s linear}.hud-dialogue{position:absolute;bottom:140px;left:50%;transform:translate(-50%);width:80%;text-align:center;font-size:18px;text-shadow:2px 2px 0 #000,0 0 10px #f00;background:#0009;border-top:1px solid rgba(255,0,0,.5);border-bottom:1px solid rgba(255,0,0,.5);padding:10px;opacity:0;transition:opacity .3s ease;pointer-events:none}.lore-overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:150;opacity:0;transition:opacity .5s ease;pointer-events:none}.lore-paper{background:#eae2d1;color:#3a1c1c;width:80%;max-width:600px;padding:40px;font-family:Times New Roman,Times,serif;font-size:22px;line-height:1.5;box-shadow:0 0 50px #000;border:1px solid #555;pointer-events:auto;cursor:pointer}body,html{margin:0;padding:0;background-color:#000;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}@media screen and (orientation:portrait)and (max-width:768px){#root>.landing-container,#root>.frame{display:none!important}.portrait-lock{display:flex!important}}.portrait-lock{display:none;position:fixed;inset:0;background:#000;color:red;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-family:Courier New,Courier,monospace;z-index:9999;padding:20px}.portrait-lock img{width:80px;margin-bottom:20px;animation:rotatePhone 2s infinite ease-in-out;filter:invert(20%) sepia(100%) saturate(7482%) hue-rotate(359deg) brightness(98%) contrast(116%)}@keyframes rotatePhone{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.landing-container{position:relative;width:100vw;height:100vh;background-color:#000;background-image:url(/assets/textures/screen_death.png);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-family:Courier New,Courier,monospace}.landing-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,#0003,#000000f2 80%);z-index:1}.landing-scanlines{position:absolute;inset:0;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000004d 50%,#0000004d);background-size:100% 4px;z-index:2;pointer-events:none}.landing-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:30px;animation:fadeIn 2s ease-in}.landing-title{font-size:clamp(4rem,8vw,6rem);color:red;margin:0;letter-spacing:15px;text-transform:uppercase;text-shadow:0 0 15px #ff0000,0 0 30px #8a0000,5px 5px 0px #220000;animation:titlePulse 3s infinite alternate,titleGlitch 5s infinite;text-align:center}@keyframes titlePulse{0%{transform:scale(1);text-shadow:0 0 15px #ff0000,0 0 30px #8a0000}to{transform:scale(1.02);text-shadow:0 0 25px #ff0000,0 0 50px #ff0000}}@keyframes titleGlitch{0%,96%,98%,to{opacity:1;transform:skew(0)}97%{opacity:.8;transform:skew(-20deg) translate(-10px,5px)}99%{opacity:.5;transform:skew(20deg) translate(10px,-5px)}}.start-btn{background:#8a000099;color:#fff;border:2px solid #ff0000;padding:15px 50px;font-size:1.5rem;font-family:Courier New,Courier,monospace;font-weight:700;letter-spacing:5px;cursor:pointer;text-shadow:0 0 8px #000;box-shadow:0 0 15px #f006,inset 0 0 15px #f003;transition:all .3s ease}.start-btn:hover{background:red;color:#000;box-shadow:0 0 40px red,inset 0 0 20px red;text-shadow:none;transform:scale(1.05)}.secondary-menu{display:flex;gap:15px;margin-top:10px;flex-wrap:wrap;justify-content:center}.menu-btn{background:#000c;color:#888;border:1px solid #444;padding:10px 20px;font-size:1rem;font-family:Courier New,Courier,monospace;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.menu-btn:hover{color:#fff;border-color:#888;background:#141414e6}.menu-btn.google-btn{color:#4285f4;border-color:#4285f4}.menu-btn.google-btn:hover{background:#4285f433;color:#fff}.click-to-wake{position:relative;z-index:10;color:#555;font-size:1.2rem;letter-spacing:8px;animation:slowPulse 2s infinite alternate;cursor:pointer;text-align:center}@keyframes slowPulse{0%{opacity:.3}to{opacity:1;text-shadow:0 0 10px #fff}}.game-over-stats{color:#fff;font-size:1.5rem;letter-spacing:3px;text-align:center;background:#000c;padding:20px;border:1px solid #333;border-left:5px solid #ff0000;margin-bottom:20px}.app-modal-overlay{position:absolute;inset:0;background:#000000e6;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-modal{background:#0a0a0a;border:2px solid #333;padding:30px;width:90%;max-width:500px;color:#fff;text-align:center;font-family:Courier New,Courier,monospace}.app-modal h2{color:#f33;letter-spacing:2px;border-bottom:1px solid #333;padding-bottom:10px;margin-top:0}.modal-input{background:#111;color:#fff;border:1px solid #444;padding:12px;font-family:Courier New,Courier,monospace;font-size:16px;width:80%;margin:20px 0;outline:none;text-align:center;text-transform:uppercase}.modal-input:focus{border-color:#f33;box-shadow:0 0 10px #ff000080}.modal-submit-btn{background:#8a000099;color:#fff;border:1px solid #ff0000;padding:10px 20px;cursor:pointer;font-family:monospace;font-weight:700;letter-spacing:2px;transition:all .2s ease}.modal-submit-btn:hover{background:red;color:#000}.modal-close-btn{background:#333;color:#fff;border:none;padding:10px 20px;margin-top:20px;cursor:pointer;font-family:monospace;font-weight:700;letter-spacing:2px}.modal-close-btn:hover{background:#555}