/* challenge.css */
@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('puzzles.css');
@import url('puzzle-styles/pilot.css');


/*!* Wrequed World — Challenge Pilot *!*/

/*@font-face {*/
/*  font-family: "Veteran Typewriter";*/
/*  src: url("../fonts/veteran_typewriter-webfont.woff") format("embedded-opentype");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*  font-display: swap;*/
/*}*/

/*:root {*/
/*  --background: #1b1412;*/
/*  --board-green: #2d4a2d;*/
/*  --board-border: #8b6914;*/
/*  --tile-bg: #f5e6c8;*/
/*  --tile-border: #c8a84b;*/
/*  --tile-text: #1a1208;*/
/*  --paper: #f3ead8;*/
/*  --ink: #1d1b18;*/
/*  --muted-ink: #4f4740;*/
/*  --accent: #9b2f2f;*/
/*  --accent-hover: #742323;*/
/*  --success: #2d6a2d;*/
/*}*/

/** {*/
/*  box-sizing: border-box;*/
/*}*/

/*body {*/
/*  margin: 0;*/
/*  min-height: 100vh;*/
/*  font-family: Georgia, "Times New Roman", serif;*/
/*  background:*/
/*    radial-gradient(circle at top, rgba(255, 255, 255, 0.05), transparent 32rem),*/
/*    var(--background);*/
/*  color: var(--paper);*/
/*  padding: 1.5rem;*/
/*}*/

/*main {*/
/*  width: min(100%, 760px);*/
/*  margin: 0 auto;*/
/*  padding: 2rem 0 4rem;*/
/*}*/

/*!* Header *!*/
/*.challenge-header {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  align-items: baseline;*/
/*  margin-bottom: 3rem;*/
/*  font-family: "Veteran Typewriter", "Courier New", monospace;*/
/*  font-size: 0.8rem;*/
/*  letter-spacing: 0.1em;*/
/*  text-transform: uppercase;*/
/*}*/

/*.back-link {*/
/*  color: var(--muted-ink);*/
/*  text-decoration: none;*/
/*  transition: color 120ms ease;*/
/*}*/

/*.back-link:hover {*/
/*  color: var(--accent);*/
/*}*/

/*.signal-id {*/
/*  color: var(--accent);*/
/*}*/

/*!* Board — Scrabble tiles *!*/
/*.board {*/
/*  background: var(--board-green);*/
/*  border: 3px solid var(--board-border);*/
/*  border-radius: 0.5rem;*/
/*  padding: 1.5rem;*/
/*  margin-bottom: 3rem;*/
/*  box-shadow:*/
/*    inset 0 2px 8px rgba(0,0,0,0.4),*/
/*    0 4px 16px rgba(0,0,0,0.5);*/
/*}*/

/*.board-title {*/
/*  display: flex;*/
/*  flex-wrap: wrap;*/
/*  gap: 0.3rem;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*}*/

/*.tile {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  width: 2.4rem;*/
/*  height: 2.4rem;*/
/*  background: var(--tile-bg);*/
/*  border: 2px solid var(--tile-border);*/
/*  border-radius: 0.2rem;*/
/*  font-family: "Veteran Typewriter", "Courier New", monospace;*/
/*  font-size: 1.1rem;*/
/*  font-weight: bold;*/
/*  color: var(--tile-text);*/
/*  box-shadow:*/
/*    inset 0 1px 0 rgba(255,255,255,0.6),*/
/*    0 2px 0 rgba(0,0,0,0.4);*/
/*  text-transform: uppercase;*/
/*}*/

/*.spacer {*/
/*  width: 0.8rem;*/
/*}*/

/*!* Narrative *!*/
/*.narrative {*/
/*  margin-bottom: 3rem;*/
/*  max-width: 62ch;*/
/*}*/

/*.narrative p {*/
/*  font-size: clamp(1rem, 2.5vw, 1.1rem);*/
/*  line-height: 1.75;*/
/*  margin: 0 0 1.25rem;*/
/*  color: rgba(243, 234, 216, 0.85);*/
/*}*/

/*.narrative strong {*/
/*  color: var(--tile-bg);*/
/*}*/

/*.narrative em {*/
/*  font-style: italic;*/
/*  color: var(--tile-bg);*/
/*}*/

/*.hint-line {*/
/*  color: var(--paper) !important;*/
/*  font-style: italic;*/
/*  border-left: 2px solid var(--accent);*/
/*  padding-left: 1rem;*/
/*  margin-left: 0 !important;*/
/*}*/

