/* ==========================================================================
   Krignal — v3 editions (Constellation, Lighthouse)
   Loaded after v3.css. Everything the newer v3 editions need on top of the
   original "The Meeting" styles lives here, so that stylesheet stays exactly
   as it was.
   ========================================================================== */

/* the dusk editions: what shows before the first frame is drawn */
.v3-dusk, .v3-dusk .v3-stage { background: #1b2f55; }

/* Painted / Real — the same scene with or without the oil-paint pass */
.v3-look {
  pointer-events: auto;
  display: inline-flex; padding: 3px; gap: 2px;
  border: 1.5px solid rgba(255, 255, 255, .4); border-radius: 999px;
  background: rgba(10, 24, 44, .28); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.v3-look button {
  font: inherit; font-size: .64rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  color: rgba(255, 255, 255, .8); background: none; border: 0; border-radius: 999px;
  padding: 5px 11px; cursor: pointer; transition: background .25s, color .25s;
}
.v3-look button:hover { color: #fff; }
.v3-look button[aria-pressed="true"] { background: var(--gold); color: #2a1c05; }
.v3-look button:focus-visible { outline: 2px solid var(--gold-lt); outline-offset: 2px; }
.v3-chrome__right { display: flex; align-items: center; gap: 10px; }

@media (max-width: 520px) {
  .v3-dusk .v3-chrome { padding: 16px; }
  .v3-dusk .v3-logo { font-size: .8rem; letter-spacing: .2em; }
  .v3-dusk .v3-back { padding: 7px 10px; }
  .v3-dusk .v3-back span { display: none; }
  .v3-look button { padding: 5px 9px; }
}