*{box-sizing:border-box;margin:0;padding:0}
:root{
  --paper:#f6eedc;--card:#fffaf0;--ink:#1b1712;--muted:#6f6555;--line:#1b1712;--soft:#e9dcc2;
  --poo:#ff8a3d;--poo-2:#ffb27a;--teal:#2a7f86;--navy:#2b3770;--good:#1f8a4c;--bad:#c2412d;
  --r:16px;--sh:4px 4px 0 var(--ink);--sh-sm:2px 2px 0 var(--ink);
  --fb:'Bricolage Grotesque',system-ui,sans-serif;--fd:'Gaegu','Bricolage Grotesque',cursive;--fm:'JetBrains Mono',ui-monospace,monospace;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--fb);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(27,23,18,.12) 1px,transparent 1.2px);background-size:22px 22px}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
img{display:block;max-width:100%}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.mono{font-family:var(--fm)}
.ic{width:1.25em;height:1.25em;vertical-align:-.28em;flex:none;display:inline-block;overflow:visible}
.ic.lg{width:44px;height:44px}
.ext{display:flex;gap:6px}
.ext a{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--ink);border-radius:12px;background:var(--card);box-shadow:var(--sh-sm)}
.ext a:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.ext .ic{width:24px;height:24px;vertical-align:0}
.muted{color:var(--muted)}
.small{font-size:14px}
.tiny{font-size:12px}
.up{color:var(--good)}.down{color:var(--bad)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--ink);border-radius:12px;background:var(--card);padding:10px 16px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:var(--sh-sm);transition:transform .08s,box-shadow .08s;white-space:nowrap}
.btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--sh-sm)}
.btn.poo{background:var(--poo)}
.btn.ink{background:var(--ink);color:var(--paper)}
.btn.big{padding:15px 20px;font-size:18px;border-radius:14px;width:100%}

/* top bar */
header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--ink)}
.bar{display:flex;align-items:center;gap:14px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.02em}
.brand img{width:38px;height:38px;border-radius:10px;border:2px solid var(--ink)}
nav.links{display:flex;gap:4px;margin-left:12px}
nav.links a{padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px}
nav.links a:hover{background:var(--soft)}
.bar .sp{flex:1}
.pill{display:inline-flex;align-items:center;gap:7px;border:2px solid var(--ink);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700;background:var(--card)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--poo)}
.pill.live .dot{background:var(--good);box-shadow:0 0 0 0 rgba(31,138,76,.6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(31,138,76,0)}100%{box-shadow:0 0 0 0 rgba(31,138,76,0)}}
#wallet-btn .bal{font-family:var(--fm);font-size:13px;background:var(--soft);border-radius:6px;padding:1px 6px}

