@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#edf0ec;background:#11171c;font-synthesis:none;--lime: #c6f36b;--muted: #a0a9b1;--line: #ffffff12}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:disabled{cursor:wait;opacity:.65}button,canvas{-webkit-tap-highlight-color:transparent}#app{height:100dvh;position:relative;overflow:hidden}canvas#arena{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 65% 45%,transparent 30%,#0c101660)}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(#11171cbb,transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:10px}.brandmark{color:var(--lime);font:600 24px IBM Plex Mono,monospace;letter-spacing:-3px;padding-right:3px}.brandname{font-size:16px;font-weight:600;letter-spacing:-.3px}.topmeta{display:flex;gap:6px;align-items:center}.audio,.exit{pointer-events:auto;color:#c1c8ca;border:0;background:#11171c80;border-radius:8px;height:38px;padding:0 12px;font-size:13px;transition:background .15s,color .15s}.audio{width:38px;font-size:20px;padding:0}.audio:hover,.exit:hover,.exit[aria-expanded=true]{color:#f2f6eb;background:#ffffff0d}.landing{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:#11171c;overflow-y:auto}.intro{width:480px;max-width:100%;margin-block:auto;pointer-events:auto;text-align:center}h1{font:600 44px/1.2 DM Sans,sans-serif;letter-spacing:-1px;margin:0 0 10px}.byline{margin:0;font-size:14px;color:var(--muted)}.intro h2{margin:38px 0 18px;font-size:16px;font-weight:500}.intro .play{justify-content:center;margin-top:26px}.join-note:empty{display:none}.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tech-choice{position:relative;isolation:isolate;min-height:112px;padding:12px 4px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px solid transparent;background:#ffffff03;border-radius:20px;color:#c4cdcf;transition:color .15s,background .15s,border-color .2s}.tech-choice:before{content:"";position:absolute;z-index:-1;top:14px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tech) 14%,transparent),transparent 72%);opacity:.35;transition:opacity .2s}.tech-choice:after{content:"✦";position:absolute;top:7px;right:10px;color:var(--tech);font-size:15px;opacity:0;transform:scale(.5) rotate(-25deg);transition:opacity .2s,transform .25s}.creature-icon{width:66px;height:66px;max-width:100%;transform-origin:50% 85%;transition:transform .25s cubic-bezier(.2,.8,.3,1.5)}.tech-choice>span{font:500 14px DM Sans,sans-serif}.bomb-icon{position:absolute;width:30px;height:35px;top:49px;right:7px;pointer-events:none;transform:rotate(9deg);transition:transform .2s}.tech-choice.selected .bomb-icon{transform:rotate(-8deg)}.tech-choice:is(:hover,:focus-visible){color:var(--tech);background:#ffffff07}.tech-choice:is(:hover,:focus-visible) .creature-icon{transform:translateY(-4px) rotate(-5deg)}.tech-choice[data-gait=slither]:is(:hover,:focus-visible) .creature-icon{transform:translate(3px) rotate(6deg)}.tech-choice[data-gait=scuttle]:is(:hover,:focus-visible) .creature-icon{transform:translate(-3px) rotate(-7deg)}.tech-choice[data-gait=hop]:is(:hover,:focus-visible) .creature-icon{transform:translateY(-7px) rotate(3deg)}.tech-choice.selected{color:var(--tech);border-color:color-mix(in srgb,var(--tech) 50%,transparent);background:color-mix(in srgb,var(--tech) 7%,#11171c)}.tech-choice.selected:before{opacity:1}.tech-choice.selected:after{opacity:1;transform:none}.tech-choice.selected .creature-icon{animation:creature-hello .48s ease-out}@keyframes creature-hello{0%,to{scale:1;translate:0;rotate:0deg}25%{scale:1.08 .92;translate:0 2px;rotate:-4deg}60%{scale:.96 1.04;translate:0 -8px;rotate:5deg}}.play{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:9px;background:var(--lime);color:#182211;padding:14px 18px;font-size:16px;font-weight:600;transition:background .15s}.play:hover{background:#d2ff80}.play span{font-size:20px;transition:transform .15s}.play:hover span{transform:translate(2px,-2px)}.join-note{text-align:center;color:#a0aaa2;font-size:12px;line-height:1.5;min-height:18px;margin:12px 0 0}kbd{font:11px IBM Plex Mono,monospace;color:#d0d7d7;background:#ffffff05;border:1px solid #ffffff18;border-radius:4px;padding:4px 5px;margin-right:5px}.hud{position:absolute;z-index:3;inset:0;pointer-events:none}.matchbar{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;background:#11171ca8;border-radius:9px;padding:9px 16px}.matchbar small{display:block;font-size:10px;letter-spacing:.5px;color:#a1adb4;margin-bottom:3px}.timer{font:500 21px IBM Plex Mono,monospace;font-variant-numeric:tabular-nums}.room-count{font:500 13px IBM Plex Mono,monospace}.kill-feed{position:absolute;top:90px;right:28px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;width:300px}.feed-row{max-width:100%;padding:6px 9px;color:#b7c2c7;background:#11171cc7;border-radius:5px;font-size:12px;line-height:1.4}.feed-row.local{color:#d3ebac}.feed-row.incident{color:#efc08b}.leaderboard{position:absolute;top:85px;left:28px;width:190px;background:#11171ce8;border:1px solid var(--line);border-radius:10px;padding:15px}.leader-title{font-size:10px;letter-spacing:1px;color:#a1adb4;margin-bottom:10px}.leader{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:#c3cdce;font-size:13px}.leader.me{color:var(--lime)}.leader em{font:11px IBM Plex Mono,monospace;color:#8999a3;padding-right:10px}.leader strong{font:500 12px IBM Plex Mono,monospace}.playerbar{position:absolute;left:28px;bottom:24px;width:250px;background:#11171cd9;border-radius:10px;padding:13px 15px}.player-id{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{font:600 14px IBM Plex Mono,monospace;width:36px;height:36px;object-fit:contain}.player-id strong{font-size:14px;font-weight:500}.player-id small{display:block;color:#9aa8af;font-size:10px;margin-top:3px}.player-id .health-value{margin-left:auto;font:12px IBM Plex Mono,monospace}.health-track{height:4px;background:#ffffff15;border-radius:3px;overflow:hidden}.health-fill{width:100%;height:100%;background:var(--lime);transition:width .12s}.stats{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#a3afb5;margin-top:11px}.stats b{font:500 12px IBM Plex Mono,monospace;color:#e1e8df;padding-left:3px}.buffs{position:absolute;bottom:150px;left:28px;display:flex;flex-wrap:wrap;gap:5px;max-width:300px}.buff{font-size:12px;color:#d1e8b1;padding:5px 8px;background:#17251ce8;border-radius:5px}.game-controls{position:absolute;left:50%;bottom:25px;transform:translate(-50%);color:#aab5bc;font-size:12px;white-space:nowrap;background:#11171c90;border-radius:6px;padding:8px}.minimap{position:absolute;right:28px;bottom:24px;background:#11171cbf;padding:8px;border-radius:9px}.minimap canvas{display:block;width:135px;height:96px}.map-label{font-size:9px;letter-spacing:.8px;color:#a3b0b8;margin-top:7px}.respawn{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#11171ce8;border-radius:10px;padding:18px 24px;text-align:center}.respawn strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.5px}.respawn span{display:block;margin-top:8px;color:#c6d8b2;font-size:13px}.toast{position:absolute;left:50%;top:94px;transform:translate(-50%);max-width:80%;background:#16221bee;padding:10px 15px;border-radius:8px;color:#d1e8b1;text-align:center;font-size:13px}.round-banner{position:absolute;left:50%;top:29%;transform:translate(-50%);background:#142019ee;border-radius:10px;text-align:center;padding:17px 23px}.round-banner strong{display:block;font-size:20px;font-weight:500;color:var(--lime)}.round-banner span{display:block;color:#acbdaa;font-size:12px;margin-top:7px}.touch-controls{display:none;position:absolute;z-index:4;inset:0;pointer-events:none}.joystick{position:absolute;left:26px;bottom:182px;width:108px;height:108px;border:1px solid #ffffff30;background:#ffffff07;border-radius:50%;pointer-events:auto;touch-action:none}.joystick i{position:absolute;left:32px;top:32px;width:42px;height:42px;border-radius:50%;background:#c6f36b70;pointer-events:none}.touch-bomb{position:absolute;right:28px;bottom:182px;width:76px;height:76px;border:1px solid #c6f36b60;border-radius:50%;background:#23331dd9;color:var(--lime);font-size:12px;pointer-events:auto;touch-action:none}.hidden{display:none!important}.touch-grenade{position:absolute;right:28px;bottom:272px;width:76px;height:76px;border:1px solid #e4c37a70;border-radius:50%;background:#362e1cd9;color:#f1d590;font-size:11px;pointer-events:auto;touch-action:none}.touch-grenade small{display:block;font-size:9px;margin-top:4px;opacity:.8}.touch-grenade.cooling{opacity:.5}@media(max-width:800px){.topbar{padding:16px 18px}.brandname{font-size:14px}.matchbar{top:70px;padding:7px 12px}.matchbar small{font-size:9px}.timer{font-size:18px}.kill-feed{top:136px;right:16px;width:220px}.feed-row{font-size:11px}.leaderboard{top:134px;left:16px;width:170px}.playerbar{left:16px;bottom:18px;width:225px;padding:12px}.minimap{right:16px;bottom:18px}.minimap canvas{width:105px;height:75px}.buffs{left:16px;bottom:143px;max-width:260px}.game-controls{display:none}.toast{top:130px}}@media(max-width:430px){.landing{padding:36px 24px}h1{font-size:38px}.tech-choice{min-height:104px;padding-block:8px}.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.playerbar{width:208px}.stats{font-size:9px}.map-label{font-size:8px}}@media(max-height:570px){.landing{align-items:flex-start;padding-top:28px}}@media(pointer:coarse){.touch-controls.playing{display:block}.audio,.exit{min-height:44px;min-width:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.tech-choice:hover,.tech-choice:is(:hover,:focus-visible) .creature-icon,.play:hover span{transform:none!important}}.deploy-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#0a151b88;transition:background 1s ease}.deploy-overlay.hidden{display:none}.deploy-overlay.bombed{background:#0b171b}.deploy-overlay canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.deploy-copy{position:relative;text-align:center;padding:32px 20px;text-shadow:0 2px 24px #071114}.deploy-mark{color:#c6f36b;font-size:54px;line-height:1}.deploy-copy h2{margin:12px 0;color:#f1f4ed;font-size:clamp(24px,5vw,42px);letter-spacing:-1.5px}.deploy-copy p{color:#c6cecb;font-size:13px;margin:0}.deploy-copy button{margin:24px auto 0}