@font-face{font-family:Share Tech;src:url(/hackworld/fonts/ShareTech/ShareTech-Regular.woff2) format("woff2")}@font-face{font-family:Space Grotesk;src:url(/hackworld/fonts/SpaceGrotesk/SpaceGrotesk-Bold.woff2) format("woff2")}body{margin:0;overflow:hidden;font-family:Share Tech,sans-serif}.key-icon{display:inline-block;padding:4px 8px;margin:0 4px;border:1px solid #ccc;border-radius:4px;background:linear-gradient(to bottom,#f9f9f9,#e0e0e0);color:#333;font-family:sans-serif;font-weight:700;font-size:.8em;box-shadow:0 3px #888;text-shadow:none;vertical-align:middle;transform:translateY(-2px)}.btn-icon{display:inline-block;width:24px;height:24px;line-height:22px;text-align:center;border-radius:50%;background-color:#333;color:#fff;font-weight:700;font-family:sans-serif;font-size:.8em;border:2px solid #ccc;margin:0 4px;vertical-align:middle;box-shadow:0 2px 4px #00000080;text-shadow:none}#start-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;touch-action:manipulation;cursor:pointer}#start-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}#game-logo{width:100vh;max-width:calc(100vw - 40px);height:auto;position:absolute;top:30vh;transition:top .6s ease-in-out}#start-text{font-family:Share Tech,sans-serif;font-size:6vh;color:#fff;text-transform:uppercase;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,4px 4px 0 rgba(0,0,0,.7);background:#000000b3;padding:10px 0;width:100%;text-align:center;position:absolute;top:53vh;transition:opacity .6s ease-in-out}#start-text:before,#start-text:after{content:"";position:absolute;left:0;width:100%;height:3px;background-color:#000000b3}#start-text:before{top:-6px}#start-text:after{bottom:-6px}#arrow-left{display:inline-block;animation:pulseLeft .2s ease-in-out infinite alternate}#arrow-right{display:inline-block;animation:pulseRight .2s ease-in-out infinite alternate}@keyframes pulseLeft{0%{transform:translate(0)}to{transform:translate(-10px)}}@keyframes pulseRight{0%{transform:translate(0)}to{transform:translate(10px)}}#fade-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;pointer-events:none;transition:opacity 2s ease-in-out;z-index:10}#fade-overlay.active{opacity:1}.hidden{display:none!important}.btn-icon.xbox-a{background-color:#107c10;border-color:#2ecc71}.btn-icon.xbox-b{background-color:#d32f2f;border-color:#e74c3c}#version-box{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:8px 16px;font-family:Share Tech,sans-serif;font-size:16px;border:1px solid #444;border-radius:4px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.mobile-joystick-container{position:fixed;bottom:20px;left:8px;width:160px;height:160px;z-index:2000;pointer-events:auto}.mobile-buttons-container{position:fixed;bottom:30px;right:20px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:10px;align-items:end;z-index:2000}.mobile-control-btn{width:80px;height:80px;border-radius:50%;border:3px solid rgba(255,255,255,.8);background:#0006;color:#fff;font-family:Share Tech,sans-serif;font-size:28px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 8px #00000080;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}.mobile-control-btn:active{background-color:#0009;transform:scale(.95);box-shadow:0 2px 4px #00000080}.mobile-jump-btn{color:#6abb3d;border-color:#6abb3d;grid-column:2;grid-row:1}.mobile-jump-btn:active{color:#50b450;border-color:#50b450}.mobile-jump-btn.skill{background-image:url(/hackworld/images/ui_icons/laser.png);background-size:70% 70%;background-repeat:no-repeat;background-position:center}.mobile-attack-btn{color:#3ca9e8;border-color:#3ca9e8;grid-column:2;grid-row:2}.mobile-attack-btn:active{color:#1e90ff;border-color:#1e90ff}.mobile-attack-btn.skill{background-image:url(/hackworld/images/ui_icons/area.png);background-size:70% 70%;background-repeat:no-repeat;background-position:center}.mobile-close-btn{color:#d0484a;border-color:#d0484a;width:54px;height:54px;font-size:20px;grid-column:1;grid-row:2}.mobile-close-btn:active{color:#fa5050;border-color:#fa5050}.mobile-close-btn.skill{background-image:url(/hackworld/images/ui_icons/heal.png);background-size:70% 70%;background-repeat:no-repeat;background-position:center}.mobile-skill-toggle-btn{width:65px;height:65px;font-size:14px;margin:0 auto;color:#c8c8c8e6;background-image:url(/hackworld/images/ui_icons/switch.png);background-size:50% 50%;background-repeat:no-repeat;background-position:center;border-color:#c8c8c899}.mobile-skill-toggle-btn.active{color:#fff;border-color:#ffffffe6}.mobile-skill-toggle-btn:active{color:#b4b4b4e6;border-color:#b4b4b499;background-size:45% 45%}.mobile-inventory-btn{position:fixed;top:20px;right:20px;color:#fff;background-image:url(/hackworld/images/ui_icons/inventory.png);background-repeat:no-repeat;background-size:70% 70%;background-position:center;font-family:Share Tech,sans-serif;font-size:18px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 8px #00000080;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;z-index:2000;pointer-events:auto}.mobile.mobile-inventory-btn:active{background-size:65% 65%}.mobile-block-btn{position:fixed;bottom:180px;left:20px;color:#ffffffe6;border-color:#ffffffb3;width:65px;height:65px;font-size:22px}.mobile-pause-btn{position:fixed;top:20px;left:50%;transform:translate(-50%);width:40px;height:40px;color:#ffffffe6;border-color:#ffffffb3;font-family:Share Tech,sans-serif;font-size:16px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);box-shadow:0 4px 8px #00000080;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;z-index:2000;pointer-events:auto}@media(max-width:600px){#start-text .start-full{display:none}#start-text .start-short{display:inline}}@media(min-width:601px){#start-text .start-short{display:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.no-connection-message{text-align:center;color:#aaa;padding:20px;font-size:20px;animation:blink .5s normal infinite}
