:root{--sweet:#fe90b8;--sweet-dark:#e63b82;--sweet-deep:#8f2355;--sweet-soft:#ffd4e3;--sour:#8fc28e;--sour-dark:#36934f;--sour-deep:#255f36;--sour-soft:#dfeedd;--cream:#faf8f2;--ink:#30202a;--muted:#74636d;--app-bg:#f4fbfa;--surface:#fff;--surface-2:#fff7fa;--field:#fff;--border:rgba(48,32,42,.08);--border-strong:rgba(48,32,42,.14);--shadow:0 16px 42px rgba(48,32,42,.10);--max:1180px;--radius-xl:24px;--radius-lg:16px;color-scheme:light}
html[data-theme="dark"]{--sweet:#ff83b6;--sweet-dark:#ff5d9f;--sweet-deep:#ff9ac2;--sweet-soft:#4a2737;--sour:#86c98a;--sour-dark:#65be72;--sour-deep:#a9dda8;--sour-soft:#263b2b;--cream:#1a161a;--ink:#f7edf3;--muted:#b9aab3;--app-bg:#141115;--surface:#211a21;--surface-2:#2a2229;--field:#251e25;--border:rgba(255,255,255,.09);--border-strong:rgba(255,255,255,.15);--shadow:0 18px 48px rgba(0,0,0,.28);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-width:320px;color:var(--ink);font-family:"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;line-height:1.6;background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--sweet-dark) 11%,transparent),transparent 25rem),radial-gradient(circle at 88% 90%,color-mix(in srgb,var(--sour-dark) 10%,transparent),transparent 25rem),var(--app-bg);transition:background .2s,color .2s}img{display:block;max-width:100%}a{color:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.skip-link{position:fixed;left:12px;top:8px;z-index:999;transform:translateY(-150%);padding:9px 12px;border-radius:10px;background:var(--sweet-dark);color:#fff}.skip-link:focus{transform:none}.site-header{position:fixed;z-index:90;inset:0 0 auto;height:78px;border-bottom:1px solid transparent;display:flex;align-items:center;transition:.2s}.site-header.scrolled{background:color-mix(in srgb,var(--app-bg) 88%,transparent);backdrop-filter:blur(18px);border-color:var(--border)}.nav-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--sweet-dark) 18%,transparent),color-mix(in srgb,var(--sour-dark) 14%,transparent))}.brand-mark img{width:38px}.brand strong,.brand small{display:block}.brand strong{font-weight:1000;letter-spacing:.06em;line-height:1}.brand small{margin-top:5px;color:var(--muted);font:700 .62rem/1 system-ui}.main-nav{justify-self:center;display:flex;align-items:center;gap:24px}.main-nav a{text-decoration:none;color:var(--muted);font:800 .72rem/1 system-ui}.main-nav a:hover{color:var(--sweet-deep)}.nav-actions{display:flex;align-items:center;gap:9px}.theme-toggle,.nav-toggle{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 8px 22px color-mix(in srgb,var(--ink) 6%,transparent)}.theme-toggle{font-size:1rem}.wallet-button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid color-mix(in srgb,var(--sweet-dark) 28%,transparent);border-radius:12px;background:color-mix(in srgb,var(--sweet-dark) 10%,transparent);color:var(--ink);text-decoration:none;font:900 .74rem/1 system-ui}.wallet-button b{color:var(--sweet-deep)}.nav-toggle{display:none;padding:10px}.nav-toggle i{display:block;width:20px;height:2px;margin:2px 0;border-radius:99px;background:currentColor}.hero-section{padding:118px 0 40px}.app-hero-card{min-height:570px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:52px;padding:46px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(125deg,color-mix(in srgb,var(--sweet-dark) 15%,var(--surface)) 0%,var(--surface) 48%,color-mix(in srgb,var(--sour-dark) 13%,var(--surface)) 100%);box-shadow:var(--shadow);overflow:hidden;position:relative}.app-hero-card:before,.app-hero-card:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.app-hero-card:before{width:320px;height:320px;left:-140px;top:-120px;background:color-mix(in srgb,var(--sweet-dark) 10%,transparent)}.app-hero-card:after{width:300px;height:300px;right:-130px;bottom:-140px;background:color-mix(in srgb,var(--sour-dark) 10%,transparent)}.hero-copy,.hero-ui{position:relative;z-index:2}.eyebrow{display:block;margin-bottom:10px;color:var(--sour-deep);font:900 .66rem/1 system-ui;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3{margin:0;line-height:1.02;letter-spacing:-.045em;font-weight:1000}h1{font-size:clamp(2.22rem,4.2vw,3.78rem)}h2{font-size:clamp(1.38rem,2.45vw,2.18rem)}h3{font-size:1.55rem}em{font-style:normal;background:linear-gradient(110deg,var(--sweet-deep),var(--sweet-dark),var(--sour-dark));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p,.muted,.section-heading>p,.faq-intro>p{color:var(--muted);font:650 1rem/1.75 system-ui}.hero-copy>p{max-width:640px;margin:22px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid var(--border);border-radius:13px;text-decoration:none;font:900 .76rem/1 system-ui;transition:.18s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#fff;border-color:var(--sweet-dark);background:linear-gradient(135deg,var(--sweet-dark),var(--sweet));box-shadow:0 12px 26px color-mix(in srgb,var(--sweet-dark) 20%,transparent)}.btn.secondary{background:var(--surface-2);color:var(--ink)}.link-row{display:flex;align-items:center;gap:11px;margin-top:19px}.link-row a{color:var(--muted);text-decoration:none;font:800 .66rem/1 system-ui}.link-row span{color:var(--border-strong)}.hero-ui{border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 22px 50px color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}.mini-topbar{height:45px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:1px solid var(--border);font:800 .55rem/1 system-ui;color:var(--muted)}.mini-topbar>span{display:flex;gap:5px}.mini-topbar i{width:7px;height:7px;border-radius:50%;background:var(--border-strong)}.mini-topbar i:first-child{background:var(--sweet-dark)}.mini-topbar i:last-child{background:var(--sour-dark)}.mini-topbar b{color:var(--ink)}.mini-topbar small{justify-self:end}.mini-shell{display:grid;grid-template-columns:62px 1fr;min-height:410px}.mini-shell aside{padding:16px 10px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 93%,var(--app-bg))}.mini-shell aside img{width:34px;margin:0 auto 23px}.mini-shell aside span{width:34px;height:32px;margin:7px auto;display:grid;place-items:center;border-radius:10px;color:var(--muted);font-size:.72rem}.mini-shell aside span.active{background:color-mix(in srgb,var(--sweet-dark) 14%,transparent);color:var(--sweet-deep);box-shadow:inset 2px 0 var(--sweet-dark)}.mini-main{padding:19px}.mini-banner{display:grid;grid-template-columns:1fr 110px;align-items:center;min-height:145px;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(125deg,color-mix(in srgb,var(--sweet-dark) 12%,var(--surface)),var(--surface) 50%,color-mix(in srgb,var(--sour-dark) 11%,var(--surface)))}.mini-banner small,.mini-banner strong,.mini-banner span{display:block}.mini-banner small{color:var(--sour-deep);font:900 .47rem/1 system-ui;letter-spacing:.12em}.mini-banner strong{margin:7px 0;font-size:1rem}.mini-banner span{color:var(--muted);font:650 .53rem/1.45 system-ui}.mini-banner img{width:94px;justify-self:end}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.mini-metrics article,.mini-panels article{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.mini-metrics small,.mini-panels small{display:block;color:var(--muted);font:750 .46rem/1 system-ui}.mini-metrics strong{display:block;margin-top:10px;color:var(--ink);font:900 .64rem/1 system-ui}.mini-metrics .sweet strong{color:var(--sweet-deep)}.mini-metrics .sour strong{color:var(--sour-deep)}.mini-panels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mini-panels article{min-height:98px}.spark{height:36px;margin-top:17px;background:linear-gradient(180deg,color-mix(in srgb,var(--sweet-dark) 28%,transparent),transparent);clip-path:polygon(0 90%,15% 55%,28% 72%,45% 22%,60% 48%,76% 15%,100% 0,100% 100%,0 100%)}.coin-pair{display:flex;justify-content:center;gap:5px;margin-top:9px}.coin-pair img{width:46px}.status-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}.status-strip span{min-height:56px;display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--border);color:var(--muted);font:800 .68rem/1 system-ui}.status-strip span:last-child{border-right:0}.dot{width:8px;height:8px;border-radius:50%}.dot.sweet{background:var(--sweet-dark)}.dot.sour{background:var(--sour-dark)}.section{padding:52px 0}.section-heading{display:grid;grid-template-columns:1fr .68fr;align-items:end;gap:75px;margin-bottom:22px}.section-heading.compact{margin-bottom:16px}.section-heading h2{max-width:720px}.app-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.app-card{min-height:275px;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 5%,transparent)}.app-card small{display:block;margin-bottom:9px;color:var(--muted);font:900 .54rem/1 system-ui;letter-spacing:.1em}.app-card p{color:var(--muted);font:650 .83rem/1.65 system-ui}.card-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:36px;border-radius:13px;font-weight:1000}.card-icon.sweet{color:var(--sweet-deep);background:var(--sweet-soft)}.card-icon.sour{color:var(--sour-deep);background:var(--sour-soft)}.card-link{display:block;margin-top:25px;color:var(--sweet-deep);font:900 .64rem/1 system-ui}.token-section{padding-top:45px}.token-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px}.token-showcase{position:relative;min-height:500px;display:grid;place-items:center}.token-showcase>img{position:relative;z-index:2;width:345px;filter:drop-shadow(0 30px 32px color-mix(in srgb,var(--ink) 18%,transparent))}.token-orbit{position:absolute;width:440px;height:440px;border:1px dashed var(--border-strong);border-radius:50%;box-shadow:inset 0 0 90px color-mix(in srgb,var(--sweet-dark) 5%,transparent)}.token-chip{position:absolute;z-index:3;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font:900 .6rem/1 system-ui;box-shadow:0 10px 25px color-mix(in srgb,var(--ink) 8%,transparent)}.token-chip.pink{left:35px;top:120px;color:var(--sweet-deep)}.token-chip.green{right:30px;bottom:115px;color:var(--sour-deep)}.info-stack{display:grid;gap:8px;margin-top:25px}.info-stack>div{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.info-stack i{width:10px;height:10px;border-radius:50%}.info-stack i.sweet{background:var(--sweet-dark)}.info-stack i.sour{background:var(--sour-dark)}.info-stack small,.info-stack strong{display:block}.info-stack small{color:var(--muted);font:750 .56rem/1 system-ui}.info-stack strong{margin-top:3px;font-size:.77rem}.risk-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--muted);font:650 .62rem/1.55 system-ui}.risk-note b{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,#d9aa48 12%,transparent);color:#c4972d}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.game-card{min-height:290px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:26px;border:1px solid var(--border);border-radius:20px;overflow:hidden}.game-card.pink{background:linear-gradient(135deg,color-mix(in srgb,var(--sweet-dark) 15%,var(--surface)),var(--surface))}.game-card.green{background:linear-gradient(135deg,color-mix(in srgb,var(--sour-dark) 14%,var(--surface)),var(--surface))}.game-card p{color:var(--muted);font:650 .82rem/1.6 system-ui}.game-card a{color:var(--sweet-deep);text-decoration:none;font:900 .66rem/1 system-ui}.game-art{display:flex;align-items:center;justify-content:center;gap:8px}.game-art img{width:112px}.game-art b{color:var(--muted);font-size:.63rem}.game-dots{position:relative;height:170px}.game-dots i{position:absolute;border-radius:50%;box-shadow:0 10px 20px color-mix(in srgb,var(--ink) 10%,transparent)}.game-dots i:nth-child(1){width:72px;height:72px;left:30px;top:23px;background:var(--sweet-dark)}.game-dots i:nth-child(2){width:58px;height:58px;left:115px;top:70px;background:var(--sour-dark)}.game-dots i:nth-child(3){width:40px;height:40px;right:24px;top:30px;background:#e5c86b}.game-dots i:nth-child(4){width:30px;height:30px;left:75px;bottom:10px;background:var(--sweet)}.game-dots i:nth-child(5){width:26px;height:26px;right:55px;bottom:12px;background:var(--sour)}.bean-card{min-height:390px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:55px;padding:40px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--sour-dark) 11%,var(--surface)),var(--surface) 55%,color-mix(in srgb,var(--sweet-dark) 10%,var(--surface)));box-shadow:var(--shadow)}.bean-card p{max-width:620px;color:var(--muted);font:650 .9rem/1.7 system-ui}.bean-art{position:relative;min-height:260px;display:grid;place-items:center}.bean-art img{width:320px;max-height:270px;object-fit:contain}.bean-pill{position:absolute;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:0 8px 20px color-mix(in srgb,var(--ink) 8%,transparent);font:900 .58rem/1 system-ui}.bean-pill.one{left:20px;top:40px;color:var(--sweet-deep)}.bean-pill.two{right:18px;bottom:35px;color:var(--sour-deep)}.community-panel{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:55px;padding:38px;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.community-panel p{color:var(--muted);font:650 .85rem/1.65 system-ui}.community-links{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.community-links a{min-height:112px;display:flex;flex-direction:column;justify-content:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-decoration:none}.community-links a>span{width:36px;height:36px;display:grid;place-items:center;margin-bottom:12px;border-radius:11px;background:var(--sweet-soft);color:var(--sweet-deep);font:900 .7rem/1 system-ui}.community-links a:nth-child(even)>span{background:var(--sour-soft);color:var(--sour-deep)}.community-links b,.community-links small{display:block}.community-links b{font-size:.72rem}.community-links small{margin-top:4px;color:var(--muted);font:700 .53rem/1 system-ui}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:78px}.faq-intro{position:sticky;top:105px;align-self:start}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{min-height:78px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-weight:1000}summary::-webkit-details-marker{display:none}summary span{color:var(--sweet-deep);font-size:1.2rem;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{margin:0;padding:0 50px 24px 0;color:var(--muted);font:650 .84rem/1.65 system-ui}details a{color:var(--sweet-deep)}.site-footer{padding:30px 0;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 70%,var(--app-bg))}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-top{padding-bottom:24px}.footer-top nav{display:flex;flex-wrap:wrap;gap:18px}.footer-top nav a{color:var(--muted);text-decoration:none;font:800 .62rem/1 system-ui}.footer-bottom{padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font:650 .56rem/1.55 system-ui}.footer-bottom p{max-width:650px;margin:0;text-align:right}.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s,transform .55s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--sweet-dark) 55%,transparent);outline-offset:4px}
@media(max-width:980px){.app-hero-card{grid-template-columns:1fr;gap:35px}.hero-copy{text-align:center}.hero-actions,.link-row{justify-content:center}.hero-ui{transform:none;max-width:680px;margin:auto}.section-heading,.token-layout,.community-panel,.faq-layout{grid-template-columns:1fr}.section-heading{gap:18px}.app-card-grid{grid-template-columns:1fr 1fr}.token-layout{gap:25px}.token-showcase{order:2;min-height:430px}.community-links{grid-template-columns:1fr 1fr}.faq-intro{position:static}.bean-card{grid-template-columns:1fr}.bean-card>div:first-child{text-align:center}.bean-card .btn{margin-inline:auto}.games-grid{grid-template-columns:1fr}}
@media(max-width:640px){.shell{width:min(calc(100% - 26px),var(--max))}.brand small{display:none}h1{font-size:clamp(2.1rem,10.2vw,2.9rem)}h2{font-size:clamp(1.3rem,5.8vw,1.82rem)}.hero-section{padding-top:105px}.app-hero-card{padding:27px 20px;border-radius:20px}.hero-actions{flex-direction:column}.btn{width:100%}.link-row{flex-wrap:wrap}.mini-shell{grid-template-columns:48px 1fr}.mini-shell aside{padding-inline:6px}.mini-main{padding:10px}.mini-banner{grid-template-columns:1fr 80px;padding:13px}.mini-banner img{width:72px}.mini-metrics{grid-template-columns:1fr 1fr}.mini-metrics article:first-child{grid-column:span 2}.mini-panels{grid-template-columns:1fr}.status-strip{grid-template-columns:1fr 1fr}.status-strip span:nth-child(2){border-right:0}.status-strip span:nth-child(-n+2){border-bottom:1px solid var(--border)}.section{padding:39px 0}.app-card-grid{grid-template-columns:1fr}.game-card{grid-template-columns:1fr}.game-art img{width:92px}.token-showcase{transform:scale(.9);margin-inline:-20px}.bean-card{padding:28px 18px}.community-panel{padding:27px 18px}.community-links{grid-template-columns:1fr 1fr}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom p{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Responsive navigation — single authoritative mobile/tablet implementation */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mobile-nav-head,.mobile-nav-actions,.nav-backdrop{display:none}
.nav-toggle-lines{position:relative;display:block;width:20px;height:14px}
.nav-toggle-lines i{position:absolute;left:0;width:20px;height:2px;margin:0;border-radius:999px;background:currentColor;transition:top .2s ease,transform .2s ease,opacity .2s ease}
.nav-toggle-lines i:nth-child(1){top:0}
.nav-toggle-lines i:nth-child(2){top:6px}
.nav-toggle-lines i:nth-child(3){top:12px}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(1){top:6px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(3){top:6px;transform:rotate(-45deg)}
body.nav-open{overflow:hidden}

@media(max-width:980px){
  .site-header{height:72px;background:color-mix(in srgb,var(--app-bg) 94%,transparent);backdrop-filter:blur(18px);border-bottom-color:var(--border)}
  .nav-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
  .brand{min-width:0}
  .brand small{display:none}
  .nav-actions{justify-self:end;display:flex;align-items:center}
  .nav-actions>.theme-toggle,.nav-actions>.wallet-button{display:none!important}
  .nav-toggle{display:grid!important;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 8px 22px color-mix(in srgb,var(--ink) 7%,transparent);z-index:141}

  .main-nav{position:fixed!important;top:72px!important;right:0!important;bottom:0!important;left:auto!important;width:min(360px,90vw)!important;height:calc(100dvh - 72px);display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0!important;padding:18px!important;margin:0!important;border:0!important;border-left:1px solid var(--border)!important;border-radius:0!important;background:var(--surface)!important;box-shadow:-20px 24px 50px color-mix(in srgb,var(--ink) 14%,transparent)!important;overflow-y:auto;overscroll-behavior:contain;opacity:1!important;visibility:hidden!important;transform:translateX(105%)!important;transition:transform .24s ease,visibility 0s linear .24s!important;z-index:140!important}
  .main-nav.open{visibility:visible!important;transform:translateX(0)!important;transition:transform .24s ease,visibility 0s!important}
  .main-nav>a{display:flex;align-items:center;min-height:52px;width:100%;padding:0 10px!important;border-bottom:1px solid var(--border);color:var(--ink);font-size:.82rem!important;text-align:left}
  .main-nav>a:hover{background:var(--surface-2);color:var(--sweet-deep)}

  .mobile-nav-head{display:block;padding:4px 10px 17px;border-bottom:1px solid var(--border)}
  .mobile-nav-head strong,.mobile-nav-head small{display:block}
  .mobile-nav-head strong{font-size:1rem}
  .mobile-nav-head small{margin-top:5px;color:var(--muted);font:700 .62rem/1.3 system-ui}

  .mobile-nav-actions{display:grid;gap:9px;margin-top:auto;padding-top:20px}
  .mobile-nav-actions .mobile-launch,.mobile-theme-toggle{min-height:46px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 13px;border:1px solid var(--border);border-radius:12px;text-decoration:none;font:900 .74rem/1 system-ui}
  .mobile-nav-actions .mobile-launch{color:#fff;border-color:var(--sweet-dark);background:linear-gradient(135deg,var(--sweet-dark),var(--sweet))}
  .mobile-theme-toggle{background:var(--surface-2);color:var(--ink);cursor:pointer}

  .nav-backdrop{display:block;position:fixed;inset:72px 0 0;z-index:135;background:rgba(0,0,0,.42);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility 0s linear .24s}
  .nav-backdrop.open{opacity:1;visibility:visible;transition:opacity .24s ease,visibility 0s}
  .hero-section{padding-top:98px}
}

@media(max-width:640px){
  .site-header{height:68px}
  .shell{width:min(calc(100% - 24px),var(--max))}
  .brand-mark{width:40px;height:40px;border-radius:12px}
  .brand-mark img{width:35px}
  .brand strong{font-size:.88rem}
  .nav-toggle{width:40px;height:40px;border-radius:11px}
  .main-nav{top:68px!important;width:min(330px,92vw)!important;height:calc(100dvh - 68px)}
  .nav-backdrop{inset:68px 0 0}
  .hero-section{padding-top:92px}
}

/* Mobile drawer stacking fix: keep the drawer/header above its page backdrop. */
@media(max-width:980px){
  .site-header{z-index:150!important}
  .main-nav{z-index:160!important;pointer-events:auto!important}
  .nav-toggle{z-index:170!important;pointer-events:auto!important}
  .nav-backdrop{z-index:120!important;pointer-events:none!important}
  .nav-backdrop.open{pointer-events:auto!important}
  .main-nav.open,.main-nav.open *{pointer-events:auto!important}
}


/* Deployment environment indicator */
.env-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  justify-self:start;
  padding:6px 9px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface-2);
  color:var(--muted);
  font:900 .55rem/1 system-ui;
  letter-spacing:.08em;
  user-select:none;
}
.env-badge i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--sour-dark);
  box-shadow:0 0 10px color-mix(in srgb,var(--sour-dark) 55%,transparent);
}
[data-environment="dev"] .env-badge{
  color:var(--sweet-deep);
  border-color:color-mix(in srgb,var(--sweet-dark) 32%,var(--border));
  background:color-mix(in srgb,var(--sweet-dark) 10%,var(--surface));
}
[data-environment="dev"] .env-badge i{
  background:var(--sweet-dark);
  box-shadow:0 0 10px color-mix(in srgb,var(--sweet-dark) 55%,transparent);
}
[data-environment="live"] .env-badge{
  color:var(--sour-deep);
  border-color:color-mix(in srgb,var(--sour-dark) 28%,var(--border));
  background:color-mix(in srgb,var(--sour-dark) 8%,var(--surface));
}

@media(max-width:980px){
  .env-badge{
    margin-left:8px;
    padding:5px 8px;
    font-size:.5rem;
  }
}


[data-environment="local"] .env-badge{
  color:#e7bf67;
  border-color:color-mix(in srgb,#e7bf67 35%,var(--border));
  background:color-mix(in srgb,#e7bf67 9%,var(--surface));
}
[data-environment="local"] .env-badge i{
  background:#e7bf67;
  box-shadow:0 0 10px color-mix(in srgb,#e7bf67 55%,transparent);
}


/* Header layout fix: logo + environment badge behave as one grid item */
.brand-env{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.brand-env .brand{
  flex:0 1 auto;
  min-width:0;
}
.brand-env .env-badge{
  flex:0 0 auto;
  margin:0;
}
.nav-shell{
  grid-template-columns:auto minmax(0,1fr) auto;
}
.main-nav{
  min-width:0;
}
.nav-actions{
  justify-self:end;
  white-space:nowrap;
}

@media(max-width:980px){
  .nav-shell{
    grid-template-columns:minmax(0,1fr) auto !important;
  }
  .brand-env{
    gap:8px;
    overflow:hidden;
  }
  .brand-env .env-badge{
    margin:0;
    padding:5px 8px;
    font-size:.5rem;
  }
}

@media(max-width:640px){
  .brand-env{
    gap:6px;
  }
  .brand-env .brand{
    overflow:hidden;
  }
  .brand-env .brand>span:last-child{
    min-width:0;
  }
  .brand-env .brand strong{
    font-size:.84rem;
  }
  .brand-env .env-badge{
    position:static !important;
    padding:4px 7px;
    font-size:.46rem;
  }
  .brand-env .env-badge i{
    width:6px;
    height:6px;
  }
}


/* Live SNP market data */
.market-panel{
  margin-top:18px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--surface);
  overflow:hidden;
  box-shadow:0 10px 26px color-mix(in srgb,var(--ink) 5%,transparent);
}
.market-panel-head{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 13px;
  border-bottom:1px solid var(--border);
}
.market-panel-head>div{
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  column-gap:7px;
}
.market-panel-head strong{
  font:900 .68rem/1 system-ui;
}
.market-panel-head small{
  grid-column:2;
  margin-top:5px;
  color:var(--muted);
  font:700 .53rem/1 system-ui;
}
.market-live-dot{
  grid-row:1/3;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--sour-dark);
  box-shadow:0 0 10px color-mix(in srgb,var(--sour-dark) 55%,transparent);
}
.market-refresh{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--surface-2);
  color:var(--ink);
  cursor:pointer;
  font-size:1rem;
}
.market-refresh:disabled{
  opacity:.55;
  cursor:wait;
}
.market-panel.loading .market-refresh{
  animation:market-spin 1s linear infinite;
}
.market-stats{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
}
.market-stats>div{
  min-width:0;
  padding:14px 12px;
  border-right:1px solid var(--border);
}
.market-stats>div:last-child{border-right:0}
.market-stats small,.market-stats strong{display:block}
.market-stats small{
  color:var(--muted);
  font:750 .51rem/1 system-ui;
}
.market-stats strong{
  margin-top:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ink);
  font:950 .82rem/1 system-ui;
}
.market-stats>div:nth-child(1) strong,
.market-stats>div:nth-child(2) strong{
  color:var(--sweet-deep);
}
.market-source{
  min-height:39px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 12px;
  border-top:1px solid var(--border);
  background:var(--surface-2);
  color:var(--muted);
  font:650 .52rem/1.35 system-ui;
}
.market-source a{
  flex:0 0 auto;
  color:var(--sour-deep);
  text-decoration:none;
  font-weight:900;
}
.market-panel.market-error .market-live-dot{
  background:#d9aa48;
  box-shadow:0 0 10px color-mix(in srgb,#d9aa48 55%,transparent);
}
@keyframes market-spin{to{transform:rotate(360deg)}}

@media(max-width:640px){
  .market-stats{grid-template-columns:1fr 1fr}
  .market-stats .market-token-id{
    grid-column:1 / -1;
    border-right:0;
    border-bottom:1px solid var(--border);
  }
  .market-stats>div:nth-child(3){border-right:0}
  .market-source{align-items:flex-start}
}


/* Clear hero resource links */
.hero-resource-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.hero-resource-links a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 11px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface-2);
  color:var(--ink);
  text-decoration:none;
  font:850 .6rem/1 system-ui;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.hero-resource-links a span{
  color:var(--sweet-deep);
  font-size:.72rem;
}
.hero-resource-links a:nth-child(3) span{
  color:var(--sour-deep);
}
.hero-resource-links a:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--sweet-dark) 34%,var(--border));
  background:var(--surface);
}

