:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05080b;color:#eef7f5;font-synthesis:none;--mint:#62f1cf;--line:rgba(169,230,218,.2)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow:hidden;background:#05080b}button{font:inherit;color:inherit}.game-root,.viewport{width:100vw;height:100vh;height:100dvh}.viewport{position:relative;overflow:hidden;background:#05080b}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 42%,rgba(0,0,0,.18) 74%,rgba(0,0,0,.62) 120%);z-index:1}.top-hud{position:absolute;z-index:3;inset:0 0 auto;height:84px;display:grid;grid-template-columns:1fr minmax(360px,580px) 1fr;align-items:start;padding:18px 28px;pointer-events:none;background:linear-gradient(#05080be8,transparent)}.brand{display:flex;align-items:center;gap:10px;font:500 11px DM Mono,monospace;letter-spacing:.12em}.brand svg{color:var(--mint)}.brand span{color:#6d7d7c;border-left:1px solid var(--line);padding-left:12px}.global-progress{text-align:center;display:grid;justify-items:center;gap:4px}.global-progress>span{font:500 9px DM Mono,monospace;letter-spacing:.24em;color:#91a4a0}.global-progress strong{font:500 28px DM Mono,monospace;line-height:1;font-variant-numeric:tabular-nums}.global-progress strong small{font-size:11px;color:var(--mint);margin-left:4px}.global-progress>i{display:block;width:100%;height:2px;background:#263330;overflow:hidden}.global-progress>i em{display:block;height:100%;min-width:2px;background:var(--mint);box-shadow:0 0 12px var(--mint)}.live{justify-self:end;font:500 10px DM Mono,monospace;color:#9aacaa}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px var(--mint);margin-right:7px}.objective-hud{position:absolute;z-index:3;top:112px;left:28px;display:grid;gap:2px;padding-left:13px;border-left:2px solid var(--mint);pointer-events:none}.objective-hud>span,.objective-hud>small{font:500 9px DM Mono,monospace;color:#7d8e8b;letter-spacing:.13em}.objective-hud>strong{font:500 31px DM Mono,monospace;font-variant-numeric:tabular-nums}.objective-hud>div{margin-top:8px;display:flex;align-items:center;gap:6px;font:500 8px DM Mono,monospace;color:#65cdb8}.leaderboard{position:absolute;z-index:3;top:152px;right:28px;width:230px;pointer-events:none}.leaderboard h2{margin:0 0 9px;padding-bottom:8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;font:500 9px DM Mono,monospace;color:#8ba09c;letter-spacing:.1em}.leaderboard div{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:5px 0;font:500 9px DM Mono,monospace}.leaderboard div b{color:var(--mint)}.leaderboard div span{overflow:hidden;text-overflow:ellipsis}.leaderboard div em{font-style:normal;color:#8b9b98}.leaderboard p{margin:0;padding:5px 0;font:500 9px DM Mono,monospace;color:#6f817e;letter-spacing:.08em}.crosshair{position:absolute;z-index:4;left:50%;top:50%;width:28px;height:28px;translate:-50% -50%;pointer-events:none;opacity:.55}.crosshair i{position:absolute;background:#eafff9;box-shadow:0 0 5px #62f1cf}.crosshair i:first-child{width:1px;height:26px;left:13px;top:1px}.crosshair i:nth-child(2){height:1px;width:26px;left:1px;top:13px}.crosshair span{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--mint);border-radius:50%;background:#05080b}.crosshair[data-active=true]{opacity:1}.crosshair[data-active=true] span{box-shadow:0 0 8px var(--mint)}.deploy{position:absolute;z-index:8;left:50%;top:50%;translate:-50% -50%;width:min(430px,calc(100% - 36px));padding:26px 30px;border:1px solid rgba(110,245,214,.55);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:#070e11ed;display:grid;justify-items:center;gap:10px;cursor:pointer;box-shadow:0 22px 70px #0009}.deploy>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #37695f;color:var(--mint);transform:rotate(45deg)}.deploy svg{transform:rotate(-45deg)}.deploy b{font:800 14px DM Mono,monospace;letter-spacing:.12em}.deploy small{font:500 8px DM Mono,monospace;color:#71827f;letter-spacing:.05em;text-align:center;line-height:1.6}.tools{position:absolute;z-index:5;left:50%;bottom:24px;translate:-50%;display:flex;gap:8px}.tools button{width:180px;height:58px;border:1px solid #33413f;background:#080d10e0;display:grid;grid-template-columns:22px 28px 1fr;align-items:center;gap:8px;text-align:left;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.tools button.selected{border-color:var(--mint);background:#112b27eb;box-shadow:inset 0 0 28px #42e1be14}.tools button:disabled{opacity:.38;cursor:not-allowed}.tools svg{width:21px;color:#91a6a1}.tools .selected svg{color:var(--mint)}.tools kbd{align-self:start;margin-top:8px;font:500 9px DM Mono,monospace;color:#647572}.tools span{display:grid;gap:3px}.tools span b{font:700 9px DM Mono,monospace;text-transform:uppercase}.tools span small{font:500 7px DM Mono,monospace;color:#71827f}.energy{position:absolute;z-index:4;left:28px;bottom:30px;width:210px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font:500 8px DM Mono,monospace}.energy i{height:3px;background:#26312f}.energy i em{display:block;height:100%;background:var(--mint);box-shadow:0 0 7px var(--mint);transition:width .25s}.energy b{font-size:10px}.resource-hud{position:absolute;z-index:4;left:28px;bottom:59px;display:flex;gap:13px;font:500 8px DM Mono,monospace;color:#778783}.resource-hud b{color:#aebbb8}.resource-hud .copper b{color:#e68a53}.resource-hud .crystal b{color:#65efd2}.coordinate-hud{position:absolute;z-index:4;left:50%;bottom:94px;translate:-50%;font:500 8px DM Mono,monospace;color:#6e807c}.sound{position:absolute;z-index:5;right:28px;bottom:27px;width:38px;height:38px;border:1px solid #35413f;background:#0a1013;display:grid;place-items:center;cursor:pointer}.sound svg{width:16px}.identity{position:absolute;z-index:4;right:77px;bottom:28px;text-align:right;display:grid;font:500 8px DM Mono,monospace}.identity b{font-size:10px;color:#94a5a1}.indexer{position:absolute;z-index:4;right:28px;top:304px;display:flex;align-items:center;gap:5px;font:500 7px DM Mono,monospace;color:#62857e}.cooldown{position:absolute;z-index:5;left:50%;top:calc(50% + 35px);translate:-50%;font:500 8px DM Mono,monospace;color:var(--mint);letter-spacing:.1em}.claim{position:absolute;z-index:7;left:50%;bottom:104px;translate:-50%;border:1px solid #f3c863;background:#2d2614;padding:12px 18px;display:flex;gap:8px;align-items:center;font:700 10px DM Mono,monospace}.error{position:absolute;z-index:9;left:50%;top:100px;translate:-50%;padding:10px 14px;background:#2c1114e8;border:1px solid #b94d57;color:#ffc8cc;font:500 9px DM Mono,monospace}.boot{height:100%;display:grid;place-content:center;justify-items:center;gap:13px;color:#6f8580;font:500 10px DM Mono,monospace;letter-spacing:.12em}.touch-move,.touch-altitude,.touch-mine{display:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:800px),(hover:none)and (pointer:coarse){.top-hud{height:72px;grid-template-columns:1fr auto;padding:calc(12px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}.top-hud .brand span,.live{display:none}.global-progress{justify-self:end;min-width:min(190px,62vw)}.objective-hud,.leaderboard{display:none}.tools{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(58px + env(safe-area-inset-bottom));width:auto;translate:0;gap:4px}.tools button{width:auto;min-width:0;height:48px;flex:1;grid-template-columns:20px minmax(0,1fr);gap:5px;padding:4px 6px;background:#080d10ad}.tools button.selected{background:#112b27c7}.tools kbd,.tools button>span small{display:none}.tools button>span{min-width:0}.tools button>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.energy{left:max(12px,env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));width:170px}.resource-hud{left:max(12px,env(safe-area-inset-left));bottom:calc(42px + env(safe-area-inset-bottom))}.sound{right:max(12px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));width:44px;height:44px}.identity{display:none}.coordinate-hud{z-index:7;top:calc(78px + env(safe-area-inset-top));bottom:auto;max-width:calc(100% - 24px);padding:4px 7px;background:#05080b9e;color:#91a4a0;white-space:nowrap}.indexer{display:none}.touch-move,.touch-altitude{display:grid;position:absolute;z-index:6;bottom:calc(118px + env(safe-area-inset-bottom));gap:3px}.touch-move{left:max(12px,env(safe-area-inset-left));grid-template:repeat(2,44px)/repeat(3,44px)}.touch-move button,.touch-altitude button,.touch-mine{min-width:44px;min-height:44px;border:1px solid #49605b;background:#0b13169e;touch-action:none;font:600 11px DM Mono,monospace}.touch-move .w{grid-column:2}.touch-move .a{grid-row:2;grid-column:1}.touch-move .s{grid-row:2;grid-column:2}.touch-move .d{grid-row:2;grid-column:3}.touch-altitude{right:max(12px,env(safe-area-inset-right));grid-template-columns:44px 44px}.touch-altitude button{height:44px}.touch-mine{display:flex;position:absolute;z-index:6;right:max(12px,env(safe-area-inset-right));bottom:calc(168px + env(safe-area-inset-bottom));height:44px;align-items:center;gap:5px;padding:0 12px}.touch-mine svg{width:16px}.claim{bottom:calc(222px + env(safe-area-inset-bottom))}}@media(max-width:520px){.tools button{grid-template-columns:18px minmax(0,1fr)}.tools button svg{width:18px}.global-progress strong{font-size:21px}.brand b{display:none}.resource-hud{gap:7px;font-size:6px}}@media(max-width:800px),(hover:none)and (pointer:coarse){.tools button:disabled{display:none}.tools{left:50%;right:auto;width:190px;translate:-50%}.coordinate-hud{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.teleport{position:absolute;z-index:3;left:28px;bottom:118px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:7px;background:#050b0edb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:500 9px DM Mono,monospace;letter-spacing:.11em;color:#8ba09c}.teleport>span{color:var(--mint)}.teleport label{display:flex;align-items:center;gap:5px}.teleport input{width:86px;padding:5px 6px;border:1px solid var(--line);border-radius:4px;background:#0a1315c7;color:#eef7f5;font:inherit;letter-spacing:.06em}.teleport input::placeholder{color:#5d6d6b}.teleport input:focus-visible{outline:2px solid var(--mint);outline-offset:1px}.teleport button{padding:6px 12px;border:1px solid #62f1cf73;border-radius:4px;background:#62f1cf24;color:#eef7f5;font:inherit;letter-spacing:.12em;cursor:pointer}.teleport button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:900px){.teleport{display:none}}