/* ── base: cloned from papertrade.xyz (landing index) ────────────────────
   Verbatim except: overflow:hidden → overflow-y:auto (airdrop band scrolls),
   plus new sections at the bottom for the airdrop band + debug panel. */
:root{--cream:#f4ecd8;--cream-2:#efe4ca;--ink:#36342cdb;--ink-soft:#424038ad;--tape-bg:#f4ecd87a;--tape-border:#58544a1f;--red:#8b2020}
*{box-sizing:border-box}
html,body{overscroll-behavior:none;height:100%;margin:0}
body{background-color:var(--cream);background-image:radial-gradient(circle at 18% 14%,#5c9a9314,#0000 28%),radial-gradient(circle at 82% 16%,#c9a08c12,#0000 26%),radial-gradient(circle at 50% 58%,#d6be8e14,#0000 34%);overflow-y:auto}
canvas{width:100%;height:100%;position:fixed;inset:0}
.ui{z-index:1;grid-template-rows:auto 1fr;min-height:100vh;display:grid;position:relative}
.ticker{border-bottom:1px solid var(--tape-border);background:linear-gradient(180deg,#f9f3e69e,var(--tape-bg));-webkit-backdrop-filter:blur(2px);position:relative;overflow:hidden}
.ticker:before,.ticker:after{content:"";pointer-events:none;position:absolute;inset:0}
.ticker:before{background:linear-gradient(90deg,#f4ecd8eb,#0000 12% 88%,#f4ecd8eb)}
.ticker:after{box-shadow:inset 0 -1px #ffffff2e}
.ticker-track{color:#3b3a35cc;letter-spacing:.12em;text-transform:uppercase;height:28px;padding:.7rem 0;font:500 12px/1 Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}
.ticker-item{white-space:nowrap;align-items:center;gap:.55rem;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}
.ticker-dot{opacity:.42}
.hero{place-items:center;padding:6rem 1.5rem 3rem;display:grid}
.hero-row{grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:clamp(2rem,4vw,4rem);width:100%;max-width:1480px;margin:0 auto;padding-right:clamp(1.5rem,5vw,4rem);display:grid}
.hero-shot{place-items:center;width:clamp(360px,38vw,620px);padding:6rem 0 3rem;display:grid}
.hero-shot img{border:1px solid #3a35302e;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 20px 40px -18px #2a252038,0 6px 18px -8px #2a252024}
@media (width<=1000px){.hero-row{grid-template-columns:1fr;align-content:start;gap:0;padding-right:0}.hero{padding-top:clamp(1.5rem,3.5vh,2.5rem)}.hero-shot{order:-1;width:auto;padding:clamp(1.5rem,3.5vh,2.5rem) clamp(2rem,8vw,5rem) 0}.hero-shot img{max-width:560px;margin:0 auto}}
.hero-copy{text-align:center;max-width:900px;color:var(--ink);text-wrap:balance}
.hero-wordmark{width:clamp(18rem,58vw,34rem);height:auto;margin:0 auto;display:block}
.hero-copy p{letter-spacing:.01em;max-width:900px;color:var(--ink-soft);margin:1rem auto 0;font:400 clamp(1rem,2.2vw,1.35rem)/1.55 Inter,system-ui,-apple-system,sans-serif}
.hero-copy .lede{text-align:left;color:#5d5246;letter-spacing:-.005em;text-shadow:0 0 4px #f4ecd8f2,0 0 9px #f4ecd8d9,0 0 16px #f4ecd88c;width:clamp(18rem,58vw,34rem);margin-top:.6rem;font-weight:500;line-height:1.45;position:relative;transform:translate(20px)}
.wordmark-cursor{animation:1.1s step-end infinite wordmark-blink}
@keyframes wordmark-blink{0%{opacity:1}50%{opacity:0}to{opacity:0}}
.hero-copy .lede:before{content:"";background:#8b2020;width:.55em;height:.15em;margin-top:1.18em;animation:4.4s step-end infinite lede-cursor;position:absolute;top:0;left:-14px}
@keyframes lede-cursor{0%{opacity:1;top:0}12.5%{opacity:0;top:0}25%{opacity:1;top:1.45em}37.5%{opacity:0;top:1.45em}50%{opacity:1;top:2.9em}62.5%{opacity:0;top:2.9em}75%{opacity:1;top:4.35em}87.5%{opacity:0;top:4.35em}to{opacity:0;top:4.35em}}
.actions{flex-wrap:wrap;gap:.9rem;width:clamp(18rem,58vw,34rem);margin-top:1.5rem;margin-left:auto;margin-right:auto;padding:0 20px;display:flex}
.action{color:#37352fd6;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);background:#f5edda57;border:1px solid #544f4438;justify-content:center;align-items:center;min-width:132px;padding:.8rem 1rem;font:500 12px/1 Inter,system-ui,-apple-system,sans-serif;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff38;cursor:pointer}
.action:before{content:"[";opacity:.55;margin-right:.6rem}
.action:after{content:"]";opacity:.55;margin-left:.6rem}
.action:hover{color:#2a2824eb;background:#f5edda8c;border-color:#544f4457}
.action[aria-disabled=true]{color:#37352f52;pointer-events:none;background:#f5edda2e;border-color:#544f4424;padding-top:.35rem;padding-bottom:.35rem;position:relative}
.action-stack{flex-direction:column;align-items:center;gap:.15rem;line-height:1;display:inline-flex}
.action-soon{letter-spacing:.18em;text-transform:uppercase;color:#8b2020a6;font:500 7px/1 Inter,system-ui,-apple-system,sans-serif}
.mobile-pwa-action,.mobile-pwa-note{display:none}
.mobile-pwa-icon{border-radius:10px;flex:none;width:40px;height:40px;display:block;box-shadow:0 8px 22px #2a28241c,inset 0 1px #ffffff52}
.mobile-pwa-label{display:block}
@media (width<=700px){.ticker-track{letter-spacing:.1em;height:26px;padding:.58rem 0;font-size:11px}.hero{padding:1.5rem 1.2rem 2.2rem}.hero-shot{padding-top:1.5rem}.hero-shot img{max-width:440px}.hero-wordmark,.hero-copy .lede{width:clamp(14rem,82vw,22rem)}.hero-copy p{font-size:clamp(.92rem,3.3vw,1.05rem);line-height:1.6}}
@media (width<=700px),(orientation:landscape) and (height<=520px) and (width<=950px){.mobile-pwa-action{color:#5f1e1e;background:#8b202012;border-color:#8b202047;flex-basis:100%;gap:.7rem;padding:.55rem .7rem;display:inline-flex}.mobile-pwa-action:before,.mobile-pwa-action:after{content:none}.actions{flex-direction:column;align-items:flex-start;width:clamp(14rem,82vw,22rem)}.actions .action{width:100%}}

/* ── connect-wallet action (primary) ───────────────────────────────────
   Same bracketed "action" DNA, red-accented so it reads as the first
   thing to click without breaking the paper aesthetic. */
.action-primary{color:var(--red);background:#8b202012;border-color:#8b202047}
.action-primary:hover{color:#5f1e1e;background:#8b202021;border-color:#8b202066}
.action-primary.action-connected{color:#37352fd6;background:#f5edda57;border-color:#544f4438}
.action-primary.action-busy{opacity:.55;pointer-events:none}

/* ── airdrop claim band ─────────────────────────────────────────────────
   Big coupon-style card spanning the full page width under the hero. */
.airdrop{border-top:1px solid var(--tape-border);background:linear-gradient(180deg,#f9f3e69e,var(--tape-bg));-webkit-backdrop-filter:blur(2px);position:relative;padding:clamp(3rem,7vh,5rem) 1.5rem clamp(3.5rem,8vh,5.5rem);z-index:1}
.airdrop-inner{width:100%;max-width:1480px;margin:0 auto;padding-right:clamp(1.5rem,5vw,4rem)}
.airdrop-head{align-items:center;justify-content:space-between;display:flex;margin-bottom:1.1rem}
.airdrop-kicker{color:#3b3a35cc;letter-spacing:.18em;text-transform:uppercase;font:500 12px/1 Inter,system-ui,-apple-system,sans-serif}
.airdrop-kicker:before{content:"[";opacity:.55;margin-right:.6rem}
.airdrop-kicker:after{content:"]";opacity:.55;margin-left:.6rem}
.airdrop-live{align-items:center;gap:.45rem;display:inline-flex;color:#5f1e1e;letter-spacing:.16em;text-transform:uppercase;font:500 10px/1 Inter,system-ui,-apple-system,sans-serif}
.airdrop-live-dot{animation:2.2s ease-in-out infinite airdrop-pulse;background:var(--red);border-radius:999px;width:7px;height:7px;display:block}
@keyframes airdrop-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.airdrop-title{color:#2a2824;letter-spacing:-.015em;text-wrap:balance;margin:0;font:600 clamp(1.9rem,4.5vw,3.4rem)/1.1 Inter,system-ui,-apple-system,sans-serif}
.airdrop-sub{color:var(--ink-soft);max-width:56ch;line-height:1.55;margin:1rem 0 0;font:400 clamp(.95rem,1.6vw,1.1rem)/1.6 Inter,system-ui,-apple-system,sans-serif}
.airdrop-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:2.2rem;display:grid}
.airdrop-cell{background:#f5edda57;border:1px solid #544f4438;padding:1.2rem 1.35rem;flex-direction:column;gap:.55rem;display:flex;box-shadow:inset 0 1px #ffffff38}
.airdrop-label{color:#3b3a3599;letter-spacing:.14em;text-transform:uppercase;font:500 10px/1 Inter,system-ui,-apple-system,sans-serif}
.airdrop-countdown{color:#2a2824;letter-spacing:.04em;font:600 clamp(2.2rem,5vw,3.6rem)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.airdrop-countdown.countdown-final{color:var(--red)}
.airdrop-countdown.countdown-closed{color:#6b675ecc;font-size:clamp(1.4rem,3vw,2rem)}
.airdrop-amount{color:#2a2824;letter-spacing:.02em;align-self:center;padding-top:.15em;font:600 clamp(2.2rem,5vw,3.6rem)/1 Inter,system-ui,-apple-system,sans-serif}
.airdrop-amount small{color:var(--ink-soft);letter-spacing:.02em;display:block;margin-top:.6rem;font:500 clamp(.9rem,1.6vw,1.1rem)/1.3 Inter,system-ui,-apple-system,sans-serif}
.airdrop-claim{color:var(--cream);letter-spacing:.2em;text-transform:uppercase;background:var(--red);border:1px solid #5f1e1e;justify-content:center;align-items:center;min-height:64px;margin-top:2.2rem;padding:1.2rem;font:600 clamp(.95rem,1.8vw,1.15rem)/1 Inter,system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:inset 0 1px #ffffff33;transition:background .18s,border-color .18s,opacity .18s;display:inline-flex;width:100%}
.airdrop-claim:hover:enabled{background:#a02a2a}
.airdrop-claim:disabled{opacity:.4;cursor:default}
.airdrop-claim.busy{opacity:.7;pointer-events:none}
.airdrop-status{min-height:1.3em;margin-top:.9rem;color:#5d5246;letter-spacing:.01em;font:400 14px/1.5 Inter,system-ui,-apple-system,sans-serif}
.airdrop-status.ok{color:#256b52}
.airdrop-status.err{color:var(--red)}
.airdrop-note{margin-top:1.4rem;color:#3b3a3599;letter-spacing:.08em;font:500 11px/1.5 Inter,system-ui,-apple-system,sans-serif}

/* ── researcher debug panel (?debug=1) ──────────────────────────────── */
.debug{background:#2a2520;border-top:1px solid #58544a4d;color:#e8e2d2;margin-top:4rem;padding:1.2rem 1.5rem 2rem;font:400 12px/1.6 Inter,system-ui,-apple-system,sans-serif;position:relative;z-index:1}
.debug-head{letter-spacing:.18em;text-transform:uppercase;color:#cbbf9d;font:500 11px/1 Inter,system-ui,-apple-system,sans-serif;margin-bottom:.8rem}
.debug-hint{color:#8a826b}
.debug-body{white-space:pre-wrap;word-break:break-all;margin:0;color:#e8e2d2;font:400 11px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
