:root{font-family:system-ui,-apple-system,PingFang SC,sans-serif;color:#e9f2df;background:#172420;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #d0e7bc32;background:#1a2c26dc;border-radius:8px;min-height:40px;padding:9px 14px;touch-action:manipulation}button:hover{background:#344638}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #cff29e;outline-offset:3px}.battle-screen{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none}.arena{position:absolute;inset:0;touch-action:none}.arena canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #09140d60}.telemetry{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));width:230px;padding:10px 12px 7px;border:1px solid #c2d9b922;border-radius:8px;background:#0a1718bd;pointer-events:none;font:11px/1.6 ui-monospace,SFMono-Regular,monospace;color:#b8cdbf;font-variant-numeric:tabular-nums}.monitor-title,.monitor-line{display:flex;justify-content:space-between;gap:10px;white-space:nowrap}.monitor-title{align-items:center;color:#d4e0cc;margin-bottom:3px}.monitor-title strong{font-size:14px;margin-right:auto;color:#d4efa0}.monitor-title i{width:5px;height:5px;border-radius:50%;background:#d78765}.monitor-title i.online{background:#b3e396}.monitor-line b{font-weight:500;color:#f4f3d9}.monitor-line b.bad{color:#ffab80}.monitor-foot{color:#83998c;font-size:9px;margin-top:4px;letter-spacing:.7px}.hud-actions{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;gap:7px}.hud-actions button{width:40px;height:40px;font-size:20px;padding:0;background:#101f1ab8}.squad-hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:180px;text-align:center;text-shadow:0 2px 4px #000;pointer-events:none}.mission{font-size:12px;letter-spacing:1px}.health{height:5px;background:#101b16aa;border-radius:3px;overflow:hidden;margin:7px 15px 4px}.health i{height:100%;display:block;background:#b6da8f;transition:width .15s}.squad-hud small{font-size:10px;color:#d6dec6}.game-prompt{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(400px,82vw);text-align:center;padding:26px;border-radius:12px;background:#11231ee0;border:1px solid #d8e5b72b;box-shadow:0 18px 70px #09140d55}.kicker{font:9px ui-monospace,monospace;color:#a8b89b;letter-spacing:2px}h1{font-size:29px;letter-spacing:3px;font-weight:600;margin:12px 0}.game-prompt p{color:#bac8b1;font-size:12px;line-height:1.7;margin:10px 0 18px}.primary{background:#c4dd9f;color:#253323;border-color:#e5f7c6;font-weight:600}.primary:hover{background:#d9ecbb}.text-button{display:block;border:0;background:transparent;font-size:11px;margin:6px auto 0;color:#c1d3b4}.touch-controls{position:absolute;inset:0;pointer-events:none}.touch-controls.disabled{opacity:.3}.joystick{position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:118px;height:118px;padding:0;border-radius:50%;background:#d6eac410;border:1px solid #e3f1c83d;box-shadow:inset 0 0 0 14px #e0edd506;pointer-events:auto;touch-action:none;-webkit-touch-callout:none}.joystick span{position:absolute;left:38px;top:38px;width:40px;height:40px;border-radius:50%;background:#d3e5b54a;border:1px solid #e7f6d275;pointer-events:none}.combat-buttons{position:absolute;right:max(30px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:flex;gap:18px;align-items:flex-end}.combat-buttons button{pointer-events:auto;touch-action:none;-webkit-touch-callout:none;border-radius:50%;font-size:32px;background:#101e1990;border:1px solid #e1eed16b;padding:8px;box-shadow:inset 0 0 0 5px #ecf6dd08}.combat-buttons small{display:block;font-size:10px;letter-spacing:2px;margin-top:-2px}.attack-button{width:92px;height:92px;color:#e4f2bd}.dash-button{width:64px;height:64px;margin-bottom:9px;color:#c0d7c7}.combat-buttons button:active{background:#839c6566;transform:scale(.96)}.keyboard-help{position:absolute;bottom:18px;left:50%;transform:translate(-50%);white-space:nowrap;color:#c4d0b88c;font-size:10px;pointer-events:none}.toast{position:absolute;bottom:22px;left:50%;transform:translate(-50%);border-radius:20px;padding:10px 20px;background:#102019ed;font-size:12px;z-index:5}.settings{position:absolute;z-index:5;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));width:min(330px,calc(100% - 24px));background:#13251af5;border:1px solid #c1d7a543;border-radius:12px;box-shadow:0 15px 80px #0008;display:flex;flex-direction:column}.settings header{padding:8px 12px 8px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c1d7a523;font-size:13px}.settings header button{font-size:24px;border:none;background:transparent;padding:0 10px}.settings-body{overflow-y:auto;overscroll-behavior:contain;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.settings label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b9c8aa}input,select{width:100%;min-width:0;border:1px solid #c1d7a532;border-radius:6px;padding:10px;color:#e3ead8;background:#0d1b15;min-height:40px;user-select:text;font-size:16px}.settings select{font-size:12px}.settings .toggle{flex-direction:row;align-items:center;justify-content:space-between}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:#c4dd9f}input[type=range]{padding:0;accent-color:#c4dd9f}.row{display:flex;gap:10px}.row>*{flex:1;min-width:0}.join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.divider{border-top:1px solid #c1d7a523;margin:3px 0}.note{font-size:10px;color:#84977c;line-height:1.8}.error{color:#ffb192!important;font-size:12px}.rotate-prompt{display:none}@media(pointer:fine){.touch-controls{opacity:.65}}@media(max-height:500px){.telemetry{width:210px;padding:7px 10px;font-size:10px;line-height:1.5}.monitor-title strong{font-size:12px}.monitor-foot{font-size:8px;margin-top:1px}.joystick{width:104px;height:104px;left:max(22px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}.joystick span{left:31px;top:31px}.combat-buttons{bottom:max(18px,env(safe-area-inset-bottom));right:max(22px,env(safe-area-inset-right))}.game-prompt{padding:18px}.game-prompt h1{font-size:24px;margin:8px 0}.game-prompt p{margin:7px 0 12px}.keyboard-help{display:none}}@media(orientation:portrait)and (pointer:coarse){.rotate-prompt{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#13231cf5;text-align:center;padding:30px}.rotate-prompt span{font-size:58px;color:#c4dd9f}.rotate-prompt p{color:#aab99d;font-size:12px}}