:root{--char:#0c0a08;--char2:#16110c;--ash:#1f1813;--ember:#ff5b1f;--ember-soft:#ff8a4d;--ember-deep:#c23a0e;--bone:#e8e0d4;--bone-dim:#9c9286;--line:#33271d;--gold:#e4b25c}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Space Mono',monospace;color:var(--bone);min-height:100vh;background:radial-gradient(120% 75% at 50% -10%,rgba(255,91,31,.10),transparent 55%),var(--char)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.42;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:40px 22px 90px}
nav{display:flex;justify-content:center;gap:28px;margin-bottom:30px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
nav a{color:var(--bone-dim);text-decoration:none;transition:.18s}
nav a:hover,nav a.on{color:var(--ember)}
header{text-align:center}
.kicker{font-size:11px;letter-spacing:.4em;color:var(--ember);text-transform:uppercase;margin-bottom:12px}
h1{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(48px,11vw,104px);line-height:.85;text-transform:uppercase;background:linear-gradient(180deg,#fff4ea,var(--ember-soft) 50%,var(--ember-deep));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(255,91,31,.22)}
.counter{margin:24px auto 0;max-width:680px}
.cstat{display:flex;justify-content:center;align-items:baseline;gap:10px}
.cnum{font-family:'Anton';font-size:clamp(32px,7vw,52px);color:var(--gold)}
.ctot{font-size:13px;color:var(--bone-dim);letter-spacing:.1em}
.bar{height:6px;background:var(--ash);border:1px solid var(--line);border-radius:3px;margin-top:14px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ember-deep),var(--ember));transition:width .8s cubic-bezier(.2,.8,.2,1)}
.cnote{text-align:center;font-size:11px;color:#6a6055;letter-spacing:.08em;margin-top:9px}
.console{margin:28px auto 0;max-width:560px;background:linear-gradient(180deg,var(--char2),var(--char));border:1px solid var(--line);border-radius:4px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.field{display:flex;align-items:center;border:1px solid var(--line);border-radius:3px;background:var(--char);overflow:hidden}
.at{padding:0 13px;font-size:22px;color:var(--ember);font-weight:700}
input.handle{flex:1;background:transparent;border:0;outline:0;color:var(--bone);font-family:'Space Mono';font-size:20px;font-weight:700;padding:15px 12px 15px 0}
input.handle::placeholder{color:#5a5045}
.crow{display:flex;gap:14px;align-items:center;margin-top:16px}
.prev{width:84px;height:84px;flex:0 0 84px;border:1px solid var(--line);border-radius:4px;background:radial-gradient(110% 110% at 50% 30%,#1c140d,#0a0806);display:flex;align-items:center;justify-content:center}
.prev svg{width:82%;height:82%;overflow:visible}
.status{flex:1}
.savail{font-weight:700;letter-spacing:.05em;font-size:14px}
.savail.ok{color:var(--ember-soft)}.savail.no{color:#b14}.savail.wait{color:var(--bone-dim)}
.ssub{font-size:11px;color:var(--bone-dim);margin-top:4px;line-height:1.5}
.tiers{display:flex;gap:8px;margin-top:16px}
.tier{flex:1;border:1px solid var(--line);border-radius:4px;background:var(--char);padding:12px 10px;cursor:pointer;text-align:center;transition:.16s}
.tier:hover{border-color:var(--ember-soft)}
.tier.on{border-color:var(--ember);background:rgba(255,91,31,.08)}
.tier .tn{font-size:11px;letter-spacing:.06em;color:var(--bone-dim);text-transform:uppercase}
.tier .tp{font-family:'Anton';font-size:22px;color:var(--ember-soft);margin-top:4px}
.email{margin-top:14px;width:100%;background:var(--char);border:1px solid var(--line);border-radius:3px;color:var(--bone);font-family:'Space Mono';font-size:13px;padding:13px 12px}
.claim{margin-top:14px;width:100%;background:var(--ember);color:var(--char);border:0;font-family:'Space Mono';font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;padding:16px;border-radius:3px;cursor:pointer;transition:.18s}
.claim:hover{filter:brightness(1.08)}.claim:disabled{background:var(--ash);color:#5a5045;cursor:not-allowed}
.err{margin-top:10px;font-size:11px;color:#ff6a4d;text-align:center;min-height:14px}
.ticker{margin:26px auto 0;max-width:900px;overflow:hidden;white-space:nowrap;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:9px 0}
.ticker span{display:inline-block;font-size:11px;letter-spacing:.1em;color:var(--bone-dim);padding:0 22px;animation:scroll 40s linear infinite}
.ticker b{color:var(--ember)}
@keyframes scroll{from{transform:translateX(30%)}to{transform:translateX(-100%)}}
.gridhd{display:flex;justify-content:space-between;align-items:baseline;margin:42px auto 16px}
.gridhd h2{font-family:'Anton';font-weight:400;font-size:15px;letter-spacing:.25em;color:var(--bone-dim);text-transform:uppercase}
.gridhd small{font-size:11px;color:#6a6055}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.cell{aspect-ratio:1/1;background:radial-gradient(120% 120% at 50% 25%,#170f09,#0a0806);border:1px solid var(--line);border-radius:5px;position:relative;display:flex;align-items:center;justify-content:center;transition:.2s;overflow:hidden}
.cell:hover{transform:translateY(-3px) scale(1.04);border-color:var(--ember);z-index:5;box-shadow:0 14px 30px rgba(0,0,0,.6)}
.cell svg{width:66%;height:66%;overflow:visible}
.cell .hn{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9.5px;letter-spacing:.04em;color:var(--bone-dim)}
.cell.f{border-color:rgba(228,178,92,.4)}
.cell.f::after{content:"★";position:absolute;top:5px;right:7px;font-size:9px;color:var(--gold)}
footer{margin-top:60px;text-align:center;color:#5a5045;font-size:11px;letter-spacing:.1em}
footer span{color:var(--ember-deep)}
.loading{text-align:center;color:#6a6055;font-size:12px;padding:40px;letter-spacing:.12em}
