* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  min-height: 100%;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(80, 50, 20, 0.35), transparent 50%),
    #0a0714;
  color: #e8f0ff;
  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
  padding: 16px 16px 120px;
}
header { text-align: center; margin-bottom: 14px; position: relative; }
.back {
  position: absolute; left: 0; top: 4px;
  color: #9ab; text-decoration: none; font-size: 1.4rem; padding: 4px 10px;
}
h1 { letter-spacing: 0.2em; font-size: 1.8rem; }
.sub { opacity: 0.65; font-size: 0.85rem; margin-top: 4px; }
#cheerHint { text-align: center; font-size: 0.85rem; opacity: 0.8; margin-bottom: 8px; }
#cooldown {
  text-align: center; color: #ffd27a; font-size: 0.9rem; margin-bottom: 10px;
}
.hidden { display: none !important; }
#pilotList { list-style: none; display: flex; flex-direction: column; gap: 10px; }
#pilotList li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 12px;
  align-items: center;
  padding: 14px 16px;
  background: rgba(14, 20, 40, 0.8);
  border: 1px solid rgba(255, 190, 100, 0.28);
}
#pilotList li.top { border-color: rgba(255, 220, 120, 0.7); box-shadow: 0 0 18px rgba(255, 200, 80, 0.15); }
#pilotList .name { font-weight: 700; font-size: 1.15rem; }
#pilotList .meta { font-size: 0.8rem; opacity: 0.7; grid-column: 1; }
#pilotList button {
  grid-row: 1 / span 2; grid-column: 2;
  min-width: 88px; min-height: 52px;
  border: 1px solid rgba(255, 190, 100, 0.5);
  background: rgba(40, 28, 12, 0.9);
  color: #ffe6a8; font-weight: 800; letter-spacing: 0.08em;
  font-size: 0.95rem;
}
#pilotList button:disabled { opacity: 0.4; }
.empty { text-align: center; opacity: 0.55; margin-top: 28px; }
footer {
  position: fixed; left: 0; right: 0; bottom: 0;
  padding: 14px 16px calc(14px + env(safe-area-inset-bottom));
  background: linear-gradient(transparent, #0a0714 30%);
  text-align: center;
}
#flyNext {
  width: min(420px, 100%);
  padding: 16px;
  border: 1px solid rgba(120, 200, 255, 0.55);
  background: rgba(20, 40, 70, 0.95);
  color: #dff; font-size: 1.1rem; font-weight: 800; letter-spacing: 0.16em;
}
footer .hint { margin-top: 6px; font-size: 0.75rem; opacity: 0.55; }