/*!* Challenge box *!*/
/*.challenge-box {*/
/*  background: rgba(255,255,255,0.04);*/
/*  border: 1px solid rgba(255,255,255,0.1);*/
/*  border-radius: 0.35rem;*/
/*  padding: 1.5rem 1.75rem;*/
/*  margin-bottom: 2.5rem;*/
/*}*/

/*.challenge-box h2 {*/
/*  font-family: "Veteran Typewriter", "Courier New", monospace;*/
/*  font-size: 0.85rem;*/
/*  letter-spacing: 0.12em;*/
/*  text-transform: uppercase;*/
/*  color: var(--accent);*/
/*  margin: 0 0 1rem;*/
/*}*/

/*.challenge-box p {*/
/*  font-size: 1rem;*/
/*  line-height: 1.65;*/
/*  color: rgba(243, 234, 216, 0.8);*/
/*  margin: 0 0 0.75rem;*/
/*}*/

/*.flag-format {*/
/*  display: inline-block;*/
/*  font-family: "Courier New", monospace;*/
/*  font-size: 1rem;*/
/*  color: var(--tile-bg);*/
/*  background: rgba(0,0,0,0.3);*/
/*  border: 1px solid rgba(255,255,255,0.1);*/
/*  border-radius: 0.2rem;*/
/*  padding: 0.2rem 0.6rem;*/
/*  margin: 0.25rem 0 0.75rem;*/
/*  letter-spacing: 0.05em;*/
/*}*/

/*!* Submit form *!*/
/*.submit-section {*/
/*  margin-bottom: 3rem;*/
/*}*/

/*.flag-form label,*/
/*.waitlist-form label {*/
/*  display: block;*/
/*  font-family: "Veteran Typewriter", "Courier New", monospace;*/
/*  font-size: 0.8rem;*/
/*  letter-spacing: 0.1em;*/
/*  text-transform: uppercase;*/
/*  color: var(--muted-ink);*/
/*  margin-bottom: 0.6rem;*/
/*}*/

/*.input-row {*/
/*  display: flex;*/
/*  gap: 0.5rem;*/
/*  margin-bottom: 0.5rem;*/
/*}*/

/*.input-row input {*/
/*  flex: 1;*/
/*  font-family: "Courier New", monospace;*/
/*  font-size: 1rem;*/
/*  padding: 0.75rem 1rem;*/
/*  background: rgba(255,255,255,0.05);*/
/*  border: 1px solid rgba(255,255,255,0.15);*/
/*  border-radius: 0.25rem;*/
/*  color: var(--paper);*/
/*  outline: none;*/
/*  transition: border-color 120ms ease;*/
/*}*/

/*.input-row input:focus {*/
/*  border-color: var(--accent);*/
/*}*/

/*.input-row input::placeholder {*/
/*  color: rgba(255,255,255,0.2);*/
/*}*/

/*.input-row button {*/
/*  font-family: "Veteran Typewriter", "Courier New", monospace;*/
/*  font-size: 0.85rem;*/
/*  text-transform: uppercase;*/
/*  letter-spacing: 0.08em;*/
/*  padding: 0.75rem 1.25rem;*/
/*  background: var(--accent);*/
/*  color: #fff8ec;*/
/*  border: none;*/
/*  border-radius: 0.25rem;*/
/*  cursor: pointer;*/
/*  box-shadow: 0 0.25rem 0 var(--accent-hover);*/
/*  transition: transform 120ms ease, box-shadow 120ms ease;*/
/*}*/

/*.input-row button:hover {*/
/*  transform: translateY(2px);*/
/*  box-shadow: 0 0.1rem 0 var(--accent-hover);*/
/*}*/

/*.input-row button:disabled {*/
/*  opacity: 0.5;*/
/*  cursor: default;*/
/*  transform: none;*/
/*}*/

/*.form-hint {*/
/*  font-size: 0.85rem;*/
/*  color: var(--muted-ink);*/
/*  margin: 0.25rem 0 0;*/
/*}*/

/*.form-feedback {*/
/*  font-size: 0.9rem;*/
/*  min-height: 1.4rem;*/
/*  margin: 0.5rem 0 0;*/
/*  color: var(--muted-ink);*/
/*}*/

/*.form-feedback.error {*/
/*  color: var(--accent);*/
/*}*/

/*.form-feedback.success {*/
/*  color: #5a9e5a;*/
/*}*/

