/* Touch surfaces stay behind buttons, including on the rotated face-to-face HUD. */
.shipCameraSurface{position:absolute;inset:0;pointer-events:auto;touch-action:none;z-index:0}
.hud .ctl,.hud .raceExtras{z-index:2}
.hud .touchLayoutButton{top:10px;left:130px;min-width:100px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#142533ec;color:var(--ivory);font-size:12px}
.hud .carWheel{left:18px;bottom:18px;width:126px;height:126px;display:grid;place-items:center;touch-action:none}
.wheelRim{display:block;position:absolute;inset:0;border:8px solid #dcb975;border-radius:50%;background:#12212dd9;box-shadow:inset 0 0 0 2px #fff5}
.wheelRim:before,.wheelRim:after,.wheelRim i{content:'';position:absolute;background:#dcb975;left:calc(50% - 4px);top:50%;width:8px;height:48%;transform-origin:top}
.wheelRim:before{transform:rotate(120deg)}.wheelRim:after{transform:rotate(-120deg)}.carWheel small{position:relative;pointer-events:none;font-size:10px;padding:7px 5px;background:#12212d;border-radius:50%}
.hud .carLeft,.hud .carRight,.hud .carForward,.hud .carReverse,.hud .carScheme,.hud .shipNeutral,.hud .shipRecenter,.hud .shipAutoAim{min-height:48px;min-width:54px;border:1px solid #dcb975;border-radius:12px;background:#142533ed;color:#f5ecd2;font-weight:600;padding:7px 10px}
.hud .carLeft{left:18px;bottom:35px;width:60px;height:64px}.hud .carRight{left:86px;bottom:35px;width:60px;height:64px}
.hud .carForward{right:110px;bottom:86px;width:88px;height:62px}.hud .carReverse{right:110px;bottom:18px;width:88px;height:62px}
.hud .carScheme{left:18px;bottom:155px;font-size:12px}.hud.carTouch .hint{bottom:215px}.hud.carTouch .raceExtras{bottom:162px}
.hud .carForward.on,.hud .carReverse.on,.hud .carLeft.on,.hud .carRight.on{background:#397c79}
.hud.shipTouch .stick{width:110px;height:110px;left:18px;bottom:18px}
.hud.shipTouch .throttle{right:auto;left:144px;bottom:18px;height:154px;width:54px;overflow:hidden}
.hud.shipTouch .throttle .label{color:var(--ivory);top:5px;z-index:1}
.neutralLine{position:absolute;top:50%;left:0;right:0;border-top:2px solid #fff9;font-size:11px;padding-left:4px;pointer-events:none}
.hud .shipNeutral{left:144px;bottom:178px;font-size:11px}.hud.shipTouch .aimStick{right:18px;bottom:18px;width:126px;height:126px;left:auto}
.hud.shipTouch .fire{right:155px;bottom:32px}.hud .shipRecenter{left:18px;bottom:178px;font-size:11px}.hud .shipAutoAim{right:18px;bottom:156px;font-size:11px}
.hud.shipTouch .hint{bottom:237px;max-width:260px}
.aimStick .stickLabel{pointer-events:none}
.hud .aimStick{position:absolute;border-radius:50%;background:#14302e88;border:2px solid #f5ecd255;pointer-events:auto;touch-action:none}
.hud .aimStick .knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border-radius:50%;background:#f5ecd2cc;border:2px solid #14302e}
.hud .aimStick .stickLabel{position:absolute;left:0;right:0;bottom:5px;text-align:center;font-size:11px}
.touchLayoutPanel{position:fixed;z-index:30;top:60px;right:12px;width:min(300px,90vw);max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain;background:#142533f5;border:1px solid #dcb975;border-radius:14px;padding:12px;box-shadow:0 8px 24px #0007;font-size:12px;touch-action:pan-y}
.touchLayoutPanel label{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;margin:6px 0}.touchLayoutPanel input,.touchLayoutPanel select{min-height:44px;min-width:0;width:100%}.touchLayoutPanel div{display:flex;gap:6px;margin-top:10px}.touchLayoutPanel button{min-height:44px;border:1px solid #55716d;background:#21494a;border-radius:8px;flex:1}.touchLayoutPanel small{display:block;color:#c4cfcd}
.editingControls .selectedControl{outline:3px dashed #ffcf79;outline-offset:3px}.editingControls .ctl{cursor:move}.editingControls .shipCameraSurface,.editingControls .flagshipCameraSurface{pointer-events:none}
.touchLayoutPanel select,.touchLayoutPanel input{font-size:16px}.hud.helmHud .touchLayoutButton{top:134px;left:120px}
.arcNote{display:block;max-width:230px;font-size:10px;color:#edc994;text-shadow:0 1px 2px #000}
.hud.landHud .aimStick{border:2px solid #8fbbb8;background:#142533c9}
.hud.landHud .aimStick .knob{background:#a6d7d455;pointer-events:none}
.aimFireCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ad7546;color:white;border:2px solid #ffe1a6;font-size:11px;font-weight:700;pointer-events:none;box-sizing:border-box}
.aimFiring .aimFireCenter{background:#f2bd74;color:#142533;box-shadow:0 0 10px #ffc0788f}
.hud .weaponSettings{position:absolute;right:12px;top:65px;width:220px;max-height:calc(100% - 140px);overflow:auto;overscroll-behavior:contain;background:#142533f2;color:#f5ecd2;border:1px solid #8fbbb8;border-radius:10px;padding:0 10px;pointer-events:auto;touch-action:pan-y;font-size:12px}
.weaponSettings summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px}.weaponSettings label{display:block;margin:8px 0}.weaponSettings output{float:right;color:#ffdc9f}.weaponSettings input,.weaponSettings select{display:block;width:100%;min-height:44px;font-size:16px;box-sizing:border-box;touch-action:pan-y}.weaponSettings small{display:block;margin:8px 0;line-height:1.4}.weaponSettings [hidden]{display:none}
.hud .confirmedHit{position:absolute;left:calc(50% + 18px);top:calc(50% + 18px);color:#e6ffe0;text-shadow:0 1px 3px #000;font-size:20px;pointer-events:none}.confirmedHit[hidden]{display:none}
.hud .climbToggle{position:absolute;left:18px;bottom:212px;min-width:110px;min-height:44px;border:1px solid #8fbbb8;border-radius:9px;background:#142533ed;color:#f5ecd2;font-size:14px}.climbToggle[aria-pressed=true]{background:#326a66}
@media(max-width:1050px){.hud.shipTouch .hint{display:none}.hud .touchLayoutButton{left:120px}.hud .carScheme{bottom:151px}}