/* ticker */
.ticker{border-bottom:2px solid var(--ink);background:var(--ink);color:var(--paper);overflow:hidden}
.ticker .row{display:flex;gap:28px;padding:8px 0;font-size:13px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.ticker .row::-webkit-scrollbar{display:none}
.ticker b{font-family:var(--fm);color:var(--poo-2);font-weight:700}

/* hero (token header) */
.hero{position:relative;margin-top:22px;border:2px solid var(--ink);border-radius:22px;box-shadow:var(--sh);overflow:hidden;background:#f8f0de url(/banner.jpg) center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,240,222,.97) 0%,rgba(248,240,222,.9) 45%,rgba(248,240,222,.35) 100%)}
.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:32px}
.coin{width:164px;height:164px;border-radius:24px;border:3px solid var(--ink);box-shadow:var(--sh);transform:rotate(-4deg);animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:rotate(3deg) translateY(-6px)}}
.hero h1{font-size:clamp(40px,7vw,68px);line-height:.95;letter-spacing:-.04em;font-weight:800}
.hero h1 .tk{font-family:var(--fm);font-size:.38em;letter-spacing:0;vertical-align:middle;background:var(--poo);border:2px solid var(--ink);border-radius:10px;padding:2px 10px;margin-left:8px;box-shadow:var(--sh-sm)}
.tag{font-family:var(--fd);font-size:clamp(22px,3vw,30px);margin:10px 0 4px;line-height:1.1}
.lede{max-width:560px;color:#3d362c}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.chip{border:2px solid var(--ink);border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700;background:var(--card)}
.chip.o{background:var(--poo-2)}
.ca{display:flex;align-items:center;gap:8px;max-width:560px;border:2px solid var(--ink);border-radius:12px;background:var(--card);padding:6px 6px 6px 12px;box-shadow:var(--sh-sm)}
.ca .lb{font-weight:800;font-size:13px}
.ca code{flex:1;font-family:var(--fm);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ca button{border:2px solid var(--ink);border-radius:8px;background:var(--poo);font-weight:700;font-size:13px;padding:5px 10px}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* stats */
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}
.stat{border:2px solid var(--ink);border-radius:14px;background:var(--card);padding:12px 14px;box-shadow:var(--sh-sm)}
.stat .k{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.stat .v{font-family:var(--fm);font-size:22px;font-weight:700;margin-top:2px}

/* layout */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:18px;align-items:start}
.col{display:grid;gap:18px;min-width:0}
.side{position:sticky;top:84px}
.card{border:2px solid var(--ink);border-radius:var(--r);background:var(--card);box-shadow:var(--sh);padding:18px;min-width:0}
.card h2{font-size:20px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}
.card h2 .sp{flex:1}
.hd{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.hd h2{flex:1}
.soon{display:grid;place-items:center;text-align:center;gap:6px;padding:28px 12px;border:2px dashed var(--soft);border-radius:12px;color:var(--muted)}
.soon .em{font-size:34px}

/* round */
.round{background:linear-gradient(160deg,#fff4e4,var(--card) 60%)}
.round .big{display:flex;align-items:center;gap:16px;margin:6px 0 14px}
.ring{--p:0;width:108px;height:108px;flex:none;border-radius:50%;border:2px solid var(--ink);background:conic-gradient(var(--poo) calc(var(--p)*1%),var(--soft) 0);display:grid;place-items:center}
.ring>div{width:80px;height:80px;border-radius:50%;background:var(--card);border:2px solid var(--ink);display:grid;place-items:center}
.ring .ic{width:50px;height:50px;animation:bob 3s ease-in-out infinite}
.cd{font-family:var(--fm);font-size:30px;font-weight:700;letter-spacing:-.02em}
.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.rgrid div{border:2px solid var(--ink);border-radius:10px;padding:8px 10px;background:var(--card)}
.rgrid b{display:block;font-family:var(--fm);font-size:18px}
.rgrid span{font-size:12px;color:var(--muted);font-weight:600}
.me{border:2px dashed var(--ink);border-radius:10px;padding:9px 11px;font-size:14px;margin-bottom:12px}
.out{min-height:22px;margin-top:10px;font-size:14px}
.last{margin-top:12px;padding-top:12px;border-top:2px dashed var(--soft);font-size:14px}
.last a{font-family:var(--fm);font-size:13px}

/* curve */
.curve{height:28px;border:2px solid var(--ink);border-radius:999px;background:var(--soft);overflow:hidden;position:relative}
.curve i{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(-45deg,var(--poo) 0 12px,var(--poo-2) 12px 24px);border-right:2px solid var(--ink);transition:width 1s ease}
.curve span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--fm);font-weight:700;font-size:14px}

/* chart */
.chart{height:420px;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff}
.chart iframe{width:100%;height:100%;border:0}
.chart-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:10px}
.chart-bar .tabs button{padding:4px 10px;font-size:13px;font-family:var(--fm)}
.chart.lw{position:relative}
.lw-box{position:absolute;inset:0}
.lw-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;text-align:center;padding:16px;color:var(--muted);pointer-events:none}
.lw-empty a{pointer-events:auto}

/* tabs */
.tabs{display:flex;gap:6px;border:2px solid var(--ink);border-radius:12px;padding:4px;background:var(--soft)}
.tabs button{white-space:nowrap;border:0;background:none;border-radius:8px;padding:6px 12px;font-weight:700;font-size:14px}
.tabs button.on{background:var(--card);box-shadow:inset 0 0 0 2px var(--ink)}

