:root{
  color-scheme:dark;
  --bg:#080a0b;
  --panel:#101416;
  --ink:#e8e1cf;
  --muted:#aaa28f;
  --gold:#c7a75b;
  --red:#7e2626;
  --line:#2a302f;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:
    radial-gradient(circle at top, rgba(126,38,38,.18), transparent 34rem),
    linear-gradient(#07090a,#0a0d0e 55%,#07090a);
  color:var(--ink);
  font:17px/1.6 Georgia,"Times New Roman",serif;
}
.shell{width:min(960px,calc(100% - 32px));margin:0 auto;padding:42px 0 80px}
.hero,.compact{text-align:center;padding:34px 20px}
.compact{padding-bottom:18px}
.sigil{font-size:62px;color:var(--gold);line-height:1}
.eyebrow{font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.18em;color:var(--gold)}
h1{font-size:clamp(38px,7vw,72px);line-height:1.02;margin:.18em 0}
.compact h1{font-size:clamp(34px,5vw,54px)}
.lede{font-size:1.18rem;max-width:760px;margin:18px auto}
.success{color:#e4c66f}
.panel,.question{background:rgba(16,20,22,.93);border:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.28)}
.panel{padding:28px;border-radius:14px}
.panel.wide{overflow:auto}
.start-form{display:grid;gap:18px;margin-top:22px}
label{display:grid;gap:7px}
input[type=text],input[type=email],input:not([type]){
  width:100%;padding:12px 13px;border:1px solid #3a4140;border-radius:8px;background:#090c0d;color:var(--ink);font:inherit
}
.check{grid-template-columns:auto 1fr;align-items:start}
button,.button{
  display:inline-block;border:1px solid #d0b76d;background:#a8893e;color:#090a08;
  font:800 15px/1 system-ui,sans-serif;padding:14px 20px;border-radius:8px;text-decoration:none;cursor:pointer
}
.button.secondary{background:transparent;color:var(--gold)}
.question{padding:24px;margin:18px 0;border-radius:12px}
.question h2{font-size:1.25rem;line-height:1.35;margin:10px 0 18px}
.qmeta{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font:700 12px/1.3 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.answers{display:grid;gap:10px}
.answers label{
  grid-template-columns:auto 1fr;align-items:start;padding:12px;border:1px solid #29302f;border-radius:9px;background:#0b0f10;cursor:pointer
}
.answers label:hover{border-color:#75663d}
.answers input{margin-top:6px}
.submitbar{position:sticky;bottom:12px;padding:18px;background:rgba(8,10,11,.95);border:1px solid var(--line);border-radius:12px;text-align:center}
.submitbar p,.fineprint{color:var(--muted);font-size:.9rem}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px}
th{color:var(--gold);font-family:system-ui,sans-serif;font-size:.8rem;text-transform:uppercase}
@media(max-width:600px){.shell{width:min(100% - 20px,960px)}.question{padding:18px}.qmeta{display:grid}}

textarea,select,input[type=number]{width:100%;padding:12px 13px;border:1px solid #3a4140;border-radius:8px;background:#090c0d;color:var(--ink);font:inherit}
.answer-admin{grid-template-columns:auto 1fr;align-items:center}
.review-item{padding:14px 0;border-top:1px solid var(--line)}
.review-item:first-of-type{border-top:0}
code{color:var(--gold)}
a{color:var(--gold)}


/* Dagon badge fulfilment controls */
.claim-status-form{
  display:grid;
  grid-template-columns:minmax(145px,1fr) auto;
  gap:8px;
  align-items:center;
  min-width:260px;
}
.claim-status-form select{
  width:100%;
  min-width:145px;
  padding:9px 10px;
  border:1px solid #3a4140;
  border-radius:8px;
  background:#090c0d;
  color:var(--ink);
}
.claim-status-form button{
  padding:10px 13px;
  white-space:nowrap;
}
.claim-fulfilled{
  margin-top:8px;
  color:#e4c66f;
  font:700 12px/1.3 system-ui,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.admin-notice{
  margin-bottom:18px;
  border-color:#75663d;
  color:#e4c66f;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media(max-width:700px){
  .claim-status-form{grid-template-columns:1fr;min-width:180px}
}