/*!* Succesmelding *!*/
/*.success-section {*/
/*  text-align: center;*/
/*  padding: 20px;*/
/*  background-color: #f3ead8; !* Lichtbeige achtergrond (passend bij je thema) *!*/
/*  border-radius: 8px;*/
/*  margin: 20px auto;*/
/*  max-width: 500px;*/
/*}*/

/*!* Discord-knop *!*/
/*.discord-button {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  gap: 10px;*/
/*  background-color: #5865F2; !* Discord-blauw *!*/
/*  color: white;*/
/*  padding: 12px 24px;*/
/*  border: none;*/
/*  border-radius: 8px;*/
/*  font-size: 16px;*/
/*  font-weight: bold;*/
/*  text-decoration: none;*/
/*  margin-top: 15px;*/
/*  transition: background-color 0.3s;*/
/*}*/

/*.discord-button:hover {*/
/*  background-color: #4752C4; !* Donkerder blauw bij hover *!*/
/*}*/

/*.discord-button svg {*/
/*  width: 24px;*/
/*  height: 24px;*/
/*}*/

/*.success-msg {*/
/*  margin-bottom: 1.5rem;*/
/*}*/

/*.success-msg p {*/
/*  margin: 0 0 0.4rem;*/
/*  font-family: "Veteran Typewriter", "Courier New", monospace;*/
/*  font-size: 1rem;*/
/*  letter-spacing: 0.05em;*/
/*  color: #5a9e5a;*/
/*}*/

/*.success-sub {*/
/*  font-family: Georgia, serif !important;*/
/*  font-size: 0.95rem !important;*/
/*  color: rgba(243, 234, 216, 0.7) !important;*/
/*  letter-spacing: 0 !important;*/
/*}*/

/*!* Footer *!*/
/*.challenge-footer {*/
/*  margin-top: 4rem;*/
/*  padding-top: 1.5rem;*/
/*  border-top: 1px solid rgba(255,255,255,0.07);*/
/*}*/

/*.challenge-footer p {*/
/*  font-family: "Veteran Typewriter", "Courier New", monospace;*/
/*  font-size: 0.75rem;*/
/*  letter-spacing: 0.1em;*/
/*  text-transform: uppercase;*/
/*  color: var(--muted-ink);*/
/*  margin: 0;*/
/*}*/

/*!* Responsive *!*/
/*@media (max-width: 520px) {*/
/*  .tile {*/
/*    width: 1.8rem;*/
/*    height: 1.8rem;*/
/*    font-size: 0.85rem;*/
/*  }*/
/*  .input-row {*/
/*    flex-direction: column;*/
/*  }*/
/*  .input-row button {*/
/*    width: 100%;*/
/*  }*/
/*}*/


/*!* Algemene knop-stijl *!*/
/*.btn {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  gap: 10px;*/
/*  background-color: #9b2f2f;*/
/*  color: white;*/
/*  padding: 12px 24px;*/
/*  border: none;*/
/*  border-radius: 8px;*/
/*  font-size: 16px;*/
/*  font-weight: bold;*/
/*  text-decoration: none;*/
/*  transition: background-color 0.3s;*/
/*  cursor: pointer;*/
/*}*/

/*.btn:hover {*/
/*  background-color: #7a2424;*/
/*}*/

/*!* Specifieke stijlen voor de Submit-knop *!*/
/*button[type="submit"] {*/
/*  !* Erft alle stijlen van .btn *!*/
/*  !* Voeg eventueel extra stijlen toe als dat nodig is *!*/
/*}*/

/*!* Discord-knop erft de algemene stijl *!*/
/*!* Stijl voor de Discord-knop (rood, zoals de Submit-knop) *!*/
/*.discord-button {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  gap: 10px;*/
/*  background-color: #9b2f2f; !* Rode kleur (zelfde als je accentkleur) *!*/
/*  color: white;*/
/*  padding: 12px 24px;*/
/*  border: none;*/
/*  border-radius: 8px;*/
/*  font-size: 16px;*/
/*  font-weight: bold;*/
/*  text-decoration: none;*/
/*  margin-top: 15px;*/
/*  transition: background-color 0.3s;*/
/*  cursor: pointer;*/
/*}*/

/*.discord-button:hover {*/
/*  background-color: #7a2424; !* Donkerder rood bij hover *!*/
/*}*/

/*.discord-button svg {*/
/*  width: 24px;*/
/*  height: 24px;*/
/*}*/


/*!* Algemene stijl voor alle boxen *!*/
/*.box {*/
/*  padding: 20px;*/
/*  border-radius: 8px;*/
/*  margin: 20px auto;*/
/*  max-width: 600px;*/
/*  text-align: center;*/
/*  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); !* Subtiele schaduw *!*/
/*}*/

