#root,body,html{height:100%;margin:0;overflow:hidden;padding:0;width:100%}#root{height:100vh;left:0;position:fixed;top:0;width:100vw}.game-canvas{height:100%!important;left:0;position:absolute!important;top:0;width:100%!important}canvas{display:block}.game-container{backface-visibility:hidden;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transform:translateZ(0);width:100vw;will-change:opacity;z-index:1}.game-visible{opacity:1!important}.app-container{overflow:hidden;transition:opacity 1s ease}.app-container,.loading-screen{background-color:#000;height:100vh;left:0;position:fixed;top:0;width:100vw}.loading-screen{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;z-index:9999}.loading-screen h1{display:none}.loading-bar-container{background-color:#ffffff1a;border-radius:2px;box-shadow:0 0 20px #40e0ff4d;height:4px;margin:0 auto;overflow:hidden;position:relative;width:300px}.loading-bar-progress{animation:loading 2s ease-in-out infinite;background-color:#40e0ffcc;box-shadow:0 0 10px #40e0ffcc,0 0 20px #40e0ff80;height:100%;width:70%}@keyframes loading{0%{width:0}50%{width:70%}to{width:100%}}.loading-bar-container:before,.loading-screen:before{content:none}.loading-screen div{align-items:center;display:flex;flex-direction:column;max-width:400px;width:100%}.game-layer{background-color:initial;opacity:0;position:absolute;transform:translateZ(0);transition:opacity 1s ease-in;will-change:opacity,z-index;z-index:1}.game-layer,.video-intro-container{height:100%;left:0;top:0;width:100%}.video-intro-container{align-items:center;background-color:#000;display:flex;justify-content:center;position:fixed;z-index:100}.intro-video{background-color:#000;height:100%;object-fit:cover;width:100%}.video-skip-button{bottom:20px;position:absolute}.video-skip-button:hover{background-color:#000c}.video-skip-button svg{stroke:#fff;height:16px;width:16px}.video-skip-button span{font-family:Bebas Neue,sans-serif}.start-screen{align-items:center;background-color:#000;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity 1s ease;width:100%;z-index:100}.start-content{animation:fadeIn 2s ease-in-out;text-align:center}.game-title{animation:glow 2s infinite alternate;display:inline-block;font-size:3rem;letter-spacing:.5rem;line-height:1;margin-bottom:2rem;text-shadow:0 0 10px #40e0ffcc;text-transform:uppercase;transform:scale(1);transition:transform .3s ease}.game-title:hover{transform:scale(1.05)}.start-instruction{animation:pulse 1.5s infinite;font-size:1.5rem;margin-bottom:2rem;opacity:.8}@keyframes glow{0%{text-shadow:0 0 5px #40e0ffb3,0 0 10px #40e0ff80}to{text-shadow:0 0 10px #40e0ffe6,0 0 20px #40e0ffb3,0 0 30px #40e0ff80}}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.webgl-error{align-items:center;background-color:#000;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.error-content{background-color:#f003;border:1px solid #ff000080;border-radius:8px;max-width:600px;padding:2rem;text-align:center}.error-content h2{color:#ff6b6b;margin-bottom:1rem}.fullscreen-button{align-items:center;background-color:#0009;border:1px solid #fff;border-radius:4px;bottom:30px;color:#fff;cursor:pointer;display:flex;font-family:Bebas Neue,sans-serif;font-size:14px;gap:5px;justify-content:center;left:20px;padding:8px 16px;position:fixed;transition:background-color .3s ease;z-index:2000}.fullscreen-button:hover{background-color:#000c}.fullscreen-button svg{stroke:#fff;height:16px;width:16px}.fade-out{opacity:0}.fade-in{opacity:1}.fade-out-slow{opacity:0;transition:opacity 1.2s ease-out}.video-container{height:100%;left:0;position:absolute;top:0;transition:opacity 1s ease-out;width:100%;z-index:100}.debug-ui{background-color:#000000b3;border:1px solid #40e0ff80;border-radius:5px;box-shadow:0 0 10px #40e0ff4d;font-family:monospace;max-height:80vh;overflow-y:auto;pointer-events:auto;right:10px;top:10px;transform:translateZ(0);transition:opacity .2s ease;width:300px;will-change:transform}.debug-ui h3{border-bottom:1px solid #40e0ff80;color:#40e0ffe6;margin-bottom:10px;margin-top:0;padding-bottom:5px}.debug-ui label{display:block;margin-bottom:5px}.debug-ui input[type=range]{margin-bottom:10px;width:100%}.debug-ui .value-display{color:#40e0ffe6;float:right}.debug-ui .close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;position:absolute;right:5px;top:5px}.game-title{font-weight:700}.game-title,.start-instruction{font-family:Bebas Neue,sans-serif}.name-form{align-items:center;display:flex;flex-direction:column;margin-top:2rem}.name-input{background-color:#0006;border:none;border-bottom:2px solid #40e0ffb3;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.2rem;margin-bottom:1rem;outline:none;padding:12px 20px;text-align:center;transition:border-bottom-color .3s ease;width:300px}.name-input:focus{border-bottom-color:#40e0ff;box-shadow:0 4px 6px -6px #40e0ff80}.start-button{background-color:#40e0ff33;border:2px solid #40e0ffb3;border-radius:4px;color:#fff;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:1.2rem;padding:10px 25px;transition:all .3s ease}.start-button:hover{background-color:#40e0ff66;transform:scale(1.05)}.chat-container{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#000000b3;border:1px solid #40e0ff80;border-radius:8px 8px 0 0;bottom:30px;box-shadow:0 0 15px #00000080;color:#fff;display:flex;flex-direction:column;left:50%;max-height:calc(100vh - 80px);position:fixed;transform:translateX(-50%);transition:height .3s ease;width:400px;z-index:1000}.chat-container.expanded{height:300px}.chat-container.collapsed{height:40px}.chat-header{align-items:center;background-color:#000c;border-bottom:1px solid #40e0ff4d;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;padding:8px 15px}.chat-header h3{color:#40e0ff;font-family:Bebas Neue,sans-serif;font-size:18px;margin:0}.toggle-button{background:none;border:none;color:#40e0ffcc;cursor:pointer;font-size:16px}.messages-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:10px}.message{border-radius:4px;margin-bottom:8px;max-width:80%;padding:8px 12px;word-break:break-word}.own-message{align-self:flex-end;background-color:#40e0ff33;border-left:3px solid #40e0ffb3}.other-message{align-self:flex-start;background-color:#ffffff1a;border-left:3px solid #ffffff4d}.message-sender{color:#40e0ff;display:block;font-family:Bebas Neue,sans-serif;font-size:14px;font-weight:700;margin-bottom:2px}.message-text{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif}.message-time{display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;margin-top:2px;opacity:.7;text-align:right}.message-form{background-color:#00000080;border-top:1px solid #40e0ff4d;display:flex;padding:10px}.message-input{background-color:#00000080;border:1px solid #40e0ff4d;border-radius:4px;color:#fff;flex:1 1;margin-right:8px;padding:8px}.send-button{background-color:#40e0ff4d;border:1px solid #40e0ffb3;border-radius:4px;color:#fff;cursor:pointer;font-family:Bebas Neue,sans-serif;padding:8px 15px}.send-button:hover{background-color:#40e0ff80}.no-messages{color:#ffffff80;padding:20px;text-align:center}.no-messages,.system-message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:italic}.system-message{align-self:center;background-color:#80808033;border-radius:12px;font-size:12px;margin:8px 0;max-width:80%;padding:4px 12px}.user-count{color:#fff9;font-size:12px;position:absolute;right:40px}.chat-container,.fullscreen-button,.video-skip-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.chat-container{background-color:#0009}.fullscreen-button,.video-skip-button{background-color:#00000080}.control-buttons{bottom:20px;gap:10px;left:100px}.control-buttons,.quest-button{display:flex;position:fixed;z-index:2000}.quest-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#0009;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:14px;gap:5px;justify-content:center;left:20px;padding:8px 16px;top:20px;transition:background-color .3s ease}.quest-button:hover:not(:disabled){background-color:#000c}.quest-button.complete{border-color:#40e0ffb3;color:#40e0ff}.quest-button.complete:hover{background-color:#40e0ff33}.quest-button svg{stroke:currentColor;height:16px;width:16px}.video-container.ending{background:#000;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-container.ending video{background-color:#000;height:100%;object-fit:cover;width:100%}.video-intro{height:100%;position:relative;width:100%}.video-skip-button{align-items:center;background-color:#0009;border:1px solid #fff;border-radius:4px;bottom:30px;color:#fff;cursor:pointer;display:flex;font-family:Bebas Neue,sans-serif;font-size:14px;gap:5px;justify-content:center;padding:8px 16px;position:fixed;right:20px;transition:background-color .3s ease;z-index:2000;z-index:1000}.video-skip-button:hover{background-color:#fff3}.video-skip-button:active{transform:scale(.95)}.virtual-controls{bottom:0;height:150px;left:0;pointer-events:none;position:fixed;right:0;z-index:1000}.virtual-joystick{bottom:20px;left:20px}.shoot-button,.virtual-joystick{pointer-events:auto;position:absolute}.shoot-button{align-items:center;background:#00000080;border:2px solid #fffc;border-radius:50%;bottom:40px;color:#fff;display:flex;height:70px;justify-content:center;padding:0;right:40px;width:70px}.shoot-button svg{height:40px;width:40px}.shoot-button:active{background:#000000b3;transform:scale(.95)}@media (max-width:768px){.control-buttons{bottom:170px}.quest-button{left:20px;top:20px}}.debug-ui{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;border-radius:10px;box-shadow:0 0 20px #00000080;color:#fff;font-family:Courier New,monospace;padding:15px;position:fixed;right:20px;top:20px;width:350px;z-index:1000}.debug-header{border-bottom:1px solid #555;display:flex;flex-direction:column;margin-bottom:15px;padding-bottom:10px}.debug-header h2{color:#4fc3f7;font-size:18px;margin:0 0 10px}.debug-tabs{display:flex;gap:5px}.debug-tabs button{background:#333;border:none;border-radius:5px;color:#ccc;cursor:pointer;font-size:12px;padding:5px 10px}.debug-tabs button.active{background:#555;color:#fff;font-weight:700}.close-button{background:none;border:none;color:#ccc;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.debug-content{max-height:350px;overflow-y:auto;padding-right:10px}.setting-row{align-items:center;display:flex;margin-bottom:10px}.setting-row label{color:#ccc;font-size:12px;width:140px}.setting-row input[type=range]{flex:1 1;height:6px;margin-right:10px}.value-display{color:#4fc3f7;font-size:12px;text-align:right;width:45px}.debug-presets{align-items:center;display:flex;gap:5px;margin-bottom:15px}.debug-presets span{color:#ccc;font-size:12px}.debug-presets button{background:#2c3e50;border:none;border-radius:3px;color:#ecf0f1;cursor:pointer;font-size:11px;padding:3px 8px}.debug-presets button:hover{background:#34495e}.debug-footer{border-top:1px solid #555;color:#666;font-size:10px;margin-top:15px;padding-top:10px;text-align:center}.debug-summary{align-items:center;display:flex;gap:15px;margin-bottom:10px;margin-left:15px}.fps-counter,.monster-counter{background-color:#0003;border-radius:4px;font-family:monospace;font-size:14px;padding:2px 8px}.fps-good{color:#4cff4c}.fps-ok{color:#ffff4c}.fps-bad{color:#ff4c4c}.header-title{align-items:center;display:flex}.stats-content{max-height:400px;overflow-y:auto;padding:10px}.stats-section{margin-bottom:20px}.stats-section h3{border-bottom:1px solid #fff3;margin-bottom:10px;margin-top:0;padding-bottom:5px}.stats-row{display:flex;margin-bottom:5px}.stats-row label{font-weight:700;width:100px}.stats-row .value{flex:1 1;font-family:monospace}.value.good{color:#4cff4c}.value.ok{color:#ffff4c}.value.bad{color:#ff4c4c}.monster-list{font-size:12px;max-height:250px;overflow-y:auto}.monster-item{background-color:#0003;border-radius:4px;margin-bottom:10px;padding:8px}.monster-header{align-items:center;display:flex;margin-bottom:5px}.monster-id{font-family:monospace;font-weight:700;width:120px}.monster-health-bar{background-color:#333;border-radius:2px;flex:1 1;height:8px;margin:0 10px;overflow:hidden}.health-fill{border-radius:2px;height:100%;transition:width .2s ease-in-out}.health-fill.good{background-color:#4cff4c}.health-fill.ok{background-color:#ffff4c}.health-fill.bad{background-color:#ff4c4c}.health-text{font-family:monospace;text-align:right;width:50px}.monster-details{font-size:11px;padding-left:10px}.monster-detail-row{display:flex;margin-bottom:3px}.detail-label{opacity:.7;width:50px}.detail-value{flex:1 1;font-family:monospace}.fade-to-black{animation:fadeToBlack 1s forwards}@keyframes fadeToBlack{0%{background-color:initial}to{background-color:#000}}.black-overlay{animation:fadeIn 1s forwards;background-color:#000;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.6d1b6767.css.map*/