@font-face{font-display:block;font-family:Teko;font-style:normal;font-weight:300;src:url(/teko-v23-latin-300.woff2) format("woff2")}@font-face{font-display:block;font-family:Teko;font-style:normal;font-weight:500;src:url(/teko-v23-latin-500.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box;font-family:Teko,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-weight:500}body{overflow:hidden;touch-action:none}canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}#loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#111314;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:opacity .5s ease}#loading.hidden{opacity:0;pointer-events:none}.spinner{width:28px;height:28px;border:3px solid rgba(0,216,255,.5);border-top-color:#00e0f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{background:linear-gradient(to bottom left,#00e0f4,#00a6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:16px;margin-top:.25rem;text-transform:uppercase}#actionpad.loaded{opacity:1}.dpad-btn,.speech-btns a{display:flex;align-items:center;justify-content:center;background:#000a1499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid transparent;border-radius:8px;line-height:1rem;position:relative;cursor:pointer;color:#00e0f4;font-size:12px;text-decoration:none}.dpad-btn:before,.speech-btns a:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:8px;padding:1px;background:linear-gradient(to bottom left,#00e0f4,#00a6ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dpad-btn.active{background:linear-gradient(to bottom left,#00e0f4,#00a6ff);color:#111314}.dpad-btn.active:before{display:none}.action-space{display:flex;flex-direction:column;align-items:center;justify-content:center}.action-space span{font-size:8px;margin-top:-3px;margin-bottom:-4px}#actionpad{position:fixed;bottom:20px;left:20px;width:96px;height:48px;z-index:50;opacity:0;display:none;gap:0}.action-space{width:100%;height:48px;font-size:16px;padding-top:2px}#joystick-zone{position:fixed;bottom:20px;right:20px;z-index:50;display:none}#joystick-base{width:120px;height:120px;box-sizing:content-box;background:#000a141a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid transparent;border-radius:50%;position:relative;touch-action:none}#joystick-base:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;padding:1px;background:linear-gradient(to bottom left,#00e0f4,#00a6ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}#joystick-stick{width:80px;height:80px;background:linear-gradient(to bottom left,#00e0f4,#00a6ff);border:1px solid transparent;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}#logo{position:absolute;top:21px;left:21px;z-index:50}#logo img{width:75px}.speech-text{font-weight:300;line-height:1.15}#speechBubble{position:fixed;bottom:20px;left:50%;display:inline-block;width:100%;max-width:440px;height:auto;padding:1rem 1.15rem .9rem;background:#000a1499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid transparent;border-radius:8px;color:#ddd;font-size:18px;transform:translate(-50%);transform-origin:center bottom;pointer-events:none;z-index:60;opacity:1;transition:opacity .8s ease}#speechBubble:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:8px;padding:1px;background:linear-gradient(to bottom left,#00e0f4,#00a6ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}#speechBubble.hidden{opacity:0;pointer-events:none}#speechBubble:not(.hidden) a{pointer-events:auto}#minimap{position:fixed;left:20px;bottom:20px;width:120px;height:120px;z-index:55;pointer-events:none;border-radius:50%;background:#000a1499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid transparent}#minimap:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;padding:1px;background:linear-gradient(to bottom left,#00e0f4,#00a6ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}#minimap canvas{display:block;width:100%;height:100%}@media (pointer: coarse){#minimap{width:80px;height:80px;bottom:110px}}#legal{position:fixed;top:16px;right:20px;z-index:50}#legal a{color:#ddd;text-decoration:none;margin:0 3px;font-size:16px;opacity:.5}#legal div{font-size:12px;opacity:.5;color:#ddd;text-align:right;margin:-4px 3px 0}.speech-btns{display:flex;justify-content:flex-start;gap:.25rem;align-items:center;margin-top:.5rem}.speech-btns a{padding:.4rem .8rem .3rem;cursor:pointer;border-radius:6px;background:linear-gradient(to bottom left,#00e0f4,#00a6ff);color:#111314;-webkit-backdrop-filter:none;backdrop-filter:none;text-transform:uppercase;letter-spacing:0;font-weight:500;font-size:12px}@media (pointer: coarse){#joystick-zone{display:block}#actionpad{right:auto;left:20px;transform:none;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.action-space{width:80px!important;height:80px!important;border-radius:50%!important;font-size:16px}.action-space:not(.active){background:linear-gradient(to bottom left,#00e0f4,#00a6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.action-space span{display:none}#speechBubble{max-width:calc(100% - 40px);top:20px;bottom:auto;padding:.5rem .75rem;left:50%;transform:translate(-50%)}.speech-text{font-size:16px}.dpad-btn:before{border-radius:50%}.speech-btns{gap:.25rem;margin-top:.25rem}}