:root {
  color-scheme: dark;
  font-family: "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
  background: #02070d;
}

* { box-sizing: border-box; }
html, body { width: 100%; min-height: 100%; margin: 0; overflow: hidden; }
body { min-height: 100svh; display: grid; place-items: center; background: #02070d; }
button { font: inherit; letter-spacing: 0; }

.game-shell {
  position: relative;
  width: min(100vw, 56.5svh, 720px);
  height: 100svh;
  min-height: 560px;
  overflow: hidden;
  background: #030912;
  border-inline: 1px solid rgba(104, 222, 255, .2);
  user-select: none;
}

canvas { width: 100%; height: 100%; display: block; touch-action: none; outline: none; }

.hud {
  position: absolute;
  inset: env(safe-area-inset-top, 0) 0 auto;
  z-index: 2;
  min-height: 74px;
  padding: 13px 14px 10px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  gap: 10px;
  background: linear-gradient(#02070de8, #02070d00);
  pointer-events: none;
}

.pilot { display:flex; gap:7px; align-items:center; color:#dffbff; font:700 11px Consolas,monospace; }
.portrait { width:42px; height:42px; display:grid; place-items:center; border:2px solid #75dfff; border-radius:8px; color:#9df2ff; background:linear-gradient(135deg,#214b7d,#0d152b); box-shadow:0 0 12px #39c9ff77; }
.portrait img { width:100%; height:100%; display:block; object-fit:cover; border-radius:6px; }
.pilot b { color:#fff; }.pilot small { display:block; margin-top:4px; color:#95e9ff; letter-spacing:2px; font-size:9px; }.armor { width:130px; height:15px; margin-top:3px; padding:2px; border:1px solid #467c90; background:#06111c; transform:skewX(-12deg); }.armor i { display:block; width:100%; height:100%; background:repeating-linear-gradient(110deg,#3dfa70 0 14px,#149c43 15px 17px); transition:width .18s; }
.mission { display: grid; gap: 3px; }
.mission span { color: #79a4b5; font-size: 10px; }
.mission { min-width: 116px; text-align: center; }
.mission strong { color: #8deeff; font: 700 13px/1 "Consolas", monospace; }
.mission small { color:#8ca9c2; font:700 8px/1 Consolas,monospace; letter-spacing:.3px; }
.evo-meter{width:112px;height:4px;margin:1px auto 0;border:1px solid #36536a;background:#06111b;transform:skewX(-14deg)}.evo-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#56e7ff,#c879ff,#ffd35d);transition:width .2s ease}
.resources { justify-self:end; display:grid; gap:4px; color:#ffc958; font:700 16px Consolas,monospace; }.resources div:last-child { color:#5ce6ff; }.resources b{color:#ecf8ff;}
.resources { margin-right: 64px; }
#sound { display: none; }

.actions { position: absolute; z-index: 3; right: 12px; bottom: max(14px, env(safe-area-inset-bottom)); display: flex; gap: 7px; }
.actions button {
  min-width: 54px; min-height: 38px; padding: 0 10px;
  border: 1px solid #315568; border-radius: 4px;
  color: #9fcedc; background: #04111bba; cursor: pointer;
}
.actions { top:14px; bottom:auto; }.actions button { min-width:42px; min-height:42px; font-weight:900; }
.actions button:hover, .actions button:focus-visible { color: #fff; border-color: #77e9ff; outline: 2px solid #77e9ff; outline-offset: 2px; }

.overlay {
  position: absolute; inset: 0; z-index: 5;
  display: grid; place-content: center; justify-items: center;
  padding: 28px; text-align: center;
  background: rgba(1, 7, 13, .74);
  backdrop-filter: blur(5px);
}
.overlay[hidden] { display: none; }
.start-screen { align-content:start; overflow-y:auto; padding:max(22px,env(safe-area-inset-top)) 18px 92px; background:linear-gradient(180deg,rgba(1,7,15,.76),rgba(1,8,19,.93)); }
.start-screen h1 { font-size:clamp(38px,10vw,58px); }
.start-screen > p { margin-bottom:14px; }
.hangar-summary { width:min(430px,100%);display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px;margin-bottom:9px; }
.hangar-summary div { padding:9px 8px;border:1px solid #315e77;background:linear-gradient(145deg,#082238dd,#04101ddd);clip-path:polygon(0 0,94% 0,100% 24%,100% 100%,6% 100%,0 76%); }
.hangar-summary span,.stage-picker small { display:block;color:#6f9fb5;font-size:9px;letter-spacing:.8px; }
.hangar-summary strong { display:block;margin-top:2px;color:#effcff;font:900 19px Consolas,monospace; }
.hangar-summary div:first-child strong { color:#ffd463;text-shadow:0 0 12px #e37d1d99; }
.equipment-grid { width:min(430px,100%);display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:9px; }
.equipment-card { position:relative;min-height:76px;padding:9px 8px 8px 62px;text-align:left;border:1px solid #284e65;border-radius:5px;color:#eafaff;background:linear-gradient(135deg,#0a2032eb,#06111deb);cursor:pointer; }
.equipment-card::before { content:attr(data-icon);position:absolute;left:10px;top:12px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #4d88a8;border-radius:7px;color:#8defff;background:#0a2c43;box-shadow:inset 0 0 16px #1caee633; }
.equipment-card b,.equipment-card small,.equipment-card span { display:block; }
.equipment-card b { font-size:12px; }.equipment-card small{margin-top:3px;color:#8caabd;font-size:9px}.equipment-card span{margin-top:5px;color:#f3bf53;font:800 10px Consolas,monospace}.equipment-card:disabled{opacity:.48}.equipment-card:focus-visible{outline:2px solid #fff;outline-offset:2px}
.stage-picker { width:min(430px,100%);display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:6px;margin-bottom:7px; }
.stage-picker > div { min-height:62px;padding:8px 12px;border:1px solid #4c7186;background:#071724d9; }
.stage-picker b,.stage-picker span { display:block; }.stage-picker b{margin:2px 0;color:#e8f9ff;font-size:15px}.stage-picker span{color:#8ba8b8;font-size:10px}.stage-picker span strong{display:inline;color:#ffcc57}
.stage-picker button { height:62px;border:1px solid #3f718e;color:#9deeff;background:#082238d9;font-size:28px;cursor:pointer; }
.power-verdict { width:min(430px,100%);margin-bottom:10px;padding:7px 10px;border-left:3px solid #69e3ff;color:#9bddec;background:#052235aa;font-size:10px;text-align:left; }
.power-verdict.advantage { border-color:#69f19a;color:#aaf6c1;background:#062a1baa; }.power-verdict.danger{border-color:#ff704f;color:#ffc0ae;background:#32100baa}
.run-rewards { min-width:240px;margin:-10px 0 18px;padding:10px 14px;border:1px solid #7d6330;color:#ffd975;background:#241704dd;font:800 13px Consolas,monospace; }
.kicker { color: #66d9f2; font: 700 11px/1.2 "Consolas", monospace; }
.overlay h1 { margin: 14px 0 0; color: #f6fbff; font-size: clamp(46px, 12vw, 68px); line-height: .95; text-shadow: 0 0 24px rgba(54, 203, 255, .38); }
.overlay h2 { margin: 14px 0 28px; color: #f6fbff; font-size: 34px; }
.start-screen > p { margin: 10px 0 26px; color: #f2c55c; font-size: 17px; }
.ship-mark { width: 170px; height: 96px; position: relative; margin-bottom: 30px; filter: drop-shadow(0 0 16px #32cffa99); }
.ship-mark b { position: absolute; left: 66px; top: 2px; width: 38px; height: 88px; background: linear-gradient(#dffaff, #37b8d5 60%, #103e59); clip-path: polygon(50% 0, 88% 38%, 100% 100%, 50% 76%, 0 100%, 12% 38%); }
.ship-mark i { position: absolute; top: 34px; width: 78px; height: 40px; background: #5f8da5; clip-path: polygon(0 78%, 100% 0, 88% 100%); }
.ship-mark i:first-child { left: 0; }.ship-mark i:last-child { right: 0; transform: scaleX(-1); }
.primary {
  min-width: 190px; min-height: 52px; padding: 0 26px;
  border: 1px solid #86edff; border-radius: 5px;
  color: #001018; background: #8beeff; font-weight: 800;
  box-shadow: 0 0 24px rgba(64, 215, 247, .24); cursor: pointer;
}
.primary:hover, .primary:focus-visible { background: #fff; outline: 3px solid #f2c55c; outline-offset: 3px; }
.record { margin-top: 18px; color: #698d9d; font-size: 11px; }.record strong { color: #cfeef5; font-family: Consolas, monospace; }
.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:min(330px,100%);margin:0 0 14px}.mode-choice{min-height:50px;padding:6px 4px;border:1px solid #284c64;border-radius:5px;color:#87a7bb;background:#041521cc;cursor:pointer}.mode-choice b,.mode-choice small{display:block}.mode-choice b{font-size:13px;color:#dffaff}.mode-choice small{margin-top:3px;color:#6e95aa;font-size:9px}.mode-choice.active{border-color:#88efff;background:#0a3042;color:#fff;box-shadow:0 0 14px #37d5ff55}.mode-choice.active b{color:#8ff4ff}

/* Cinematic cover and command-center lobby */
.splash-screen{z-index:9;display:flex;flex-direction:column;justify-content:flex-start;padding:4.5vh 16px 28px;overflow:hidden;background:radial-gradient(circle at 50% 39%,rgba(35,98,203,.34),transparent 31%),radial-gradient(circle at 15% 20%,rgba(159,39,220,.25),transparent 29%),linear-gradient(180deg,rgba(1,4,15,.08),rgba(0,4,15,.82)),url('assets/backgrounds/nebula-battlefield-runtime.webp') center/cover no-repeat,#020615;backdrop-filter:none}
.splash-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 46%,rgba(82,205,255,.12) 47%,transparent 48%),radial-gradient(circle at 50% 48%,transparent 0 36%,rgba(35,160,255,.18) 37%,transparent 38%);pointer-events:none}
.splash-title{position:relative;z-index:1;width:100%;text-align:center;text-transform:uppercase}.splash-title small{display:block;color:#b9e8ff;font:900 12px Consolas,monospace;letter-spacing:5px}.splash-title h1{margin:8px auto 4px;font-size:clamp(39px,9vw,64px);line-height:1.05;letter-spacing:-3px;color:transparent;background:linear-gradient(#fff 8%,#d9e9fa 43%,#7386a1 49%,#fff 56%,#83c8ff 82%,#234872);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px #d9f2ff;filter:drop-shadow(0 3px 0 #07182e) drop-shadow(0 0 12px #1aaeff)}.splash-title span{display:block;color:#eef9ff;font:italic 800 12px Consolas,monospace;letter-spacing:4px;text-shadow:0 0 9px #2cbcff}
.splash-battle{position:relative;z-index:1;width:min(100%,610px);height:auto;min-height:0;flex:1;display:grid;place-items:center;margin:-6px auto 82px}.splash-battle::before{content:"";position:absolute;left:50%;top:34%;width:18%;height:65%;transform:translateX(-50%);background:linear-gradient(rgba(255,255,255,.9),rgba(83,195,255,.6) 20%,rgba(57,99,255,0));clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);filter:blur(2px)}.splash-battle img{position:relative;width:min(92%,550px);filter:drop-shadow(0 0 18px #35c7ff) drop-shadow(0 0 34px #ffb23e);animation:splash-float 2.4s ease-in-out infinite}.splash-battle i{position:absolute;top:18%;width:82px;height:82px;background:url('assets/ships/enemy-fleet-runtime.webp') 100% 0/500% 200% no-repeat;filter:drop-shadow(0 0 12px #c154ff)}.splash-battle i:first-child{left:1%;transform:rotate(-16deg)}.splash-battle i:last-child{right:1%;transform:rotate(16deg)}
.splash-start{position:absolute;left:50%;bottom:76px;z-index:2;width:min(82%,430px);min-height:78px;margin:0;transform:translateX(-50%);border:2px solid #79e9ff;clip-path:polygon(8% 0,92% 0,100% 28%,100% 72%,92% 100%,8% 100%,0 72%,0 28%);color:#fff;background:linear-gradient(180deg,#0b5fb9f2,#06245ef2);box-shadow:inset 0 0 20px #30caff,0 0 26px #159dff;cursor:pointer}.splash-start::before{content:"";position:absolute;inset:5px;border:1px solid #9df4ff;clip-path:inherit;pointer-events:none}.splash-start b,.splash-start span{position:relative;display:block}.splash-start b{font-size:30px;letter-spacing:5px;text-shadow:0 0 10px #fff}.splash-start span{margin-top:3px;color:#8edfff;font:700 9px Consolas,monospace;letter-spacing:2px}.splash-tagline{position:absolute;left:0;right:0;bottom:31px;z-index:1;color:#e7f6ff;font-weight:800;letter-spacing:5px;text-shadow:0 0 10px #42bfff}@keyframes splash-float{50%{transform:translateY(-9px) scale(1.012)}}

.start-screen{display:block;align-content:unset;padding:0 10px 76px;text-align:left;background:linear-gradient(180deg,rgba(1,7,18,.45),rgba(1,8,22,.9));backdrop-filter:blur(2px)}
.command-bar{position:sticky;top:0;z-index:3;width:100%;min-height:78px;padding:8px;display:grid;grid-template-columns:1.35fr .72fr .72fr 44px;gap:5px;align-items:center;border:1px solid #4d7694;border-top:0;background:linear-gradient(180deg,#071322f5,#06101cf0);box-shadow:0 5px 20px #000b,0 0 12px #238cff55}.commander{min-width:0;display:flex;align-items:center;gap:7px}.commander img{width:52px;height:52px;border:2px solid #75dfff;object-fit:cover;clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%)}.commander span,.command-wallet{display:grid}.commander b{white-space:nowrap;color:#effaff;font-size:12px}.commander small{margin-top:4px;color:#55c9ff;font:700 9px Consolas,monospace}.command-power{text-align:center;border-inline:1px solid #274b65}.command-power small{display:block;color:#93b5c8;font-size:9px}.command-power strong{display:block;color:#ffc552;font:900 22px Consolas,monospace;text-shadow:0 0 12px #ff8a13}.command-wallet{gap:4px;color:#ffcf4f;font:800 11px Consolas,monospace}.command-wallet span:last-child{color:#63dcff}.command-wallet b{color:#f5fbff}.gear-button{width:42px;height:42px;border:1px solid #6284a0;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);color:#ffe2bd;background:#18202a;font-size:22px}
.hangar-display{position:relative;width:100%;height:390px;overflow:hidden;border-inline:1px solid #17435f;background:radial-gradient(circle at 44% 45%,#0c407066,transparent 37%),linear-gradient(180deg,rgba(3,9,24,.25),rgba(2,12,29,.65))}.hangar-label{position:absolute;top:14px;left:0;right:0;text-align:center;color:#ccefff;font:700 10px Consolas,monospace;letter-spacing:4px}.hangar-ring{position:absolute;left:8%;top:7%;width:65%;aspect-ratio:1;border:4px double #198dd0;border-radius:50%;box-shadow:inset 0 0 24px #1a9cff66,0 0 28px #1a9cff55;background:repeating-conic-gradient(from 0deg,rgba(62,182,255,.32) 0 2deg,transparent 2deg 12deg);mask:radial-gradient(circle,transparent 56%,#000 57%);animation:hangar-spin 16s linear infinite}.hangar-ship{position:absolute;z-index:1;left:7%;top:20%;width:65%;filter:drop-shadow(0 0 18px #2ac8ff) drop-shadow(0 0 30px #185eff);animation:splash-float 2.8s ease-in-out infinite}.hangar-platform{position:absolute;left:8%;bottom:11%;width:65%;height:42px;border:3px solid #159de7;border-radius:50%;box-shadow:inset 0 0 22px #28bfff,0 0 20px #149cff;transform:perspective(90px) rotateX(58deg)}.fighter-info{position:absolute;z-index:2;right:2%;top:25%;width:29%;padding:10px 9px;display:grid;gap:10px;border:1px solid #148ad0;background:linear-gradient(135deg,#06254ee6,#03142ee6);box-shadow:inset 0 0 18px #197fdc55}.fighter-info>b{padding-bottom:7px;border-bottom:1px solid #256c9e;color:#cdeeff;text-align:center}.fighter-info span{color:#d7eaff;font-size:10px}.fighter-info strong{color:#ffbf4d}@keyframes hangar-spin{to{transform:rotate(360deg)}}
.mission-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.mission-card{min-height:120px;padding:16px 12px;text-align:left;border:1px solid;color:#fff;clip-path:polygon(6% 0,94% 0,100% 10%,100% 90%,94% 100%,6% 100%,0 90%,0 10%);cursor:pointer}.mission-card b,.mission-card span,.mission-card em{display:block}.mission-card b{font-size:22px;font-style:italic;text-shadow:0 0 10px currentColor}.mission-card span{min-height:30px;margin-top:8px;color:#d1e5f0;font-size:10px}.mission-card em{margin-top:7px;font:800 10px Consolas,monospace}.campaign{border-color:#41d8ff;background:radial-gradient(circle at 70% 68%,#1678c788,transparent 34%),linear-gradient(135deg,#063d78,#07162c)}.campaign em{color:#75e7ff}.endless{border-color:#bc63ff;background:radial-gradient(circle at 70% 68%,#8d27ca88,transparent 34%),linear-gradient(135deg,#40176f,#130a31)}.endless em{color:#e19aff}
.hangar-tools{width:100%;padding:9px;border:1px solid #8c611e;background:linear-gradient(135deg,#2a1605e8,#0d111ee8)}.hangar-tools-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:7px}.hangar-tools-title b{color:#ffc764;font-size:17px}.hangar-tools-title span{color:#b5a384;font-size:9px}.hangar-tools .equipment-grid{width:100%;margin:0}.hangar-tools .equipment-card{min-height:70px;background:linear-gradient(135deg,#131925f2,#08101df2)}
.hangar-nav{position:sticky;z-index:4;bottom:-76px;width:calc(100% + 20px);height:66px;margin:10px -10px -66px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4d7190;background:#050d18f5}.hangar-nav b{display:grid;place-items:center;align-content:center;color:#72899d;font-size:22px}.hangar-nav b:first-child{color:#69dfff;background:linear-gradient(180deg,#103f76aa,#082146)}.hangar-nav span{display:block;font-size:10px}.start-screen .record{margin:78px 0 0;text-align:center}.start-screen .stage-picker,.start-screen .power-verdict{width:100%}

.sortie-screen{z-index:8;padding:14px;background:rgba(0,4,14,.82);backdrop-filter:blur(4px)}.sortie-panel{position:relative;width:min(100%,540px);padding:24px 18px 18px;border:2px solid #4ca9df;clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%);background:linear-gradient(180deg,#071d38fa,#040d1cfa);box-shadow:inset 0 0 30px #177bcc55,0 0 35px #04101f}.sortie-panel h2{margin:7px 0 10px;font-size:28px;text-shadow:0 0 12px #38bfff}.sortie-close{position:absolute;right:12px;top:10px;width:42px;height:42px;border:1px solid #65cfff;color:#d8f8ff;background:#0b3760;font-size:30px}.sortie-visual{position:relative;height:280px;display:grid;place-items:center;overflow:hidden}.sortie-visual div{position:absolute;width:72%;aspect-ratio:1;border:3px double #238ed2;border-radius:50%;background:repeating-conic-gradient(#248ed455 0 3deg,transparent 3deg 13deg);animation:hangar-spin 14s linear infinite}.sortie-visual img{position:relative;width:78%;filter:drop-shadow(0 0 18px #22c5ff)}.sortie-name{display:block;padding:9px;border-block:1px solid #204568;color:#e8f7ff}.sortie-name span,.sortie-panel p strong{color:#ffc85d}.sortie-panel p{margin:10px 0 5px;color:#dbeeff}.sortie-panel>small{display:block;color:#67caff}.sortie-actions{display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:8px;margin-top:16px}.sortie-actions button{min-height:52px;border:1px solid #61809b;color:#ecf8ff;background:#121d2a;font-weight:800}.sortie-actions button:nth-child(2){border-color:#a96eff;background:#32165c}.sortie-actions .primary{min-width:0;border-color:#77eaff;background:#0b66bd;box-shadow:inset 0 0 14px #3cd7ff,0 0 16px #168fff}

.result-screen dl { width: min(320px, 100%); margin: 0 0 26px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #284454; }
.result-screen dl div { padding: 13px 6px; background: #06131e; }
.result-screen dt { color: #648a9a; font-size: 10px; }.result-screen dd { margin: 5px 0 0; color: #f2c55c; font: 700 20px Consolas, monospace; }

.boss-hud { position: absolute; z-index: 3; top: 84px; left: 50%; width: min(70%, 380px); transform: translateX(-50%); text-align: center; pointer-events: none; }
.boss-hud span { color: #ff9a82; font-size: 11px; }
.boss-hud > div { position:relative;height:9px;margin-top:5px;border:1px solid #914538;background:#170906;overflow:hidden; }
.boss-hud > div::after { content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 32.8%,#180503 33%,#180503 34%,transparent 34.2%,transparent 65.8%,#180503 66%,#180503 67%,transparent 67.2%);pointer-events:none; }
.boss-hud i { display: block; width: 100%; height: 100%; background: #ff6a4e; transition: width .15s linear; }
.toast { position: absolute; z-index: 4; top: 26%; left: 50%; transform: translateX(-50%); color: #f9df78; font-weight: 800; font-size: 20px; text-shadow: 0 2px 10px #000; opacity: 0; pointer-events: none; transition: opacity .2s ease; white-space: nowrap; }
.toast.show { opacity: 1; }
.combo { position:absolute; z-index:3; top:145px; right:18px; display:grid; color:#ffd262; font-family:Consolas,monospace; text-align:center; transform:skewX(-8deg); text-shadow:0 2px 0 #7d210c,0 0 16px #ff9b35; pointer-events:none; }.combo b{font-size:48px; line-height:.8;}.combo span{font-weight:900;font-size:13px;}
.skills { position:absolute; z-index:4; bottom:max(13px,env(safe-area-inset-bottom)); left:10px; right:10px; display:grid; grid-template-columns:72px minmax(0,1fr) 72px; gap:10px; align-items:end; }.cards{min-width:0;overflow:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.skill{position:relative; min-width:0; max-width:100%; color:#f5fbff; border:1px solid #5cc9ed; background:#06162cc9; cursor:pointer; overflow:hidden; text-shadow:0 1px 2px #001;}.skill:focus-visible{outline:3px solid #fff;outline-offset:2px}.skill:disabled{filter:grayscale(.7);opacity:.58;cursor:not-allowed}.skill i{position:absolute;inset:auto 0 0;height:4px;width:0;background:#5de8ff;transition:width .15s}.round{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 0 5px #0c4267,0 0 16px #158eea88}.round b{font-size:35px;line-height:.7}.round span{font:800 11px Consolas,monospace;margin-top:8px}.card{min-height:78px;padding:2px;border-radius:6px;display:grid;place-items:center;align-content:center;gap:5px;box-shadow:inset 0 0 20px #1b58af88}.card b{font-size:25px;color:#ca91ff}.card span{font-size:11px;font-weight:800}.shield b{color:#7deaff}.burst b{color:#ffb151}.burst{border-color:#f09640;background:#281005d6}.wingman{border-color:#b068e7;background:#240a3bd6}.bomb{border-color:#7ae8ff}.bomb b{color:#eaf9ff}
.round em{font-style:normal;color:#ffd05a}.fire-level{position:absolute;z-index:3;left:50%;bottom:106px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:4px 9px;border:1px solid #315e75;border-radius:3px;color:#73a9bd;background:#04121dd9;font:800 10px Consolas,monospace;pointer-events:none}.fire-level b{color:#fff;font-size:14px}.fire-level span{color:#496778;letter-spacing:2px}.fire-level.max{border-color:#ffd259;color:#ffd259;box-shadow:0 0 18px #ff9d2a77}.fire-level.max span{color:#ffd259}
.skill.cooling::after{content:attr(data-cooldown);position:absolute;right:5px;top:4px;min-width:20px;height:20px;display:grid;place-items:center;border:1px solid #8cc7df;border-radius:50%;color:#fff;background:#020b12e6;font:900 11px Consolas,monospace;box-shadow:0 0 8px #2bcfff88}

@media (max-height: 650px) {
  .hud { min-height: 60px; padding-top: 8px; }
  .actions { top:8px; }
  .overlay h1 { font-size: 44px; }
  .ship-mark { transform: scale(.78); margin-block: -4px 14px; }
  .start-screen{padding-top:12px}.start-screen h1{font-size:34px}.start-screen>p{margin:5px 0 9px}.equipment-card{min-height:64px;padding-top:7px;padding-bottom:6px}.stage-picker>div,.stage-picker button{min-height:50px;height:50px}
}
@media (max-width:480px){.actions #sound{display:none}.actions{right:8px}.hud{padding-right:56px}}
@media (max-width:390px){.portrait{width:36px;height:36px}.armor{width:92px}.resources{font-size:12px}.mission{min-width:96px}.evo-meter{width:90px}.skills{grid-template-columns:62px minmax(0,1fr) 62px;gap:5px;left:6px;right:6px}.cards{gap:4px}.card{min-height:64px}.card b{font-size:20px}.card span{font-size:9px}.round b{font-size:27px}.combo{right:10px}.equipment-card{padding-left:54px}.equipment-card::before{left:8px;width:36px;height:36px}.fire-level{bottom:88px}}
@media (min-width:600px){.hud{min-height:96px;padding:15px 18px 12px;gap:14px}.pilot{gap:10px;font-size:14px}.portrait{width:60px;height:60px;font-size:17px}.armor{width:176px;height:18px}.pilot small{font-size:11px}.mission{min-width:150px}.mission span{font-size:12px}.mission strong{font-size:20px}.mission small{font-size:10px}.evo-meter{width:142px;height:6px}.resources{margin-right:82px;font-size:19px}.actions{top:15px;right:18px}.actions button{min-width:62px;min-height:62px;font-size:20px}.combo{top:148px;right:26px}.combo b{font-size:60px}.combo span{font-size:17px}.skills{left:20px;right:20px;bottom:18px;grid-template-columns:96px minmax(0,360px) 96px;justify-content:space-between;gap:18px}.cards{gap:10px}.card{min-height:104px}.card b{font-size:34px}.card span{font-size:12px}.round span{font-size:13px}}
@media (max-width:480px){.splash-screen{padding-top:3.5vh}.splash-title small{font-size:9px;letter-spacing:4px}.splash-title h1{font-size:46px;letter-spacing:-3px}.splash-title span{font-size:9px;letter-spacing:2px}.splash-battle{height:auto;margin-bottom:76px}.splash-battle img{width:98%}.splash-start{min-height:66px}.splash-start b{font-size:25px}.splash-tagline{font-size:12px;letter-spacing:3px}.start-screen{padding-inline:6px}.command-bar{grid-template-columns:1.25fr .7fr .7fr 36px;padding:6px 4px}.commander img{width:42px;height:42px}.commander b{font-size:10px}.commander small{font-size:8px}.command-power strong{font-size:18px}.command-wallet{font-size:9px}.gear-button{width:34px;height:36px;font-size:18px}.hangar-display{height:320px}.hangar-ring{top:11%}.hangar-ship{top:23%}.fighter-info{top:27%;padding:7px 5px;gap:7px}.fighter-info>b{font-size:11px}.fighter-info span{font-size:8px}.mission-card{min-height:102px;padding:12px 9px}.mission-card b{font-size:18px}.mission-card span{font-size:8px}.hangar-tools{padding:7px}.hangar-tools-title b{font-size:15px}.hangar-tools .equipment-card{min-height:63px}.sortie-panel{padding-inline:12px}.sortie-panel h2{font-size:24px}.sortie-visual{height:220px}.sortie-actions{gap:5px}.sortie-actions button{min-height:48px;font-size:12px;padding-inline:4px}}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; } }