@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;800;900&display=swap";.hud{pointer-events:none;color:#fff4e6;-webkit-user-select:none;user-select:none;z-index:5;font-family:Be Vietnam Pro,system-ui,sans-serif;position:fixed;inset:0}.hud *{box-sizing:border-box}.hud .panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#18100cb8,#100a0899);border:1px solid #ffc4782e;border-radius:10px;box-shadow:0 6px 24px #00000059}.hud .num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.hud .top{flex-direction:column;align-items:center;gap:6px;width:min(720px,70vw);display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.hud .compass{width:100%;height:34px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.hud .compass .tick{color:#fff0dc99;text-align:center;font-size:11px;position:absolute;top:4px;transform:translate(-50%)}.hud .compass .tick.major{color:#ffe2b0;font-size:14px;font-weight:800}.hud .compass .mark{white-space:nowrap;text-shadow:0 1px 2px #000;font-size:10px;font-weight:700;position:absolute;top:20px;transform:translate(-50%)}.hud .compass .needle{background:#ffb547;width:2px;height:34px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 6px #ffb547}.hud .timebar{align-items:center;gap:10px;padding:5px 14px;font-weight:700;display:flex}.hud .clock{letter-spacing:1px;font-size:22px}.hud .phase{color:#ffcf8a;text-transform:uppercase;letter-spacing:1px;background:#ffa03c2e;border-radius:6px;padding:2px 8px;font-size:12px}.hud .phase.storm{color:#ffd0c0;background:#ff3c1e59;animation:1s infinite hudpulse}.hud .alive{color:#ffe2c0;font-size:13px}.hud .wind{align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;top:12px;right:16px}.hud .wind .arrow{border:1px solid #ffd29659;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.hud .wind .arrow i{clip-path:polygon(50% 0,100% 30%,65% 30%,65% 100%,35% 100%,35% 30%,0 30%);background:linear-gradient(#ffd27a,#ff7a2a);width:4px;height:30px;transition:transform .25s;display:block}.hud .wind b{font-size:20px}.hud .wind small{opacity:.7;text-transform:uppercase;letter-spacing:1px;font-size:10px;display:block}.hud .feed{flex-direction:column;align-items:flex-end;gap:4px;max-width:380px;display:flex;position:absolute;top:84px;right:16px}.hud .feed div{padding:5px 10px;font-size:13px;animation:.25s ease-out hudin}.hud .feed .you{border-color:#ffc850b3}.hud .minimap{width:190px;height:190px;padding:6px;position:absolute;top:12px;left:16px}.hud .minimap canvas{border-radius:6px;width:100%;height:100%}.hud .base{width:300px;padding:12px 14px;position:absolute;bottom:16px;left:16px}.hud .base h4{letter-spacing:2px;text-transform:uppercase;color:#ffcf8a;justify-content:space-between;margin:0 0 6px;font-size:11px;display:flex}.hud .corebar{background:#ffffff14;border-radius:8px;height:16px;position:relative;overflow:hidden}.hud .corebar i{transform-origin:0;background:linear-gradient(90deg,#ff5a3c,#ffb547 60%,#7dff9a);transition:transform .2s;position:absolute;inset:0}.hud .corebar span{text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}.hud .mods{grid-template-columns:repeat(6,1fr);gap:5px;margin-top:8px;display:grid}.hud .mod{background:#ffffff12;border-radius:6px;place-items:center;height:34px;font-size:15px;display:grid;position:relative;overflow:hidden}.hud .mod i{background:#7dff9a;height:3px;position:absolute;bottom:0;left:0}.hud .mod.dead{filter:grayscale(.7);background:#ff281e4d}.hud .mod.dead:after{content:attr(data-t);background:#00000073;place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}.hud .status{flex-wrap:wrap;gap:6px;margin-top:8px;font-size:11px;display:flex}.hud .status span{background:#ffffff14;border-radius:5px;padding:2px 7px}.hud .status .on{color:#bff4ff;background:#50dcff38}.hud .status .bad{background:#ff3c284d}.hud .seats{gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hud .seat{opacity:.6;width:132px;padding:8px 10px;transition:opacity .15s,transform .15s;position:relative}.hud .seat.sel{opacity:1;border-color:#ffbe5acc;transform:translateY(-4px)}.hud .seat .k{opacity:.7;font-size:11px;position:absolute;top:6px;right:8px}.hud .seat b{font-size:13px;display:block}.hud .seat small{opacity:.75;font-size:11px}.hud .seat .rl{background:#ffffff1a;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.hud .seat .rl i{transform-origin:0;background:#ffb547;height:100%;display:block}.hud .seat.off{filter:grayscale()}.hud .econ{width:240px;padding:12px 14px;position:absolute;bottom:16px;right:16px}.hud .energy{color:#ffd84a;text-shadow:0 0 14px #ffc83c80;font-size:30px;font-weight:800}.hud .energy small{color:#ffe9b0;margin-left:6px;font-size:12px;font-weight:600}.hud .ult{background:#ffffff1a;border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.hud .ult i{transform-origin:0;background:linear-gradient(90deg,#8a5cff,#ff5ad0);height:100%;display:block}.hud .ult.ready i{animation:.8s infinite alternate hudglow}.hud .keys{opacity:.85;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:11px;display:flex}.hud .keys kbd{border:1px solid #ffdcaa66;border-radius:4px;margin-right:3px;padding:1px 6px;font-family:inherit}.hud .cross{width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud .cross:before,.hud .cross:after{content:"";background:#fff5e1e6;position:absolute;box-shadow:0 0 3px #000}.hud .cross:before{clip-path:polygon(0 0,100% 0,100% 38%,0 38%,0 62%,100% 62%,100% 100%,0 100%);width:2px;top:0;bottom:0;left:50%;transform:translate(-50%)}.hud .cross:after{clip-path:polygon(0 0,38% 0,38% 100%,0 100%,0 0,62% 0,100% 0,100% 100%,62% 100%);height:2px;top:50%;left:0;right:0;transform:translateY(-50%)}.hud .range{text-shadow:0 1px 3px #000;font-size:13px;font-weight:700;position:absolute;top:calc(50% + 12px);left:calc(50% + 40px)}.hud .aiminfo{opacity:.85;text-shadow:0 1px 3px #000;font-size:12px;line-height:1.35;position:absolute;top:calc(50% - 30px);left:calc(50% + 40px)}.hud .power{opacity:0;background:#00000073;border:1px solid #ffdcaa59;border-radius:5px;width:220px;height:10px;transition:opacity .12s;position:absolute;top:calc(50% + 46px);left:50%;overflow:hidden;transform:translate(-50%)}.hud .power.on{opacity:1}.hud .power i{transform-origin:0;background:linear-gradient(90deg,#ffe08a,#ff8a2a,#ff3a2a);height:100%;display:block}.hud .power .last{background:#7fe7ff;width:2px;position:absolute;top:-2px;bottom:-2px}.hud .hitmark{opacity:0;width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.hud .hitmark:before,.hud .hitmark:after{content:"";background:#fff;position:absolute}.hud .hitmark:before{clip-path:polygon(0 0,100% 0,100% 35%,0 35%,0 65%,100% 65%,100% 100%,0 100%);width:3px;top:0;bottom:0;left:50%;transform:translate(-50%)}.hud .hitmark:after{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%);height:3px;top:50%;left:0;right:0;transform:translateY(-50%)}.hud .hitmark.core:before,.hud .hitmark.core:after{background:#ff4a3a}.hud .hitmark.show{animation:.45s ease-out hudhit}.hud .shellmark{color:#9ff0ff;text-shadow:0 0 6px #00b4ff,0 1px 2px #000;white-space:nowrap;font-size:12px;font-weight:800;display:none;position:absolute;transform:translate(-50%,-50%)}.hud .shellmark b{text-align:center;font-size:18px;line-height:1;display:block}.hud .float{text-shadow:0 2px 4px #000;white-space:nowrap;font-size:16px;font-weight:800;animation:1.2s ease-out forwards hudfloat;position:absolute}.hud .banner{text-align:center;pointer-events:none;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud .banner div{letter-spacing:1px;text-shadow:0 3px 14px #000000b3;font-size:30px;font-weight:900;animation:2.6s ease-out forwards hudbanner}.hud .banner small{opacity:.9;font-size:14px;font-weight:600;display:block}.hud .banner .warn{color:#ffb547}.hud .banner .bad{color:#ff5a4a}.hud .banner .good{color:#7dff9a}.hud .vignette{transition:box-shadow .3s;position:absolute;inset:0;box-shadow:inset 0 0 160px #ff1e0a00}.hud .vignette.hurt{box-shadow:inset 0 0 160px #ff1e0a8c}.hud .scope{opacity:0;background:radial-gradient(circle,#0000 34%,#000000d9 35%);transition:opacity .15s;position:absolute;inset:0}.hud .scope.on{opacity:1}.hud .hint{padding:8px 16px;font-size:14px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.hud .edge{filter:drop-shadow(0 0 6px #ff4a3a);border-bottom:18px solid #ff4a3a;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute}@keyframes hudin{0%{opacity:0;transform:translate(20px)}}@keyframes hudpulse{50%{opacity:.55}}@keyframes hudglow{0%{filter:brightness()}to{filter:brightness(1.8)}}@keyframes hudhit{0%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(1)}}@keyframes hudfloat{0%{opacity:0;transform:translate(-50%)scale(.8)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.15)}to{opacity:0;transform:translate(-50%,-60px)scale(1)}}@keyframes hudbanner{0%{opacity:0;transform:scale(1.4)}10%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}@media (width<=900px){.hud .minimap{width:130px;height:130px}.hud .base{width:230px}.hud .seat{width:100px}.hud .econ{width:180px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1b1410;--fg:#f8ecdc;--accent:#ffb547;--accent2:#ff6a2a;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body,#root{background:var(--bg);height:100%;color:var(--fg);margin:0;overflow:hidden}.stage{position:fixed;inset:0}.stage canvas{cursor:crosshair;width:100%;height:100%;display:block}.hud-fps{opacity:.55;z-index:6;pointer-events:none;font:600 11px/1 monospace;position:fixed;bottom:140px;right:12px}.menu{z-index:30;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.menu-bg{background:radial-gradient(at 70% 110%,#ff6a2a8c,#0000 55%),radial-gradient(at 20% -10%,#3f7fc98c,#0000 60%),linear-gradient(#3a2418 0%,#6b2f19 55%,#2a140c 100%);position:fixed;inset:0}.menu-bg:after{content:"";opacity:.95;background-color:#0000;background-image:linear-gradient(170deg,#0000 49.5%,#2b130b 50%),linear-gradient(190deg,#0000 49.5%,#331710 50%),linear-gradient(168deg,#0000 49.5%,#24100a 50%),linear-gradient(195deg,#0000 49.5%,#2e150d 50%);background-position-x:0,30%,70%,100%;background-position-y:bottom;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:34% 100%,30% 80%,40% 95%,28% 70%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;height:42%;position:absolute;inset:auto 0 0}.menu-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#24160fdb,#160d09e6);border:1px solid #ffbe6e38;border-radius:20px;width:min(640px,100%);padding:26px 28px;position:relative;box-shadow:0 30px 80px #0009}.logo{align-items:center;gap:16px;margin-bottom:18px;display:flex}.logo-mark{filter:drop-shadow(0 0 18px #ff8c2899);font-size:46px}.logo h1{letter-spacing:1px;background:linear-gradient(#ffe7a0,#ff8a2a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:44px;font-weight:900}.logo p{opacity:.8;margin:4px 0 0;font-size:14px}.field{flex-direction:column;flex:1;gap:6px;margin:12px 0;display:flex}.field>span{letter-spacing:2px;text-transform:uppercase;color:#ffcf8a;font-size:11px}.field input:not([type=range]),.code-join input,.field select{font:inherit;color:var(--fg);background:#00000059;border:1px solid #ffbe6e4d;border-radius:10px;padding:10px 12px}.field input[type=range]{accent-color:var(--accent)}.row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.doctrines{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.doc{font:inherit;text-align:left;cursor:pointer;color:var(--fg);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px;transition:all .12s}.doc:hover{background:#ffaa3c1f}.doc.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:#ffaa3c33}.doc b{font-size:14px;display:block}.doc small{opacity:.7;font-size:12px}.play{font:inherit;letter-spacing:2px;cursor:pointer;color:#2a1208;background:linear-gradient(#ffd27a,#ff7a2a);border:0;border-radius:12px;width:100%;margin-top:14px;padding:14px;font-size:18px;font-weight:900;transition:transform .12s,filter .12s;box-shadow:0 10px 30px #ff6e2873,inset 0 0 0 1px #ffffff40}.play:hover{filter:brightness(1.08);transform:translateY(-2px)}.row .play{flex:2}.ghost-btn{font:inherit;cursor:pointer;color:var(--fg);background:0 0;border:1px solid #ffbe6e59;border-radius:12px;flex:1;padding:14px;font-weight:700}.howto{opacity:.75;flex-wrap:wrap;gap:6px 14px;margin-top:16px;font-size:12px;display:flex}kbd{border:1px solid #ffdcaa66;border-radius:4px;margin-right:3px;padding:1px 6px;font-family:inherit;font-size:11px}.result h1{margin:0;font-size:40px;font-weight:900}.result h1.win{background:linear-gradient(#fff1b0,#ffb547);color:#0000;-webkit-background-clip:text;background-clip:text}.result p{opacity:.8}.stats{grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0;display:grid}.stats div{text-align:center;background:#ffffff0d;border-radius:10px;padding:10px}.stats b{color:#ffd84a;font-size:22px;display:block}.stats small{opacity:.7;font-size:11px}.ranking{border-collapse:collapse;width:100%;margin-bottom:6px;font-size:14px}.ranking td{border-bottom:1px solid #ffffff0f;padding:6px 8px}.ranking tr.me{background:#ffb44624;font-weight:800}@media (width<=560px){.doctrines{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.logo h1{font-size:34px}}.modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.maps{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.map-card{font:inherit;text-align:left;cursor:pointer;color:#fff;text-shadow:0 1px 3px #000000b3;background:linear-gradient(160deg,#3d6b44,#24402a);border:1px solid #ffffff1f;border-radius:10px;min-height:64px;padding:10px 12px;transition:transform .12s,box-shadow .12s}.map-card:hover{transform:translateY(-2px)}.map-card.on{box-shadow:0 0 0 2px var(--accent), 0 8px 24px #0006}.map-card b{font-size:14px;display:block}.map-card small{opacity:.85;font-size:11px}.map-redCanyon{background:linear-gradient(160deg,#b5532f,#5e2614)}.map-xianxia{background:linear-gradient(160deg,#c98bb5,#4e3a6e)}.map-alienPlanet{background:linear-gradient(160deg,#5b3fa8,#1b1240)}.map-archipelago{background:linear-gradient(160deg,#2fa6c9,#145a7a)}.map-candyLand{color:#3a1a3a;text-shadow:none;background:linear-gradient(160deg,#ff9ad5,#8fd6ff)}@media (width<=560px){.maps{grid-template-columns:1fr 1fr}}.online{grid-template-columns:1fr 1fr;gap:8px;display:grid}.online .code-join{grid-column:1/-1;gap:8px;display:flex}.online .code-join input{text-transform:uppercase;letter-spacing:3px;flex:1}.lobby h1{margin:0 0 8px;font-size:32px;font-weight:900}.lobby-status{color:#ffcf8a}.lobby-code{background:#ffaa3c1f;border:1px solid #ffbe6e59;border-radius:12px;align-items:center;gap:14px;margin:10px 0;padding:12px 14px;display:flex}.lobby-code b{letter-spacing:6px;flex:1;font-size:30px}.lobby-code .ghost-btn{flex:0;padding:8px 14px}.lobby-names{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.lobby-names li{background:#ffffff14;border-radius:999px;padding:4px 10px;font-size:13px}