/* Creditos discretos: somente interface HTML, sem alterar o Canvas/mecanicas. */
.game-credit-panel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 14px;
  row-gap: 3px;
  max-width: min(96vw, 840px);
  color: #e9eff9;
  font: 600 clamp(9px,1.25vw,12px)/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-shadow: 0 1px 3px #000, 0 2px 7px #000;
}
.game-credit-panel strong {color:#ffe5a5;font-weight:800;}
.game-credit-version {
  display:inline-block;
  color:#ffdd9c;
  border:1px solid #ffda9b66;
  background:#0b1935cf;
  padding:3px 9px;
  border-radius:7px;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  letter-spacing:.035em;
}
.game-credit-panel--intro {
  order:5;
  position:relative;
  z-index:4;
  pointer-events:none;
  margin:0 auto;
  background:#08172db3;
  border:1px solid #698dad66;
  padding:4px 9px;
  border-radius:9px;
}
.game-credit-panel--pause {display:flex;margin:9px auto 0;font-size:11px;}
.game-credit-panel--pause .game-credit-version {font-size:11px;}
.game-patch-stamp {
  position:absolute;
  bottom:4px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  pointer-events:none;
  color:#f5e5c2;
  background:#07152caa;
  border-radius:5px;
  padding:2px 7px;
  font:700 10px/1.25 ui-monospace,monospace;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}
@media (orientation:landscape) and (max-height:620px){
  .game-credit-panel--intro{font-size:9px; padding:2px 7px;row-gap:0;}
  .game-credit-version{padding:2px 6px;}
  .game-credit-panel--pause{font-size:10px;}
  .game-patch-stamp{font-size:9px;bottom:2px;}
}
@media (orientation:portrait){
  .game-credit-panel--intro{max-width:96vw;font-size:10px;}
  .game-patch-stamp{font-size:9px;}
}

/* QA4 — UI acessivel de autoria / contato. Posicao acima do overlay de start. */
.game-credit-copyright {color:#b7cfdf;font-size:10px;letter-spacing:.01em;}
.game-about-trigger {position:relative;z-index:7;pointer-events:auto;background:#183b57;color:#ffe9ad;border:1px solid #e6c36e;border-radius:7px;font:800 11px system-ui;padding:5px 11px;min-height:28px;white-space:nowrap;cursor:pointer;}
.game-about-trigger:hover,.game-about-trigger:focus-visible {background:#285878;outline-offset:3px;}
.about-overlay {position:fixed;inset:0;z-index:12000;display:flex;justify-content:center;align-items:center;overflow:auto;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:rgba(3,10,25,.92);}
.about-card {position:relative;flex:none;width:min(560px,100%);max-height:calc(100dvh - 26px);overflow:auto;overscroll-behavior:contain;text-align:center;background:linear-gradient(148deg,#173b56,#091a30 70%);color:#eaf7ff;border:2px solid #7cb6d1;border-radius:14px;padding:clamp(14px,3vw,26px);box-shadow:0 16px 48px #000a;}
.about-card h2 {margin:5px 24px 10px;color:#ffe49e;font-size:clamp(19px,3vw,30px);letter-spacing:.05em;}
.about-eyebrow {font-size:10px;color:#9bd9ec;letter-spacing:.12em;font-weight:800;}
.about-game-title {font-size:clamp(15px,2vw,19px);font-weight:800;margin:8px 0;}
.about-owner {color:#ffe3ac;font-weight:800;font-size:clamp(15px,2.5vw,21px);margin:10px 0 4px;}
.about-version {color:#c1f1ff;font:800 13px ui-monospace,monospace;margin:2px 0 18px;}
.about-info {text-align:left;border:1px solid #577c997a;border-radius:9px;background:#061326a8;padding:9px 14px;font-size:clamp(12px,1.7vw,14px);line-height:1.5;}
.about-info p {margin:8px 0;}
.about-info strong {color:#ffdc9d;}
.about-info a {color:#9dddff;text-underline-offset:3px;}
.about-info a:focus-visible {outline:2px solid #ffe49e;}
.about-info .about-disclaimer {font-size:11px;opacity:.88;}
.about-copyright {font-size:12px;color:#b4cad9;margin:14px 0 11px;}
.about-close {position:absolute;top:8px;right:8px;width:36px;height:36px;border:1px solid #789db7;background:#0b233b;color:white;border-radius:7px;}
.about-dismiss {padding:9px 18px;font-size:13px;min-height:36px;}
@media (max-height:460px) { .about-card {padding:10px 14px;max-height:calc(100dvh - 16px);} .about-card h2{margin:3px 20px;font-size:18px;} .about-version{margin-bottom:6px;} .about-info {padding:5px 9px;} .about-info p{margin:3px 0;} .about-copyright{margin:5px 0;} }