@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}}body.touch .stage canvas{touch-action:none;cursor:default}.touchui{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--sb:env(safe-area-inset-bottom,0px);z-index:7;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:Be Vietnam Pro,system-ui,sans-serif;position:fixed;inset:0}.tbtn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;font:inherit;color:#fff4e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140c088c;border:1px solid #ffc47859;border-radius:50%;align-content:center;place-items:center;gap:1px;padding:0;font-size:20px;line-height:1;transition:transform 80ms,background .12s;display:grid;position:absolute;box-shadow:0 4px 14px #00000059}.tbtn small{letter-spacing:.3px;opacity:.9;font-size:9px;font-weight:700}.tbtn.down{background:#ffaa3c59;transform:scale(.92)}.tbtn.active{background:#ffaa3c4d;border-color:#ffb547}.tbtn.fire{right:calc(18px + var(--sr));bottom:calc(18px + var(--sb));letter-spacing:1px;background:radial-gradient(circle,#ff7828bf,#96280abf);border:2px solid #ffd28cb3;width:92px;height:92px;font-size:15px;font-weight:900}.tbtn.fire i{--p:0;background:conic-gradient(#ffe08a, #ff8a2a calc(var(--p) * 60%), #ff3a2a calc(var(--p) * 100%), transparent 0);border-radius:50%;position:absolute;inset:-8px;-webkit-mask:radial-gradient(circle,#0000 47px,#000 48px);mask:radial-gradient(circle,#0000 47px,#000 48px)}.tbtn.fire span{text-shadow:0 1px 3px #0009;position:relative}.tbtn.fire.charging{transform:scale(1.06)}.tbtn.fire.ghost{background:radial-gradient(circle,#8ca0beb3,#3c465abf)}.tbtn.zoom{right:calc(122px + var(--sr));bottom:calc(22px + var(--sb));width:56px;height:56px}.tbtn.auto{right:calc(22px + var(--sr));bottom:calc(122px + var(--sb));width:56px;height:56px}.tbtn.ult{right:calc(98px + var(--sr));bottom:calc(98px + var(--sb));width:52px;height:52px}.tbtn.ult.ready{background:radial-gradient(circle,#aa5affbf,#5a1e8cb3);border-color:#ff5ad0;animation:.8s infinite alternate tglow}.tbtn.pitch{right:calc(190px + var(--sr));border-radius:12px;width:46px;height:46px;font-size:16px}.tbtn.pitch.up{bottom:calc(78px + var(--sb))}.tbtn.pitch.down{bottom:calc(24px + var(--sb))}.touchui.dead .zoom,.touchui.dead .auto,.touchui.dead .ult,.touchui.dead .pitch{display:none}.tutils{right:calc(12px + var(--sr));gap:6px;display:flex;position:absolute;top:122px}.tutils .tbtn{border-radius:10px;width:40px;height:40px;font-size:18px;position:relative}.tutils .kit b{background:#ff7a2a;border-radius:8px;min-width:16px;padding:2px 3px;font-size:10px;position:absolute;top:-4px;right:-4px}.tstick{background:#0003;border:2px solid #ffe6be59;border-radius:50%;place-items:center;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:absolute}.tstick.on{display:grid}.tstick i{background:#ffe6be8c;border-radius:50%;width:46px;height:46px}@keyframes tglow{to{filter:brightness(1.5)}}body.touch .hud .econ .keys,body.touch .hud .seat .k{display:none}body.touch .hud .seat{pointer-events:auto}@media (height<=520px),(width<=700px){body.touch .hud .top{gap:2px;width:min(420px,46vw);top:4px}body.touch .hud .compass{height:26px;font-size:10px}body.touch .hud .compass .mark{font-size:9px}body.touch .hud .timebar{gap:8px;padding:3px 10px}body.touch .hud .clock{font-size:15px}body.touch .hud .phase{padding:2px 6px;font-size:9px}body.touch .hud .alive{font-size:11px}body.touch .hud .minimap{top:6px;left:calc(8px + env(safe-area-inset-left,0px));width:104px;height:104px;padding:3px}body.touch .hud .wind{top:6px;right:calc(12px + env(safe-area-inset-right,0px));gap:6px;padding:4px 8px}body.touch .hud .wind .arrow{width:30px;height:30px}body.touch .hud .wind .arrow i{height:20px}body.touch .hud .wind b{font-size:15px}body.touch .hud .econ{top:60px;bottom:auto;right:calc(12px + env(safe-area-inset-right,0px));width:136px;padding:6px 10px}body.touch .hud .energy{font-size:18px}body.touch .hud .energy small{font-size:9px}body.touch .hud .ult{height:5px;margin-top:4px}body.touch .hud .feed{top:118px;left:calc(8px + env(safe-area-inset-left,0px));align-items:flex-start;max-width:260px;right:auto}body.touch .hud .feed div{padding:3px 7px;font-size:10px}body.touch .hud .base{left:calc(8px + env(safe-area-inset-left,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));width:184px;padding:6px 8px}body.touch .hud .base h4{margin-bottom:3px;font-size:9px}body.touch .hud .corebar{height:12px}body.touch .hud .corebar span{font-size:9px}body.touch .hud .mods{gap:3px;margin-top:4px}body.touch .hud .mod{height:22px;font-size:11px}body.touch .hud .status{gap:3px;margin-top:4px}body.touch .hud .status span{padding:1px 5px;font-size:9px}body.touch .hud .seats{bottom:calc(8px + env(safe-area-inset-bottom,0px));gap:5px;left:calc(50% - 30px)}body.touch .hud .seat{width:82px;padding:5px 7px}body.touch .hud .seat b{font-size:11px}body.touch .hud .seat small{white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}body.touch .hud .seat .rl{margin-top:3px}body.touch .hud .hint{text-align:center;max-width:52vw;padding:5px 10px;font-size:11px;top:64px;bottom:auto}body.touch .hud .range,body.touch .hud .aiminfo{font-size:11px}body.touch .hud .power{width:160px;top:calc(50% + 36px)}body.touch .hud .banner div{font-size:20px}body.touch .hud .banner small{font-size:11px}body.touch .hud-fps{top:112px;bottom:auto;right:calc(12px + env(safe-area-inset-right,0px))}body.touch .hud .compass .mark,body.touch .hud .energy small{display:none}body.touch .hud-fps{top:116px;left:calc(14px + env(safe-area-inset-left,0px));right:auto}}: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}html,body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:50;text-align:center;background:#140c08f0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}.rotate-hint b{font-size:20px}.rotate-hint small{opacity:.7}.rotate-phone{font-size:64px;animation:1.8s ease-in-out infinite rotphone}}@keyframes rotphone{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.howto-touch{display:none}@media (pointer:coarse){.howto-keys{display:none}.howto-touch{display:flex}}.install-slot:empty{display:none}.install-slot{margin:-6px 0 6px}