:root{
  --pine:#0d2b24; --pine-dk:#071812; --moss:#15392f; --edge:#285a49;
  --emer:#2bb673; --emer-dk:#157a4a; --brass:#d9a93f; --brass-lt:#f6d27c; --brass-dk:#8a6215;
  --parch:#f3e6c4; --parch-dk:#ddc58c; --ink:#3b2408; --fg:#e3eee8; --soft:#93b4a6;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;
  font:400 14px/1.5 "Work Sans",Arial,sans-serif;color:var(--fg);
  background:linear-gradient(135deg,#123c31 0,var(--pine) 40%,var(--pine-dk) 100%)}
a{color:var(--brass-lt)}
.strip{width:100%;max-width:1060px;background:var(--moss);border:2px solid var(--brass-dk);border-radius:6px;
  box-shadow:0 0 0 6px rgba(7,24,18,.6),0 24px 60px rgba(0,0,0,.5);overflow:hidden}

.strip-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;background:linear-gradient(90deg,var(--pine-dk),#0f3128);border-bottom:2px solid var(--brass-dk)}
.mark{display:flex;align-items:center;gap:8px;font:15px/1 "Alfa Slab One",serif;letter-spacing:.06em;color:var(--brass-lt);white-space:nowrap}
.mark svg{width:30px;height:30px}
.strip-bar h1{flex:1;margin:0;font:600 13px/1.2 "Work Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);text-align:center}

.pill{display:inline-block;text-align:center;text-decoration:none;font:700 14px/1 "Work Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em;
  color:#fff;padding:13px 22px;border-radius:30px;background:linear-gradient(180deg,#4fd892,var(--emer) 45%,var(--emer-dk));
  border:2px solid var(--brass);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 14px rgba(0,0,0,.35)}
.pill:hover{filter:brightness(1.08)}
.pill-thin{padding:8px 16px;font-size:12px;background:transparent;border-color:var(--edge);box-shadow:none}

.cols{display:grid;grid-template-columns:1.05fr 1fr 1fr}
.col{padding:18px;display:flex;flex-direction:column;gap:12px}
.col+.col{border-left:1px solid var(--edge)}
.col-tag{margin:0;font:13px/1 "Alfa Slab One",serif;letter-spacing:.08em;color:var(--brass);text-transform:uppercase}

.plaque{position:relative;padding:18px 14px 14px;text-align:center;color:var(--ink);border-radius:4px;
  background:linear-gradient(180deg,var(--parch),var(--parch-dk));box-shadow:inset 0 0 0 3px var(--brass),inset 0 0 0 5px var(--parch),inset 0 0 0 6px var(--brass-dk)}
.chest{position:absolute;width:64px;right:-8px;top:-26px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}
.plaque p{margin:0}
.plaque-pct{font:58px/1 "Alfa Slab One",serif;background:linear-gradient(180deg,#fff0b8,var(--brass-lt) 35%,var(--brass) 65%,var(--brass-dk));
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #6b4a0e;filter:drop-shadow(0 2px 0 rgba(59,36,8,.35))}
.plaque-sum{font:22px/1.2 "Alfa Slab One",serif;color:#5a3a10}
.plaque-small{margin-top:6px!important;font-size:12px;color:#6b5126}
.col-bonus .pill{align-self:stretch}

.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.t{display:flex;align-items:flex-end;height:72px;padding:7px;border-radius:5px;border:1px solid var(--brass-dk);
  color:#fff;text-decoration:none;font-weight:700;font-size:12px;line-height:1.15;text-shadow:0 1px 3px #000}
.t:hover{border-color:var(--brass-lt)}
.t1{background:linear-gradient(200deg,#d8a447,#5d3511)}
.t2{background:linear-gradient(200deg,#3fb7a6,#173f4d)}
.t3{background:linear-gradient(200deg,#3fa45e,#1d4a24)}
.t4{background:linear-gradient(200deg,#7a3a3a,#2a1414)}
.col-txt{margin:0;color:var(--soft);font-size:13px}
.col-txt a{font-weight:700}
.col-txt.small{font-size:12px}

.pay{margin:0;display:grid;gap:6px}
.pay div{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:rgba(7,24,18,.45);border-left:3px solid var(--emer);border-radius:3px}
.pay dt{color:var(--soft);font-size:13px}
.pay dd{margin:0;font-weight:700;color:var(--brass-lt);white-space:nowrap}

.strip-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 18px;font-size:11px;color:var(--soft);background:var(--pine-dk);border-top:1px solid var(--edge)}
.strip-foot a{color:var(--soft)}

@media (max-width:860px){
  .cols{grid-template-columns:1fr}
  .col+.col{border-left:0;border-top:1px solid var(--edge)}
  .strip-bar h1{display:none}
  .strip-bar{justify-content:space-between}
  .strip-foot{justify-content:center;text-align:center}
}
@media (max-width:380px){.plaque-pct{font-size:50px}}