/*!* Donkere box (voor "YOUR OBJECTIVE" en succesmelding) *!*/
/*.dark-box {*/
/*  background-color: #1b1718; !* Donker (zelfde als je achtergrond) *!*/
/*  color: #f3ead8; !* Lichtbeige tekst *!*/
/*  border: 1px solid #3a3a3a; !* Subtiele rand *!*/
/*}*/

/*!* Lichte box (voor challenge-box) *!*/
/*.light-box {*/
/*  background-color: #f3ead8; !* Lichtbeige (passend bij je thema) *!*/
/*  color: #1b1718; !* Donkere tekst *!*/
/*  border: 1px solid #d4c4a8; !* Subtiele rand *!*/
/*}*/


/*!* Succesmelding-specifieke stijlen *!*/
/*#success-section {*/
/*  display: none; !* Verborgen tot de flag correct is *!*/
/*}*/

/*#success-section p {*/
/*  margin: 10px 0;*/
/*  font-size: 18px;*/
/*}*/

/*!* Discord-knop (binnen de donkere box) *!*/
/*#success-section .discord-button {*/
/*  background-color: #9b2f2f; !* Rode knop *!*/
/*  color: white;*/
/*  margin-top: 15px;*/
/*}*/


/*!* Overzichtspagina stijlen *!*/
/*.challenges-list {*/
/*    max-width: 800px;*/
/*    margin: 0 auto;*/
/*    padding: 20px;*/
/*}*/

/*.challenge-cards {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));*/
/*    gap: 20px;*/
/*    margin-top: 20px;*/
/*}*/

/*.challenge-card {*/
/*    background-color: #f3ead8;*/
/*    border: 1px solid #d4c4a8;*/
/*    border-radius: 8px;*/
/*    padding: 15px;*/
/*    text-align: center;*/
/*  color: #1d1b18; !* Donkere tekst voor leesbaarheid *!*/
/*}*/

/*.challenge-card h3 {*/
/*    margin-top: 0;*/
/*    color: #9b2f2f;*/
/*}*/

/*.challenge-link {*/
/*    display: inline-block;*/
/*    background-color: #9b2f2f;*/
/*    color: white;*/
/*    padding: 8px 16px;*/
/*    border-radius: 4px;*/
/*    text-decoration: none;*/
/*    margin-top: 10px;*/
/*}*/

/*.challenge-link:hover {*/
/*    background-color: #7a2424;*/
/*}*/

/*!* Succesmelding stijlen *!*/
/*#success-container {*/
/*    margin: 20px auto;*/
/*    max-width: 600px;*/
/*}*/

/*!* Briefpapier-stijl voor titels *!*/
/*#page-title {*/
/*  font-family: 'Veteran Typewriter', monospace;*/
/*  font-size: 2.5rem;*/
/*  text-align: center;*/
/*  margin: 20px 0;*/
/*  color: #1b1718;*/
/*  background-color: #f3ead8;*/
/*  padding: 10px 20px;*/
/*  border: 1px solid #9b2f2f;*/
/*  display: inline-block;*/
/*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*}*/

/*!* Briefpapier-stijl voor "Your Objective" en andere boxen *!*/
/*.box {*/
/*  background-color: #f3ead8;*/
/*  border: 1px solid #9b2f2f;*/
/*  padding: 20px;*/
/*  margin: 20px auto;*/
/*  max-width: 600px;*/
/*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
/*  font-family: 'Veteran Typewriter', monospace;*/
/*  color: #1b1718;*/
/*}*/

/*!* Donkere boxen (voor success-melding) *!*/
/*.dark-box {*/
/*  background-color: #1b1718;*/
/*  color: #f3ead8;*/
/*  border: 1px solid #9b2f2f;*/
/*}*/

/*!* Discord-knop met icoon *!*/
/*.discord-button {*/
/*  display: inline-flex;*/
/*  align-items: center;*/
/*  gap: 10px;*/
/*  background-color: #9b2f2f;*/
/*  color: white;*/
/*  padding: 10px 20px;*/
/*  border-radius: 4px;*/
/*  text-decoration: none;*/
/*  font-family: 'Veteran Typewriter', monospace;*/
/*  margin-top: 15px;*/
/*}*/

/*.discord-button svg {*/
/*  width: 24px;*/
/*  height: 24px;*/
/*  fill: currentColor;*/
/*}*/