/* 独立样片第二版：少年勇士与峡谷街机 HUD。 */
.target-marker.locking{border-color:#ff795a;box-shadow:0 0 12px #ff513938}.target-marker.locking>i{background:#ff9978}.target-marker.locking:after{content:'蓄能';position:absolute;bottom:-15px;font-size:8px;color:#ffb8a0}.boss-marker.locking:after{display:none}
.airspace{position:absolute;left:4.5%;top:335px;padding:10px 13px;background:#061627bb;border-left:2px solid #78dccc;font-size:10px;color:#bddde8;max-width:285px}.airspace b{display:block;font-size:12px;font-weight:500}.airspace span{display:block;margin-top:6px;font-size:9px;color:#9cb7c9}.airspace.warning{border-color:#ffc58a}.airspace.warning b{color:#ffdaaa}.airspace.warning span{color:#ffd4b0}
@media(max-width:600px) and (orientation:portrait){.airspace{left:4%;top:257px;padding:7px 9px;max-width:240px}.airspace b{font-size:10px}.airspace span{font-size:8px}}
@media(max-height:530px) and (orientation:landscape){.airspace{left:3%;top:161px;padding:6px 10px}.airspace b{font-size:10px}.airspace span{font-size:8px}}
.menu{top:18%;max-width:530px}h1{font-size:64px;margin:20px 0 16px}h1 em{font-size:20px}.intro{margin-bottom:17px}.journey{margin-top:22px}
.pilot-select{display:flex;gap:10px;margin:0 0 21px}.pilot-card{display:flex;align-items:center;text-align:left;gap:10px;background:#0e1d31ce;border:1px solid #739bbb48;border-radius:7px;padding:7px 12px 7px 7px;color:#d9eafa;min-width:158px}
.pilot-card[aria-pressed=true]{border-color:#a2ffee;box-shadow:0 0 23px #89ffdd22}.pilot-card b{font-size:14px;letter-spacing:2px;display:block}.pilot-card small{font-size:9px;color:#a9c4d8;display:block;margin-top:6px;white-space:nowrap}
.pilot-portrait{display:block;background-image:url('../assets/textures/pilots-youth-v2.webp');background-size:200% auto;background-repeat:no-repeat;background-position:left 18%;width:62px;height:65px;border-radius:4px;flex-shrink:0}.pilot-portrait.girl{background-position:right 18%}
.pilot-radio{position:absolute;left:4.5%;top:260px;display:flex;align-items:center;gap:10px;padding:7px 13px 7px 7px;background:#0d20318c;border:1px solid #a3dfff24;border-radius:5px}.pilot-radio .pilot-portrait{width:42px;height:44px}.pilot-radio b{display:block;font-size:11px;letter-spacing:1px}.pilot-radio small{display:block;font-size:9px;color:#9ebace;margin-top:5px}
body[data-mode=playing] .screen-shade,body[data-mode=paused] .screen-shade{background:linear-gradient(0deg,#020c2080,transparent 20%),linear-gradient(180deg,#020c2066,transparent 25%)}
body[data-mode=playing] .topbar,body[data-mode=paused] .topbar{padding-top:20px;padding-bottom:20px}.mission-card{top:98px;width:300px;padding:12px 17px}.mission-card h2{font-size:18px;margin:8px 0}.mission-card p{font-size:10px}.mission-card .progress{width:205px;margin-top:10px}
.arcade-score{position:absolute;right:4.5%;top:108px;text-align:right}.arcade-score>span{font-size:10px;color:#aac1d3;letter-spacing:3px}.arcade-score b{display:block;font-size:38px;line-height:1.3;font-weight:500;letter-spacing:2px}.arcade-score small{font-size:13px;color:#ffe2a7}
.speed-panel{position:absolute;left:4.5%;bottom:101px;width:175px;padding:12px 15px;border-left:2px solid #65efdc;background:linear-gradient(90deg,#051424cb,transparent)}.speed-panel>span{display:block;font-size:10px;letter-spacing:2px;color:#8fe0d9}.speed-panel>b{font-size:37px;font-weight:500;line-height:1.3;font-family:monospace}.speed-panel>small{font-size:9px;margin-left:12px;color:#a7bbc8}.speed-panel em{font-size:10px;font-style:normal;display:block;margin-top:9px;color:#ddf3f4}
.meter{height:3px;background:#47758055;margin-top:3px}.meter i{display:block;width:100%;height:100%;background:#a0fff0}
.skill-bar{position:absolute;bottom:83px;right:4.5%;display:flex;gap:8px;pointer-events:auto}.skill-bar button{position:relative;overflow:hidden;background:#081a2bd9;border:1px solid #8dc7e952;min-width:72px;height:59px;border-radius:5px;touch-action:none;padding:9px 12px;color:#c0d6e5;user-select:none}.skill-bar b{display:block;font-size:11px;letter-spacing:1px;font-weight:500}.skill-bar small{display:block;color:#8eabbf;font-size:9px;margin-top:7px;min-width:43px}.skill-bar .ready{border-color:#b4fdd493;box-shadow:inset 0 -6px 20px #76e6af15}.skill-bar .ready b{color:#c6ffe8}.skill-bar .active{background:#85e9d8;border-color:#edfff7;color:#092932}.skill-bar .active small{color:#18464c}
#nova{min-width:110px}#nova.ready{border-color:#fee0a5;box-shadow:0 0 26px #fed88e28}#nova.ready b,#nova.ready small{color:#ffe0a5}#energy-fill{position:absolute;bottom:0;height:3px;background:#ffe1a1;left:0;pointer-events:none}
.target-marker{width:34px;height:30px;border-radius:3px;border-color:#ffc77565}.target-marker>i{position:absolute;top:-6px;left:0;height:2px;background:#ffc97d}.target-marker span{font-size:9px;bottom:-16px}.boss-marker{width:70px;height:55px;border-color:#ffe7a998;border-radius:9px}.boss-marker>i{height:3px}
.toast{top:23%;font-size:15px;background:#06172699;border:1px solid #a1ebdf22;border-radius:4px;padding:10px 19px;max-width:85vw;white-space:normal;line-height:1.6;letter-spacing:1px}
.damage-flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #ff6047;opacity:0;transition:opacity .14s}.damaged .damage-flash{opacity:.65}.boosting .speed-panel{border-color:#eafffa;box-shadow:-15px 0 40px #47dec61a}.hud{overflow:hidden}.bottom-hud{bottom:36px;font-size:10px}.mission-stats{z-index:2}
@media(pointer:coarse){.fire-button{display:none}.skill-bar{bottom:95px;right:4%;display:grid;grid-template-columns:repeat(3,64px);gap:6px}.skill-bar button{min-width:0;width:64px;height:51px;padding:6px 2px}.skill-bar small{font-size:8px}.skill-bar b{font-size:10px}#nova{min-width:0;width:auto;grid-column:2/4}#brake{grid-column:1}#boost{grid-column:2}#dodge{grid-column:3}#missile{grid-column:1;grid-row:2}.speed-panel{bottom:235px}.joystick{bottom:104px;left:4.5%}}
@media(max-width:600px) and (orientation:portrait){
  .menu{top:auto;bottom:11%;left:6%;right:6%}h1{font-size:40px;margin:11px 0}h1 em{font-size:15px;margin-top:10px}.intro{font-size:10px;margin-bottom:13px}.eyebrow{font-size:9px}.pilot-select{gap:8px;margin-bottom:16px}.pilot-card{min-width:0;flex:1;gap:6px;padding:5px}.pilot-portrait{width:45px;height:49px}.pilot-card b{font-size:12px}.pilot-card small{font-size:8px}.menu-actions button{padding:12px;font-size:11px}.journey{margin-top:18px}.ship-caption{top:16%;right:7%}
  .mission-card{top:82px;left:4%;width:220px;padding:9px 12px}.mission-card h2{font-size:15px}.mission-card p{font-size:9px}.mission-card .progress{width:145px}.pilot-radio{top:211px;left:4%;padding:4px 8px 4px 4px;gap:6px}.pilot-radio .pilot-portrait{width:32px;height:34px}.pilot-radio b{font-size:9px}.pilot-radio small{display:none}.arcade-score{right:4%;top:101px}.arcade-score b{font-size:25px}.arcade-score>span{font-size:8px;letter-spacing:1px}.arcade-score small{font-size:10px}
  .speed-panel{left:4%;bottom:240px;padding:7px 10px;width:132px}.speed-panel>b{font-size:29px}.speed-panel>span,.speed-panel em{font-size:9px}.speed-panel>small{margin-left:8px}.skill-bar{right:4%;bottom:103px;grid-template-columns:repeat(3,59px);gap:5px}.skill-bar button{width:59px;height:49px}.joystick{left:5%;width:96px;height:96px;bottom:105px}.joystick>i{left:26px;top:26px}.toast{top:32%;font-size:11px;padding:7px 12px;width:max-content;max-width:89%}.bottom-hud{bottom:73px}.mission-stats{bottom:25px}.topbar .brand small{display:none}
}
@media(max-height:530px) and (orientation:landscape){
  .menu{top:19%;left:5%;max-width:440px}h1{font-size:32px;margin:9px 0}h1 em{font-size:12px;margin-top:6px}.intro{display:none}.pilot-select{margin-bottom:10px;gap:8px}.pilot-card{min-width:135px;padding:4px 8px}.pilot-portrait{width:37px;height:39px}.pilot-card b{font-size:11px}.pilot-card small{font-size:8px}.menu-actions button{padding:9px 12px}.eyebrow{font-size:8px}
  body[data-mode=playing] .topbar{padding-top:9px}.mission-card{top:60px;left:3%;padding:7px 10px;width:235px}.mission-card h2{font-size:14px;margin:4px 0}.mission-card p{font-size:9px}.mission-card .progress{margin-top:6px}.pilot-radio{display:none}.arcade-score{top:63px;right:4%}.arcade-score b{font-size:25px}.speed-panel{bottom:67px;left:19%;width:120px;padding:6px 10px}.speed-panel>b{font-size:26px}.speed-panel>span,.speed-panel em{font-size:8px}.skill-bar{bottom:58px}.skill-bar button{height:43px}.joystick{bottom:63px;left:4%;width:85px;height:85px}.joystick>i{left:20px;top:20px}.bottom-hud{bottom:20px}.bottom-hud>span:first-child{display:none}.toast{top:40%;font-size:12px}.mission-stats{bottom:16px}.dialog{padding:18px 30px}.dialog h2{font-size:21px;margin:8px 0}.dialog p{font-size:10px;line-height:1.7}.completion-emblem{font-size:32px;margin:0}.result-stats{margin:12px 0}.result-stats b{font-size:19px}.dialog button{padding:10px;margin-top:9px}
}
@media(pointer:coarse){
  .skill-bar{right:calc(4% + 68px);bottom:70px;display:grid;grid-template-columns:repeat(2,52px);gap:5px;opacity:1;transition:opacity .14s}
  .skill-bar button{min-width:0;width:52px;height:40px;padding:4px 1px;border-radius:8px}
  .skill-bar b{font-size:9px;letter-spacing:0}.skill-bar small{font-size:7px;min-width:0;margin-top:3px}
  #brake{grid-column:1;grid-row:1}#boost{grid-column:2;grid-row:1}
  #dodge{grid-column:1;grid-row:2}#missile{grid-column:2;grid-row:2}
  #nova{grid-column:1/3;grid-row:3;width:auto;height:33px}
  .hud.weapon-radial-open .skill-bar,.hud.weapon-radial-open .skill-bar button{opacity:0;pointer-events:none}
  .bottom-hud{display:none}
}
@media(pointer:coarse) and (orientation:landscape){.skill-bar{bottom:52px}}