/*
  Shared base stylesheet for the fivecentduck.net site.
  Linked as <link rel="stylesheet" href="/style.css"> from:
    - public/index.html        (landing page)
    - templates/login.html     (password form)
    - templates/games.html     (games hub)

  Page-specific styles still live inline in each file's own <style> block.
  Files inside games/ are served in iframes as independent documents and
  deliberately do NOT use this stylesheet — each game wrapper stays
  self-contained so it can be dropped in without coordination.
*/

:root {
  --bg: #0b0b0c;
  --fg: #f3f3f3;
  --muted: #8a8a8a;
  --accent: #66a5d7;
  --panel: #161618;
  --border: #2a2a2a;
  --error: #ff5555;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  padding: 1rem;
  text-align: center;
  font-size: 0.8rem;
  color: var(--muted);
}

[hidden] {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
  }
}