@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#120f0d;--panel:#1c1713;--line:#3e2c21;--ink:#fff1e2;--muted:#c8b4a5;--orange:#ff9a4f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.55 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled,[aria-disabled=true]{opacity:.5;cursor:default}.wrap{width:min(1120px,calc(100% - 36px));margin-inline:auto}header{border-bottom:1px solid var(--line)}.nav,footer,.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.nav{min-height:76px}.brand{font:900 1.65rem/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.055em}.brand>span:first-child,.orange{color:var(--orange)}button{color:var(--ink);background:#282019;border:1px solid #644830;border-radius:8px;padding:.65rem .9rem}.nav button span{margin-left:.5rem;color:var(--orange)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:440px;display:grid;align-items:center;padding:clamp(28px,7vw,82px);margin-top:32px;border:1px solid #704021;border-radius:20px;background:radial-gradient(ellipse at 100% 55%,#9a4322 0%,#4b2519 33%,#241812 70%)}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(135deg,transparent 0 39px,#ffad6517 40px 41px)}.hero-copy{z-index:1}h1,h2,h3{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;line-height:.94}h1{font-size:clamp(4rem,10vw,8rem);font-weight:900;text-transform:uppercase;letter-spacing:-.025em}h1 em{color:var(--orange);font-style:normal}.hero p{max-width:29rem;color:var(--muted);margin:1.3rem 0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;background:var(--orange);color:#211409;padding:.75rem 1rem;border-radius:8px;font-weight:700}.primary:hover:not([aria-disabled=true]){background:#ffb47f}.emblem{position:absolute;right:6%;top:50%;transform:translateY(-50%);font:clamp(9rem,27vw,24rem)/1 Georgia,serif;color:#ff9a4f;text-shadow:8px 8px #e66533,16px 16px #6b2715;opacity:.75}#catalog{margin:48px 0;scroll-margin-top:20px}.section-head h2,dialog h2{font-size:2.7rem}.payment{color:var(--muted);display:flex;align-items:center;gap:.55rem;font-size:.875rem}.payment b{display:grid;place-items:center;background:#00d64f;color:#082617;width:1.65rem;height:1.65rem;border-radius:6px}.listings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin-top:20px}.card,.empty{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:24px}.card h3{font-size:2rem}.card p,.empty,dialog p{color:var(--muted)}.empty{margin:0}.card button{margin-top:.75rem}footer{padding:20px 0 36px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem}dialog{position:relative;width:min(480px,calc(100% - 32px));border:1px solid #755036;border-radius:18px;padding:28px;background:var(--panel);color:var(--ink)}dialog::backdrop{background:#080503c9}dialog label,dialog input{display:block;width:100%}dialog input{border-radius:8px;border:1px solid #755036;background:#130f0c;color:var(--ink);padding:.65rem;margin-top:.4rem}.close{position:absolute;top:12px;right:12px}.close button{padding:.15rem .55rem;font-size:1.25rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:3px solid #ffce9d;outline-offset:4px}@media(max-width:650px){.hero{min-height:365px}.emblem{right:0;opacity:.26}.section-head h2{font-size:2.2rem}.nav button{font-size:.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.catalog-nav{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.catalog-nav a{border:1px solid #644830;border-radius:8px;padding:.45rem .8rem;color:var(--orange)}.catalog-nav a:hover{background:#282019}.category{margin-top:2.2rem;scroll-margin-top:1.5rem}.category>h3{font-size:2.25rem}.card{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.card h4{font:800 1.8rem/1 'Barlow Condensed',Impact,sans-serif;margin:0;overflow-wrap:anywhere}.card strong{color:var(--orange)}.card button{margin-top:auto}
:root {
  --bg: #100905;
  --panel: #1b0e08;
  --line: #542912;
  --ink: #fff3dc;
  --muted: #d6b49a;
  --orange: #ffab45;
  --fire: linear-gradient(105deg, #ff542e 0%, #ff8b17 46%, #ffdb4d 100%);
}
body { background: radial-gradient(ellipse at 50% 0, #281107, transparent 46rem), var(--bg); }
.brand { display: inline-flex; align-items: center; gap: .55rem; }
.brand .fire-text, .hero h1 em {
  color: #ffab45;
  background: var(--fire);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero {
  border-color: #a74519;
  background: radial-gradient(ellipse at 85% 78%, #9b290c 0%, #4d1609 34%, #200c07 70%);
  box-shadow: inset 0 -2px 0 #ff8f2b66, 0 20px 75px #a72d101f;
}
.hero::before {
  background:
    radial-gradient(circle at 75% 24%, #ffb147 0 2px, transparent 3px),
    radial-gradient(circle at 62% 62%, #ff6526 0 2px, transparent 3px),
    radial-gradient(circle at 91% 63%, #ffd753 0 3px, transparent 4px),
    radial-gradient(circle at 94% 28%, #ff7127 0 2px, transparent 3px),
    radial-gradient(circle at 81% 12%, #ff7b26 0 2px, transparent 3px),
    repeating-linear-gradient(135deg, transparent 0 39px, #ff903012 40px 41px);
}
.flame {
  display: block;
  aspect-ratio: 4 / 5;
  background: linear-gradient(160deg, #e82d18 5%, #ff681e 42%, #ffb521 72%, #fff173);
  clip-path: polygon(51% 0, 62% 17%, 63% 30%, 76% 24%, 75% 42%, 91% 35%, 97% 58%, 95% 76%, 82% 92%, 66% 100%, 35% 100%, 14% 91%, 3% 76%, 3% 60%, 11% 42%, 26% 53%, 24% 32%, 36% 16%, 39% 36%, 50% 25%);
}
.brand-flame { width: 1rem; }
.emblem {
  width: clamp(10rem, 28vw, 19rem);
  right: 9%;
  opacity: .82;
  transform: translateY(-48%) rotate(-8deg);
  filter: drop-shadow(0 0 32px #ff64167d);
}
.emblem .flame { position: relative; }
.emblem .flame::after {
  content: "";
  position: absolute;
  inset: 45% 28% 0;
  background: linear-gradient(#ff9e2e, #ffe881 78%, #fff8c3);
  clip-path: polygon(48% 0, 65% 26%, 68% 44%, 82% 35%, 98% 69%, 86% 91%, 63% 100%, 31% 100%, 10% 89%, 2% 67%, 15% 45%, 31% 54%, 34% 29%);
}
.primary { background: var(--fire); box-shadow: 0 3px 20px #f8552228; }
.primary:hover:not([aria-disabled=true]) { background: linear-gradient(105deg, #ff7348, #ffe07c); }
.card {
  background: linear-gradient(150deg, #26120a, var(--panel) 68%);
  box-shadow: inset 0 2px 0 #ff7f2632;
}
.card button:hover { border-color: #d15a24; color: #ffd684; }
.support {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: 0 0 44px;
  padding: clamp(18px, 4vw, 30px);
  border: 1px solid #773617;
  border-left: 4px solid #ff7b25;
  border-radius: 12px;
  background: linear-gradient(105deg, #34170a, #1b0e08);
}
.support-flame { width: 1.5rem; flex-shrink: 0; }
.support h2 { color: #ffd164; font-size: 2rem; }
.support p { margin: .55rem 0 0; color: var(--muted); }
.checkout-support { border-top: 1px solid var(--line); padding-top: .8rem; }
@media (max-width: 650px) { .emblem { right: 5%; opacity: .24; } }
:root {
  --bg: #101018;
  --panel: #191923;
  --line: #393348;
  --ink: #faf3ff;
  --muted: #c7bed7;
  --orange: #ffc077;
}
body { background: radial-gradient(ellipse at 25% 0, #251839, transparent 48rem), var(--bg); }
.hero {
  border-color: #6d435f;
  background: radial-gradient(ellipse at 86% 78%, #742e32 0%, #382044 38%, #191825 73%);
  box-shadow: inset 0 -2px 0 #ff8f2b55, 0 18px 65px #3b17582f;
}
button { background: #242134; border-color: #564b69; }
.catalog-nav a { border-color: #564b69; color: #dac3ff; }
.catalog-nav a:hover { background: #292239; }
.card {
  background: linear-gradient(150deg, #262036, var(--panel) 76%);
  box-shadow: inset 0 2px 0 #bd91ff35;
}
.support {
  border-color: #674c82;
  border-left-color: #ff8b4a;
  background: linear-gradient(105deg, #29213e, #1b1928);
}
.support h2 { color: #e2caff; }
dialog { border-color: #674c82; }
dialog input { background: #111019; border-color: #5e5072; }