:root{--void:#030306;--white:#f0eef8;--muted:#858394;--faint:#5e5c6b;--violet:#795cff;--cyan:#55ddf4;--amber:#ffb15a;--danger:#ff4d79}*{box-sizing:border-box}html,body{background:var(--void);width:100%;min-height:100%;color:var(--white);margin:0;overflow:hidden}body{font-family:var(--font-geist-sans), Arial, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision}button,canvas{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit}.game-shell{min-height:100vh;isolation:isolate;background:var(--void);min-height:100svh;position:fixed;inset:0;overflow:hidden}.game-shell:before{z-index:2;pointer-events:none;content:"";opacity:.2;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),radial-gradient(circle at 20% 16%,#795cff1c 0 1px,#0000 1.4px),radial-gradient(circle at 82% 74%,#55ddf414 0 1px,#0000 1.5px);background-size:auto,13px 17px,19px 23px;position:absolute;inset:0}.gravity-canvas{z-index:0;cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.gravity-canvas:focus-visible{box-shadow:inset 0 0 0 1px #55ddf4a6}.cosmic-vignette{z-index:1;pointer-events:none;background:linear-gradient(90deg,#01010494,#0000 25% 76%,#01010466),radial-gradient(circle,#0000 38%,#00000087 100%);position:absolute;inset:0}.site-header{top:max(26px, env(safe-area-inset-top));left:max(32px, env(safe-area-inset-left));right:max(32px, env(safe-area-inset-right));z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.brand-lockup{align-items:baseline;gap:14px;display:flex}.brand-name{color:#f2effa;letter-spacing:-.035em;font-size:15px;font-weight:760}.brand-name span{color:#9d91ff}.brand-caption,.status-chip,.panel-heading,.leaderboard-tail,.footer-note,.overlay-index,.player-hud span,.player-hud small,.respawn-overlay span,.respawn-overlay small{color:var(--muted);font-family:var(--font-geist-mono), monospace;letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:560}.status-chip{color:#aaa8b9;align-items:center;gap:9px;padding-top:3px;display:flex}.status-dot{background:var(--cyan);border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #55ddf4d9}.state-paused .status-dot{box-shadow:none;background:#676575}.match-strip{top:max(23px, env(safe-area-inset-top));z-index:6;width:240px;font-family:var(--font-geist-mono), monospace;text-align:center;pointer-events:none;display:grid;position:absolute;left:50%;transform:translate(-50%)}.match-strip span{color:#6b6978;letter-spacing:.2em;font-size:7px;font-weight:560}.match-strip strong{color:#dfdce8;letter-spacing:.13em;margin-top:4px;font-size:12px;font-weight:560}.match-strip>i{background:#eceaf31f;height:1px;margin-top:8px;display:block;position:relative;overflow:hidden}.match-strip>i b{transform-origin:0;background:linear-gradient(90deg, var(--danger), var(--violet), var(--cyan));display:block;position:absolute;inset:0;box-shadow:0 0 12px #795cffbf}.match-strip>i b.live-scan{width:34%;animation:2.8s ease-in-out infinite alternate live-scan;inset:0 auto 0 0}@keyframes live-scan{0%{transform:translate(0)}to{transform:translate(194%)}}.leaderboard{top:50%;right:max(32px, env(safe-area-inset-right));z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:linear-gradient(145deg,#090911ad,#05050a5c);border:1px solid #eceaf317;width:198px;padding:14px 14px 11px;position:absolute;transform:translateY(-52%);box-shadow:inset 0 0 40px #795cff06}.panel-heading{color:#787685;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:7px;display:flex}.panel-heading b{color:var(--cyan);font-weight:560}.leaderboard ol{gap:1px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{min-height:29px;font-family:var(--font-geist-mono), monospace;border-bottom:1px solid #eceaf30f;grid-template-columns:19px 5px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid;position:relative}.leaderboard li.is-you:before{content:"";background:var(--cyan);width:1px;height:16px;position:absolute;left:-14px;box-shadow:0 0 8px #55ddf4cc}.leaderboard .rank{color:#62606e;font-size:7px}.leaderboard li>i{border-radius:50%;width:4px;height:4px}.leaderboard li strong{color:#aaa8b7;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:8px;font-weight:520;display:flex;overflow:hidden}.leader-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.ally-mark{color:#c4eff7b8;letter-spacing:-.19em;text-shadow:0 0 8px #55ddf43d;flex:none;font-size:6px;font-style:normal}.leaderboard li.is-ally{border-bottom-color:#55ddf41a}.leaderboard li.is-you strong,.leaderboard li.is-you small{color:#f2effa}.leaderboard li small{color:#777583;letter-spacing:.04em;font-size:8px}.leaderboard-tail{color:#545260;margin-top:10px;font-size:6px}.kill-feed{top:102px;left:max(32px, env(safe-area-inset-left));z-index:6;pointer-events:none;width:255px;position:absolute}.kill-feed .panel-heading{justify-content:flex-start;margin-bottom:8px}.kill-feed p{color:#cac7d59e;min-height:23px;font-family:var(--font-geist-mono), monospace;letter-spacing:.025em;align-items:center;gap:8px;margin:0;font-size:8px;animation:.24s both feed-enter;display:flex}.kill-feed p>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kill-feed p i{border-radius:50%;flex:none;width:3px;height:3px}.kill-feed .feed-help,.kill-feed .feed-transfer,.kill-feed .feed-bond{color:#dad8e6b8}.kill-feed .feed-help i{border:1px solid;width:5px;height:5px;background:0 0!important}.kill-feed .feed-transfer i{border-radius:1px;width:4px;height:4px;transform:rotate(45deg)}.kill-feed .feed-bond i{border-radius:0;width:7px;height:5px;position:relative;background:0 0!important}.kill-feed .feed-bond i:before,.kill-feed .feed-bond i:after{content:"";border:1px solid;border-radius:50%;width:3px;height:3px;position:absolute;top:1px}.kill-feed .feed-bond i:before{left:0}.kill-feed .feed-bond i:after{right:0}.kill-feed .feed-warning{color:#ff97aec2}.kill-feed .feed-warning i{border-radius:0;width:1px;height:7px}@keyframes feed-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.arena-announcement{z-index:7;color:#cfccd9;font-family:var(--font-geist-mono), monospace;letter-spacing:.19em;text-transform:uppercase;pointer-events:none;background:#05050a75;border-left:1px solid #ff5b968c;border-right:1px solid #55ddf466;padding:7px 11px;font-size:8px;animation:.24s both announcement;position:absolute;top:105px;left:50%;transform:translate(-50%)}@keyframes announcement{0%{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%)}}.live-guide{left:max(32px, env(safe-area-inset-left));bottom:max(145px, calc(env(safe-area-inset-bottom) + 124px));z-index:7;pointer-events:none;border-left:1px solid #55ddf47a;gap:7px;max-width:390px;padding-left:13px;animation:.42s both guide-in;display:grid;position:absolute}.live-guide span,.live-guide small{color:#747281;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;font-size:7px;font-weight:560}.live-guide strong{color:#d4d1dd;letter-spacing:-.01em;font-size:13px;font-weight:460}.live-guide small{color:#5c5a68;font-size:6px}@keyframes guide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.player-hud{left:50%;bottom:max(84px, calc(env(safe-area-inset-bottom) + 68px));z-index:6;pointer-events:none;grid-template-columns:150px 112px 126px 112px;align-items:end;gap:22px;width:min(700px,100vw - 70px);display:grid;position:absolute;transform:translate(-50%)}.player-hud>div{min-width:0}.identity-block,.mass-block,.cells-block,.merge-block{gap:7px;display:grid}.identity-block strong{color:#f0edf8;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:19px;font-weight:510}.identity-block small,.mass-block small,.cells-block small,.merge-block small{color:#5d5b69;letter-spacing:.1em;font-size:6px}.mass-block strong,.merge-block strong{color:#c9c6d4;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;font-size:12px;font-weight:520}.mass-block strong.threat-hunt{color:var(--cyan);text-shadow:0 0 10px #55ddf447}.mass-block strong.threat-danger{color:var(--danger);text-shadow:0 0 12px #ff4d7952}.cells-block>div{align-items:center;gap:4px;height:12px;display:flex}.cells-block i{border:1px solid #eceaf333;border-radius:50%;flex:none;width:6px;height:6px}.cells-block i.active{background:#e7e2ff;border-color:#9d91ffbf;box-shadow:0 0 8px #795cffbf}.utility-controls{left:max(32px, env(safe-area-inset-left));right:max(32px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:9;pointer-events:none;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute}.utility-controls button{color:#aaa8b8;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);min-height:42px;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;pointer-events:auto;cursor:pointer;background:#07070d8c;border:1px solid #eceaf31f;border-radius:999px;padding:0 13px;font-size:8px;transition:border-color .18s,color .18s,background .18s,opacity .18s}.utility-controls button:hover:not(:disabled){color:var(--white);background:#0c0c17c7;border-color:#55ddf470}.utility-controls button.ability-ready{color:#dffbff;border-color:#55ddf461;box-shadow:inset 0 0 22px #55ddf40b,0 0 18px #55ddf409}.utility-controls button:disabled{opacity:.3;cursor:not-allowed}.utility-controls kbd{color:#656373;font:inherit;margin-left:8px}button:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}.footer-note{left:max(32px, env(safe-area-inset-left));bottom:max(38px, calc(env(safe-area-inset-bottom) + 12px));z-index:6;color:#4f4d5a;pointer-events:none;margin:0;font-size:6px;position:absolute}.game-overlay{z-index:8;width:min(590px,100vw - 64px);position:absolute;top:50%;left:clamp(32px,7.8vw,126px);transform:translateY(-48%)}.game-overlay h2{color:#f1eef8;letter-spacing:-.087em;text-transform:uppercase;max-width:720px;margin:15px 0 22px;font-size:clamp(59px,7.4vw,114px);font-weight:690;line-height:.73}.game-overlay h2 span{color:var(--violet)}.overlay-copy{color:#aaa8b8;letter-spacing:-.015em;max-width:520px;margin:0 0 29px;font-size:clamp(14px,1.15vw,18px);font-weight:390;line-height:1.55}.primary-action{min-width:235px;min-height:54px;color:var(--white);font-family:var(--font-geist-mono), monospace;letter-spacing:.13em;cursor:pointer;background:linear-gradient(110deg,#795cff47,#55ddf40f);border:1px solid #9788ff7a;border-radius:999px;justify-content:space-between;align-items:center;gap:44px;padding:0 16px 0 20px;font-size:10px;font-weight:620;transition:transform .22s,border-color .22s,box-shadow .22s;display:inline-flex;box-shadow:inset 0 0 30px #795cff0f,0 0 32px #795cff0f}.primary-action i{color:#090910;background:var(--white);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-style:normal;display:grid}.primary-action:hover{border-color:#55ddf4ad;transform:translateY(-2px);box-shadow:inset 0 0 30px #795cff1a,0 0 42px #795cff1f}.state-paused .gravity-canvas{filter:brightness(.52)saturate(.72)}.state-paused .leaderboard,.state-paused .kill-feed,.state-paused .player-hud{opacity:.42}.compact-overlay{width:min(600px,100vw - 64px)}.respawn-overlay{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;pointer-events:none;background:#040408b8;border-left:1px solid #ff4d7994;border-right:1px solid #795cff85;min-width:170px;padding:18px 26px 20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.respawn-overlay strong{color:#f0edf8;font-family:var(--font-geist-mono), monospace;margin:6px 0 3px;font-size:38px;font-weight:430}.respawn-overlay small{color:#646270;font-size:6px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:860px){.site-header{top:max(19px, env(safe-area-inset-top));left:max(19px, env(safe-area-inset-left));right:max(19px, env(safe-area-inset-right))}.brand-lockup{gap:2px;display:grid}.brand-caption,.status-chip{font-size:6px}.match-strip{top:max(58px, calc(env(safe-area-inset-top) + 39px));width:170px}.match-strip span{font-size:6px}.kill-feed{top:96px;left:max(19px, env(safe-area-inset-left));width:210px}.kill-feed p:nth-of-type(n+3){display:none}.leaderboard{top:101px;right:max(19px, env(safe-area-inset-right));width:166px;padding:10px 11px 8px;transform:none}.leaderboard li{grid-template-columns:16px 4px minmax(0,1fr) auto;gap:5px;min-height:24px}.leaderboard li:nth-child(n+4){display:none}.leaderboard li.is-you:before{left:-11px}.leaderboard-tail{display:none}.game-overlay{top:auto;left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));bottom:max(105px, calc(env(safe-area-inset-bottom) + 88px));width:auto;transform:none}.game-overlay h1,.game-overlay h2{margin:11px 0 17px;font-size:clamp(51px,17vw,82px);line-height:.76}.game-overlay h2{font-size:clamp(46px,14vw,72px)}.overlay-copy{margin-bottom:19px;font-size:13px}.player-hud{left:max(19px, env(safe-area-inset-left));right:max(19px, env(safe-area-inset-right));bottom:max(78px, calc(env(safe-area-inset-bottom) + 63px));grid-template-columns:1.1fr .8fr 1fr;gap:14px;width:auto;transform:none}.mass-block{display:none}.identity-block strong{font-size:15px}.cells-block>div{gap:2.5px}.cells-block i{width:5px;height:5px}.utility-controls{left:max(15px, env(safe-area-inset-left));right:max(15px, env(safe-area-inset-right));bottom:max(17px, env(safe-area-inset-bottom));gap:5px}.utility-controls button{min-height:44px;padding:0 10px;font-size:7px}.utility-controls button:first-child,.utility-controls button:last-child,.utility-controls kbd,.footer-note{display:none}}@media (max-width:600px){.live-guide{top:210px;bottom:auto;left:max(20px, env(safe-area-inset-left));max-width:250px}.live-guide strong{font-size:11px}.kill-feed{width:155px;top:100px}.kill-feed p{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.leaderboard{width:148px;top:96px}.arena-announcement{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 40px);top:195px;overflow:hidden}.status-chip{text-align:right;max-width:115px}.player-hud span{font-size:6px}.identity-block small,.cells-block small,.merge-block small{display:none}.primary-action{min-width:215px;min-height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}