/* Layout & Typo */
.fa-game{max-width:980px;margin:1rem auto;padding:1rem}
.fa-title{margin:.25rem 0 .5rem;text-align:center}

/* Top-Leiste über dem Canvas */
.fa-topbar{display:flex;justify-content:space-between;align-items:center;margin:.25rem 0 .5rem;gap:.5rem}
.fa-top-right{display:flex;gap:.45rem;align-items:center}

.fa-btn{padding:.5rem .9rem;border-radius:.6rem;border:1px solid #cfcfcf;background:#fff;color:#000;cursor:pointer;font-weight:700}
.fa-btn:hover{background:#f5f5f5}
.fa-btn-light{background:transparent;border:1px solid #fff;color:#fff}
.fa-select{padding:.35rem .5rem;border-radius:6px;border:1px solid #cfcfcf;background:#fff}

/* Bühne / Canvas */
.fa-stage{position:relative}
#fischadler-canvas{
  width:100%;height:auto;display:block;
  border:1px solid #ddd;border-radius:.5rem;background:#87c6e6; /* Himmel */
  image-rendering:pixelated
}

/* HUD – oben links im Canvas */
.fa-hud{
  position:absolute;left:.6rem;top:.6rem;z-index:2;
  background:rgba(255,255,255,.92);padding:.35rem .55rem;border-radius:.4rem;
  font:600 14px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  display:flex;gap:.7rem;align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.08);
  border:1px solid rgba(0,0,0,.06)
}

/* Start-Panel (nur Box, Hintergrund bleibt sichtbar) */
.fa-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4}
.fa-overlay .panel{
  background:#2f3338;color:#fff;border-radius:.7rem;padding:1rem 1.2rem;width:min(560px,92%);
  box-shadow:0 10px 28px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);text-align:center
}
.fa-badge{
  display:inline-block;background:#fff;color:#111;font-weight:800;border-radius:.6rem;border:1px solid #e7e7e7;
  padding:.35rem .7rem;margin:.2rem auto .6rem auto
}
.fa-overlay h3{margin:.1rem 0 .6rem;font:800 20px/1.2 system-ui,Arial,sans-serif}
.fa-overlay p{margin:.35rem 0;font:500 15px/1.45 system-ui,Arial,sans-serif}
.fa-kbd{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);padding:0 .35rem;border-radius:.25rem}

/* Start-Button sicher weiß/transparent */
.fa-overlay .fa-btn-light{
  background:transparent!important;color:#fff!important;border-color:#fff!important;
}

/* Countdown */
.fa-countdown{
  position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:5;
  font:800 64px/1 system-ui,Arial,sans-serif;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.45)
}

/* alte Hinweis-Zeile aus */
.fa-rules{display:none}