:root{--bg: #ffffff;--ink: #0a0a0a;--muted: #5c5c5c;--line: #e8e8e8;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Inter", system-ui, sans-serif;--display: "Bricolage Grotesque", var(--sans);--script: var(--sans);--sketch-hand: "Patrick Hand", "Caveat", cursive;--sketch-green: #3d9a5c;--sketch-green-soft: #e8f5ec;--sketch-ink: #0a0a0a}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:linear-gradient(#fff,#fff) padding-box,radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px);background-size:auto,22px 22px;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app-root{min-height:100vh;display:flex;flex-direction:column}.top-header{border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,#fffffffa,#fafaf7f0),radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px);background-size:auto,16px 16px;box-shadow:0 10px 28px #0000000e;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-header:after{content:"";position:absolute;left:max(1rem,calc((100vw - 1180px)/2 + 1.25rem));right:max(1rem,calc((100vw - 1180px)/2 + 1.25rem));bottom:-4px;height:7px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.14),transparent);opacity:.45;pointer-events:none}.top-header-inner{max-width:1180px;margin:0 auto;padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.logo-word{font-family:var(--script);font-weight:700;font-size:1.18rem;letter-spacing:0;line-height:1}.logo-word-btn{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:.32rem .82rem .38rem;margin:0;cursor:pointer;color:inherit;text-align:left;box-shadow:0 3px #00000014}.logo-word-btn:hover{transform:translateY(-1px)}.logo-word-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.top-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.2rem;flex:1;max-width:fit-content;padding:.18rem;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#ffffffbf;box-shadow:inset 0 1px #ffffffe6}.nav-tab{border:none;background:transparent;font-family:var(--sans);font-size:.9rem;padding:.45rem .75rem;cursor:pointer;color:var(--muted);border-radius:999px}.nav-tab:hover{color:var(--ink);background:#0000000e}.nav-tab-active{background:var(--ink);color:#fff;border-radius:38% 62% 55% 45%/48% 42% 58% 52%;box-shadow:0 2px #0000002e}.nav-tab-active:hover{color:#fff;background:var(--ink)}.header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;justify-content:flex-end}.btn-connect{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:10px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:0 3px #00000029}.btn-connect:hover{opacity:.9}.btn-account{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:10px;padding:.45rem .75rem;font-size:.8rem;cursor:pointer;box-shadow:0 2px #0000000f}.btn-nav{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.35rem .55rem;font-size:.75rem;cursor:pointer}.btn-nav:hover:not(:disabled){border-color:#ccc}.btn-nav:disabled{opacity:.5;cursor:not-allowed}.btn-chain{border-color:var(--ink);color:var(--ink)}.hdr-muted{font-size:.75rem;color:var(--muted)}.mono{font-family:var(--mono)}.page-main{flex:1;width:100%;max-width:42rem;margin:0 auto;padding:2rem 1.25rem 4rem;text-align:center}.page-main--home{max-width:min(82rem,100%);padding-left:1rem;padding-right:1rem}.page-main--guide{max-width:min(58rem,100%);padding-left:1rem;padding-right:1rem}.prose-centered{text-align:center}.prose-centered .lead,.rules-ul{text-align:left;max-width:36rem;margin-left:auto;margin-right:auto}.rules-block,.home-reward-section{text-align:left;width:100%;max-width:48rem;margin-left:auto;margin-right:auto}.hero-home{padding-top:clamp(.4rem,2vw,1.4rem)}.hero-script{display:inline-block;position:relative;font-family:var(--display);font-size:clamp(2.4rem,5vw,3.45rem);font-weight:800;line-height:.98;margin:0 0 1.15rem;color:var(--ink);letter-spacing:0;text-shadow:2px 2px 0 rgba(0,0,0,.08)}.hero-script:after{content:"";position:absolute;left:.02em;right:.04em;bottom:-.08em;height:.09em;border-radius:999px;background:linear-gradient(90deg,#0a0a0aeb,#0a0a0aad),radial-gradient(circle at 12% 50%,transparent 0 12%,rgba(255,255,255,.85) 13% 18%,transparent 19%);transform:rotate(-.7deg);opacity:.9}.hero-script.small{font-size:clamp(1.8rem,4vw,2.4rem)}.lead{color:var(--muted);font-size:1.05rem;margin:0 0 1.5rem;line-height:1.55}.lead strong{color:var(--ink)}.btn-primary-lg{background:var(--ink);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;cursor:pointer}.btn-primary-lg:hover:not(:disabled){opacity:.92}.btn-primary-lg:disabled{opacity:.5;cursor:wait}.banner-warn{border:1px solid #ddd;padding:1rem;margin-bottom:1.5rem;font-size:.88rem;color:var(--muted);text-align:left}.muted{color:var(--muted);font-size:.9rem}.small{font-size:.8rem}.guide{padding-top:.5rem}.steps{position:relative;margin:2.25rem auto 0;max-width:38rem;text-align:left}.steps-rail{position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:var(--line)}.steps-list{list-style:none;margin:0;padding:0}.step{position:relative;display:flex;gap:1rem;margin-bottom:2rem;padding-left:.25rem}.step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;background:var(--bg);z-index:1}.step-body{flex:1;min-width:0}.step-title{font-size:1.15rem;font-weight:600;margin:0 0 .5rem}.step-body p{margin:0 0 .75rem;color:var(--muted);font-size:.95rem}.guide-signal-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;max-width:38rem;margin:1.6rem auto 0;text-align:left}.guide-signal-strip>div{border:2px solid var(--ink);border-radius:14px;background:#fff;min-height:6.05rem;padding:.7rem .85rem;box-shadow:5px 5px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.guide-signal-label{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.2;margin-bottom:.18rem}.guide-signal-strip strong{display:block;font-size:clamp(.95rem,1.75vw,1.22rem);line-height:1.04;color:var(--ink);white-space:nowrap;overflow-wrap:anywhere}@media(min-width:680px){.guide-signal-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.copy-block{position:relative;background:var(--ink);color:#f5f5f5;border-radius:8px;padding:1rem 4.5rem 1rem 1rem;margin-top:.5rem}.copy-block-pre{margin:0;font-family:var(--mono);font-size:.78rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.copy-block-btn{position:absolute;top:50%;right:.65rem;transform:translateY(-50%);background:#fff;color:var(--ink);border:none;border-radius:6px;padding:.35rem .65rem;font-size:.72rem;font-weight:500;cursor:pointer}.copy-block-btn:hover{background:#eee}.guide-rulebook{margin:3rem auto 0;max-width:50rem;text-align:left;padding:1.35rem;border:2px solid var(--ink);border-radius:18px;background:linear-gradient(160deg,#fffffff0,#f5f5f2f0),radial-gradient(rgba(0,0,0,.045) 1px,transparent 1px);background-size:auto,17px 17px;box-shadow:8px 8px #00000014}.guide-rulebook-head{margin-bottom:1.1rem}.guide-kicker{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:#2563eb;margin:0 0 .35rem}.guide-rulebook h2{margin:0;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.18}.guide-rule-grid{display:grid;gap:.85rem;grid-template-columns:1fr}@media(min-width:760px){.guide-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.guide-rule-card{background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:12px;padding:.95rem;min-width:0;box-shadow:0 1px #ffffffd9 inset}.guide-rule-label{display:block;font-family:var(--mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.28rem}.guide-rule-value{display:block;font-size:1.18rem;line-height:1.1;color:var(--ink);margin-bottom:.55rem}.guide-rule-card p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.45}.rules-block{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.home-reward-section{margin-top:4rem;max-width:76rem}.rules-heading{font-size:1.2rem;font-weight:600;margin:0 0 1rem;text-align:center}.rules-ul{margin:0;padding-left:1.2rem;color:var(--muted);font-size:.95rem}.rules-ul li{margin-bottom:.5rem}.rarity-matrix{margin-top:.5rem;padding-top:0;border-top:none}.rarity-tier-grid{display:grid;gap:clamp(.75rem,1.5vw,.95rem);grid-template-columns:1fr;justify-items:center;align-items:start}@media(min-width:720px){.rarity-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1120px){.rarity-tier-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.rarity-tier-card{width:min(12.6rem,calc(100vw - 2.5rem));border-radius:12px 15px 11px 14px;border:1.5px solid color-mix(in srgb,var(--tier-accent, var(--sketch-ink)) 48%,rgba(17,17,17,.32));border-top-width:3px;padding:.85rem .85rem .9rem;text-align:left;box-shadow:4px 5px color-mix(in srgb,var(--tier-accent, #111) 8%,transparent),0 10px 22px #0000000b,inset 0 1px #fffffff2;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:11rem;overflow:hidden;background:radial-gradient(circle at 14% 8%,#ffffff 0%,var(--tier-tint, rgba(0, 0, 0, .035)) 34%,transparent 62%),linear-gradient(158deg,#fff,#fff 58%,color-mix(in srgb,var(--tier-accent, #111) 4.5%,#fff)),#fff}.rarity-tier-head{min-height:1.55rem;display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:.25rem;width:100%}.rarity-tier-name{font-size:clamp(.61rem,1vw,.72rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);line-height:1.25;overflow-wrap:anywhere}.rarity-tier-mint{width:100%;flex:0;margin-bottom:.75rem}.rarity-tier-mint-row{display:flex;justify-content:space-between;align-items:baseline;gap:.4rem;margin-bottom:.35rem}.rarity-tier-mint-label{font-size:.62rem;color:var(--muted);white-space:nowrap}.rarity-tier-mint-nums{font-size:.62rem;color:var(--ink);white-space:nowrap}.rarity-tier-bar-track{height:.34rem;border-radius:999px;border:none;background:#00000016;overflow:hidden}.rarity-tier-bar-fill{height:100%;border-radius:999px;min-width:0;transition:width .28s ease;background:repeating-linear-gradient(-45deg,var(--tier-accent, var(--sketch-ink)) 0,var(--tier-accent, var(--sketch-ink)) 5px,#ffffff 5px,#ffffff 10px)!important}.rarity-tier-amount{margin:0;font-size:clamp(1.45rem,2vw,1.9rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ink);line-height:1.05;white-space:nowrap;font-family:var(--sans)}.rarity-tier-unit{display:block;margin-top:.28rem;font-size:.52em;font-weight:700;color:var(--muted);letter-spacing:.03em;font-family:var(--sans)}.bonus-tier-grid{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}.crit-tier-row{width:min(12.6rem,calc(100vw - 2.5rem));position:relative;border:1.5px solid var(--sketch-ink);border-top-width:3px;border-radius:12px 15px 11px 14px;padding:.85rem .85rem .9rem;min-height:11rem;min-width:0;background:radial-gradient(circle at 18% 8%,#ffffff 0%,rgba(0,0,0,.045) 34%,transparent 62%),linear-gradient(158deg,#fff,#fff 60%,#00000009);box-shadow:4px 5px #00000013,0 10px 22px #0000000b;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;text-align:left;overflow:visible}.crit-tier-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.crit-bomb{position:relative;flex:0 0 auto;width:2.9rem;height:2.75rem;margin-top:-.05rem;transform:rotate(-7deg)}.crit-bomb:before{content:"";position:absolute;top:.5rem;right:.7rem;width:.48rem;height:.34rem;border:1.5px solid var(--sketch-ink);border-radius:.18rem;background:#fff;transform:rotate(28deg);z-index:2}.crit-bomb:after{content:"";position:absolute;right:.62rem;bottom:.18rem;width:1.92rem;height:1.92rem;border:1.5px solid var(--sketch-ink);border-radius:50% 46% 52% 44%;background:radial-gradient(circle at 34% 31%,rgba(255,255,255,.92) 0 11%,transparent 12%),#111;box-shadow:2px 2px #0000001f;z-index:1}.crit-bomb-fuse{position:absolute;top:.04rem;right:.1rem;width:.78rem;height:.66rem;border-top:1.5px solid var(--sketch-ink);border-right:0;border-radius:70% 0 0;transform:rotate(24deg);z-index:3}.crit-bomb-spark{position:absolute;top:-.04rem;right:-.12rem;width:.38rem;height:.38rem;border:1.5px solid var(--sketch-ink);border-radius:50%;background:#fff;z-index:4}.crit-tier-name,.crit-tier-chance,.crit-tier-progress{display:block;font-size:.68rem;line-height:1.25}.crit-tier-name{font-weight:800;color:var(--ink);text-transform:uppercase}.crit-tier-chance,.crit-tier-progress{color:var(--muted)}.crit-tier-amount{display:block;margin:.45rem 0;font-size:clamp(1.08rem,1.65vw,1.3rem);font-weight:800;line-height:1.12;color:var(--ink);white-space:nowrap;font-family:var(--sans)}.crit-tier-row .rarity-tier-bar-track{width:100%}.err-text{color:#b42318;font-size:.85rem;text-align:center}.ok-text{color:#027a48;text-align:center}.section-script{font-family:var(--script);font-size:2rem;font-weight:700;margin:2.5rem 0 .75rem}.small-lead{font-size:.95rem;margin-bottom:1.25rem}.home-sketch-section{width:100%;max-width:76rem;margin:2.5rem auto 0;text-align:center}.sketch-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.35rem;justify-content:center}.sketch-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;padding:.35rem .75rem;border:2px solid var(--sketch-ink);border-radius:999px;font-family:var(--sans);font-weight:500}.sketch-pill-live{background:var(--sketch-green-soft);border-color:var(--sketch-green)}.sketch-pill-outline{background:#fff}.sketch-dot{width:8px;height:8px;border-radius:50%;background:var(--sketch-green);flex-shrink:0}.sketch-grid{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.5rem);align-items:start;justify-items:center}.sketch-card{width:min(16rem,calc(100vw - 2.5rem));aspect-ratio:1;border-radius:50%;border:2px solid var(--sketch-ink);background:radial-gradient(circle at 35% 28%,#fafafa,#fff 45%,#f3f3f3);box-shadow:0 10px 28px #00000014,inset 0 1px #fffffff2;display:flex;align-items:center;justify-content:center;padding:clamp(.85rem,3.5vw,1.35rem);box-sizing:border-box;overflow:hidden}.sketch-circle-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:88%;max-width:13.5rem;gap:.2rem;min-height:0}.sketch-circle-inner--quiet{gap:.45rem}.sketch-icon{width:2rem;height:2rem;color:var(--sketch-ink);flex-shrink:0;opacity:.92}.sketch-card-kicker{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted);line-height:1.25;max-width:100%}.sketch-big-num{margin:.1rem 0 0;font-size:clamp(1.85rem,6.5vw,2.65rem);line-height:1.05;color:var(--sketch-ink)}.sketch-nums-row{white-space:nowrap}.sketch-hand{font-family:var(--sketch-hand);font-weight:400}.sketch-fee-value{font-family:var(--display);font-weight:800;letter-spacing:0}.sketch-denom{font-size:.52em;color:var(--muted);font-family:var(--sans);font-weight:500}.sketch-card-unit{margin:.05rem 0 0;font-size:.8rem;color:var(--muted);line-height:1.2}.sketch-card-foot{margin:.35rem 0 0;font-size:.68rem;line-height:1.35;color:var(--muted);max-width:100%;-webkit-hyphens:auto;hyphens:auto}.sketch-bar-wrap{margin-top:.35rem;width:100%;max-width:11.5rem}.sketch-bar-track{height:.55rem;border:1.5px solid var(--sketch-ink);border-radius:999px;overflow:hidden;background:#fff}.sketch-bar-fill{height:100%;min-width:0;background:repeating-linear-gradient(-45deg,var(--sketch-ink) 0,var(--sketch-ink) 5px,#ffffff 5px,#ffffff 10px);transition:width .45s ease}.sketch-agent-loading{letter-spacing:.15em;opacity:.55}.sketch-dash{color:var(--muted)}@media(min-width:700px){.sketch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sketch-card{width:min(16rem,100%)}}@media(min-width:1120px){.sketch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:960px){.sketch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}