/* Homepage presentation only. Existing wallet DOM, text and event handlers are untouched. */
#the-pico, #pico-chest, #allocation, #pico-supply { scroll-margin-top: 150px; }
body #pico-wc-layer { background:rgba(2,6,13,.84); backdrop-filter:blur(12px); }
body #pico-wc-dialog {
  width:min(500px,100%); padding:24px; border:1px solid #3e718c; border-radius:24px;
  background:radial-gradient(ellipse at 0 0,#183647 0,transparent 65%),linear-gradient(155deg,#0c1c2c,#070c16);
  box-shadow:0 32px 100px #000a,inset 0 1px 0 #96dcff30;
  font-family:Arial,sans-serif;
}
body #pico-wc-dialog h2 {
  display:flex; align-items:center; gap:16px; min-height:60px;
  margin:0 0 18px; font-size:clamp(20px,5vw,26px); line-height:1.25; letter-spacing:-.025em;
}
body #pico-wc-title::before {
  content:""; flex:0 0 64px; height:64px; border-radius:16px;
  background:#07111d url('pico.png') center/contain no-repeat;
  box-shadow:0 0 30px #4bc8ff20; border:1px solid #83cfff40;
}
body #pico-wc-dialog p { color:#becddd; font-size:14px; line-height:1.6; margin-bottom:20px; }
body #pico-wc-lead { display:none; }
body #pico-wc-actions { gap:10px; }
body #pico-wc-actions button,body #pico-wc-qr button {
  position:relative; min-height:48px; padding:16px; border-radius:16px;
  border:1px solid #456078; background:linear-gradient(120deg,#152b3e,#0d1b2c); line-height:1.45;
}
body #pico-wc-actions button strong,body #pico-wc-qr button strong { font-size:16px; line-height:1.35; }
body #pico-wc-actions button span,body #pico-wc-qr button span { color:#becddd; font-size:12px; line-height:1.55; margin-top:6px; }
/* The original buttons remain the interactive targets; logos are decorative. */
body #pico-wc-actions #pico-wc-injected {
  display:grid; grid-template-columns:40px 40px minmax(0,1fr);
  align-items:center; gap:9px 10px; padding:16px;
}
body #pico-wc-injected::before,body #pico-wc-injected::after {
  content:""; position:static; width:40px; height:40px; margin:0;
  border-radius:11px; background:#f4f8fc center/30px auto no-repeat; grid-row:1;
}
body #pico-wc-injected::before { grid-column:1; background-image:url('metamask.svg'); }
body #pico-wc-injected::after { grid-column:2; background-image:url('bifrost-icon.png'); background-size:contain; }
body #pico-wc-actions #pico-wc-injected strong { grid-column:3; grid-row:1; }
body #pico-wc-actions #pico-wc-injected span { grid-column:1/-1; grid-row:2; margin:0; }
body #pico-wc-actions #pico-wc-qr-option {
  display:grid; grid-template-columns:40px minmax(0,1fr);
  align-items:center; gap:5px 14px; padding:16px;
}
body #pico-wc-qr-option::before {
  content:""; position:static; grid-column:1; grid-row:1/3;
  width:40px; height:40px; border-radius:11px;
  background:#f4f8fc url('walletconnect.svg') center/30px auto no-repeat;
}
body #pico-wc-qr-option::after { content:none; }
body #pico-wc-actions #pico-wc-qr-option strong { grid-column:2; grid-row:1; }
body #pico-wc-actions #pico-wc-qr-option span { grid-column:2; grid-row:2; margin:0; }
/* Preserve the bridge's hidden-action behaviour while pairing. */
body #pico-wc-actions[hidden] #pico-wc-injected,
body #pico-wc-actions[hidden] #pico-wc-qr-option { display:none; }
body #pico-wc-qr #pico-wc-open-bifrost { padding-right:130px; }
body #pico-wc-open-bifrost::after { content:""; position:absolute; right:16px; top:22px; width:96px; height:24px; background:url('bifrost.svg') center/contain no-repeat; }
body #pico-wc-actions button:hover,body #pico-wc-qr button:hover { border-color:#7edcff; background-color:#19374a; }
body #pico-wc-dialog button:focus-visible { outline:3px solid #ffdc82; outline-offset:3px; }
body #pico-wc-actions #pico-wc-close { text-align:center; background:#091321; border-color:#34465c; margin-top:0; color:#dce8f5; }
body #pico-wc-status { line-height:1.5; color:#ffe0a4; overflow-wrap:anywhere; }
body #pico-wc-status:empty { min-height:0; margin-top:0; }
body #pico-wc-qr code { padding:12px; border:1px solid #34516a; border-radius:12px; background:#060f1a; }
/* Never constrain or reformat the live balance text. Empty remains empty. */
body .navbar .wallet-area { max-width:440px; min-width:0; }
body .navbar #walletBalance:not(:empty) {
  display:block!important; box-sizing:border-box; width:100%!important;
  margin:6px 0 0!important; padding:16px 18px 16px 62px!important; min-height:64px!important;
  border:1px solid #679ab5; border-radius:16px;
  background:url('pico.png') 14px center/36px 36px no-repeat,linear-gradient(120deg,#173b50,#0a1b2d 75%);
  box-shadow:inset 0 1px 0 #ade6ff40,0 8px 28px #0004;
  color:#f0faff!important; font:800 clamp(19px,1.65vw,26px)/1.35 Arial,sans-serif!important;
  font-variant-numeric:tabular-nums; letter-spacing:-.035em; text-align:left!important;
  white-space:normal!important; overflow-wrap:anywhere!important;
}
body .navbar #walletBalance:empty { display:none!important; }
@media(max-width:1100px) { body .navbar .wallet-area { max-width:100%; } }
@media(max-width:760px) {
  #the-pico, #pico-chest, #allocation, #pico-supply { scroll-margin-top:16px; }
  body .navbar #walletBalance:not(:empty) { padding:20px 16px 20px 65px!important; font-size:clamp(21px,5.8vw,30px)!important; min-height:80px!important; margin-top:4px!important; }
  body #pico-wc-dialog { padding:20px 18px; border-radius:22px; }
  body #pico-wc-dialog h2 { gap:13px; margin-bottom:16px; }
  body #pico-wc-title::before { flex-basis:56px; height:56px; border-radius:14px; }
  body #pico-wc-actions #pico-wc-injected,body #pico-wc-actions #pico-wc-qr-option { padding:14px; }
}
@media(max-height:700px) {
  body #pico-wc-dialog { padding:16px; }
  body #pico-wc-dialog h2 { min-height:48px; margin-bottom:12px; }
  body #pico-wc-title::before { flex-basis:48px; height:48px; }
  body #pico-wc-dialog p { margin-bottom:12px; }
}