@import url('../player/assets/fonts.css');
:root {
  color-scheme: dark;
  --ink:#101526; --panel:#192039; --panel-2:#212b49; --line:#354160;
  --ivory:#f5edda; --muted:#bbc4d5; --parchment:#f3dfbb;
  --coral:#ff805e; --coral-deep:#d75340; --mint:#8edfc4; --lavender:#c9a5fc;
  --gold:#ffcc78; --danger:#ff9b9b; --radius:22px;
  font-family: 'Bricolage', ui-sans-serif, system-ui, sans-serif;
  background:var(--ink); color:var(--ivory);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:var(--ink); color:var(--ivory); }
button,input,select { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.53; }
:focus-visible { outline:3px solid var(--mint); outline-offset:3px; }
a { color:inherit; }
.fc-button { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.65rem 1.05rem; border:1px solid transparent; border-radius:13px; font-weight:800; background:var(--coral); color:#231b22; box-shadow:0 7px 18px #0003; }
.fc-button:hover:not(:disabled) { transform:translateY(-1px); filter:brightness(1.06); }
.fc-button--ghost { background:var(--panel-2); color:var(--ivory); border-color:var(--line); box-shadow:none; }
.fc-input { min-height:44px; width:100%; border:1px solid #65718d; border-radius:12px; background:#121a31; color:var(--ivory); padding:.7rem .85rem; }
.fc-input::placeholder { color:#aeb9ce; }
.fc-field { display:grid; gap:.35rem; font-weight:700; }
.fc-field span { color:var(--ivory); }
.fc-empty { padding:2rem; text-align:center; border:1px dashed var(--line); border-radius:var(--radius); color:var(--muted); }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }
