/* WebQ3 platform chrome; the simulator's illustrated world and canvas scaling stay independent. */
:root{--webq3-night:#0c1020;--webq3-surface:#161c31;--webq3-cyan:#9deaff;--webq3-violet:#c5b2ff;--webq3-white:#f5f7ff;--webq3-muted:#bdc7df}
.site-header,.nav{background:var(--webq3-night);color:var(--webq3-white);border-bottom:1px solid #727ea442;box-shadow:0 6px 24px #03091928}
.site-header .brand,.site-header .main-nav a,.site-header .token-link,.nav a.nav__logo,.nav .nav__home{color:var(--webq3-white)}
.site-header .brand{gap:12px}.site-header .brand small{color:var(--webq3-muted);font-size:8px;letter-spacing:1.4px}
.site-header .brand>img,.nav__logo img.brand-mark{border-radius:50%;object-fit:contain;width:48px;height:48px;flex-shrink:0}
.site-header .brand>span{font-family:Inter,system-ui,sans-serif;font-size:19px;letter-spacing:.6px;font-weight:850;line-height:1.1}.site-header .brand b{color:var(--webq3-cyan);font-weight:700;font-size:12px;letter-spacing:1.7px}
.site-header .main-nav a:hover,.site-header .token-link:hover{color:var(--webq3-cyan)}
.site-header .mobile-nav{background:var(--webq3-night);border-color:#727ea442}.site-header .mobile-nav a{color:var(--webq3-white)}.site-header .menu-toggle{color:var(--webq3-white);background:var(--webq3-surface);border-color:#727ea46b}
.clubhouse-home .hero-wash{background:linear-gradient(90deg,#0c1020f2 0%,#11172bd9 27%,#11172b55 53%,transparent 76%),linear-gradient(0deg,#10162a44,transparent 35%)}
.clubhouse-home .hero-copy{color:var(--webq3-white)}.clubhouse-home .hero-copy .eyebrow{color:var(--webq3-cyan);letter-spacing:1.5px;font-size:10px}
.clubhouse-home .hero-copy h1{font-size:clamp(45px,5.2vw,72px);line-height:1.05;letter-spacing:-2.5px}.clubhouse-home .hero-copy h1 em{color:var(--webq3-violet)}
.clubhouse-home .hero-intro{color:#e1e6f4;max-width:480px}.clubhouse-home .hero-note,.clubhouse-home .hero-token-shortcut{color:#e1e6f4}.clubhouse-home .hero-token-shortcut span{color:var(--webq3-cyan)}
.clubhouse-home .hero-actions .button-primary{background:var(--webq3-cyan);color:#101629;border-color:var(--webq3-cyan)}
.clubhouse-home .hero-actions .button-primary:hover{background:#c5f4ff}.clubhouse-home .hero-note .status-dot{background:var(--webq3-cyan)}
.clubhouse-home .token-panel{background:var(--webq3-surface);color:var(--webq3-white);border:1px solid #727ea45c;box-shadow:0 14px 32px #0c102015}
.clubhouse-home .token-panel .eyebrow,.clubhouse-home .token-panel .token-label{color:var(--webq3-cyan)}.clubhouse-home .token-panel h2 em{color:var(--webq3-violet)}
.clubhouse-home .token-panel .token-network,.clubhouse-home .token-panel .token-check,.clubhouse-home .token-panel .token-actions div a{color:var(--webq3-muted)}
.clubhouse-home .token-identity img{border-radius:50%}.clubhouse-home .token-panel .copy-status{color:var(--webq3-cyan)}.clubhouse-home .token-panel code{color:var(--webq3-white);background:#0c102080}.clubhouse-home #token-copy{background:var(--webq3-cyan);color:#101629;border-color:transparent}
.clubhouse-home .token-panel .button-primary{background:var(--webq3-cyan);color:#101629}
.clubhouse-home .site-footer{background:var(--webq3-night);color:var(--webq3-white);border-top:1px solid #727ea442}.clubhouse-home .site-footer a,.clubhouse-home .site-footer .brand{color:var(--webq3-white)}
.clubhouse-home .site-footer small,.clubhouse-home .site-footer .disclaimer,.clubhouse-home .site-footer .footer-fine{color:var(--webq3-muted)}.clubhouse-home .site-footer .brand img{border-radius:50%}
body .nav__logo{font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:.1px}
body .crumbs a{font-family:inherit}
.webq3-identity{display:flex;align-items:center;gap:10px;font:800 17px/1.2 system-ui,sans-serif;text-decoration:none}.webq3-identity img{width:40px;height:40px;border-radius:50%}
:focus-visible{outline:3px solid #6750c0;outline-offset:4px}.site-header :focus-visible,.nav :focus-visible,.hero-copy :focus-visible,.token-panel :focus-visible,.site-footer :focus-visible{outline-color:var(--webq3-cyan)}
@media(max-width:700px){.clubhouse-home .hero{background:var(--webq3-night)}.clubhouse-home .hero-copy{background:var(--webq3-night)}.clubhouse-home .hero-wash{background:linear-gradient(180deg,#0c1020 0%,transparent 24%,transparent 88%,#0c102040 100%)}.clubhouse-home .hero-copy h1{font-size:48px;letter-spacing:-1.8px}.clubhouse-home .hero-copy .eyebrow{font-size:9px}.clubhouse-home .hero-intro{font-size:13px;max-width:340px}.site-header .brand>span{font-size:17px}.site-header .brand small{font-size:7px}.nav__logo{max-width:58%;line-height:1.2}.site-header .brand>img{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.brand{animation:none;transition:none}}