/* Shared responsive website design — September 2026 */
:root{--bg:#101211;--panel:#191d1a;--panel-2:#222822;--line:#343c34;--txt:#f5f3eb;--muted:#b9c0b5;--gold:#e3c88a;--gold-soft:#f1dfb6;--gray-btn:#38433a}
body{line-height:1.65}main{min-width:0}h1,h2,h3{text-wrap:balance}p{overflow-wrap:anywhere}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.btn-gray,.btn-text,input,select{min-height:44px}input,select,textarea{font-size:16px!important;border-radius:10px!important}button,.btn-gray{border-radius:999px;letter-spacing:.02em!important;text-transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;top:-100px;left:16px;z-index:9999;padding:12px 20px;background:var(--gold);color:#111;border-radius:8px}.skip-link:focus{top:12px}
.site-header{background:rgba(16,18,17,.97)!important;border-bottom:1px solid var(--line);gap:12px;padding-inline:clamp(16px,3vw,48px)}.brand{margin-right:12px}.main-nav{gap:14px}.main-nav a{letter-spacing:.015em!important;font-size:13px!important}.main-nav a[aria-current=page]{color:var(--gold);border-bottom:2px solid var(--gold)}.mobile-menu{overflow-y:auto;overscroll-behavior:contain;padding-bottom:40px}.mobile-menu nav>a{min-height:44px}
.app-main .hero{min-height:360px;height:48vh;max-height:540px;margin:24px clamp(16px,3vw,48px) 32px;border-radius:24px;overflow:hidden}.app-main .hero h1{font-size:clamp(32px,4.5vw,64px);line-height:1.1;letter-spacing:-.035em}.hero .lead{max-width:680px;font-size:clamp(16px,1.6vw,20px)}.hero .panel-content{max-width:100%;padding:clamp(24px,5vw,72px)}.hero .scroll-cue{display:none}.page-head,.page-body{max-width:1440px;margin-inline:auto;padding-inline:clamp(16px,3vw,48px)}.page-head{gap:24px;flex-wrap:wrap;margin-bottom:28px}.page-title{letter-spacing:-.035em}.page-head .sub{max-width:760px}.card,.stat,.stat-card,.inv-card,.stock-card,.shop-card,.cart-summary,.order-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:none}.card{padding:24px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px}.shop-card{overflow:hidden;padding:20px;display:flex;flex-direction:column;align-items:stretch}.shop-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:18px}.shop-card .s-name{font-size:21px;line-height:1.3}.shop-card .s-desc{color:var(--muted);flex:1}.shop-card .s-price{font-size:22px;margin-block:14px}.shop-card button{background:var(--gold);color:#151812;font-weight:700}.shop-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-block:20px}.shop-tabs button{padding:10px 18px;border:1px solid var(--line);border-radius:999px}.shop-tabs button.active{background:var(--gold);color:#151812}.shop-discovery{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-bottom:20px}.shop-discovery label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px}.shop-discovery input,.shop-discovery select{width:100%;padding:12px;background:var(--panel);color:var(--txt);border:1px solid var(--line)}.catalog-empty{grid-column:1/-1;padding:48px;text-align:center}.site-footer{border-top:1px solid var(--line);margin-top:64px;padding:48px clamp(20px,5vw,72px)}.table-scroll{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:600px}.table-scroll:focus-visible{outline:2px solid var(--gold)}.cart-grid{gap:24px}.heatmap>*{min-width:0}.form-row>*{min-width:0}
@media(max-width:1250px){.main-nav{display:none!important}.menu-toggle{display:flex!important;margin-left:auto}.brand{margin-right:auto}.site-header .auth-area{margin-left:auto}.admin-grid,.support-grid,.tg-hero-grid{grid-template-columns:1fr!important}}
@media(min-width:701px) and (max-width:1050px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.investment-grid,.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cart-grid{grid-template-columns:1fr!important}}
@media(max-width:700px){.app-main .hero{height:auto;min-height:300px;margin:16px 12px 24px;border-radius:18px}.hero .panel-content{padding:28px 22px}.hero-ctas{flex-wrap:wrap;gap:12px}.page-head,.page-body{padding-inline:16px}.page-head .h1{font-size:32px}.shop-grid{grid-template-columns:1fr!important;gap:18px}.form-row,.cart-grid,.two-col,.admin-grid,.trade-split{grid-template-columns:1fr!important}.card{padding:18px}.auth-area .cash-pill{display:none}.site-header .auth-area .btn-gray{font-size:10px;padding:8px!important}.brand{gap:6px}.stat-grid{grid-template-columns:1fr!important}.page-body [style*="grid-template-columns"]{grid-template-columns:1fr!important}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-bottom{flex-wrap:wrap;gap:12px}#admin-tabs{max-height:200px;overflow:auto}.shop-tabs button{font-size:13px}.page-head>*{min-width:0;max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}