.serverfield{display:block;color:#a6bcb2;font-size:9px;letter-spacing:1px;margin:9px 0}.serverfield input{width:100%;padding:10px;background:#0d1617;border:1px solid #819a9138;color:#e0e8db;margin-top:6px;font-size:12px}.touchcontrols{position:fixed;inset:0;z-index:6;pointer-events:none;user-select:none;-webkit-user-select:none}.touchcontrols button,.joystickwrap{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.joystickwrap{position:absolute;left:max(25px,env(safe-area-inset-left));bottom:22px;text-align:center}.joystickwrap>small{display:block;font-size:7px;letter-spacing:1px;color:#d4dbc4;margin-top:8px;text-shadow:0 1px 3px #000}#joystick{position:relative;width:126px;height:126px;border-radius:50%;border:5px solid #a6b4a376;background:radial-gradient(circle,#213b3c80,#071315a8);box-shadow:0 2px 10px #0005;touch-action:none}#joystickKnob{position:absolute;left:calc(50% - 26px);top:calc(50% - 26px);width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#8d9d86,#3b504a);border:2px solid #c9d3b499;box-shadow:0 4px 10px #0008}.joyarrow{position:absolute;color:#dae1c686;font-size:17px;pointer-events:none}.north{top:1px;left:calc(50% - 5px)}.south{bottom:1px;left:calc(50% - 5px)}.west{top:calc(50% - 11px);left:5px}.east{top:calc(50% - 11px);right:5px}.skillcluster{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:24px;width:300px;height:190px;pointer-events:none}.skill{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;width:62px;height:62px;border:3px solid #aeb7a4cc;background:radial-gradient(circle at 35% 25%,#385652ee,#102428ed);box-shadow:inset 0 0 0 2px #0006,0 3px 8px #0008;padding:5px;color:#e9ebc9;touch-action:none;pointer-events:auto;transition:filter .08s,transform .08s}.skill svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.skill small{font-size:7px;font-weight:800;letter-spacing:.5px;margin-top:2px}.skill.pressed{filter:brightness(1.7);transform:scale(.94)}.skill.fire{right:0;bottom:0;width:86px;height:86px;color:#ffdbad;border-color:#edb77e;background:radial-gradient(circle at 35% 25%,#b5613de8,#462925ec)}.fire svg{width:44px;height:44px}.fire small{font-size:9px}.skill.bomb{right:12px;bottom:102px;color:#ffce87;background:radial-gradient(circle at 35% 25%,#6e643ae8,#332c21ec)}.skill.jump{right:101px;bottom:4px;color:#91e0ed;background:radial-gradient(circle at 35% 25%,#345e78e8,#182b46ec)}.skill.cycle{right:95px;bottom:97px;color:#cab8ff;background:radial-gradient(circle at 35% 25%,#615080e8,#2b2243ec)}.skill.heal{right:194px;color:#b9f2b0;width:54px;height:54px;background:radial-gradient(circle at 35% 25%,#517c4de8,#173727ec);border-color:#8cac7c}.heal1{bottom:78px}.heal2{bottom:6px}.heal svg{width:26px;height:26px}.skill .itemno{position:absolute;top:0;left:2px;border-radius:50%;background:#cedfaf;color:#233427;font-size:10px;font-weight:900;padding:1px 4px}.skill:disabled{cursor:default;opacity:.58}.skill.used{opacity:.27;filter:grayscale(1)}.touchmode{overscroll-behavior:none}.touchmode.playing #game,.touchmode.playing.controls-visible #game{top:0;bottom:0;height:100%;object-fit:contain}.touchmode.playing .topbar{height:34px;padding:0 16px;gap:10px}.touchmode.playing .brand{font-size:11px}.touchmode.playing .mark{font-size:19px}.touchmode.playing .build,.touchmode.playing #fullscreen{display:none}.touchmode.playing .utilities{gap:14px}.touchmode.playing .utilities button{font-size:8px}.touchmode.playing .hud{top:43px;left:20px;right:20px}.touchmode.playing .playerhud{width:155px;padding:6px 9px}.touchmode.playing .playerhud>span:first-child{font-size:11px}.touchmode.playing #hudLives{font-size:8px;padding-top:2px}.touchmode.playing .healthtrack{margin:5px 0 3px;height:5px}.touchmode.playing .playerhud small{font-size:8px}.touchmode.playing .scorehud{padding-top:0;min-width:110px}.touchmode.playing .scorehud strong{font-size:23px}.touchmode.playing .scorehud>small{font-size:7px}.touchmode.playing .missionhud{display:block;padding-top:0}.touchmode.playing .missionhud strong{font-size:10px;letter-spacing:1px}.touchmode.playing .missionhud>small{font-size:7px}.touchmode.playing .progresstrack{width:100px;margin:5px auto}.touchmode.playing .bosshud{top:97px;left:34%;right:34%}.touchmode.playing .weaponhud,.touchmode.playing.controls-visible .weaponhud{left:20px;bottom:auto;top:103px;padding:5px 8px;gap:7px;background:#0a1216a3;max-width:230px}.touchmode.playing .weaponhud>span{font-size:18px}.touchmode.playing .weaponhud strong{font-size:7px;letter-spacing:.5px}.touchmode.playing .weaponhud small{font-size:7px;letter-spacing:0;margin-top:2px}.touchmode.playing .grenadehud{display:none}.touchmode.playing #pingLabel{font-size:6px;margin-left:0}.touchmode.playing #playHelp{height:auto;bottom:auto;top:36px;left:15%;right:15%;max-height:65vh;overflow:auto;padding:12px;z-index:8;border:1px solid #789775;background:#0c1a1bf7}.touchmode .allcontrols{grid-template-columns:repeat(3,1fr)}.touchmode .missionbanner{padding:10px;top:33%}.touchmode .missionbanner strong{font-size:34px;margin:5px}.touchmode .missionbanner span{font-size:9px}.touchmode .overlay{padding:12px}.touchmode .modal{padding:20px;max-height:calc(100dvh - 24px);overflow:auto}.touchmode .modal h2{font-size:30px;margin:10px 0}.touchmode .modal .eyebrow{font-size:8px}.touchmode .modal p{font-size:10px;margin:9px 0}.touchmode .stats{margin:12px 0}.touchmode .stats strong{font-size:23px;margin-top:5px}.touchmode .primary{padding:12px;min-height:43px}.touchmode .textbtn{padding:12px 5px 2px}.touchmode .pausecontrols{gap:7px 20px;margin:12px 0}.touchmode .controlitem>span,.touchmode .controlitem>kbd{font-size:9px}.touchmode .roomcode{padding:8px;margin:10px 0}.touchmode .roomcode>span{font-size:38px}.touchmode .lobbyplayers{margin:10px 0}.touchmode .lobbyplayer{padding:8px}.touchmode .toast{bottom:42%;font-size:11px;padding:9px 14px}.rotatehint{position:fixed;inset:0;z-index:25;background:#0c171df5;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center}.rotatehint span{font-size:13px;color:#9fb6ac}
@media(orientation:portrait){.touchmode.playing .rotatehint{display:flex!important}}
@media(orientation:landscape) and (max-height:550px){.touchmode:not(.playing){overflow:auto}.touchmode .topbar{height:42px;position:absolute;margin:0 3%;gap:14px}.touchmode .build{display:none}.touchmode .menu{position:relative;inset:auto;margin:55px auto 20px;padding:0 20px;display:grid;grid-template-columns:minmax(140px,.7fr) minmax(320px,1.5fr);gap:20px;max-width:950px}.touchmode .intro{padding:0}.touchmode h1{font-size:68px;margin:12px 0}.touchmode .tagline{font-size:14px}.touchmode .description,.touchmode .operation{display:none}.touchmode .featureline{flex-wrap:wrap}.touchmode .featureline span{font-size:6px}.touchmode .dossier{padding:12px}.touchmode .characters{gap:10px;margin:9px 0}.touchmode .character,.touchmode.lanmode .character{height:120px}.touchmode .character canvas,.touchmode.lanmode .character canvas{height:105px;top:0;width:60%;left:3%}.touchmode .charcopy,.touchmode.lanmode .charcopy{bottom:25px;left:53%;right:0}.touchmode .charcopy strong,.touchmode.lanmode .charcopy strong{font-size:23px}.touchmode .charcopy small,.touchmode .charcopy>span{display:none}.touchmode .char-no{font-size:6px;left:8px;top:6px}.touchmode .fields{margin:6px 0;gap:10px}.touchmode .fields input,.touchmode .fields select{padding:8px;margin-top:4px;font-size:12px;min-height:35px}.touchmode .modes{margin:5px 0}.touchmode .modes button{padding:8px 4px;font-size:8px}.touchmode .sectionlabel{font-size:7px}.touchmode .menufoter{display:none}.touchmode .networkAddress{font-size:9px}.touchmode .loadstatus{font-size:7px}.touchmode .serverfield input{padding:8px;min-height:36px}.touchmode .lanhelp{font-size:10px}.touchmode .lanjoin input{font-size:12px}}
@media(max-height:370px){.touchmode .joystickwrap{bottom:14px;left:17px}.touchmode #joystick{width:108px;height:108px}.touchmode .skillcluster{transform:scale(.87);transform-origin:right bottom;bottom:13px;right:14px}.touchmode.playing .missionhud{display:none}}
.mobilehelpcopy{display:none}.touchmode .mobilehelpcopy{display:block;font-size:11px;color:#c5d7c9;line-height:1.7;margin:12px 0}.touchmode .mobilehelpcopy strong{color:#ffbc8f;font-size:10px;letter-spacing:1px}.touchmode .mobilehelpcopy p{margin:8px 0}.touchmode #pauseControlGrid,.touchmode #pauseWeaponControls,.touchmode #pauseGamepadControls,.touchmode #controlGrid,.touchmode #weaponControls,.touchmode #gamepadControls{display:none}

.touchmode.playing .companionhud{left:20px;top:145px;width:155px;padding:6px 9px}.touchmode.playing .companiontitle strong{font-size:8px}.touchmode.playing .companiontitle>span{font-size:8px}.touchmode.playing .companionfooter>span:first-child{font-size:7px}.touchmode.playing .companionlives{gap:3px}.touchmode.playing .companionlives i{width:6px;height:6px}@media(max-height:370px){.touchmode.playing .companionhud{left:187px;top:103px;width:153px}}

.skill{isolation:isolate;overflow:visible;border:2px solid #b8b5a2;background:radial-gradient(circle at 35% 20%,#66746d,#273c3d 50%,#101d26 82%);box-shadow:0 4px 9px #0009,inset 0 0 0 3px #121e27,inset 0 0 0 5px #d9dccb3d,inset 0 2px 9px #fff3;}.skill::before{content:'';position:absolute;inset:6px;border:1px solid #dae7dd40;border-radius:50%;pointer-events:none;z-index:-1}.skill img{display:block;width:39px;height:39px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #0009)}.skill small{position:relative;font-size:8px;letter-spacing:.35px;text-shadow:0 1px 2px #000;font-weight:900;margin-top:0}.skill.fire{background:radial-gradient(circle at 30% 20%,#a87850,#4c332f 65%,#1d2027);border-color:#e0b686;box-shadow:0 5px 12px #000a,inset 0 0 0 3px #271f23,inset 0 0 0 5px #ffdaab55,inset 0 2px 12px #fff3}.skill.fire img{width:54px;height:54px}.skill.bomb{background:radial-gradient(circle at 30% 20%,#77845b,#344537 70%,#19272b);border-color:#bdc492}.skill.jump{background:radial-gradient(circle at 30% 20%,#577d92,#253f56 70%,#19252f);border-color:#8fc4d5}.skill.cycle{background:radial-gradient(circle at 30% 20%,#837198,#3c304f 70%,#202330);border-color:#b0a1cf}.skill.heal{background:radial-gradient(circle at 30% 20%,#649565,#234834 70%,#192b2a);border-color:#99c498}.skill.heal img{width:32px;height:32px}.skill.ray{background:radial-gradient(circle at 30% 20%,#6c83a7,#2a365c 65%,#1c2135);border-color:#8eadda;color:#c5eaff}.skill.ray img{width:34px;height:34px}.skill.ray small{font-size:6.5px;letter-spacing:0}.skill .itemno{border:1px solid #e2edbd;box-shadow:0 1px 3px #0009;top:-3px;left:0}.skill.pressed{filter:brightness(1.35);box-shadow:0 0 13px #deedc344,inset 0 0 0 3px #17292d,inset 0 0 0 5px #deedc377}.skill:disabled{opacity:.63}.skill.used{opacity:.3}#joystick{border:3px solid #a6b3a4;box-shadow:0 5px 13px #0008,inset 0 0 0 3px #17272d,inset 0 0 0 6px #b8c7b144,inset 0 0 0 20px #18292c99;background:radial-gradient(circle,#6172694d,#0c1e2799)}#joystickKnob{border:2px solid #bdcbbb;background:radial-gradient(circle at 35% 25%,#9aab94,#4b6159 50%,#2a4040);box-shadow:0 4px 10px #0009,inset 0 0 0 3px #263c3c,inset 0 0 0 4px #c4d4ba55}#joystickKnob::after{content:'';position:absolute;inset:13px;border:1px solid #dce5bf66;border-radius:50%;background:radial-gradient(circle,#c9d7b944,transparent)}