#air-objective { position:absolute; top:108px; left:24px; width:270px; padding:14px 16px; background:rgba(8,20,35,.84); border-left:2px solid #e9cc89; color:#f6ebd3; pointer-events:none; }
#air-objective[data-tone="red"] { border-color:#ff8c83; }
#air-objective[data-tone="violet"] { border-color:#aab4ff; }
#air-objective .air-kicker { font-size:10px; letter-spacing:2px; color:#c5b68f; }
#air-objective h3 { font-size:19px; margin:7px 0; font-weight:500; letter-spacing:2px; }
#airObjectiveDetail { font-size:12px; line-height:1.7; }
#airObjectiveHint { font-size:11px; line-height:1.6; color:#bfd0df; margin-top:6px; }
#airObjectiveTrack { height:3px; background:#ffffff22; margin-top:10px; }
#airObjectiveFill { height:100%; width:0; background:#e9cc89; transition:width .15s; }
#air-warning { position:absolute; top:27%; left:50%; transform:translateX(-50%); color:#ffe0d7; background:rgba(78,14,24,.87); border:1px solid #ff7c77; padding:9px 22px; font-size:13px; letter-spacing:2px; display:none; pointer-events:none; }
#air-warning.show { display:block; }
#air-actions { position:fixed; z-index:210; bottom:110px; left:50%; transform:translateX(-50%); display:none; align-items:center; gap:8px; }
body.riftline-mode #air-actions { display:flex; }
#air-actions button { min-height:42px; padding:8px 15px; border:1px solid #b4d9e788; border-radius:5px; background:#102338eb; color:#e9eedc; font:inherit; font-size:12px; cursor:pointer; touch-action:manipulation; }
#air-actions button:disabled { opacity:.55; cursor:default; }
#air-actions button:focus-visible { outline:2px solid #e9cc89; outline-offset:3px; }
#airSlashButton.ready { border-color:#f2d189; box-shadow:0 0 15px #f2d18933; }
/* 天罚必杀满槽：蓝球高亮呼吸（与 HUD 蓝球同色系）*/
#airSpecialButton.ready { border-color:#4dd8ff; box-shadow:0 0 15px #4dd8ff44; animation:airSpecialPulse 1.6s ease-in-out infinite; }
@keyframes airSpecialPulse { 0%,100% { box-shadow:0 0 10px #4dd8ff33; } 50% { box-shadow:0 0 18px #4dd8ff66; } }
#air-action-status { position:absolute; bottom:51px; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:12px; color:#fff0bf; text-shadow:0 1px 6px #000; }
@media(max-width:640px) {
  #air-objective { top:142px; left:12px; width:180px; padding:9px 11px; }
  #air-objective h3 { font-size:15px; margin:4px 0; }
  #airObjectiveHint { display:none; }
  #air-actions { bottom:165px; gap:4px; }
  #air-actions button { min-height:44px; padding:8px; font-size:11px; }
  #air-warning { top:42%; max-width:90%; width:max-content; font-size:11px; padding:8px 12px; }
}
@media(prefers-reduced-motion:reduce) { #airObjectiveFill { transition:none; } }
@media(min-width:641px) { #air-objective { top:143px; } #air-actions { bottom:24px; } }
body.riftline-result #air-actions, body.riftline-result #air-objective, body.riftline-result #air-warning { display:none; }