@media(max-width:640px){
  .hero-resource-links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  .hero-resource-links a{
    justify-content:center;
    min-height:38px;
    padding:0 7px;
    font-size:.54rem;
  }
}


/* Coming soon feature state */
.feature-coming-soon{
  position:relative;
}
.coming-soon-badge{
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  border:1px solid color-mix(in srgb,var(--sweet-dark) 28%,var(--border));
  border-radius:999px;
  background:color-mix(in srgb,var(--sweet-dark) 10%,var(--surface));
  color:var(--sweet-deep);
  font:950 .48rem/1 system-ui;
  letter-spacing:.08em;
  white-space:nowrap;
}
.coming-soon-text{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  margin-top:10px;
  padding:0 11px;
  border:1px dashed color-mix(in srgb,var(--sweet-dark) 34%,var(--border));
  border-radius:999px;
  color:var(--sweet-deep);
  background:color-mix(in srgb,var(--sweet-dark) 7%,var(--surface));
  font:900 .58rem/1 system-ui;
  letter-spacing:.03em;
}
.muted-link{
  color:var(--muted)!important;
  cursor:default;
}
.preview-coming-soon{
  position:relative;
}
.mini-coming-soon{
  position:absolute;
  top:8px;
  right:8px;
  padding:4px 6px;
  border-radius:999px;
  background:color-mix(in srgb,var(--sweet-dark) 14%,var(--surface));
  color:var(--sweet-deep);
  font:950 .38rem/1 system-ui;
  letter-spacing:.06em;
}
@media(max-width:640px){
  .coming-soon-badge{
    top:10px;
    right:10px;
    font-size:.44rem;
  }
}