:root{
  /* Mission 1249: gold flame on black */
  --bg:#070605; --panel:#14110d; --line:#2c2419; --ink:#f7f0e2; --muted:#b2a792;
  --gold:#e2ad4d; --gold-2:#f6d98f; --gold-deep:#b9772c;
  --tile:#15110b; --tile-line:#5a4524;
  --radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{color:var(--ink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
html{background:var(--bg)}
body{min-height:100vh;min-height:100dvh;background:
  radial-gradient(ellipse 70% 45% at 50% -5%, rgba(226,173,77,.16), transparent 70%),
  radial-gradient(ellipse 60% 50% at 50% 115%, rgba(185,119,44,.18), transparent 70%),
  var(--bg)}
h1,h2,h3,.serif{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:.01em}
button{font:inherit;cursor:pointer;border:0}
.brand{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:14px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.muted{color:var(--muted)}
.btn{background:linear-gradient(135deg,var(--gold-2),var(--gold) 45%,var(--gold-deep));color:#1a1307;padding:14px 22px;border-radius:999px;font-weight:700;font-size:16px;transition:transform .1s, filter .15s}
.btn:hover{filter:brightness(1.08)}
.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}
.btn:disabled{opacity:.45;cursor:default}

/* All four answers share one color so no option stands out. */
.opt-a,.opt-b,.opt-c,.opt-d{background:linear-gradient(160deg,#241c11,var(--tile));border:1px solid var(--tile-line)}

input{font:inherit;font-size:18px;width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(--line);background:#0d0b08;color:var(--ink);outline:none}
input:focus{border-color:var(--gold)}
label{display:block;font-size:13px;color:var(--muted);margin:16px 0 6px;letter-spacing:.04em}

/* Official logo with sizzle and shimmer */
.logo{position:relative;display:inline-block;line-height:0}
.logo img{height:100%;width:auto;display:block;animation:sizzle 2.8s ease-in-out infinite}
.logo .shine{position:absolute;inset:0;pointer-events:none;
  -webkit-mask:url(logo.png) left center/contain no-repeat;mask:url(logo.png) left center/contain no-repeat;
  background:linear-gradient(105deg,transparent 30%,rgba(255,250,225,.95) 48%,rgba(255,236,170,.6) 52%,transparent 68%);
  background-size:260% 100%;background-repeat:no-repeat;animation:shimmer 3.6s ease-in-out infinite}
@keyframes shimmer{0%{background-position:130% 0}55%,100%{background-position:-60% 0}}
@keyframes sizzle{
  0%,100%{filter:drop-shadow(0 0 6px rgba(226,173,77,.45)) brightness(1)}
  20%{filter:drop-shadow(0 0 11px rgba(246,200,110,.75)) brightness(1.08)}
  35%{filter:drop-shadow(0 0 7px rgba(226,173,77,.5)) brightness(1.02)}
  55%{filter:drop-shadow(0 0 14px rgba(255,210,120,.85)) brightness(1.12)}
  75%{filter:drop-shadow(0 0 8px rgba(226,173,77,.55)) brightness(1.03)}}

@keyframes pop{0%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(226,173,77,0)}50%{box-shadow:0 0 0 10px rgba(226,173,77,.18)}}
.pop{animation:pop .35s ease-out}