/* holders */
table{width:100%;border-collapse:collapse;font-size:14px}
th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:6px 8px;border-bottom:2px solid var(--ink)}
td{padding:8px;border-bottom:1px solid var(--soft)}
td.n{font-family:var(--fm);text-align:right}
th.n{text-align:right}
td a{font-family:var(--fm);text-decoration:none}
td a:hover{text-decoration:underline}
.flag{font-size:11px;font-weight:700;border:1.5px solid var(--ink);border-radius:6px;padding:0 5px;margin-left:6px}
.flag.dev{background:var(--poo-2)}.flag.sn{background:#ffd9d2}.flag.bu{background:#d9e4ff}
.bar-pct{height:6px;border-radius:3px;background:var(--poo);margin-top:3px}
.scroll{max-height:440px;overflow:auto}
.spin{display:grid;place-items:center;gap:14px;padding:22px 8px}
.spin .who{font-family:var(--fm);font-size:24px;font-weight:700;min-height:36px}

/* forms */
.field{display:flex;gap:8px}
.field input{flex:1;min-width:0;border:2px solid var(--ink);border-radius:10px;padding:10px 12px;font:14px var(--fm);background:#fff}

/* pfp */
.pfp{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}
.pfp canvas{width:100%;aspect-ratio:1;border:2px solid var(--ink);border-radius:14px;background:#fff}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{border:2px solid var(--ink);border-radius:8px;background:var(--card);padding:5px 10px;font-weight:700}
.seg button.on{background:var(--poo)}

/* sections */
section.blk{margin-top:56px}
.eyebrow{font-family:var(--fd);font-size:22px;color:var(--teal)}
.blk h3{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:18px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step .num{font-family:var(--fd);font-size:44px;line-height:1;color:var(--poo)}
.step h4{font-size:19px;margin:6px 0 4px}
.toks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.toks .v{font-family:var(--fm);font-size:24px;font-weight:700}
.plan{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:ph}
.plan .card{position:relative}
.plan .ph{font-family:var(--fm);font-size:12px;font-weight:700;background:var(--ink);color:var(--paper);border-radius:6px;padding:2px 7px;display:inline-block;margin-bottom:8px}
.plan .card.now{background:#fff1df}
details{border:2px solid var(--ink);border-radius:12px;background:var(--card);box-shadow:var(--sh-sm);margin-bottom:10px}
summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--fm);font-size:20px;line-height:1}
details[open] summary::after{content:"−"}
details p{padding:0 16px 14px;color:#3d362c}
footer{margin:64px 0 0;border-top:2px solid var(--ink);padding:28px 0 40px;font-size:14px}
footer .row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}

.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(120px);background:var(--ink);color:var(--paper);border-radius:12px;padding:10px 16px;font-weight:700;font-size:14px;transition:transform .25s;z-index:60}
.toast.on{transform:translateX(-50%) translateY(0)}

@media (max-width:1020px){
  .grid{grid-template-columns:1fr}
  .side{position:static;order:-1}
  .stats{grid-template-columns:repeat(3,1fr)}
  nav.links{display:none}
}
@media (max-width:720px){
  .hero-in{grid-template-columns:1fr;padding:22px 18px;gap:18px}
  .hero::after{background:rgba(248,240,222,.93)}
  .coin{width:104px;height:104px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stats .stat:last-child{grid-column:span 2}
  .steps,.plan,.toks{grid-template-columns:1fr 1fr}
  .pfp{grid-template-columns:1fr}
  .pfp canvas{max-width:320px}
  .chart{height:360px}
  #status-pill{display:none}
  .card{padding:14px}
}
@media (max-width:460px){
  .steps,.plan,.toks{grid-template-columns:1fr}
  .brand span{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- launchpad pages (board, launch, coin) ---------- */
nav.links a.on{background:var(--ink);color:var(--paper)}
.pad-hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;margin-top:22px}
.pad-hero .main{position:relative;border:2px solid var(--ink);border-radius:22px;box-shadow:var(--sh);overflow:hidden;padding:34px 32px;background:#f8f0de url(/banner.jpg) center/cover no-repeat}
.pad-hero .main::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,240,222,.97) 0%,rgba(248,240,222,.88) 55%,rgba(248,240,222,.3) 100%)}
.pad-hero .main>*{position:relative;z-index:1}
.pad-hero h1{font-size:clamp(34px,5.6vw,58px);line-height:.98;letter-spacing:-.04em;font-weight:800;max-width:640px}
.pad-hero h1 em{font-style:normal;background:var(--poo);border:2px solid var(--ink);border-radius:12px;padding:0 10px;box-shadow:var(--sh-sm);display:inline-block;transform:rotate(-1.5deg)}
.pad-nums{display:flex;flex-wrap:wrap;gap:22px;margin-top:20px}
.pad-nums b{display:block;font-family:var(--fm);font-size:24px}
.pad-nums span{font-size:13px;color:var(--muted);font-weight:600}
.feat{display:grid;gap:12px;align-content:start}
.feat .top{display:flex;gap:12px;align-items:center}
.feat .top img{width:58px;height:58px;border-radius:14px;border:2px solid var(--ink)}
.feat .cd{font-size:26px}
.board-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:34px 0 14px}
.board-bar h2{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-right:auto}
.search{border:2px solid var(--ink);border-radius:12px;padding:9px 12px;font:14px var(--fb);background:#fff;min-width:0;width:220px}
.coins{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.cc{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;border:2px solid var(--ink);border-radius:16px;background:var(--card);box-shadow:var(--sh-sm);padding:12px;text-decoration:none;transition:transform .08s,box-shadow .08s}
.cc:hover{transform:translate(-2px,-2px);box-shadow:var(--sh)}
.cc img{width:72px;height:72px;border-radius:12px;border:2px solid var(--ink);object-fit:cover;background:var(--soft)}
.cc .nm{font-weight:800;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc .tk{font-family:var(--fm);font-size:12px;color:var(--muted)}
.cc .mc{font-family:var(--fm);font-size:13px;margin-top:4px}
.cc .ds{grid-column:1/-1;font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
.mini{grid-column:1/-1;height:10px;border:2px solid var(--ink);border-radius:999px;background:var(--soft);overflow:hidden}
.mini i{display:block;height:100%;background:var(--poo)}
.cc .meta{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:600}
.grad{font-size:11px;font-weight:800;background:#bfe3c4;border:1.5px solid var(--ink);border-radius:6px;padding:0 6px;margin-left:6px}
.empty{grid-column:1/-1}
.creators{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

/* launch form */
.form{display:grid;gap:16px}
.form label.f{display:grid;gap:6px;font-weight:700;font-size:14px}
.form input[type=text],.form input[type=url],.form input[type=number],.form textarea{border:2px solid var(--ink);border-radius:10px;padding:11px 12px;font:15px var(--fb);background:#fff;width:100%}
.form textarea{min-height:96px;resize:vertical}
.form .hint{font-weight:500;color:var(--muted);font-size:13px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.drop{display:grid;place-items:center;gap:8px;aspect-ratio:1;border:2px dashed var(--ink);border-radius:16px;background:#fff;cursor:pointer;text-align:center;padding:12px;overflow:hidden;position:relative}
.drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.launch-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}
.steps-log{display:grid;gap:6px;font-size:14px}
.steps-log div{display:flex;gap:8px;align-items:center}
.summary{display:grid;gap:8px;font-size:14px}
.summary div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--soft);padding-bottom:6px}
.summary b{font-family:var(--fm)}

/* coin page */
.coin-head{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;margin-top:22px}
.coin-head img{width:120px;height:120px;border-radius:20px;border:3px solid var(--ink);box-shadow:var(--sh);object-fit:cover;background:var(--soft)}
.coin-head h1{font-size:clamp(28px,4.4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.coin-head h1 .tk{font-family:var(--fm);font-size:.5em;background:var(--poo);border:2px solid var(--ink);border-radius:8px;padding:1px 8px;vertical-align:middle;margin-left:6px}
.links-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.links-row a{border:2px solid var(--ink);border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700;text-decoration:none;background:var(--card);display:inline-flex;gap:6px;align-items:center}
.side-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}
.side-tabs button{border:2px solid var(--ink);border-radius:10px;padding:9px;font-weight:800;background:var(--card)}
.side-tabs button.on[data-s=buy]{background:#bfe3c4}
.side-tabs button.on[data-s=sell]{background:#ffd9d2}
.amt{display:flex;border:2px solid var(--ink);border-radius:12px;background:#fff;overflow:hidden}
.amt input{flex:1;min-width:0;border:0;padding:12px;font:700 20px var(--fm);background:none;outline:none}
.amt span{display:grid;place-items:center;padding:0 12px;font-weight:800;border-left:2px solid var(--ink);background:var(--soft)}
.quick{display:flex;gap:6px;margin:8px 0 12px}
.quick button{flex:1;border:2px solid var(--ink);border-radius:8px;background:var(--card);padding:5px 0;font-weight:700;font-size:13px}
.bal{font-size:13px;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between}

@media (max-width:1020px){
  .pad-hero{grid-template-columns:1fr}
  .creators{grid-template-columns:1fr}
}
@media (max-width:720px){
  .pad-hero .main{padding:24px 18px}
  .pad-hero .main::after{background:rgba(248,240,222,.93)}
  .launch-grid{grid-template-columns:1fr}
  .launch-grid .drop{max-width:220px}
  .row2{grid-template-columns:1fr}
  .coin-head{grid-template-columns:84px minmax(0,1fr);gap:14px}
  .coin-head img{width:84px;height:84px}
  .search{width:100%}
  .ext{display:none}
}
.form .amt input{border:0;border-radius:0;background:none}
.form summary .hint{margin-left:8px;margin-right:auto;font-size:13px}
.form label.f .hint{display:inline}
.board-bar .tabs{overflow-x:auto;max-width:100%;scrollbar-width:none}
.board-bar .tabs::-webkit-scrollbar{display:none}
@media (max-width:720px){.board-bar h2{width:100%}.bar .btn.poo{display:none}}
/* phones: keep Launch and $POO in the top bar (the logo is the way back to the board) */
@media (max-width:1020px){
  nav.links{display:flex;margin-left:2px}
  nav.links a[href^="#"],nav.links a[href="/"]{display:none}
}
@media (max-width:720px){
  nav.links a{padding:7px 9px;font-size:14px}
  #wallet-btn{padding:8px 11px;font-size:14px}
  .hide-sm{display:none}
}
@media (max-width:1020px){.side.keep{order:0}}
.ic.logo{border-radius:22%;object-fit:cover}

/* toilet pool */
.code-big{font-family:var(--fm);font-size:44px;font-weight:700;letter-spacing:.18em;text-align:center;border:3px dashed var(--ink);border-radius:14px;background:#fff;padding:10px 0;margin:10px 0}
.cam{position:relative;border:2px solid var(--ink);border-radius:14px;overflow:hidden;background:#000;aspect-ratio:3/4;margin:10px 0}
.cam video,.cam img{width:100%;height:100%;object-fit:cover;display:block}
.cam .tag{position:absolute;left:10px;top:10px;background:var(--ink);color:var(--paper);font:700 14px var(--fm);border-radius:8px;padding:3px 8px}
.btn-row{display:flex;gap:8px}
.btn-row .btn{flex:1}

/* X (Twitter) link: header button and footer link */
.xbtn{display:grid;place-items:center;width:40px;height:40px;flex:none;border:2px solid var(--ink);border-radius:12px;background:var(--card);box-shadow:var(--sh-sm);transition:transform .08s,box-shadow .08s}
.xbtn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}
.xbtn .ic{width:18px;height:18px;vertical-align:0}
.xlink{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none}
.xlink:hover{text-decoration:underline}
.xlink .ic{width:16px;height:16px;vertical-align:0}
@media (max-width:720px){.xbtn{width:34px;height:34px}}

/* ===================== 2026-10 redesign layer =====================
   Orange header and footer, flat background, bolder cards (thin 2px lines), mascot hero on the home page,
   page headers and the proof pages (explore, burns, rewards, stats). Class names here are new so the
   existing pages' scripts and ids keep working. */
:root{--cream:#fcf1df;--white:#fffdf8;--poo-deep:#e8762e;--sh:4px 4px 0 var(--ink);--sh-sm:2px 2px 0 var(--ink);--r:18px}
body::before{display:none}
.wrap{max-width:1220px;padding:0 20px}

/* header: orange, no line underneath (also while scrolling) */
header.site{position:sticky;top:0;z-index:50;background:var(--poo);border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
header.site .bar{height:68px;gap:16px}
header.site .brand img{width:40px;height:40px;border-radius:11px;box-shadow:var(--sh-sm)}
header.site nav.links{display:flex;gap:2px;margin-left:10px}
header.site nav.links a{font-weight:700;padding:8px 13px}
header.site nav.links a:hover,header.site nav.links a.on{background:var(--ink);color:var(--cream)}
header.site .xbtn{background:var(--cream)}
header.site .btn.cream{background:var(--cream)}
.mnav{display:none;gap:6px;overflow-x:auto;padding:0 20px 10px;scrollbar-width:none}
.mnav::-webkit-scrollbar{display:none}
.mnav a{flex:none;padding:5px 12px;border:2px solid var(--ink);border-radius:999px;font-weight:800;font-size:13px;background:var(--cream);text-decoration:none}
.mnav a.on{background:var(--ink);color:var(--cream)}
header.site .ticker{border:0}
.tick{background:var(--ink);color:var(--cream);overflow:hidden}
.tick .track{display:flex;gap:40px;padding:9px 0;white-space:nowrap;width:max-content;animation:tickscroll 40s linear infinite}
.tick span{font:600 13px var(--fm)}
.tick b{color:var(--poo-2)}
.tick .ic{width:15px;height:15px;vertical-align:-3px}
@keyframes tickscroll{to{transform:translateX(-50%)}}

/* buttons, cards, inputs */
.btn{border-radius:13px;font-weight:800}
.btn.cream{background:var(--cream)}
.btn.lg{padding:13px 22px;font-size:17px;border-radius:14px}
.card{border-radius:var(--r);background:var(--white)}
.stat,.rgrid div{background:var(--white)}
.tabs{background:var(--cream)}
.tabs button.on{background:var(--ink);color:var(--cream);box-shadow:none}
.search{border-radius:13px;padding:10px 14px;box-shadow:var(--sh-sm)}
.cc{background:var(--white);box-shadow:var(--sh);border-radius:var(--r);padding:14px}
.cc:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}
.cc .nm{font-size:17px}
.mini{height:12px;background:#efe3cc}
.mini i{background:repeating-linear-gradient(-45deg,var(--poo) 0 10px,var(--poo-2) 10px 20px);border-right:2px solid var(--ink)}
.blk h3{font-size:clamp(32px,4.4vw,52px);letter-spacing:-.04em}
.eyebrow{font-size:24px}
details{background:var(--white)}

/* $POO page header: flat orange instead of the banner, logo stays still */
.hero{background:var(--poo);border-radius:22px}
.hero::after{display:none}
.hero .lede{color:var(--ink);font-weight:600}
.coin{animation:none;transform:rotate(-4deg)}
.hero h1 .tk{background:var(--cream)}
.hero .ca{background:var(--white)}

/* orange page header band */
.phead{background:var(--poo);padding:50px 0 44px}
.phead .kicker,.home-hero .kicker{font:700 26px var(--fd)}
.phead h1{font-size:clamp(44px,6.4vw,84px);line-height:.9;letter-spacing:-.05em;font-weight:800;margin-top:6px}
.phead h1 .c{color:var(--cream)}
.phead p{font-size:18px;font-weight:600;max-width:660px;margin-top:14px}
.page{padding-top:44px;padding-bottom:10px}
.page>.wrap{display:grid;gap:24px}

/* home hero with the mascot */
.home-hero{background:var(--poo);overflow:hidden}
.home-hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:center;min-height:600px;padding-top:36px;padding-bottom:56px}
.home-hero h1{font-size:clamp(56px,8.4vw,118px);line-height:.88;letter-spacing:-.05em;font-weight:800;margin:10px 0 20px}
.home-hero h1 .c{color:var(--cream);display:block}
.home-hero .lead{font-size:19px;max-width:520px;font-weight:600}
.home-hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.home-hero .chips{margin-top:20px}
.home-hero .chip{background:var(--cream)}
.art{position:relative;height:520px}
.mascot{position:absolute;left:42%;top:46%;width:88%;max-width:540px;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-4deg);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mascot .body{position:relative;width:100%;height:100%;transform-origin:50% 78%}
.mascot img{width:100%;height:100%;pointer-events:none;user-select:none}
.eye{position:absolute;width:9.5%;height:11%;background:#fff;border:4px solid var(--ink);border-radius:50%;overflow:hidden;transform:translate(-50%,-50%)}
.eye.l{left:40.5%;top:44.5%}
.eye.r{left:57%;top:43.6%}
.pupil{position:absolute;left:28%;top:28%;width:44%;height:44%;border-radius:50%;background:var(--ink);transition:transform .14s ease-out}
.pupil::after{content:"";position:absolute;left:18%;top:16%;width:30%;height:30%;border-radius:50%;background:#fff}
.lid{position:absolute;inset:-4px;background:#faf0de;border-bottom:4px solid var(--ink);transform:translateY(-102%);transition:transform .07s ease-in}
.mascot.blink .lid{transform:translateY(0)}
.mascot.happy .lid{transform:translateY(-38%);transition-duration:.18s}
.mascot .body.spin{animation:m-spin .9s cubic-bezier(.5,0,.3,1)}
.mascot .body.bounce{animation:m-bounce 1s ease-out}
.mascot .body.sit{animation:m-sit 1.7s ease-in-out}
@keyframes m-spin{to{transform:rotate(360deg)}}
@keyframes m-bounce{0%{transform:none}18%{transform:translateY(4%) scale(1.1,.88)}42%{transform:translateY(-22%) scale(.93,1.08)}64%{transform:translateY(0) scale(1.08,.9)}80%{transform:translateY(-6%) scale(.98,1.02)}100%{transform:none}}
@keyframes m-sit{0%{transform:none}22%{transform:translateY(7%) scale(1.13,.82)}80%{transform:translateY(7%) scale(1.13,.82)}100%{transform:none}}
.poke{position:absolute;left:8%;top:8%;font:700 24px var(--fd);transform:rotate(-8deg);pointer-events:none}
.poke::after{content:" ↘"}
.hround{position:absolute;right:-20px;bottom:-6px;width:270px;background:var(--cream);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--sh);padding:16px 18px;transform:rotate(2deg);text-decoration:none}
.hround .t{font:700 13px var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.hround .cd{font-size:44px;line-height:1;margin:4px 0 8px}
.hround .row{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;border-top:2px dashed #e4d7bd;padding-top:7px;margin-top:7px}
.hround .row b{font-family:var(--fm)}
.live{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--fm);color:var(--good)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--good);animation:pulse 1.6s infinite}

/* home stats strip */
.hstats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--cream);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.hstats div{padding:20px;border-right:2px solid var(--ink)}
.hstats div:last-child{border-right:0}
.hstats b{display:block;font:700 30px var(--fm);letter-spacing:-.02em}
.hstats span{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.hsec{padding:70px 0}
.hsec h2.big,.band h2{font-size:clamp(34px,4.6vw,58px);line-height:1;letter-spacing:-.04em;font-weight:800}
.hsec .board-bar{margin-top:6px}
.tiles{background:#d6ece8;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background-image:linear-gradient(#b4d2cc 2px,transparent 2px),linear-gradient(90deg,#b4d2cc 2px,transparent 2px);background-size:96px 96px}
.tiles .label{display:inline-block;background:var(--white);border:2px solid var(--ink);border-radius:16px;box-shadow:var(--sh);padding:14px 22px;margin-bottom:28px}
.hsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hstep{background:var(--white);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--sh);padding:26px}
.hstep .n{width:52px;height:52px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:800 24px var(--fb);background:var(--poo);box-shadow:var(--sh-sm);margin-bottom:16px}
.hstep h4{font-size:26px;letter-spacing:-.02em;margin-bottom:6px}
.hstep p{color:var(--muted);font-weight:600}
.band{background:var(--ink);color:var(--cream);text-align:center;padding:70px 0}
.band h2{margin:6px 0 16px}
.band h2 em{font-style:normal;color:var(--poo)}
.band .btn{border-color:var(--cream);box-shadow:3px 3px 0 var(--cream)}

/* proof pages */
.panel{background:var(--white);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--sh);padding:22px;min-width:0}
.panel h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.bigstats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bigstats .panel b{display:block;font:700 32px var(--fm);letter-spacing:-.02em}
.bigstats .panel span{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.bigstats .panel small{display:block;margin-top:4px;font-weight:700;color:var(--muted)}
.ltable{font-size:15px}
.ltable th{padding:10px 12px}
.ltable td{padding:12px;border-bottom:2px dashed #e4d7bd;font-weight:600}
.ltable tr:last-child td{border-bottom:0}
.ltable td a{color:var(--teal);text-decoration:underline}
.hscroll{overflow-x:auto}
.minichart{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:10px}
.minichart div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;min-width:0}
.minichart i{width:100%;background:var(--poo);border:2px solid var(--ink);border-bottom:0;border-radius:6px 6px 0 0;min-height:2px}
.minichart span{font:600 10px var(--fm);color:var(--muted)}
.split{display:flex;height:84px;border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:var(--sh)}
.split div{display:flex;align-items:center;padding:0 20px;font:800 28px var(--fb);border-right:2px solid var(--ink)}
.split div:last-child{border-right:0}
.legend{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.legend>div{display:flex;gap:10px}
.legend i{width:20px;height:20px;flex:none;border:2px solid var(--ink);border-radius:6px;margin-top:3px}
.legend b{display:block}
.legend span{font-size:14px;color:var(--muted);font-weight:600}

/* footer: orange, thin line */
footer.site{background:var(--poo);border-top:2px solid var(--ink);margin-top:70px;padding:32px 0}
footer.site .row{font-weight:700}
footer.site .flinks{display:flex;flex-wrap:wrap;gap:14px}
footer.site .flinks a{text-decoration:none}
footer.site .flinks a:hover{text-decoration:underline}
footer.site p{font-size:13px;font-weight:600;max-width:520px;color:var(--ink)}
.home footer.site,.flush footer.site{margin-top:0}

@media (max-width:980px){
  header.site nav.links{display:none}
  .mnav{display:flex}
  .home-hero .wrap{grid-template-columns:1fr;min-height:0}
  .art{height:420px}
  .hround{right:0;bottom:6px;transform:rotate(-2deg)}
  .hstats,.bigstats{grid-template-columns:1fr 1fr}
  .hstats div:nth-child(2){border-right:0}
  .hstats div:nth-child(-n+2){border-bottom:2px solid var(--ink)}
  .hsteps{grid-template-columns:1fr}
  .legend{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  header.site .bar{height:60px;gap:10px}
  header.site .bar .btn.cream{display:none}
  .phead{padding:34px 0 30px}
  .wrap{padding:0 16px}
  .mnav{padding:0 16px 10px}
}
@media (max-width:560px){
  .home-hero .wrap{padding-top:26px}
  .art{height:360px}
  .mascot{left:40%;width:84%}
  .eye{border-width:3px}
  .poke{display:none}
  .hround{width:205px;padding:10px 12px;right:0;bottom:0}
  .hround .cd{font-size:30px}
  .hround .row{font-size:12px;padding-top:5px;margin-top:5px}
  .home-hero .cta .btn{flex:1}
  .bigstats .panel b{font-size:24px}
  .split div{padding:0 8px;font-size:15px}
  .hsec{padding:50px 0}
}

/* home hero: poop city skyline, the poo sits on a dark ledge that runs into the dark stats strip below */
.home-hero{position:relative;--ledge:86px}
.home-hero .city{position:absolute;left:0;bottom:0;width:100%;height:400px;object-fit:cover;object-position:center bottom;pointer-events:none;user-select:none}
.home-hero .sun{position:absolute;right:14%;top:70px;width:340px;height:340px;border-radius:50%;background:#ffc08a;opacity:.55;pointer-events:none}
.home-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(27,23,18,0),#1b1712);pointer-events:none}
.home-hero .ledge{position:absolute;right:0;bottom:0;width:64%;height:var(--ledge);z-index:1;background:linear-gradient(#3b332a 0 16px,#1b1712 16px);clip-path:polygon(3% 0,100% 0,100% 100%,0 100%)}
.home-hero .ledge::before{content:"";position:absolute;inset:16px 0 0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px),radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px);background-size:23px 19px,37px 29px;background-position:0 0,11px 7px}
.home-hero .wrap{position:relative;z-index:2;padding-bottom:var(--ledge)}
.home-hero .art{align-self:end}
.home-hero .mascot{top:auto;bottom:-3%;left:44%;width:92%;max-width:520px;transform:translateX(-50%) rotate(-3deg)}
.home-hero .hround{bottom:0;right:-6px}
.home-hero h1,.home-hero .lead,.home-hero .kicker{position:relative}
.hstats.dark{background:#1b1712;color:var(--cream);border:0}
.hstats.dark div{border-color:rgba(252,241,223,.16)}
.hstats.dark span{color:#cdbfa6}
@media (max-width:980px){
  .home-hero .ledge{width:100%;clip-path:none}
  .home-hero .sun{right:-60px;top:auto;bottom:160px}
  .home-hero .mascot{left:40%;width:78%}
}
@media (max-width:560px){.home-hero{--ledge:64px}.home-hero .city{height:300px}.home-hero .sun{width:240px;height:240px}}
.home-hero .mascot{bottom:-18.5%}
.home-hero .city{height:340px}
@media (max-width:980px){.home-hero .mascot{bottom:-17%}}
.home-hero .mascot{left:35%;width:80%}
.home-hero .hround{right:-34px;width:250px}
@media (max-width:980px){.home-hero .mascot{left:36%;width:62%;max-width:420px}.home-hero .hround{right:0}}
@media (max-width:560px){.home-hero .art{height:300px}.home-hero .mascot{left:33%;width:80%}.home-hero .hround{width:176px}.home-hero .sun{bottom:120px}}
header.site .ext,header.site #status-pill{display:none}
@media (max-width:1180px){header.site .bar>.btn.cream{display:none}}
body{display:flex;flex-direction:column;min-height:100vh}
body>footer.site{margin-top:auto}
body>main{margin-bottom:70px}