*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #6366f1;--combat-color: #ef4444}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;line-height:1.6;color:#fff;background:#000;overflow:hidden}.game{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.js-canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}p{margin-bottom:1rem}button{cursor:pointer;border:none;background:none;font-family:inherit}a{color:inherit;text-decoration:none}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;opacity:0;pointer-events:none;z-index:10002}.loading-progress{position:fixed;bottom:10vh;left:50%;transform:translate(-50%);font-family:Inter,system-ui,sans-serif;font-size:.875rem;color:#fff6;letter-spacing:.3em;z-index:10001;transition:opacity .5s ease}.loading-enter{position:fixed;inset:0;z-index:10001;opacity:0;pointer-events:none;cursor:pointer;transition:opacity 1.5s ease-in}.loading-enter.visible{opacity:1;pointer-events:auto}.loading-enter-cluster{position:absolute;top:22%;right:32%;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.loading-enter-actions{display:flex;align-items:center;gap:.85rem}.loading-enter-label{font-family:Poppins,Inter,system-ui,sans-serif;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:600;color:#fff;line-height:1.1;letter-spacing:.12em;text-transform:uppercase;text-indent:.12em;text-shadow:0 0 24px rgba(96,165,250,.35),0 0 48px rgba(96,165,250,.15)}.loading-mute-btn{pointer-events:auto;appearance:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:999px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffd9;font-size:1.15rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.loading-mute-btn:hover{background:#ffffff24;border-color:#ffffff59;transform:scale(1.06)}.loading-mute-btn:active{transform:scale(.96)}.loading-mute-btn:focus-visible{outline:2px solid rgba(96,165,250,.7);outline-offset:2px}.loading-mute-btn .icon-off{display:none}html.is-audio-muted .loading-mute-btn{color:#ffffff80;border-color:#ffffff1f}html.is-audio-muted .loading-mute-btn .icon-on{display:none}html.is-audio-muted .loading-mute-btn .icon-off{display:inline-flex}.loading-enter-arrow{width:clamp(100px,20vw,150px);height:auto;align-self:flex-end;margin-right:.3rem;overflow:visible;transform-origin:85% 15%;animation:loading-arrow-wobble 5s ease-in-out 2.6s infinite}.loading-arrow-strokes{fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.loading-arrow-stem{stroke-dasharray:260;stroke-dashoffset:260}.loading-arrow-head{stroke-dasharray:70;stroke-dashoffset:70;opacity:0}.loading-enter.visible .loading-arrow-stem{animation:loading-arrow-draw .8s cubic-bezier(.4,0,.2,1) .3s forwards}.loading-enter.visible .loading-arrow-head{animation:loading-arrow-draw .3s ease-out .9s forwards,loading-arrow-fade-in .15s ease-out .9s forwards}@keyframes loading-arrow-draw{to{stroke-dashoffset:0}}@keyframes loading-arrow-fade-in{to{opacity:1}}@keyframes loading-arrow-wobble{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}.loading-planet-card{position:fixed;bottom:8vh;left:5vw;z-index:10001;opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease;pointer-events:none}.loading-planet-card.visible{opacity:1;transform:translateY(0)}.loading-planet-label{display:block;font-family:Inter,system-ui,sans-serif;font-size:clamp(.6rem,1.2vw,.75rem);font-weight:500;color:#60a5fabf;letter-spacing:.45em;text-transform:uppercase;text-indent:.45em;margin-bottom:.5rem}.loading-planet-name{font-family:Poppins,Inter,system-ui,sans-serif;font-size:clamp(1.5rem,4vw,2.8rem);font-weight:600;color:#fff;letter-spacing:.12em;text-transform:uppercase;text-indent:.12em;line-height:1.1;margin:0;min-height:1.1em;white-space:nowrap;text-shadow:0 0 24px rgba(96,165,250,.35),0 0 48px rgba(96,165,250,.15)}.loading-planet-name:after{content:"";display:inline-block;width:2px;height:.85em;background:#60a5fae6;margin-left:.1em;vertical-align:-.05em;animation:loading-cursor-blink .7s infinite}@keyframes loading-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:640px){.loading-enter-cluster{top:24%;right:12%}.loading-enter-arrow{width:108px;margin-right:.3rem}.loading-enter-label{font-size:1.1rem}.loading-mute-btn{width:36px;height:36px;font-size:1rem}.loading-planet-card{bottom:6vh;left:6vw}}body.is-loading .debug-toggle,body.is-loading .sound-toggle,body.is-loading .keybinds-help,body.is-loading .dev-warning,body.is-loading .touch-controls{display:none!important}.dev-warning{display:none;position:fixed;top:0;left:0;right:0;padding:25px 14px 20px;color:#fff;text-align:center;font-weight:600;font-size:11px;z-index:9999}.dev-warning:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#000000b3,#0000);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);mask-image:linear-gradient(to bottom,black 0%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 100%);pointer-events:none}.dev-warning.visible{display:block}.dev-links{display:flex;align-items:center;gap:6px;justify-content:center}.dev-text{color:#fff6;font-size:9px;text-transform:uppercase;letter-spacing:.25px;font-weight:600;margin-right:2px}.dev-separator{color:#ffffff26;font-size:11px}.dev-link{display:inline-flex;align-items:center;gap:4px;color:#ffffffd9;text-decoration:none;padding:4px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:10px;font-weight:500;transition:all .2s}.dev-link i{font-size:1.1em}.dev-link:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}.player-coords{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 10px;color:#ffffffd9;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.3px;white-space:pre;z-index:9998;box-shadow:0 3px 10px #0006;pointer-events:none;user-select:none}.debug-toggle{position:fixed;bottom:16px;left:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-size:18px;cursor:pointer;z-index:9998;box-shadow:0 3px 10px #0006;transition:all .2s}.debug-toggle:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.debug-toggle.active{background:#60a5fa33;border-color:#60a5fa66;color:#60a5fa}.sound-toggle{position:fixed;bottom:16px;left:60px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-size:18px;cursor:pointer;z-index:9998;box-shadow:0 3px 10px #0006;transition:all .2s}.sound-toggle:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.keybinds-help{position:fixed;bottom:16px;right:16px;background:#000000bf;backdrop-filter:blur(10px);border-radius:8px;padding:8px 10px;color:#fff;font-size:11px;font-weight:500;z-index:9998;box-shadow:0 3px 10px #0006;border:1px solid rgba(255,255,255,.1);min-width:140px}.keybinds-section{display:flex;align-items:center;gap:6px;margin-bottom:5px}.keybinds-section:last-child{margin-bottom:0}.keybinds-title{font-size:9px;text-transform:uppercase;letter-spacing:.25px;color:#fff6;font-weight:600;min-width:32px}.key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-size:10px;font-weight:600}.keybinds-hint{font-size:10px;color:#ffffff59;margin-left:3px}.touch-controls{display:none}html.is-touch .touch-controls{display:block;position:fixed;inset:0;pointer-events:none;z-index:9997}html.is-touch .keybinds-help{display:none}html.is-touch .debug-toggle,html.is-touch .sound-toggle{bottom:70px}.touch-joystick-base{position:fixed;left:0;top:0;width:120px;height:120px;border-radius:50%;background:#0006;border:2px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;z-index:9997;opacity:0;transition:opacity .15s;transform:translate(-50%,-50%)}.touch-joystick-base.is-active{opacity:1}.touch-joystick-thumb{position:absolute;top:50%;left:50%;width:50px;height:50px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.4);box-shadow:0 2px 8px #0000004d;transform:translate(-50%,-50%);transition:none}.touch-buttons{position:fixed;bottom:20px;right:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:9997;pointer-events:none}.touch-btn{width:60px;height:60px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffb3;font-size:22px;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-shadow:0 3px 10px #0006;transition:background .1s,border-color .1s,color .1s}.touch-btn.is-pressed{background:#60a5fa4d;border-color:#60a5fa99;color:#fff}.touch-btn-jump{width:72px;height:72px}.touch-btn-sprint{grid-column:2}.touch-btn-castQ{width:72px;height:72px;grid-column:1;grid-row:2}.touch-btn-jump{width:72px;height:72px;grid-column:2;grid-row:2}.billboard-css3d{z-index:1}.billboard-screen{overflow:hidden;border-radius:6px;background:#050507;box-shadow:0 0 0 2px #ffffff0f,0 0 40px #50a0ff1f inset;background-image:linear-gradient(135deg,#0b0b10,#15151c,#0b0b10 80%);transition:background-image .6s ease}.billboard-screen.loaded{background-image:none}.billboard-iframe{display:block;width:100%;height:100%;border:0;background:#050507;color-scheme:light}.billboard-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#ffffff24,#ffffff08 18%,#fff0 38% 100%);mix-blend-mode:screen}.billboard-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.4em;font-family:Poppins,system-ui,sans-serif;font-size:1rem;letter-spacing:.04em;color:#ffffffb3;background:#050507eb}.billboard-fallback a{color:#7cc4ff;text-decoration:underline;text-underline-offset:.15em}.billboard-fallback.hidden{display:none}.interact-prompt{position:fixed;left:50%;bottom:14vh;transform:translate(-50%,8px);z-index:50;padding:.6em 1.1em;font-family:Poppins,system-ui,sans-serif;font-size:.95rem;letter-spacing:.03em;color:#ffffffeb;background:#0a0c12b8;border:1px solid rgba(255,255,255,.14);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;white-space:nowrap}.interact-prompt.visible{opacity:1;transform:translate(-50%)}.billboard-exit{position:fixed;bottom:4vh;left:50%;transform:translate(-50%,8px);z-index:50;padding:.55em 1.2em;font-family:Poppins,system-ui,sans-serif;font-size:.9rem;letter-spacing:.03em;color:#ffffffe6;background:#0a0c12b8;border:1px solid rgba(255,255,255,.14);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.billboard-exit:hover{background:#141822d9}.billboard-exit.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}