:root {
  color-scheme: light;
  font: 16px/1.5 system-ui, sans-serif;
  --cream: #faf0d7;
  --paper: #fff9e9;
  --ink: #28170f;
  --muted: #654d3d;
  --gold: #ffcf39;
  --red: #c73324;
  --blue: #135279;
  --line: #dfccb0;
  --shadow: 5px 5px 0 var(--ink);
}
* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--ink);
  background: radial-gradient(#e6d4b0 0.7px, transparent 0.7px) 0 0 / 8px 8px, var(--cream);
}
.wrap { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.site-header { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.wordmark { display: flex; align-items: center; gap: 10px; text-decoration: none; font-size: 19px; font-weight: 950; line-height: 1.05; }
.wordmark small { display: block; color: var(--red); margin-top: 3px; font-size: 10px; text-transform: uppercase; letter-spacing: .16em; }
nav { display: flex; gap: clamp(12px, 3vw, 30px); font-size: .88rem; font-weight: 750; }
nav a { text-decoration: none; }
nav a:hover { text-decoration: underline; }
h1, h2, h3, p, figure { margin: 0; }
.label { font-size: .73rem; font-weight: 850; text-transform: uppercase; letter-spacing: .13em; }
.badge { display: inline-block; border: 1.5px solid currentColor; border-radius: 99px; padding: 5px 10px; }
.hero { display: grid; grid-template-columns: 1fr 1.04fr; border: 3px solid var(--ink); border-radius: 24px; overflow: hidden; background: var(--gold); box-shadow: var(--shadow); }
.hero-copy {
  padding: clamp(26px, 5vw, 68px);
  background: radial-gradient(#d29e2e 0.9px, transparent 0.9px) right bottom / 9px 9px;
  min-width: 0;
}
.hero-copy .badge { background: var(--paper); }
h1 {
  margin: 16px 0;
  font-size: clamp(2.5rem, 7.5vw, 6.5rem);
  line-height: .87;
  letter-spacing: -.075em;
  font-weight: 1000;
  text-transform: uppercase;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: var(--ink);
}
.lede { font-size: clamp(1rem, 1.6vw, 1.15rem); font-weight: 650; max-width: 30ch; }
.hero-art { position: relative; min-height: 365px; border-left: 3px solid var(--ink); }
.hero-art img, .gift-art img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero-art img { position: absolute; inset: 0; object-position: center 42%; }
.mint { margin-top: 18px; font-size: .75rem; font-weight: 650; overflow-wrap: anywhere; }
.button, button {
  display: inline-flex; align-items: center; gap: 14px; justify-content: center;
  color: #fff9e9; background: var(--ink); border: 2px solid var(--ink); border-radius: 8px;
  padding: 10px 15px; font: inherit; font-weight: 800; text-decoration: none; cursor: pointer;
}
.button:hover, button:hover { background: var(--blue); }
.hero .button { margin-top: 22px; }
button.secondary { background: var(--paper); color: var(--ink); }
button:disabled { opacity: .55; cursor: wait; }
.status { font-size: .9rem; font-weight: 750; color: #983021; margin: 14px 0; }
.status:empty { margin: 0; }
.panel { border: 2px solid var(--ink); border-radius: 20px; background: var(--paper); margin: 28px 0; padding: clamp(17px, 3.1vw, 36px); box-shadow: 4px 4px 0 var(--ink); scroll-margin-top: 18px; }
.section-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.section-heading .badge { color: var(--blue); white-space: nowrap; }
.panel .label { color: var(--red); }
h2 { font-size: clamp(1.8rem, 4vw, 3.2rem); line-height: 1; font-weight: 950; letter-spacing: -.045em; margin-top: 5px; }
h3 { font-size: 1.2rem; line-height: 1.15; }
.treasury-overview { display: grid; grid-template-columns: 1.08fr 1fr; gap: 12px; }
.balance-card, .split-card { min-width: 0; border-radius: 12px; padding: clamp(14px, 2.3vw, 25px); }
.balance-card { background: var(--ink); color: var(--paper); }
.balance-card .label, .balance-card a { color: var(--gold); }
.balance-card a { font-size: .84rem; font-weight: 750; }
.amount { font-size: clamp(1.3rem, 3.7vw, 2.9rem); line-height: 1.1; font-weight: 950; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; margin: 8px 0; letter-spacing: -.04em; }
.balance-note { color: #e1c9aa; font-size: .78rem; }
.wallet-address { overflow-wrap: anywhere; font: .76rem/1.5 ui-monospace, monospace; margin: 10px 0; }
.split-card { background: #f6e5bd; border: 1px solid #ddc49a; }
.split-bar { display: grid; grid-template-columns: 4fr 1fr; height: 12px; margin: 13px 0 9px; border: 1px solid var(--ink); border-radius: 99px; overflow: hidden; }
.split-bar span:first-child { background: var(--gold); }
.split-bar span:last-child { background: var(--red); border-left: 1px solid var(--ink); }
.split-legend { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.split-legend strong { display: block; font-size: 1.25rem; line-height: 1; }
.split-legend span { font-size: .79rem; font-weight: 750; }
.split-card > p:last-child, .fine, #ledgerStatus { font-size: .82rem; color: var(--muted); }
.ledger-heading { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 15px; margin-top: 24px; }
.metrics, .ledger-summary { display: grid; gap: 10px; margin: 10px 0; }
.metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ledger-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.metrics div, .ledger-summary div { border: 1px solid var(--line); border-radius: 9px; padding: 10px 12px; min-width: 0; }
.metrics .highlight { background: #ffe58b; border-color: #dbad37; }
dt { font-size: .77rem; font-weight: 700; }
dd { margin: 2px 0 0; font-size: clamp(.89rem, 1.9vw, 1.22rem); font-weight: 900; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.gifts { padding: 0; overflow: hidden; display: grid; grid-template-columns: 1.3fr .7fr; }
.gift-copy { padding: clamp(17px, 3.1vw, 36px); }
.gift-copy .fine { margin: 10px 0 14px; }
.gift-art { border-left: 2px solid var(--ink); background: #e8a64a; }
.gift-art img { height: auto; }
.catalog { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(155px, 100%), 1fr)); gap: 8px; }
.catalog article { border: 1px solid var(--line); background: #f6e5bd; padding: 10px; border-radius: 8px; overflow-wrap: anywhere; }
.catalog h3 { font-size: .95rem; }
.catalog p, .catalog small { font-size: .78rem; }
.catalog small { color: var(--muted); }
.account { display: grid; gap: 16px; }
label { display: block; font-weight: 750; margin-bottom: 8px; }
input { display: block; width: 100%; max-width: 16rem; padding: 8px; margin: 4px 0; border: 1px solid var(--ink); border-radius: 5px; font: inherit; }
form .fine { margin-top: 8px; }
#claims { padding-left: 18px; }
#claims:empty { display: none; }
.site-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 20px; border-top: 2px solid var(--ink); padding: 16px 0 24px; font-size: .84rem; font-weight: 850; }
.site-footer span:last-child { color: var(--blue); }
[hidden] { display: none !important; }
@media (max-width: 740px) {
  .hero { grid-template-columns: 1fr; }
  .hero-art { min-height: clamp(220px, 63vw, 400px); border-left: 0; border-top: 3px solid var(--ink); }
  h1 br { display: none; }
  h1 br::after { content: " "; }
  .metrics, .ledger-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 500px) {
  .wrap { width: calc(100% - 26px); }
  .site-header { flex-wrap: wrap; gap: 8px; padding: 9px 0 13px; }
  nav { flex-basis: 100%; }
  .treasury-overview, .gifts { grid-template-columns: 1fr; }
  .gift-art { border-left: 0; border-top: 2px solid var(--ink); }
  .section-heading .badge { white-space: normal; }
}
.hero-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.hero-copy .launch-badge { color: var(--paper); background: #9e291d; border-color: var(--ink); }
.concept-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0; margin: 18px 0 0; list-style: none; }
.concept-steps li { padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: #f6e5bd; }
.concept-steps h3 { margin: 5px 0 6px; }
.concept-steps p { color: var(--muted); font-size: .88rem; }
.brand-logos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 610px; gap: 12px; list-style: none; padding: 0; margin: 15px 0 0; }
.brand-logos li { display: grid; place-items: center; overflow: hidden; border: 1px solid var(--ink); border-radius: 10px; background: white; }
.brand-logos img { width: 100%; height: auto; display: block; }
.brand-logos .uber-wordmark { background: #101010; color: #fff; }
.uber-wordmark span { font: 800 clamp(1.15rem, 4vw, 2.2rem)/1 system-ui, sans-serif; letter-spacing: -.05em; white-space: nowrap; }
.uber-wordmark strong { color: #42d68b; }
@media (max-width: 620px) { .concept-steps { grid-template-columns: 1fr; } }
.strapline { font-weight: 1000; font-size: clamp(1.1rem, 3vw, 1.75rem); color: #84281d; letter-spacing: -.025em; margin: 0 0 8px; }

.wallet-metrics, .reward-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(145px, 100%), 1fr)); gap: 10px; }
.wallet-metrics div, .reward-option { border: 1px solid var(--line); border-radius: 9px; padding: 12px; min-width: 0; }
.reward-options { grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); }
.reward-option { background: #fff4d8; }
.reward-option h3 { margin: 5px 0 10px; }
.reward-option.paused { background: #eee9de; color: #665c52; }
.reward-option select { width: 100%; padding: 7px; margin-bottom: 8px; border: 1px solid #aea297; border-radius: 5px; font: inherit; }
.reward-option button:disabled { cursor: not-allowed; background: #625e58; }
#noTokens { width: min(440px, calc(100% - 28px)); border: 2px solid var(--ink); border-radius: 14px; background: var(--paper); color: var(--ink); padding: 24px; }
#noTokens::backdrop { background: #28170fb0; }
#noTokens h2 { margin: 8px 0; }
#noTokens button { margin-top: 14px; }

@media (max-width: 420px) { .brand-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* v1.6 · official mint and gift claim journey */
.ca-strip { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; justify-content:space-between; border:2px solid var(--ink); border-radius:14px; padding:14px 18px; background:#fff0bd; box-shadow:3px 3px 0 var(--ink); margin:12px 0 20px; }
.ca-strip > div:first-child { min-width:0; flex:1 1 250px; }
.ca-strip .label { display:block; color:#902c20; font-size:.76rem; margin-bottom:5px; }
.ca-strip strong { display:block; font:800 clamp(.75rem,1.5vw,.94rem)/1.5 ui-monospace,monospace; overflow-wrap:anywhere; user-select:all; }
.ca-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.ca-strip small { flex-basis:100%; font-size:.75rem; color:var(--muted); }
.ca-strip button { padding:9px 16px; }
.ca-strip a { font-size:.86rem; font-weight:800; }
.gift-claim-card input[type=email] { max-width:none; background:white; padding:11px; }
.gift-claim-card select { background:white; padding:11px; }
.confirm-label { display:flex; align-items:flex-start; gap:9px; font-size:.85rem; }
.confirm-label input { width:17px; height:17px; flex:none; margin:2px 0 0; }
.gift-claim-card button { width:100%; margin:6px 0; }
.gift-claim-card .fine { margin:8px 0; }
.subheading { margin-top:18px; }

/* 1.7.1 public claim panel: visible without wallet sign-in */
#gift-cards .gift-copy { min-width:0; }
#gift-cards .gift-claim-card { display:block; margin-top:24px; padding:22px; border:2px solid var(--ink); border-radius:16px; background:#fff7dc; box-shadow:4px 4px 0 var(--ink); }
#gift-cards #giftForm { display:flex; flex-direction:column; gap:10px; scroll-margin-top:20px; }
#gift-cards #giftForm label { font-weight:800; }
#gift-cards #giftEmail, #gift-cards #giftChoice { width:100%; max-width:none; box-sizing:border-box; min-height:47px; border:2px solid var(--ink); border-radius:8px; font-size:1rem; padding:10px; background:white; }
#gift-cards .confirm-label { display:flex; align-items:flex-start; gap:9px; font-weight:600!important; }
#gift-cards #giftConfirm { width:19px; height:19px; flex-shrink:0; margin-top:3px; }
#gift-cards #giftSubmit { min-height:48px; }
#caAddress { user-select:all; }
@media(max-width:650px){#gift-cards .gift-claim-card {padding:15px;}}

/* CLUCKIN' BELL v2 — FAST FOOD TAKEAWAY IDENTITY — PRESENTATION ONLY */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--cream:#fff1bd;--paper:#fff9e7;--ink:#2e100a;--muted:#754d34;--gold:#ffd52e;--red:#bb1222;--blue:#ba1422;--line:#efbc8c;--shadow:6px 6px 0 #500d15;font-family:'DM Sans',Arial,sans-serif}
body{background:repeating-linear-gradient(135deg,#fff1c7 0px,#fff1c7 17px,#ffe6a7 17px,#ffe6a7 18px);color:var(--ink)}
.wrap{width:min(1180px,calc(100% - 40px))}
.site-header{width:100%;max-width:none;padding:12px max(20px,calc((100vw - 1180px)/2));min-height:92px;background:var(--red);border-bottom:6px solid var(--gold);color:white;box-shadow:0 6px 0 #5f0d17;position:relative;z-index:2}
.wordmark{font:900 1.75rem/.85 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;text-shadow:2px 3px #671020}
.wordmark img{width:53px;height:53px;background:var(--gold);border:3px solid white;border-radius:50%;padding:5px;box-shadow:3px 3px 0 #6b0611}
.wordmark small{font:800 .6rem/1.5 'DM Sans',sans-serif;color:var(--gold);letter-spacing:.11em;margin-top:7px}
nav{gap:8px;flex-wrap:wrap}nav a{font:900 1rem/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;border-radius:8px;padding:10px 12px;background:#9d0d18;border:2px solid #d95445;transition:.15s ease}nav a:hover{background:var(--gold);color:var(--ink);text-decoration:none;transform:translateY(-2px)}
.ca-strip{margin:22px 0 24px;border:3px dashed var(--red);background:#fff6df;box-shadow:4px 4px 0 var(--red);border-radius:9px;padding:16px 19px}
.ca-strip .label{color:var(--red);font:900 1rem 'Barlow Condensed',sans-serif;letter-spacing:.08em}
.ca-strip strong{font-size:clamp(.75rem,1.4vw,1rem)}
.hero{border:6px solid #710d17;background:var(--red);border-radius:16px;box-shadow:10px 10px 0 var(--gold);grid-template-columns:1.06fr .94fr;min-height:540px}
.hero-copy{padding:clamp(26px,4vw,65px);background:radial-gradient(circle at 15% 85%,#eb2e23 0,#b81021 56%,#82091a 100%);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero .hero-copy .badge{border:2px solid var(--gold);background:var(--gold);color:#801019;font-family:'Barlow Condensed',sans-serif;font-size:.95rem;border-radius:3px;font-weight:900;letter-spacing:.05em}
.hero .hero-copy .launch-badge{background:white;color:var(--red);border-color:white}
h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:900}
h1{color:var(--gold);text-shadow:4px 4px 0 #540711;font-size:clamp(4.3rem,9vw,8.3rem);line-height:.8;letter-spacing:-.035em;margin:23px 0 15px;overflow-wrap:normal}
.strapline{font:900 clamp(1.9rem,4vw,3.6rem)/.94 'Barlow Condensed',Impact,sans-serif;letter-spacing:.01em;color:white;background:#500716;transform:rotate(-2deg);padding:10px 14px;margin:4px 0 20px;box-shadow:5px 5px 0 var(--gold)}
.hero .lede{font-weight:700;max-width:45ch;line-height:1.5;color:#fff0db}
.hero .button{background:var(--gold);color:#610c14;border:3px solid #3d0810;font:900 1.2rem 'Barlow Condensed',sans-serif;letter-spacing:.05em;border-radius:4px;padding:14px 22px;box-shadow:5px 5px 0 #510d13;margin-top:26px}
.hero .button:hover{background:white;color:var(--red)}
.hero-art{border-left:6px solid #710d17;background:#ffae21}
.hero-art img{object-position:center 35%}
.ticker-strip{background:var(--gold);color:var(--red);font:900 clamp(.8rem,1.7vw,1.4rem) 'Barlow Condensed',sans-serif;letter-spacing:.09em;text-align:center;padding:13px 8px;margin:24px 0 28px;border:3px solid #711019;box-shadow:4px 4px 0 #711019}
.panel{border:4px solid #7b1119;border-radius:14px;background:#fff9e9;box-shadow:7px 7px 0 #bd1b21;padding:clamp(22px,3vw,42px);margin:30px 0}
.panel .label{color:var(--red);font:900 1.05rem 'Barlow Condensed',sans-serif;letter-spacing:.09em}
h2{font-size:clamp(2.5rem,5vw,4.4rem);line-height:.92;letter-spacing:-.012em;color:#92101e}
h3{font-size:clamp(1.35rem,2.3vw,1.9rem)}
.concept{background:var(--gold)}.concept-steps{gap:16px}.concept-steps li{background:white;border:3px solid #ae1521;border-radius:12px;padding:22px;box-shadow:5px 5px 0 #75111b}.concept-steps p{line-height:1.6}
.balance-card{background:#850e1a;color:#fff8e0;border:3px solid #4a0711;border-radius:10px}.balance-card .label,.balance-card a{color:var(--gold)}
.split-card{background:#ffe4aa;border:2px solid #dba04d}
.split-bar span:first-child{background:#e31e2e}.split-bar span:last-child{background:var(--gold)}
.metrics div,.ledger-summary div{background:#fff3d0;border:2px solid #e9be83;border-radius:7px;padding:15px}.metrics .highlight{background:var(--gold);border-color:#a62221}
.gifts{padding:0;grid-template-columns:1.15fr .85fr;overflow:hidden;background:#fff4d4}
.gift-copy{padding:clamp(23px,3vw,39px)}.gift-art{background:var(--red);border-left:5px solid #740b19;min-height:450px;display:flex;align-items:center;justify-content:center;padding:18px 12px 8px}.gift-art img{width:100%;height:100%;object-fit:contain;object-position:center center;max-height:100%}
.menu-ribbon{background:#ae1020;color:white;padding:10px;font:900 1.1rem 'Barlow Condensed',sans-serif;letter-spacing:.04em;transform:rotate(-1deg);margin:25px 0 15px;box-shadow:4px 4px 0 var(--gold)}
.brand-logos{gap:7px}.brand-logos li{border:3px solid #960e20;border-radius:7px;box-shadow:3px 3px 0 #ffba26}
.catalog article{background:#fff6dc;border:2px dashed #c22d26;border-radius:8px;padding:14px}
#gift-cards .gift-claim-card{background:white;border:3px solid #92111b;box-shadow:6px 6px 0 var(--gold);border-radius:9px;padding:24px}
#gift-cards .gift-claim-card h3{font-size:2rem;color:#bd1020}
#gift-cards #giftEmail,#gift-cards #giftChoice{border:2px solid #9f1720;border-radius:4px}
button,.button{background:var(--red);color:white;border:2px solid #64101a;font-family:'Barlow Condensed',sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border-radius:5px;padding:12px 20px;font-size:1.15rem}
button:hover,.button:hover{background:#740819}button.secondary{background:var(--gold);color:#550c13}
button:disabled{background:#a99c85!important;color:#fff!important;cursor:not-allowed}
.account{background:var(--gold)}.wallet-metrics div,.reward-option{border:2px solid #bc402d;background:#fff8df;border-radius:8px}
.site-footer{border-top:5px solid var(--red);color:var(--red);padding:28px 0;font:900 1.1rem 'Barlow Condensed',sans-serif;letter-spacing:.07em;text-transform:uppercase}.site-footer span:last-child{color:#6b201b}
#noTokens{border:5px solid #a41120;box-shadow:8px 8px 0 var(--gold)}
@media(max-width:800px){.site-header{padding:14px 22px}.hero{grid-template-columns:1fr}.hero-art{border:0;border-top:6px solid #710d17;min-height:420px}.hero h1 br{display:block} .gifts{grid-template-columns:1fr}.gift-art{border:0;border-top:5px solid #740b19;max-height:780px;padding:18px 18px 8px}}
@media(max-width:550px){.wrap{width:calc(100% - 24px)}.site-header{padding:10px 12px}.wordmark{font-size:1.4rem}.wordmark img{height:43px;width:43px}nav{width:100%;gap:5px}nav a{font-size:.87rem;flex:1 1 40%;text-align:center;padding:8px}.hero-copy{padding:28px 21px}.hero h1{font-size:clamp(4rem,17vw,6.7rem)}.strapline{font-size:clamp(1.8rem,10vw,3rem)}.hero-art{min-height:310px}.panel{padding:18px}.gifts{padding:0}.gift-copy{padding:22px 17px}.gift-art{min-height:350px;padding:16px 12px 8px}.brand-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics,.ledger-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ticker-strip{font-size:.82rem}}

/* v3.0 functional additions under original takeaway identity */
.launch-safety-notice{display:flex;gap:16px;align-items:flex-start;background:#fff0bd;border:2px solid #9e291d;border-left:7px solid #9e291d;border-radius:12px;padding:20px;margin:20px 0;box-shadow:4px 4px 0 var(--ink)}
.launch-safety-notice .launch-safety-icon{font-size:2rem;line-height:1.1}
.launch-safety-notice h2{font-size:clamp(1.15rem,2.7vw,1.7rem);margin:4px 0 10px}
.launch-safety-notice .label{color:#9e291d}
.mint-row,.wallet-copy-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mint-row{margin-top:18px}.mint-row .mint{flex:1 1 200px;margin:0;overflow-wrap:anywhere}
.wallet-copy-row .wallet-address{min-width:0;flex:1 1 220px}
.copy-small{background:var(--paper);color:var(--ink);padding:7px 12px;font-size:.8rem;white-space:nowrap}
.copy-feedback{font-size:.78rem;min-height:1.2em;margin-top:5px}
.split-bar{display:flex;grid-template-columns:none}
.split-bar span{height:100%}
.split-bar span:nth-child(1){background:#d97706;width:20%}
.split-bar span:nth-child(2){background:#16a34a;width:80%;border-left:1px solid var(--ink)}
.split-legend{flex-wrap:wrap}
.split-legend>div{min-width:75px}
.unclassified-panel{margin:18px 0;padding:15px;background:#fff0cd;border:2px dashed #ae7d1d;border-radius:10px}
.unclassified-panel h3{font-size:1.1rem}
.unclassified-panel p{margin:9px 0}
.unclassified-panel .ledger-summary>div{background:var(--paper)}
#giftForm{display:grid;gap:8px}
#giftForm label{font-weight:800;font-size:.88rem}
#giftForm select,#giftForm input{width:100%;max-width:none;background:white;color:var(--ink);border:1px solid var(--ink);padding:10px;border-radius:6px;font:inherit}
#giftForm button{margin-top:8px}
#name{font-size:clamp(1.85rem,5vw,5.2rem);letter-spacing:-.065em;overflow-wrap:normal;word-break:normal;white-space:nowrap}
@media(max-width:800px){#name{font-size:clamp(1.8rem,7vw,3.8rem)}}
@media(max-width:420px){#name{font-size:clamp(1.62rem,7.5vw,2.4rem)}.launch-safety-notice{gap:8px;padding:13px}}

/* v3.2: Keep takeaway branding and make hero copy readable against artwork. */
.hero .lede {color:#fff!important; background:#550916e8; border-left:5px solid var(--gold); padding:13px 16px; border-radius:3px; font-size:clamp(1.06rem,1.8vw,1.23rem); line-height:1.55; font-weight:800; max-width:49ch; text-shadow:0 1px 1px #39030d;}
.hero h1 {color:#ffde45; text-shadow:3px 3px 0 #49030d, -1px -1px 0 #49030d; overflow-wrap:normal; hyphens:none;}
#treasuryBalance {overflow-wrap:anywhere;}
#treasuryPotStatus {font-weight:750;color:#ffdf9a;}
#treasuryRawBalance {color:#ffebdc;}

/* v3.3: fix the HERO TITLE above the strapline (not the body text). */
.hero #name { font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif; font-size:clamp(3.15rem,5.7vw,5.55rem); line-height:.95; font-weight:900; letter-spacing:-.02em; color:#ffe15a; -webkit-text-stroke:1px #4a0610; text-shadow:3px 3px 0 #3d0611, 5px 6px 0 #3d0611; background:rgba(62,5,17,.75); border-left:5px solid #ffe15a; padding:10px 12px; border-radius:5px; white-space:normal; overflow-wrap:normal; word-break:keep-all; max-width:100%; }
.hero .lede {background:none!important;border-left:0!important;padding:0!important;text-shadow:none!important;}
#giftExactValues {width:100%; background:#fff; border:2px solid #9f1720; border-radius:5px; padding:10px; font:inherit;}
#giftExactValues[hidden]{display:none!important}
@media(max-width:550px){.hero #name{font-size:clamp(2.7rem,12vw,4.4rem);padding:8px 10px;}}

/* v3.6: deliberately smaller, UNCROPPED reward artwork. Keep the rest of the takeaway design unchanged. */
.gifts .gift-art {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0;
  padding: 30px 24px !important;
  overflow: visible;
  background: #b80f1a;
}
.gifts .gift-art > img {
  display: block !important;
  position: static !important;
  width: 78% !important;
  max-width: 350px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  flex: 0 0 auto;
  border: 3px solid #6e0b14;
  border-radius: 14px;
  box-shadow: 5px 6px 0 #6e0b14;
}
@media (max-width: 800px) {
  .gifts .gift-art { padding: 24px 16px !important; min-height: 0 !important; max-height: none !important; }
  .gifts .gift-art > img { width: min(72%, 340px) !important; }
}

/* v4.0 wallet-aware takeaway menu */
.site-header nav .nav-menu-link {border:0;background:transparent;box-shadow:none;color:inherit;padding:0;font:inherit;font-weight:inherit;text-decoration:none;cursor:pointer;border-radius:0;min-width:0}
.site-header nav .nav-menu-link:hover {color:#a41120;text-decoration:underline;background:transparent}
.takeaway-menu-dialog {width:min(740px,calc(100% - 28px));max-height:min(85vh,850px);overflow:auto;border:5px solid #9f1020;border-radius:16px;background:#fff4d1;color:#24120f;padding:clamp(18px,3vw,34px);box-shadow:10px 10px 0 #edb127}
.takeaway-menu-dialog::backdrop {background:rgba(26,9,12,.77)}
.takeaway-menu-head{display:flex;justify-content:space-between;gap:15px;align-items:start;border-bottom:4px solid #9f1020;padding-bottom:14px;margin-bottom:17px}
.takeaway-menu-head h2{color:#ab1422;font-size:clamp(1.6rem,4vw,2.6rem)}
.takeaway-menu-head button{flex:none;padding:8px 12px}
.takeaway-menu-cards{display:grid;gap:12px;margin-top:18px}
.takeaway-menu-item {display:flex;justify-content:space-between;align-items:center;gap:10px;border:2px dashed #ac1822;padding:12px;background:white;border-radius:8px}
.takeaway-menu-item h3{font-size:1.12rem;color:#9a1820}
.takeaway-menu-item p{margin-top:5px;font-weight:700}
.takeaway-menu-item button{flex:none}
.takeaway-menu-actions{margin-top:18px}
.takeaway-menu-actions button{max-width:100%}
@media(max-width:580px){.takeaway-menu-item{flex-direction:column;align-items:stretch}.takeaway-menu-item button{width:100%}.site-header nav .nav-menu-link{font-size:inherit;padding:8px}}

/* v4.1 Compact customer menu: brand first, values on demand. */
.catalog {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.takeaway-menu-cards {display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
.takeaway-brand-group{border:3px solid #a91524;background:#fff1c7;border-radius:11px;overflow:hidden;box-shadow:3px 4px 0 #e5ab22}
.takeaway-brand-group summary{cursor:pointer;display:flex;flex-direction:column;gap:5px;min-height:90px;padding:15px 14px;list-style:none;justify-content:center}
.takeaway-brand-group summary::-webkit-details-marker{display:none}
.takeaway-brand-group summary strong{font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.1;color:#a61421;text-transform:uppercase}
.takeaway-brand-group summary span{font-size:.82rem;font-weight:700;color:#5d3830}
.takeaway-brand-group summary::after{content:'▼';color:#a61421;font-size:.9rem;align-self:flex-end;margin-top:-22px}
.takeaway-brand-group[open] summary::after{content:'▲'}
.takeaway-brand-values{padding:12px;display:flex;flex-wrap:wrap;gap:8px;border-top:2px dashed #b82929;background:#fff9e7}
.takeaway-value-choice{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:75px;background:#b51a24;color:#fff;border:2px solid #84121d;padding:9px 10px;border-radius:8px;font-size:.87rem;line-height:1.2;box-shadow:none}
.takeaway-value-choice:hover,.takeaway-value-choice:focus-visible{background:#77101a;color:white;transform:none}
@media(max-width:880px){.catalog{grid-template-columns:1fr}.takeaway-brand-group summary{min-height:70px}}