/* Compact phone layout; controls retain a 44px touch target. */
@media (max-width: 768px) {
  .gh2-header {height:64px!important;padding:8px 12px!important;gap:12px!important}
  .gh2-brand {min-width:0!important;gap:8px!important}
  .gh2-brand-mark {width:36px!important;height:36px!important;font-size:13px!important}
  .gh2-brand b {font-size:15px!important}
  .gh2-brand small,.gh2-user div,.gh2-nav {display:none!important}
  .gh2-login {margin-left:auto;padding:10px 16px!important;font-size:14px!important}
  .gh2-main {padding:10px 12px 84px!important}
  .gh2-hero {height:auto!important;min-height:0!important;display:block!important;border-radius:16px!important}
  .gh2-hero-copy {padding:18px!important}
  .gh2-eyebrow {font-size:10px!important;letter-spacing:.12em!important}
  .gh2-hero h1 {font-size:30px!important;line-height:1.08!important;margin:12px 0!important;overflow-wrap:normal}
  .gh2-hero p {font-size:13px!important;line-height:1.5!important;margin:10px 0!important}
  .gh2-hero-art {display:none!important}
  .gh2-hero-actions {display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:16px!important}
  .gh2-btn {min-width:0!important;min-height:44px;padding:12px 8px!important;font-size:12px!important;border-radius:10px!important}
  .gh2-btn b {float:none;margin-left:5px}
  .gh2-trust-strip {grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:10px 0!important}
  .gh2-trust-strip>div {padding:10px 6px!important;gap:5px!important;border-bottom:0!important}
  .gh2-trust-strip b {font-size:10px!important}
  .gh2-trust-strip small {display:none!important}
  .gh2-trust-strip i {font-size:12px!important}
  .gh2-stats {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 20px!important}
  .gh2-stats a {padding:12px!important}
  .gh2-stats b {font-size:21px!important;margin:6px 0!important}
  .gh2-section {margin-top:20px!important}
  .gh2-section-head {margin-bottom:10px!important;gap:8px!important}
  .gh2-section-head h2,.gh2-quick h2 {font-size:20px!important;margin:6px 0!important}
  .gh2-section-head>p {display:none!important}
  .gh2-mode-grid,.gh2-economy-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .gh2-mode {height:180px!important;min-height:0!important;min-width:0!important;border-radius:14px!important;overflow:hidden}
  .gh2-mode>div:not(.gh2-mode-icon) {padding:12px!important;left:0!important;right:0!important;bottom:0!important}
  .gh2-mode h3 {font-size:17px!important;margin:5px 0!important}
  .gh2-mode p {font-size:11px!important;line-height:1.35!important;margin:5px 0!important}
  .gh2-mode small,.gh2-mode b {font-size:10px!important}
  .gh2-mode.locked {padding-top:0!important}
  .gh2-mode-icon {position:absolute; font-size:42px!important;top:12px!important;right:12px!important}
  .gh2-status {top:9px!important;left:9px!important;right:auto!important;padding:4px 6px!important;font-size:9px!important}
  .gh2-economy-card {padding:12px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-height:0!important}
  .gh2-economy-card h3 {font-size:16px!important;margin:5px 0!important}
  .gh2-economy-card p {font-size:11px!important;line-height:1.4!important}
  .gh2-economy-card small,.gh2-economy-card>b {font-size:10px!important}
  .gh2-coin,.gh2-square {width:34px!important;height:34px!important;font-size:15px!important;flex-shrink:0}
  .gh2-quick {padding:14px!important;margin-top:18px!important;display:block!important}
  .gh2-quick nav {display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .gh2-quick nav a {padding:10px!important;min-height:44px;font-size:11px!important;min-width:0}
  .gh-live-drops {min-height:64px!important;height:auto!important;padding:6px 10px!important}
  .gh-live-drop {min-height:56px!important}
  .gh-live-drop-loading,.gh-live-drop-empty {font-size:12px!important;padding:12px!important}
  .gh-market-cases,.gh-boxes-grid,.shop-products,.shop-grid,.inventory-grid,.admin-menu-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .gh-market-case {min-width:0!important;border-radius:14px!important}
  .gh-market-case-image {height:120px!important;min-height:0!important}
  .gh-market-case-image img {height:110px!important;object-fit:contain!important}
  .gh-market-case-body {padding:12px!important}
  .gh-market-case-body h2,.gh-market-case-body h3 {font-size:17px!important}
  .gh-market-case-body p {font-size:11px!important;line-height:1.4!important}
  .gh-market-case-body button {font-size:12px!important;padding:10px 6px!important;min-height:44px!important}
  .gh-coin-case-token {width:70px!important;height:70px!important;font-size:24px!important}
  .gh-boxes-title h1,.shop-hero h1 {font-size:28px!important}
  .shop-hero {padding:18px!important;min-height:0!important}
  .shop-product-visual {height:100px!important}
  .shop-product-body {padding:10px!important}
  .shop-product-body h3 {font-size:14px!important;overflow-wrap:anywhere}
  .shop-product-body p {font-size:11px!important;line-height:1.4!important;height:auto!important;min-height:0!important}
  .shop-product button {font-size:12px!important;min-height:44px!important}
  .shop-quantity-control {max-width:100%;width:128px!important}
  .gh-overview-grid,.gh-action-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .gh-overview-card {padding:12px!important;min-height:90px!important;gap:8px!important}
  .gh-overview-copy strong {font-size:13px!important}
  .gh-overview-copy small {font-size:10px!important}
  .gh-overview-icon {width:32px!important;height:32px!important;font-size:18px!important;flex-shrink:0}
  .profile-v2-actions,.inventory-summary,.affiliate-stats,.admin-stats-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .admin-menu-card {padding:12px!important}
  .chart-panel {min-height:300px!important}
  #marketChart {height:240px!important}
}