/* Persian Gulf Explorer · Midnight / Pearl · presentation-only overrides.
   Scoped to existing components. Transaction, wallet and runtime logic is upstream. */
:root {
  --font-sans: 1em Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-weight-header: 600;
  --text-transform-label: none;
  --width-full: 1600px;
  --width-half: 800px;
  --pgb-radius: 14px;
}
html[data-theme='dark'] {
  color-scheme: dark;
  --bg-page: #06080d; --bg-menu: #0c1018; --bg-table: #0e131d;
  --bg-tabs: #090d14; --bg-input: #101724; --bg-sidebar: #0c111a;
  --bg-toggle: #29344a; --bg-input-error: #2d161e;
  --bg-inverse: rgba(13,18,28,.96); --bg-static-extra: rgba(94,137,255,.07);
  --bg-identicon-circle: #162039; --border-identicon: #26334c;
  --border-input: #28334a; --border-table: #202a3c; --border-tabs: #1c2535;
  --color-text: #d6deed; --color-header: #f2f5fc; --color-label: #a3b1c8;
  --color-summary: #f1f4fc; --color-table-head: #a5b5d0; --color-table-foot: #a3b1c8;
  --color-checkbox: #7183a7; --color-error: #ff8799;
  --color-bounty-info: #b1bfd4; --opacity-gray: .13;
  --pgb-accent: #8ba8ff; --pgb-strong: #4268f5; --pgb-teal: #59d9d2;
  --pgb-muted: #91a0b9; --pgb-line: #202a3c; --pgb-card: #0e131d;
  --pgb-soft: rgba(83,121,228,.08); --pgb-shadow: 0 18px 55px rgba(0,0,0,.22);
  --bg-menu-hover: rgba(108,145,255,.12);
}
html[data-theme='light'] {
  color-scheme: light;
  --bg-page: #f5f7f6; --bg-menu: #fff; --bg-table: #fff;
  --bg-tabs: #f9fbfa; --bg-input: #fff; --bg-sidebar: #fff;
  --bg-toggle: #d9e5e5; --bg-input-error: #fff1f3; --bg-inverse: rgba(255,255,255,.97);
  --bg-static-extra: rgba(18,129,141,.06); --bg-identicon-circle: #eaf2f3;
  --border-identicon: #cbdedd; --border-input: #cadcdc; --border-table: #dbe6e6; --border-tabs: #dbe6e6;
  --color-text: #24444d; --color-header: #102f3b; --color-label: #556e77;
  --color-summary: #102f3b; --color-table-head: #516f7a; --color-table-foot: #556e77;
  --color-checkbox: #456974; --color-error: #b32842; --color-bounty-info: #456571; --opacity-gray: .65;
  --pgb-accent: #076d7d; --pgb-strong: #087e8c; --pgb-teal: #087e80;
  --pgb-muted: #587680; --pgb-line: #dce7e7; --pgb-card: #fff;
  --pgb-soft: rgba(15,130,143,.055); --pgb-shadow: 0 12px 42px rgba(35,71,83,.05);
  --bg-menu-hover: rgba(16,133,148,.08);
}
html, body, #root { background: var(--bg-page); color: var(--color-text); }
html { scroll-behavior: smooth; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
::selection { background: #345ef6; color: white; }
html[data-theme] * { scrollbar-width: thin; scrollbar-color: var(--border-input) var(--bg-page); }
html[data-theme] a:not(.ui--Tab) { color: var(--pgb-accent); }
html[data-theme] a:not(.ui--Tab):hover { color: var(--pgb-teal); }
html[data-theme] button, html[data-theme] input, html[data-theme] select { font-family: inherit; }
html[data-theme] :focus-visible { outline: 2px solid var(--pgb-accent); outline-offset: 4px; }
html[data-theme] h1, html[data-theme] h2, html[data-theme] h3 { text-transform: none; letter-spacing: -.025em; }
html[data-theme] .apps--Wrapper { background: var(--bg-page); min-height: calc(100vh - 90px); }
/* Identity masthead */
.pgb-masthead { max-width: var(--width-full); margin: auto; width: 100%; box-sizing: border-box; min-height: 99px; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.pgb-brand { display: flex; align-items: center; gap: 15px; text-decoration: none; flex-shrink: 0; }
.pgb-brand img { object-fit: contain; filter: drop-shadow(0 0 12px rgba(38,117,220,.15)); }
html[data-theme] .pgb-brand strong { display:block; font-size: 20px; letter-spacing: .15em; color: var(--color-header); font-family: Georgia, 'Times New Roman', serif; font-weight: 500; }
.pgb-brand small { display: block; font-size: 9px; letter-spacing: .29em; margin-top: 5px; color: var(--pgb-muted); }
.pgb-masthead-right { display: flex; align-items: center; gap: 23px; }
.pgb-edition { font-size: 9px; letter-spacing: .2em; color: var(--pgb-muted); margin-right: 18px; }
.pgb-theme-switch { display:flex; gap:9px; align-items:center; border:1px solid var(--pgb-line); color:var(--color-text); background:var(--pgb-card); border-radius:9px; padding:10px 13px; cursor:pointer; font-size:12px; }
.pgb-theme-switch > span:first-child { font-size:18px; line-height:1; }
html[data-theme] .pgb-wallet-link { display:flex; gap:22px; background:var(--pgb-strong); color:white !important; padding:12px 18px; border-radius:9px; font-size:12px; font-weight:600; box-shadow:0 3px 16px rgba(40,88,230,.16); }
/* Keep native network selection and all capability-gated menu routes. */
html[data-theme] .pgb-network-menu.highlight--bg { background: var(--bg-tabs) !important; border-top: 1px solid var(--pgb-line); border-bottom: 1px solid var(--pgb-line); }
html[data-theme] .pgb-network-menu .menuContainer { padding: 0 40px; }
html[data-theme] .pgb-network-menu .groupHdr { color: var(--pgb-muted); font-size:12px; padding:17px 15px; border-radius:0; }
html[data-theme] .pgb-network-menu .isActive .groupHdr { color:var(--pgb-accent); background:var(--pgb-soft); box-shadow:inset 0 -2px var(--pgb-strong); }
html[data-theme] .pgb-network-menu .menuItems { filter:none; }
html[data-theme] .pgb-network-menu .highlight--color-contrast { color:var(--color-text); }
html[data-theme] .pgb-network-menu .groupHdr:hover { color:var(--pgb-accent); }
html[data-theme] .groupMenu { background:var(--bg-menu) !important; border:1px solid var(--pgb-line); border-radius:10px; padding:6px; box-shadow:var(--pgb-shadow); min-width:205px; }
html[data-theme] .groupMenu::before { display:none; }
html[data-theme] .groupMenu li, html[data-theme] .groupMenu a { color:var(--color-text) !important; }
html[data-theme] .groupMenu a { border-radius:6px; padding:10px 20px !important; }
html[data-theme] .groupMenu a:hover { background:var(--pgb-soft); color:var(--pgb-accent) !important; }
html[data-theme] .groupMenu .isActive a { background:var(--pgb-soft); }
html[data-theme] .pgb-network-menu.isLoading { background:var(--bg-tabs) !important; }
html[data-theme] .pgb-network-menu .apps--SideBar-logo-inner { color:var(--pgb-muted); }
html[data-theme] .pgb-network-menu .ui--ChainImg { width:27px; height:27px; }
html[data-theme] .pgb-network-menu .chain { font-size:11px; max-width:170px; color:var(--color-text); }
html[data-theme] .pgb-network-menu .runtimeVersion, html[data-theme] .pgb-network-menu .bestNumber { font-size:9px; }
html[data-theme] .pgb-network-menu .ui--NodeInfo { color:var(--pgb-muted); font-size:9px; }
html[data-theme] .ui--MenuItem.topLevel a { font-size:12px; }
/* Tabs shared by every native page */
html[data-theme] .ui--Tabs { background:transparent; border-color:var(--pgb-line); margin-bottom:26px; }
html[data-theme] .ui--Tabs .tabs-container { padding-left:24px; height:63px; }
html[data-theme] .ui--Tabs .ui--TabsList { gap:8px; }
html[data-theme] .ui--Tab { color:var(--pgb-muted); font-size:12px; }
html[data-theme] .ui--Tab.active, html[data-theme] .ui--Tabs .active { color:var(--pgb-accent); }
html[data-theme] .ui--Tabs .active .tabLinkText::after { background:var(--pgb-strong); }
/* The landing page */
.pgb-home, .pgb-waiting { max-width:var(--width-full); margin:0 auto; padding:0 40px !important; box-sizing:border-box; width:100%; }
.pgb-hero { position:relative; min-height:410px; display:flex; align-items:center; border-bottom:1px solid var(--pgb-line); margin-bottom:26px; overflow:hidden; padding:32px 0 40px; isolation:isolate; }
.pgb-hero-copy { position:relative; width:57%; z-index:2; }
.pgb-eyebrow { display:flex; gap:10px; align-items:center; font-size:9px; letter-spacing:.23em; color:var(--pgb-muted); font-weight:600; }
.pgb-diamond { width:6px; height:6px; background:var(--pgb-teal); transform:rotate(45deg); }
html[data-theme] .pgb-hero h1 { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(43px,4.6vw,72px); line-height:1.08; margin:21px 0 17px; letter-spacing:-.045em; color:var(--color-header); }
.pgb-hero h1 em { color:var(--pgb-accent); font-style:normal; }
.pgb-hero-copy > p { color:var(--pgb-muted); font-size:13px; line-height:1.85; margin:0 0 25px; }
.pgb-hero-art { position:absolute; inset:0 -20% 0 28%; z-index:0; pointer-events:none; }
.pgb-wave { position:absolute; width:100%; height:100%; left:0; top:0; opacity:.95; }
.pgb-wave-packet { animation:pgb-flow 10s linear infinite; opacity:.8; }
@keyframes pgb-flow { from { stroke-dashoffset:1000; } to { stroke-dashoffset:0; } }
.pgb-flow-caption { position:absolute; bottom:33px; right:24%; display:flex; align-items:center; gap:9px; font-size:8px; letter-spacing:.23em; color:var(--pgb-muted); }
.pgb-flow-caption span { width:5px; height:5px; border-radius:50%; background:var(--pgb-teal); box-shadow:0 0 12px var(--pgb-teal); }
.pgb-search { display:flex; align-items:center; gap:15px; width:100%; max-width:580px; height:58px; border:1px solid var(--border-input); background:var(--bg-input); border-radius:11px; padding:7px 8px 7px 18px; box-shadow:0 8px 28px rgba(0,0,0,.07); }
.pgb-search:focus-within { border-color:var(--pgb-accent); }
.pgb-search > svg { width:20px; height:20px; color:var(--pgb-muted); flex-shrink:0; }
.pgb-search input { border:0; outline:none; width:100%; min-width:0; color:var(--color-text); background:transparent; font-size:12px; padding:0; }
.pgb-search input::placeholder { color:var(--pgb-muted); opacity:1; }
.pgb-search button { background:var(--pgb-strong); color:#fff; border:0; border-radius:7px; width:42px; height:42px; font-size:24px; flex-shrink:0; cursor:pointer; }
.pgb-hero-meta { display:flex; align-items:center; gap:8px; font-size:10px; color:var(--pgb-muted); margin-top:16px; }
.pgb-status-dot { display:inline-block; width:5px; height:5px; border-radius:50%; background:#bc9153; flex-shrink:0; }
.pgb-status-dot.is-live { background:var(--pgb-teal); box-shadow:0 0 0 3px var(--pgb-soft); }
.pgb-meta-divider { width:1px; height:10px; background:var(--pgb-line); margin:0 7px; }
.pgb-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0 0 38px; }
.pgb-stat { border:1px solid var(--pgb-line); border-radius:12px; padding:22px 23px; background:linear-gradient(125deg,var(--pgb-soft),transparent 70%),var(--pgb-card); min-width:0; }
.pgb-stat-label { font-size:11px; color:var(--pgb-muted); display:flex; align-items:center; gap:10px; }
.pgb-stat-symbol { font-size:21px; color:var(--pgb-accent); line-height:1; }
.pgb-stat > strong { color:var(--color-header); display:block; margin:16px 0 11px; font-weight:500; font-size:clamp(21px,2.2vw,33px); letter-spacing:-.04em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.pgb-stat strong em { color:var(--pgb-muted); font-size:17px; font-style:normal; }
.pgb-stat .balance-postfix { font-size:11px; letter-spacing:0; }
.pgb-stat small { display:flex; align-items:center; gap:8px; font-size:9px; color:var(--pgb-muted); }
.pgb-activity-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 21px; }
.pgb-activity-title .pgb-eyebrow { font-size:8px; }
html[data-theme] .pgb-activity-title h2 { font-size:23px; font-weight:500; margin:9px 0 0; }
.pgb-live-label { display:flex; align-items:center; gap:8px; border:1px solid var(--pgb-line); border-radius:20px; padding:8px 12px; font-size:10px; color:var(--pgb-muted); }
html[data-theme] main > .pgb-native-feed { padding:0 40px; }
html[data-theme] .pgb-network-details { border:1px solid var(--pgb-line); background:var(--pgb-card); border-radius:12px; margin:20px 40px 30px; padding:0 20px; max-width:calc(var(--width-full) - 80px); width:calc(100% - 80px); }
.pgb-network-details > summary { font-size:12px; padding:17px 0; color:var(--pgb-accent); }
.pgb-network-details > summary span { float:right; font-size:10px; color:var(--pgb-muted); }
/* Shared native surfaces: accounts, staking, assets, governance, developer tools */
html[data-theme] .ui--Table { border:1px solid var(--pgb-line); background:var(--pgb-card); border-radius:12px; overflow:auto; box-shadow:0 5px 20px rgba(0,0,0,.025); }
html[data-theme] .ui--Table table { border-collapse:separate; border-spacing:0; }
html[data-theme] .ui--Table table thead th { color:var(--color-table-head); font-weight:500; font-size:11px; background:var(--pgb-card); border-bottom:1px solid var(--pgb-line); padding-top:18px; padding-bottom:18px; }
html[data-theme] .ui--Table table tbody td { background:var(--pgb-card); border-top:1px solid var(--pgb-line) !important; font-size:12px; padding-top:16px; padding-bottom:16px; }
html[data-theme] .ui--Table table tbody tr:hover td { background:var(--bg-static-extra); }
html[data-theme] .ui--Table table tbody tr:first-child td { border-top:0 !important; }
html[data-theme] .ui--Table table h4 { font-size:13px; font-weight:500; }
html[data-theme] .ui--Table .hash { color:var(--pgb-muted); font-family:Consolas,monospace; font-size:11px; }
html[data-theme] .ui--Table tfoot { color:var(--pgb-muted); }
html[data-theme] .pgb-summary { gap:10px; flex-wrap:wrap; padding:15px 0; }
html[data-theme] .pgb-summary > section { gap:8px; flex-wrap:wrap; }
html[data-theme] .pgb-summary article { border:1px solid var(--pgb-line) !important; background:var(--pgb-card) !important; border-radius:10px; padding:18px 20px; min-height:86px; margin:0; }
html[data-theme] article:not(.error):not(.warning) { border-color:var(--pgb-line); border-radius:12px; }
html[data-theme] .ui--Button { border-radius:7px; font-size:12px; transition:background .15s ease,box-shadow .15s ease; }
html[data-theme] .ui--Button:not(.isDisabled):focus-visible { box-shadow:0 0 0 3px var(--pgb-soft); }
html[data-theme] .ui--Button:not(.isDisabled):hover { filter:brightness(1.08); }
html[data-theme] .ui--Button.isDisabled { opacity:.45; }
html[data-theme] .ui--Input input, html[data-theme] .ui--Input textarea,
html[data-theme] .ui.selection.dropdown { background:var(--bg-input); color:var(--color-text); border-color:var(--border-input); border-radius:8px; }
html[data-theme] .ui.selection.dropdown .menu { background:var(--bg-menu); border-color:var(--border-input); }
html[data-theme] .ui.selection.dropdown .menu > .item { color:var(--color-text); border-color:var(--pgb-line); }
html[data-theme] .ui.selection.dropdown .menu > .item:hover,
html[data-theme] .ui.selection.dropdown .menu > .selected.item { background:var(--pgb-soft); }
html[data-theme] input::placeholder, html[data-theme] textarea::placeholder { color:var(--pgb-muted); }
html[data-theme] .ui--Labelled > label { color:var(--color-label); text-transform:none; font-weight:500; font-size:11px; }
html[data-theme] .ui.modal { background:var(--bg-menu); color:var(--color-text); border:1px solid var(--pgb-line); border-radius:16px; box-shadow:0 28px 120px rgba(0,0,0,.45); }
html[data-theme] .ui.modal > .header { background:var(--bg-menu); color:var(--color-header); border-color:var(--pgb-line); border-radius:16px 16px 0 0; padding:24px; font-size:21px; }
html[data-theme] .ui.modal > .content, html[data-theme] .ui.modal > .actions { background:var(--bg-menu); color:var(--color-text); border-color:var(--pgb-line); }
html[data-theme] .ui.dimmer { background:rgba(2,5,12,.78); backdrop-filter:blur(5px); }
html[data-theme] .ui--Sidebar { border-color:var(--pgb-line); background:var(--bg-sidebar); }
html[data-theme] .ui--Card { border-color:var(--pgb-line); background:var(--pgb-card); border-radius:12px; }
html[data-theme] .ui--Expander { border-color:var(--pgb-line); border-radius:8px; }
html[data-theme] .ui--MarkError, html[data-theme] article.error { color:var(--color-error); }
html[data-theme] pre, html[data-theme] code { font-family:Consolas,'Liberation Mono',monospace; }
html[data-theme] .ui--FilterOverlay { top:7px; }
html[data-theme] .ui--Input .ui--Button { border-radius:6px; }
/* Connection states remain useful and honest. */
.pgb-waiting .pgb-hero { min-height:430px; }
.pgb-connect-panel { background:var(--pgb-card); border:1px solid var(--pgb-line); border-radius:12px; padding:25px 28px; margin:0 0 22px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:18px 32px; }
.pgb-connect-title { display:flex; align-items:center; gap:16px; }
.pgb-connect-title h2 { font-size:18px; margin:0 0 8px; }
.pgb-connect-title p { font-size:11px; color:var(--pgb-muted); margin:0; line-height:1.7; }
.pgb-radar { color:var(--pgb-accent); font-size:35px; }
.pgb-connect-panel label { font-size:10px; color:var(--pgb-muted); margin-bottom:8px !important; }
.pgb-rpc-input { display:flex; gap:8px; }
.pgb-rpc-input input { min-width:0; width:100%; border:1px solid var(--border-input); background:var(--bg-input); padding:12px; border-radius:7px; font-family:Consolas,monospace; font-size:12px; color:var(--color-text); }
.pgb-rpc-input button { border:0; background:var(--pgb-strong); color:#fff; padding:10px 18px; white-space:nowrap; border-radius:7px; cursor:pointer; font-size:12px; }
.pgb-connection-note { grid-column:1/-1; color:var(--pgb-muted); font-size:10px; margin:0; }
html[data-theme] .pgb-field-error { color:var(--color-error); font-size:12px; margin-top:10px; }
.pgb-waiting-tables { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:30px; }
.pgb-empty-panel { border:1px solid var(--pgb-line); background:var(--pgb-card); border-radius:12px; overflow:hidden; }
.pgb-panel-heading { display:flex; justify-content:space-between; align-items:center; padding:20px 24px; border-bottom:1px solid var(--pgb-line); }
.pgb-panel-heading h2 { font-size:15px; margin:0; }
.pgb-panel-heading > span { font-size:8px; color:var(--pgb-muted); letter-spacing:.15em; }
.pgb-empty-lines { padding:5px 24px; opacity:.6; }
.pgb-empty-lines > div { display:flex; gap:18px; align-items:center; height:40px; border-bottom:1px solid var(--pgb-line); }
.pgb-empty-lines i, .pgb-empty-lines span, .pgb-empty-lines b { display:block; height:5px; background:var(--pgb-line); border-radius:5px; width:20%; }
.pgb-empty-lines span { width:40%; }.pgb-empty-lines b { margin-left:auto; width:12%; }
.pgb-empty-panel > p { text-align:center; color:var(--pgb-muted); font-size:10px; margin:16px 0 21px; }
.pgb-footer { max-width:var(--width-full); margin:0 auto; padding:29px 40px; border-top:1px solid var(--pgb-line); display:flex; justify-content:space-between; gap:20px; align-items:center; box-sizing:border-box; color:var(--pgb-muted); }
.pgb-footer > span { font-family:Georgia,serif; letter-spacing:.15em; font-size:11px; }
.pgb-footer small { font-family:Arial,sans-serif; font-size:8px; margin-left:10px; }
.pgb-footer > div { display:flex; gap:22px; font-size:10px; }
html[data-theme='light'] .pgb-hero-art { opacity:.8; }
html[data-theme='light'] .pgb-wave-packet { stroke:#058b98; }
html[data-theme='light'] .pgb-hero { background:radial-gradient(ellipse at 77% 47%,rgba(49,176,181,.06),transparent 65%); }
/* Motion, touch and small screens. */
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .pgb-wave-packet { animation:none; } html[data-theme] .ui--Button { transition:none; } }
@media (max-width:1200px) {
 .pgb-edition { display:none; } .pgb-masthead { padding:18px 26px; }
 .pgb-home,.pgb-waiting { padding:0 26px !important; } .pgb-hero-copy { width:62%; }
 html[data-theme] .pgb-network-menu .menuContainer { padding:0 26px; }
 html[data-theme] .pgb-network-menu .groupHdr { padding:16px 10px; }
 .pgb-stat { padding:18px; } html[data-theme] main > .pgb-native-feed { padding:0 26px; }
}
@media (max-width:800px) {
 .pgb-masthead { min-height:83px; padding:16px 20px; gap:10px; }
 .pgb-brand { gap:10px; } .pgb-brand img { width:42px;height:42px; }
 html[data-theme] .pgb-brand strong { font-size:16px; letter-spacing:.1em; } .pgb-brand small { font-size:7px; }
 .pgb-masthead-right { gap:9px; } .pgb-theme-switch { padding:9px; } .pgb-theme-switch > span:last-child { display:none; }
 html[data-theme] .pgb-wallet-link { font-size:10px; padding:11px; gap:8px; }
 .pgb-home,.pgb-waiting { padding:0 20px !important; }
 .pgb-hero { min-height:400px; padding:24px 0 35px; } .pgb-hero-copy { width:85%; }
 .pgb-hero-art { inset:40px -65% 0 16%; opacity:.6; } .pgb-flow-caption { display:none; }
 .pgb-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:28px; }
 .pgb-stat > strong { font-size:26px; }.pgb-stat-label { font-size:10px; }
 .pgb-connect-panel { grid-template-columns:1fr; padding:22px; }.pgb-connect-panel form { width:100%; }
 .pgb-waiting-tables { grid-template-columns:1fr; }
 html[data-theme] .ui--Tabs .tabs-container { padding-left:10px; overflow:auto; }
 html[data-theme] .ui--Tabs .ui--TabsList { margin:0 10px; gap:2px; }
 html[data-theme] .pgb-network-menu .menuContainer { padding:0 15px; }
 html[data-theme] .pgb-network-menu .groupHdr { padding:14px 9px; }
 html[data-theme] .pgb-network-menu .groupHdr > .ui--Icon { margin-left:4px; }
 html[data-theme] main > .pgb-native-feed { padding:0 20px; }
 html[data-theme] .pgb-network-details { margin:18px 20px; width:calc(100% - 40px); padding:0 15px; }
 .pgb-network-details > summary span { display:none; }.pgb-footer { flex-wrap:wrap; padding:25px 20px; }
}
@media (max-width:440px) {
 html[data-theme] .pgb-brand strong { font-size:13px; }.pgb-brand small { font-size:6px; letter-spacing:.2em; }
 .pgb-brand img { width:34px;height:34px; }.pgb-brand { gap:8px; }.pgb-masthead { padding:15px; }
 html[data-theme] .pgb-wallet-link { padding:10px; font-size:9px; }.pgb-wallet-link span { display:none; }
 .pgb-home,.pgb-waiting { padding:0 16px !important; }.pgb-hero-copy { width:100%; }
 html[data-theme] .pgb-hero h1 { font-size:46px; }.pgb-hero-copy > p { font-size:11px; }
 .pgb-hero-art { opacity:.4; }.pgb-search { padding-left:12px;gap:8px; }.pgb-search input { font-size:10px; }
 .pgb-hero-meta { font-size:8px; }.pgb-stat { padding:16px; }.pgb-stat > strong { font-size:22px; }
 .pgb-stat small { font-size:8px; }.pgb-stat-grid { gap:9px; }.pgb-activity-title h2 { font-size:19px !important; }
 .pgb-footer small { display:block; margin:8px 0 0; }.pgb-footer > div { gap:16px; font-size:9px; }
}
html[data-theme] .groupHdr { border:0; background:transparent; font:inherit; cursor:pointer; }
html[data-theme] .pgb-menu-open .groupMenu { display:block; }
html[data-theme] .pgb-network-menu .groupMenu { top:100%; }
@media (hover:none) { html[data-theme] .pgb-network-menu li:not(.pgb-menu-open):hover .groupMenu { display:none; } }
.pgb-page-intro { max-width:var(--width-full); padding:38px 40px 28px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
html[data-theme] .pgb-page-intro h1 { font-size:34px; font-weight:500; letter-spacing:-.045em; margin:14px 0 10px; color:var(--color-header); }
.pgb-page-intro p { font-size:12px; color:var(--pgb-muted); line-height:1.8; margin:0; }
.pgb-page-motif { position:relative; width:130px; height:85px; display:grid; place-items:center; flex-shrink:0; }
.pgb-page-motif i { position:absolute; border:1px solid var(--pgb-line); width:100%; height:65%; border-radius:50%; transform:rotate(-25deg); }
.pgb-page-motif i:nth-child(2) { width:76%; height:52%; }.pgb-page-motif i:nth-child(3) { width:52%; height:39%; }
.pgb-page-motif > span { color:var(--pgb-accent); font-size:24px; }
@media(max-width:800px) { .pgb-page-intro { padding:28px 20px 20px; }.pgb-page-motif { width:75px;height:65px; } html[data-theme] .pgb-page-intro h1 { font-size:27px; }.pgb-page-intro p { font-size:11px; } }
@media(max-width:440px) { .pgb-page-motif { display:none; } }
html[data-theme] .pgb-connection-toast { top:auto; bottom:18px; right:18px; width:390px; max-width:calc(100vw - 36px); font-size:11px; border-radius:10px; box-shadow:var(--pgb-shadow); }