:root {
  font-family: system-ui, sans-serif;
  color: #17362a;
  background: #176B3A;
  font-size: 18px;
  line-height: 1.6;
}
* { box-sizing: border-box; }
body { margin: 0; padding: clamp(1rem, 5vw, 3rem); }
main {
  max-width: 42rem;
  margin: clamp(1rem, 8vh, 5rem) auto;
  padding: clamp(1rem, 5vw, 3rem);
  background: #fff;
  border-top: 5px solid #24734c;
  border-radius: 0.75rem;
}
.panther-logo {
  display: block;
  width: 14rem;
  max-width: 100%;
  height: auto;
  margin: 0 auto 1.5rem;
}
.eyebrow { color: #356249; font-weight: 600; }
h1 { font-size: clamp(1.75rem, 5vw, 2.75rem); line-height: 1.2; overflow-wrap: anywhere; }
button {
  font: inherit;
  font-weight: 600;
  color: #fff;
  background: #216541;
  border: 0;
  border-radius: 0.5rem;
  padding: 0.8rem 1.5rem;
  min-height: 48px;
  max-width: 100%;
  cursor: pointer;
}
button:hover { background: #174c30; }
button:focus-visible { outline: 3px solid #17362a; outline-offset: 4px; }
#game-notice { min-height: 3.2em; }