/* huntcraft.app: the app's look, dark by default. */
@font-face {
  /* The app's wordmark font. SIL Open Font License: /fonts/Condiment-OFL.txt */
  font-family: Condiment;
  src: url(/fonts/Condiment-Regular.ttf) format("truetype");
  font-display: swap;
}
:root {
  --bg: #12160f;
  --card: #1c2318;
  --text: #eef1e8;
  --muted: #a9b29c;
  --green: #4f7d3a;
  --green-light: #6fa356;
}
@media (prefers-color-scheme: light) {
  :root { --bg: #f4f1e8; --card: #ffffff; --text: #1d2318; --muted: #5d6652; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100vh;
  font: 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: var(--bg);
  color: var(--text);
}
main { max-width: 440px; margin: 0 auto; padding: 24px 16px 48px; }
.brand {
  display: inline-flex; align-items: center; gap: 5px;
  color: var(--text); text-decoration: none;
  /* As the app's header (lib/core/brand.dart): Condiment at 34, and a tight
     contact shadow plus a soft lift. */
  font-family: Condiment, cursive; font-weight: 400; font-size: 34px; line-height: 1.25;
  text-shadow: 0 2px 4.5px rgba(0, 0, 0, 0.45), 0 5px 15px rgba(0, 0, 0, 0.3);
}
/* The mark (white, as the dark theme's text), raised 4px to line up with the
   script's middle, with the same shadow. */
.brand .mark {
  width: 29px; height: 29px; transform: translateY(-4px);
  filter: drop-shadow(0 2px 2.2px rgba(0, 0, 0, 0.45)) drop-shadow(0 5px 7.4px rgba(0, 0, 0, 0.3));
}
@media (prefers-color-scheme: light) {
  /* Dark, as the light theme's text. */
  .brand .mark {
    filter: brightness(0.12) drop-shadow(0 2px 2.2px rgba(0, 0, 0, 0.45))
      drop-shadow(0 5px 7.4px rgba(0, 0, 0, 0.3));
  }
}
.card {
  margin-top: 32px; padding: 32px 24px; text-align: center;
  background: var(--card); border-radius: 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}
.pic {
  width: 96px; height: 96px; margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 28px; object-fit: cover;
  color: #fff; font-size: 34px; font-weight: 700;
}
.pic.round { border-radius: 50%; }
h1 { margin: 0 0 4px; font-size: 26px; line-height: 1.2; }
.sub { margin: 0 0 24px; color: var(--muted); }
.button {
  display: block; margin: 12px 0 0; padding: 14px 20px;
  border-radius: 14px; border: 2px solid var(--green);
  color: var(--text); text-decoration: none; font-weight: 600;
}
.button.primary { background: var(--green); color: #fff; }
.hint, .notice { margin: 14px 0 0; font-size: 14px; color: var(--muted); }
.notice { font-size: 16px; color: var(--text); }