@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#eaf7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#05080c;font-family:Barlow Condensed,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-switcher{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030b10c7;border:1px solid #63e1ff38;padding:3px;display:flex;position:fixed;top:78px;left:50%;transform:translate(-50%)}.game-switcher button{color:#5f7f8a;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:.48rem}.game-switcher button:hover{color:#caeff7}.game-switcher .is-active{color:#b9f4ff;background:#4bd5f324}.game{-webkit-user-select:none;user-select:none;background:#05080c;width:100%;min-width:320px;height:100%;position:relative;overflow:hidden}.viewport,.viewport canvas{width:100%;height:100%;position:absolute;inset:0}.viewport canvas{display:block}.vignette{pointer-events:none;background:linear-gradient(#03070b85,#0000 20% 78%,#020508b8),radial-gradient(circle,#0000 48%,#00000070 100%);position:absolute;inset:0}.topbar{pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;width:100%;padding:24px 28px;display:grid;position:absolute;top:0;left:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#7ce8ff;clip-path:polygon(0 0,88% 0,100% 24%,100% 100%,12% 100%,0 76%);background:#05131bb3;border:1px solid #68e1ff8c;place-items:center;width:46px;height:40px;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600;display:grid;box-shadow:inset 0 0 20px #00b9e61f}.brand strong{letter-spacing:.14em;font-size:1rem;display:block}.brand small{color:#72909b;letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:.56rem}.match-clock{text-align:center;background:linear-gradient(90deg,#0000,#07141cc7 18% 82%,#0000);min-width:124px;padding:6px 22px 9px}.match-clock small{color:#7698a4;letter-spacing:.15em;font-family:IBM Plex Mono,monospace;font-size:.53rem;display:block}.match-clock strong{color:#e8faff;letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:1.32rem}.connection{text-align:right;background:linear-gradient(90deg,#0000,#04131bbf);border-right:2px solid #62e0ff;grid-template-columns:auto auto;justify-self:end;align-items:center;column-gap:8px;padding:8px 12px;display:grid}.connection i{background:#66e4ff;border-radius:50%;grid-row:1/span 2;width:7px;height:7px;box-shadow:0 0 12px #4bdcff}.connection span{color:#8eeaff;letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:800}.connection b{color:#7a939c;font-family:IBM Plex Mono,monospace;font-size:.53rem;font-weight:500}.connection--connecting,.connection--reconnecting{border-color:#ffa84e}.connection--connecting i,.connection--reconnecting i{background:#ffa84e;box-shadow:0 0 12px #ffa84e}.connection--connecting span,.connection--reconnecting span{color:#ffc17d}.telemetry{pointer-events:none;flex-direction:column;gap:1px;display:flex;position:absolute;top:104px;left:28px}.telemetry>div{background:linear-gradient(90deg,#030f15bd,#0000);border-left:1px solid #5cd5ef66;grid-template-columns:45px 1fr;gap:8px;min-width:112px;padding:5px 9px;display:grid}.telemetry small{color:#63818c;letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:.48rem}.telemetry strong{color:#a9c2ca;font-family:IBM Plex Mono,monospace;font-size:.54rem;font-weight:500}.kill-feed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;top:105px;right:28px}.kill-feed div{color:#afc1c7;background:linear-gradient(90deg,#0000,#140c07bf);border-right:1px solid #ff993f8c;align-items:center;gap:8px;padding:5px 9px;font-family:IBM Plex Mono,monospace;font-size:.58rem;display:flex}.kill-feed b{color:#ff9c45;font-size:.48rem}.leaderboard{pointer-events:none;background:linear-gradient(90deg,#0000,#030e1494);border-top:1px solid #5edcf759;width:178px;padding:9px 0 5px;position:absolute;top:210px;right:28px}.leaderboard>small{color:#6b8a95;letter-spacing:.14em;text-align:right;margin:0 8px 6px;font-family:IBM Plex Mono,monospace;font-size:.48rem;display:block}.leaderboard>div{color:#8ca4ad;grid-template-columns:17px 1fr 18px;gap:6px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:.52rem;display:grid}.leaderboard>div b{color:#506b75;font-weight:500}.leaderboard>div strong{color:#d7eef5;text-align:right}.leaderboard .leaderboard__local{color:#9aeeff;background:linear-gradient(90deg,#0000,#20a8c926)}.crosshair{pointer-events:none;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:after{content:"";border:1px solid #e1f8ffe6;border-radius:50%;width:4px;height:4px;position:absolute;top:18px;left:18px;box-shadow:0 0 8px #50dfffcc}.crosshair i{background:#e0f9ffe0;display:block;position:absolute;box-shadow:0 0 4px #2ed6ff99}.crosshair i:first-child,.crosshair i:nth-child(2){width:9px;height:1px;top:19px}.crosshair i:first-child{left:2px}.crosshair i:nth-child(2){right:2px}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:1px;height:9px;left:19px}.crosshair i:nth-child(3){top:2px}.crosshair i:nth-child(4){bottom:2px}.crosshair--damage{animation:.18s ease-out crosshair-hit}@keyframes crosshair-hit{50%{filter:sepia()saturate(4);transform:translate(-50%,-50%)scale(1.5)}}.hit-confirm{color:#d9f9ff;letter-spacing:.18em;text-shadow:0 0 9px #66e5ff;pointer-events:none;font-family:IBM Plex Mono,monospace;font-size:.48rem;font-weight:600;position:absolute;top:calc(50% + 32px);left:50%;transform:translate(-50%)}.sound-indicator{z-index:2;pointer-events:none;border:1px solid #0000;border-radius:50%;width:210px;height:210px;position:absolute;top:50%;left:50%}.sound-indicator i{background:#ffb761;width:20px;height:2px;position:absolute;top:-2px;left:calc(50% - 10px);box-shadow:0 0 10px #ff9e3e}.deploy{z-index:8;color:#dff9ff;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));cursor:crosshair;background:#030e14db;border:1px solid #63e1ff80;flex-direction:column;gap:8px;width:min(400px,100% - 40px);padding:21px 28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #00b2dd1f,inset 0 0 28px #00b2dd0f}.deploy span{letter-spacing:.2em;font-size:1.25rem;font-weight:800}.deploy small{color:#6f939f;letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:.55rem}.deploy:hover{background:#061b25eb;border-color:#abf1ff}.respawn-panel{pointer-events:none;background:linear-gradient(90deg,#0000,#1f0805bf,#0000);border-block:1px solid #ff76468c;flex-direction:column;align-items:center;gap:6px;padding:16px 38px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.respawn-panel small{color:#c06c53;letter-spacing:.18em;font-family:IBM Plex Mono,monospace;font-size:.58rem}.respawn-panel strong{color:#ffbea6;letter-spacing:.15em;font-size:1.4rem}.killcam-panel{color:#e8f8fc;pointer-events:none;background:linear-gradient(90deg,#0000,#071117e6 11% 89%,#0000);border-top:1px solid #ffa44f9e;border-bottom:1px solid #64def747;width:min(560px,100% - 48px);padding:12px 15px 10px;position:absolute;bottom:126px;left:50%;transform:translate(-50%)}.killcam-panel__title{justify-content:space-between;align-items:end;gap:18px;display:flex}.killcam-panel__title small{color:#8b6f5b;letter-spacing:.13em;font-family:IBM Plex Mono,monospace;font-size:.47rem}.killcam-panel__title strong{color:#ffc28c;letter-spacing:.16em;text-align:right;text-shadow:0 0 14px #ff863066;font-size:.87rem}.killcam-panel__timeline{background:#7197a238;height:3px;margin:8px 0 6px;overflow:hidden;transform:skew(-22deg)}.killcam-panel__timeline i{background:linear-gradient(90deg,#ff8e48,#7be5ff);height:100%;display:block;box-shadow:0 0 12px #63dfff8c}.killcam-panel__meta{color:#68838d;letter-spacing:.09em;justify-content:space-between;gap:15px;font-family:IBM Plex Mono,monospace;font-size:.46rem;display:flex}.hud{pointer-events:none;grid-template-columns:minmax(150px,.7fr) 1fr minmax(210px,.85fr) auto;align-items:end;gap:30px;display:grid;position:absolute;bottom:24px;left:28px;right:28px}.health-block small,.weapon-block small{color:#77919a;letter-spacing:.15em;font-family:IBM Plex Mono,monospace;font-size:.53rem}.health-block strong{color:#d8f8ff;margin-top:-2px;font-family:IBM Plex Mono,monospace;font-size:2.3rem;font-weight:500;line-height:1;display:block}.health-track{background:#7596a047;width:150px;height:3px;margin-top:7px;overflow:hidden;transform:skew(-24deg)}.health-track i{background:#65e2ff;height:100%;transition:width .15s;display:block;box-shadow:0 0 12px #42d8fb}.mission-note{color:#92abb3;text-align:center;align-self:end;padding-bottom:1px}.mission-note span{letter-spacing:.16em;font-size:.72rem;font-weight:700;display:block}.mission-note small{color:#5f7881;letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:.48rem}.weapon-block{text-align:right;border-right:1px solid #5ddaf559;justify-content:flex-end;align-items:end;gap:18px;padding-right:16px;display:flex}.weapon-block div>span{color:#5f7c86;letter-spacing:.08em;margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:.48rem;display:block}.weapon-block strong{color:#effcff;font-family:IBM Plex Mono,monospace;font-size:2.5rem;font-weight:500;line-height:.9}.weapon-block strong i{color:#75909a;font-size:.72rem;font-style:normal}.score-block{gap:12px;display:flex}.score-block span{color:#d5edf3;flex-direction:column;font-family:IBM Plex Mono,monospace;font-size:1.2rem;display:flex}.score-block small{color:#66838e;font-size:.5rem}.damage-flash{pointer-events:none;background:radial-gradient(circle,#0000 15%,#9e160747);animation:.3s ease-out forwards damage;position:absolute;inset:0}@keyframes damage{0%{opacity:1}to{opacity:0}}.flux-game{--team:#66e6ff;color:#e8faff;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 45%,#2889a129,#0000 26%),radial-gradient(circle at 8%,#23c6ea1a,#0000 25%),radial-gradient(circle at 92%,#ff80301c,#0000 25%),#04080c;grid-template-rows:auto 1fr auto;width:100%;min-width:320px;height:100%;display:grid;position:relative;overflow:hidden}.flux-game--orange{--team:#ff9a4e}.flux-grid{opacity:.18;pointer-events:none;background-image:linear-gradient(#66e2ff29 1px,#0000 1px),linear-gradient(90deg,#66e2ff29 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.flux-header{z-index:2;grid-template-columns:1fr auto 1fr;align-items:start;padding:26px 34px;display:grid;position:relative}.flux-header>div:first-child small,.flux-identity small,.flux-energy small{color:#66818a;letter-spacing:.14em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.48rem;display:block}.flux-header>div:first-child strong{color:#dffbff;letter-spacing:.2em;font-size:1.32rem;display:block}.flux-score{text-align:center;grid-template-columns:54px auto 54px;align-items:center;gap:15px;display:grid}.flux-score b{color:#72eaff;text-shadow:0 0 18px #5ae1ff80;font-family:IBM Plex Mono,monospace;font-size:1.6rem;font-weight:500}.flux-score b:last-child{color:#ffa05d;text-shadow:0 0 18px #ff7e3680}.flux-score span{color:#7d99a2;letter-spacing:.13em;border-inline:1px solid #77d2e53d;padding:6px 18px;font-family:IBM Plex Mono,monospace;font-size:.53rem}.flux-connection{text-align:right;grid-template-columns:auto auto;justify-self:end;align-items:center;column-gap:8px;display:grid}.flux-connection i{background:#66e4ff;border-radius:50%;grid-row:1/span 2;width:7px;height:7px;box-shadow:0 0 12px #4bdcff}.flux-connection span{color:#99eefd;letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;font-weight:800}.flux-connection small{color:#627e87;font-family:IBM Plex Mono,monospace;font-size:.48rem}.flux-connection--connecting i,.flux-connection--reconnecting i{background:#ff9c50;box-shadow:0 0 12px #ff9c50}.flux-arena{z-index:1;grid-template-columns:145px 1fr 145px;align-items:center;gap:18px;width:min(1200px,100% - 64px);margin:auto;display:grid;position:relative}.flux-field{grid-template-columns:80px 1fr 80px;align-items:center;height:230px;display:grid}.flux-lane{background:linear-gradient(90deg,#4be3ff,#72b8c747 48% 52%,#ff8c42);height:6px;position:relative;box-shadow:0 0 24px #4be0ff1a}.flux-lane:before,.flux-lane:after{content:"";background:#6bbfd22e;width:1px;height:90px;position:absolute;top:-42px}.flux-lane:before{left:25%}.flux-lane:after{right:25%}.flux-midline{background:linear-gradient(#0000,#b7effa6b,#0000);width:1px;height:150px;position:absolute;top:-72px;left:50%}.flux-core{background:radial-gradient(circle,#e9fdff 0 8%,#6eeaff 10%,#2eceef38 36%,#0000 38%);border:1px solid #d6f9ff;border-radius:50%;width:74px;height:74px;transition:left 60ms linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #62e6ff,0 0 65px #3cdbfb80}.flux-core i{border:1px solid #87ecff59;border-radius:50%;animation:4s linear infinite flux-spin;position:absolute;inset:-10px}.flux-core i:nth-child(2){animation-duration:2.8s;inset:-18px 8px;transform:rotate(64deg)}.flux-core i:nth-child(3){animation-duration:3.4s;inset:8px -18px;transform:rotate(-64deg)}@keyframes flux-spin{to{transform:rotate(360deg)}}.flux-gate{opacity:.8;border:1px solid;height:170px;position:relative}.flux-gate span{letter-spacing:.12em;text-align:center;width:110px;font-family:IBM Plex Mono,monospace;font-size:.46rem;position:absolute;top:50%;transform:translateY(-50%)rotate(-90deg)}.flux-gate--cyan{border-color:#53def9 currentColor #53def9 #53def9;border-right-style:none;border-right-width:0;box-shadow:inset 18px 0 30px #39d0ef17}.flux-gate--cyan span{color:#55dffb;left:-28px}.flux-gate--orange{border-color:#ff8c47 #ff8c47 #ff8c47 currentColor;border-left-style:none;border-left-width:0;box-shadow:inset -18px 0 30px #ff7d3017}.flux-gate--orange span{color:#ff9554;right:-28px}.flux-roster{flex-direction:column;gap:7px;display:flex}.flux-roster>small{color:#526e77;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-family:IBM Plex Mono,monospace;font-size:.45rem}.flux-roster>div{color:#77949d;background:linear-gradient(90deg,#22879e17,#0000);border-left:1px solid #58d3ee3d;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;padding:7px 8px;font-family:IBM Plex Mono,monospace;font-size:.48rem;display:grid}.flux-roster--orange{text-align:right}.flux-roster--orange>div{background:linear-gradient(90deg,#0000,#9f4d2217);border-left:0;border-right:1px solid #ff8e4b3d;grid-template-columns:auto 1fr 9px}.flux-roster--orange>div i{background:#70462f;grid-area:1/3}.flux-roster--orange>div span{grid-area:1/2}.flux-roster--orange>div b{grid-area:1/1}.flux-roster>div i{background:#376977;border-radius:50%;width:6px;height:6px}.flux-roster>div b{color:#465f68;font-size:.4rem;font-weight:500}.flux-roster>.flux-player--active{color:#baf7ff}.flux-roster>.flux-player--active i{background:#6ceaff;box-shadow:0 0 10px #5ee5ff}.flux-roster--orange>.flux-player--active i{background:#ff9d5d;box-shadow:0 0 10px #ff8c45}.flux-roster>.flux-player--local{border-color:var(--team);background:linear-gradient(90deg,#40d0ef2e,#0000)}.flux-event{z-index:4;letter-spacing:.13em;pointer-events:none;background:linear-gradient(90deg,#0000,#041117e0 18% 82%,#0000);border-block:1px solid;padding:8px 24px;font-family:IBM Plex Mono,monospace;font-size:.58rem;position:absolute;top:26%;left:50%;transform:translate(-50%)}.flux-event--cyan{color:#8bedff;border-color:#54dffa80}.flux-event--orange{color:#ffad76;border-color:#ff904f80}.flux-controls{z-index:3;background:linear-gradient(#0000,#02080cbf);border-top:1px solid #6dcde11f;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;padding:24px 34px 30px;display:grid;position:relative}.flux-identity strong{color:var(--team);letter-spacing:.13em;margin:3px 0;font-size:.88rem;display:block}.flux-identity span{color:#536d76;font-family:IBM Plex Mono,monospace;font-size:.46rem}.flux-thrust{border:1px solid color-mix(in srgb, var(--team) 48%, transparent);color:#dffaff;cursor:pointer;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:#06171ed6;min-width:250px;padding:13px 28px}.flux-thrust small{color:#5e7d87;letter-spacing:.11em;font-family:IBM Plex Mono,monospace;font-size:.43rem;display:block}.flux-thrust strong{letter-spacing:.16em;margin-top:3px;font-size:.92rem;display:block}.flux-thrust:hover{border-color:var(--team)}.flux-thrust--active{color:#fff;background:color-mix(in srgb, var(--team) 20%, #05151c);box-shadow:0 0 28px color-mix(in srgb, var(--team) 25%, transparent), inset 0 0 24px color-mix(in srgb, var(--team) 14%, transparent)}.flux-energy{justify-self:end;width:245px}.flux-energy>div{justify-content:space-between;align-items:end;display:flex}.flux-energy strong{color:var(--team);font-family:IBM Plex Mono,monospace;font-size:1.1rem;font-weight:500}.flux-energy>span{background:#779ba533;height:4px;margin:7px 0;display:block;overflow:hidden;transform:skew(-20deg)}.flux-energy>span i{background:var(--team);height:100%;box-shadow:0 0 13px var(--team);transition:width 80ms linear;display:block}.flux-energy em{color:#4c6871;letter-spacing:.08em;text-align:right;font-family:IBM Plex Mono,monospace;font-size:.43rem;font-style:normal;display:block}.royale-game{color:#f1f5e9;-webkit-user-select:none;user-select:none;background:#17291f;width:100%;height:100%;position:relative;overflow:hidden}.royale-viewport,.royale-viewport canvas{width:100%;height:100%;position:absolute;inset:0}.royale-viewport canvas{display:block}.royale-grade{pointer-events:none;background:linear-gradient(#070e0a8a,#0000 24% 70%,#040907b3),radial-gradient(circle,#0000 52%,#03070570);position:absolute;inset:0}.royale-deploy{z-index:12;color:#efffdc;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));cursor:crosshair;background:#08130cdb;border:1px solid #c6e7a18c;flex-direction:column;gap:7px;width:min(430px,100% - 36px);padding:24px 34px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #63b1432b,inset 0 0 34px #7cca5212}.royale-deploy small,.royale-deploy span{color:#84977b;letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:.5rem}.royale-deploy strong{letter-spacing:.24em;font-size:1.55rem}.royale-deploy:hover{background:#0c1e12eb;border-color:#e4ffc6}.royale-header{z-index:4;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;width:100%;padding:24px 30px;display:grid;position:absolute;top:0;left:0}.royale-brand small{color:#899987;letter-spacing:.13em;font-family:IBM Plex Mono,monospace;font-size:.48rem;display:block}.royale-brand strong{color:#efffda;letter-spacing:.2em;text-shadow:0 0 20px #97d6623d;margin-top:2px;font-size:1.13rem;display:block}.royale-status{background:#08130ca6;align-items:center;gap:1px;display:flex}.royale-status span{color:#9dab96;letter-spacing:.1em;border-inline:1px solid #d0e8bb1c;padding:7px 14px;font-family:IBM Plex Mono,monospace;font-size:.48rem}.royale-status b{color:#efffd8;font-size:.74rem;font-weight:500}.royale-status .is-danger{color:#ff8a65}.royale-live{text-align:right;grid-template-columns:auto auto;justify-self:end;align-items:center;column-gap:8px;display:grid}.royale-live i{background:#b7f27c;border-radius:50%;grid-row:1/span 2;width:7px;height:7px;box-shadow:0 0 12px #a7eb67}.royale-live span{color:#c9f4a4;letter-spacing:.14em;text-transform:uppercase;font-size:.64rem;font-weight:800}.royale-live small{color:#758172;font-family:IBM Plex Mono,monospace;font-size:.46rem}.royale-live--connecting i,.royale-live--reconnecting i{background:#ffad68;box-shadow:0 0 12px #ff9a4d}.royale-stream{z-index:4;pointer-events:none;background:linear-gradient(90deg,#08120ccc,#0000);border-left:1px solid #bbe29959;width:174px;padding:9px 10px;position:absolute;top:108px;left:30px}.royale-stream>small{color:#81917d;letter-spacing:.14em;margin-bottom:6px;font-family:IBM Plex Mono,monospace;font-size:.45rem;display:block}.royale-stream div{grid-template-columns:58px 1fr;padding:2px 0;font-family:IBM Plex Mono,monospace;font-size:.45rem;display:grid}.royale-stream span{color:#60705e}.royale-stream b{color:#b3c8a7;font-weight:500}.royale-radar{z-index:4;pointer-events:none;background-color:#050f09bd;background-image:linear-gradient(#b0d79014 1px,#0000 1px),linear-gradient(90deg,#b0d79014 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #bee29d59;border-radius:50%;width:148px;height:148px;position:absolute;top:106px;right:30px;overflow:hidden;box-shadow:inset 0 0 30px #538d3d1f}.royale-radar__ring{border:1px solid #c2e7a426;border-radius:50%;position:absolute;inset:24%}.royale-radar i{display:block;position:absolute;transform:translate(-50%,-50%)}.royale-radar__self{border:1px solid #ecffd6;width:7px;height:7px;top:50%;left:50%;box-shadow:0 0 8px #beef8f;transform:translate(-50%,-50%)rotate(45deg)!important}.royale-radar__enemy{background:#ff7957;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #ff5d3d}.royale-radar__loot{background:#78dcff;width:3px;height:3px;box-shadow:0 0 5px #68d7ff}.royale-radar small{color:#6f806c;letter-spacing:.11em;text-align:center;font-family:IBM Plex Mono,monospace;font-size:.39rem;position:absolute;bottom:11px;left:0;right:0}.royale-feed{z-index:4;pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:274px;right:30px}.royale-feed div{color:#b7c1b2;background:linear-gradient(90deg,#0000,#0c110cad);border-right:1px solid #ff895c59;gap:7px;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:.43rem;display:flex}.royale-feed b{color:#ff9068;font-size:.38rem}.royale-crosshair{z-index:3;pointer-events:none;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.royale-crosshair:after{content:"";border:1px solid #f4ffe5;border-radius:50%;width:4px;height:4px;position:absolute;top:19px;left:19px}.royale-crosshair i{background:#f1ffe0e0;position:absolute;box-shadow:0 0 5px #b1ef71a6}.royale-crosshair i:first-child,.royale-crosshair i:nth-child(2){width:9px;height:1px;top:20px}.royale-crosshair i:first-child{left:1px}.royale-crosshair i:nth-child(2){right:1px}.royale-crosshair i:nth-child(3),.royale-crosshair i:nth-child(4){width:1px;height:9px;left:20px}.royale-crosshair i:nth-child(3){top:1px}.royale-crosshair i:nth-child(4){bottom:1px}.royale-crosshair--hit{animation:.16s ease-out royale-hit}@keyframes royale-hit{50%{filter:sepia()saturate(5);transform:translate(-50%,-50%)scale(1.55)}}.royale-hit,.royale-pickup{z-index:4;color:#f0ffdf;letter-spacing:.15em;text-shadow:0 0 9px #a9e877;pointer-events:none;font-family:IBM Plex Mono,monospace;font-size:.48rem;position:absolute;left:50%;transform:translate(-50%)}.royale-hit{top:calc(50% + 33px)}.royale-pickup{color:#9fe7ff;text-shadow:0 0 9px #55cfff;bottom:126px}.royale-drop{z-index:4;color:#dff8ff;pointer-events:none;grid-template-columns:auto 5px;gap:4px 12px;display:grid;position:absolute;top:50%;right:33px;transform:translateY(-50%)}.royale-drop small{color:#7d989c;letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:.42rem}.royale-drop strong{text-align:right;grid-column:1;font-family:IBM Plex Mono,monospace;font-size:1.4rem;font-weight:500}.royale-drop span{background:#89b7be38;grid-area:1/2/span 2;width:4px;height:60px;position:relative;overflow:hidden}.royale-drop i{background:#9cecff;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 9px #6edfff}.royale-eliminated,.royale-winner{z-index:5;pointer-events:none;background:linear-gradient(90deg,#0000,#1e0b07d4,#0000);border-block:1px solid #ff744c8c;flex-direction:column;align-items:center;gap:5px;width:min(600px,100% - 40px);padding:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.royale-eliminated small,.royale-winner small{color:#bd735e;letter-spacing:.17em;font-family:IBM Plex Mono,monospace;font-size:.5rem}.royale-eliminated strong,.royale-winner strong{color:#ffd0bc;letter-spacing:.18em;font-size:1.25rem}.royale-winner{background:linear-gradient(90deg,#0000,#0c1d09db,#0000);border-color:#b8ef8194}.royale-winner small{color:#8cad72}.royale-winner strong{color:#e8ffd0}.royale-damage{z-index:2;pointer-events:none;background:radial-gradient(circle,#0000 22%,#91160a52);animation:.32s ease-out forwards damage;position:absolute;inset:0}.royale-hud{z-index:4;pointer-events:none;grid-template-columns:230px 1fr 260px;align-items:end;gap:28px;display:grid;position:absolute;bottom:24px;left:30px;right:30px}.royale-vitals small,.royale-weapon small{color:#83907d;letter-spacing:.13em;font-family:IBM Plex Mono,monospace;font-size:.48rem}.royale-vitals strong{color:#efffde;font-family:IBM Plex Mono,monospace;font-size:2.15rem;font-weight:500;line-height:1;display:block}.royale-vitals>span{background:#9bae903d;width:180px;height:4px;margin:6px 0;display:block;overflow:hidden;transform:skew(-22deg)}.royale-vitals>span i{background:#a8ed72;height:100%;display:block;box-shadow:0 0 12px #9ce362}.royale-vitals em{color:#7fa0ad;font-family:IBM Plex Mono,monospace;font-size:.45rem;font-style:normal}.royale-mission{text-align:center}.royale-mission strong{color:#d4dfca;letter-spacing:.17em;font-size:.7rem;display:block}.royale-mission small{color:#71806d;letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:.43rem}.royale-weapon{text-align:right;border-right:1px solid #c2e1a64d;justify-self:end;min-width:240px;padding-right:14px}.royale-weapon strong{color:#f6ffec;font-family:IBM Plex Mono,monospace;font-size:2.35rem;font-weight:500;line-height:.9;display:block}.royale-weapon strong i{color:#81907d;font-size:.72rem;font-style:normal}.royale-weapon span{color:#6e8069;letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:.45rem}@media (width<=760px){.game-switcher{top:70px}.topbar{grid-template-columns:1fr auto;padding:16px}.match-clock,.brand small,.telemetry,.mission-note{display:none}.kill-feed{top:82px;right:16px}.leaderboard{display:none}.hud{grid-template-columns:1fr 1fr;gap:18px;bottom:16px;left:16px;right:16px}.weapon-block{grid-area:1/2}.score-block{display:none}.killcam-panel{bottom:104px}.killcam-panel__title small,.killcam-panel__meta span:last-child{display:none}.flux-header{grid-template-columns:1fr auto;padding:18px}.flux-score{grid-area:2/1/auto/-1;margin-top:38px}.flux-arena{grid-template-columns:1fr;width:calc(100% - 24px)}.flux-roster{display:none}.flux-field{grid-template-columns:45px 1fr 45px;height:180px}.flux-gate{height:125px}.flux-controls{grid-template-columns:1fr;gap:13px;padding:16px 20px 20px}.flux-identity{display:none}.flux-energy{justify-self:stretch;width:auto}.flux-thrust{grid-row:1;min-width:0}.royale-header{grid-template-columns:1fr auto;padding:16px}.royale-status{grid-area:2/1/auto/-1;justify-self:center;margin-top:42px}.royale-stream{top:112px;left:16px}.royale-radar{width:112px;height:112px;top:112px;right:16px}.royale-feed{display:none}.royale-hud{grid-template-columns:1fr 1fr;gap:18px;bottom:14px;left:16px;right:16px}.royale-mission{display:none}.royale-weapon{min-width:0}.royale-drop{right:16px}}
