#sign-in{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;margin:auto;padding:31px 29px 23px;border:0;border-radius:13px;background:radial-gradient(ellipse at 0 0,#5e351829,transparent 65%),#10141c;color:#f2eadb;box-shadow:0 22px 90px #000a;font-family:Arial,Helvetica,sans-serif}
#sign-in::backdrop{background:#02050bd9;backdrop-filter:blur(4px)}
#sign-in .sign-in-close{position:absolute;right:17px;top:16px;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #4a4550;border-radius:6px;background:#1c1e28;color:#d9c8a5;font:22px/1 Arial;cursor:pointer}
#sign-in .sign-in-close:hover{border-color:#e1b954;color:#ffe38d}
#sign-in .sign-in-heading{display:flex;align-items:center;gap:11px;margin:0 25px 23px 0;min-height:46px}
#sign-in .sign-in-heading>img{width:45px;height:45px;object-fit:contain;image-rendering:pixelated}
#sign-in .sign-in-heading p{margin:0 0 5px;color:#f2be61;font:9px/1.3 'Share Tech Mono',monospace;letter-spacing:2px}
#sign-in .sign-in-heading div>span{font:700 15px/1.2 'Rajdhani',Arial,sans-serif;letter-spacing:2px;color:#f4e2af}
#sign-in .sign-in-preview{margin-left:auto;align-self:flex-end;white-space:nowrap;padding:4px 5px;border:1px solid #5d4d34;border-radius:3px;color:#bb9d68;font:8px/1.2 'Share Tech Mono',monospace;letter-spacing:.6px}
#sign-in h2{margin:0 0 10px;font:700 clamp(18px,4.8vw,23px)/1.4 'Zobot Rush Pixel','Rajdhani',sans-serif;color:#fff0c0;text-shadow:0 2px #542b23;letter-spacing:0}
#sign-in-description{margin:0 0 23px;color:#a9adbc;font:13px/1.5 Arial,sans-serif}
#sign-in .sign-in-options{display:grid;gap:10px}
#sign-in .sign-in-option{display:flex;align-items:center;gap:14px;width:100%;min-height:77px;padding:12px 14px;border:1px solid #3c414e;border-radius:9px;background:linear-gradient(120deg,#1c212d,#141822);color:#ece8df;cursor:pointer;text-align:left;transition:border-color .18s,background .18s}
#sign-in .sign-in-option:hover{border-color:#9e8452;background:#24232a}
#sign-in .sign-in-option[aria-pressed=true]{border-color:#e7bd59;background:linear-gradient(110deg,#40331b99,#1b202b);box-shadow:inset 3px 0 #e8be5a}
#sign-in .sign-in-icon{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;background:#0e121b;border:1px solid #333b48;border-radius:10px}
#sign-in .sign-in-icon img{width:31px;height:31px;object-fit:contain}
#sign-in .sign-in-wallet-copy{display:grid;gap:4px;min-width:0}
#sign-in .sign-in-wallet-copy strong{font:700 20px/1.1 'Rajdhani',Arial,sans-serif;letter-spacing:.2px}
#sign-in .sign-in-wallet-copy small{font:11px/1.35 Arial,sans-serif;color:#a7aaba}
#sign-in .sign-in-check{display:grid;place-items:center;margin-left:auto;width:20px;height:20px;border:1px solid #51515b;border-radius:50%;color:transparent;background:#0d1119;flex-shrink:0;font:700 12px Arial}
#sign-in [aria-pressed=true] .sign-in-check{border-color:#efd16a;background:#e9c461;color:#211c12}
#sign-in .sign-in-status{min-height:34px;margin:15px 0 8px;color:#c1b9a5;font:11px/1.5 Arial,sans-serif}
#sign-in .sign-in-continue{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:47px;padding:11px 16px;border:1px solid #ffdf80;border-radius:7px;background:linear-gradient(#ffe77c,#efbd40);color:#251b0c;font:700 15px/1.3 'Rajdhani',Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px #fff6b6}
#sign-in .sign-in-continue:disabled{border-color:#514b3c;background:#2b2a26;box-shadow:none;color:#8f897a;cursor:not-allowed}
#sign-in .sign-in-continue:hover:not(:disabled){filter:brightness(1.08)}
#sign-in .sign-in-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;padding-top:14px;border-top:1px solid #333139;color:#8e94a2}
#sign-in .sign-in-footer>span{color:#b49b66;font-size:15px}
#sign-in .sign-in-footer p{margin:0;font:10px/1.5 Arial,sans-serif;text-align:center}
#sign-in button:focus-visible{outline:2px solid #ffe28b;outline-offset:3px}
@media(max-width:380px){#sign-in{padding:29px 22px 20px}#sign-in .sign-in-preview{font-size:7px;padding:3px}#sign-in .sign-in-heading{gap:8px}#sign-in .sign-in-option{padding:10px;gap:11px;min-height:70px}#sign-in .sign-in-wallet-copy strong{font-size:18px}#sign-in .sign-in-icon{width:42px;height:42px;flex-basis:42px}#sign-in h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){#sign-in .sign-in-option{transition:none}}

/* Wallet rows and icons sit directly on the panel, with no extra outlines. */
#sign-in .sign-in-option,#sign-in .sign-in-option:hover,#sign-in .sign-in-option[aria-pressed=true]{border:0;box-shadow:none;background:transparent}
#sign-in .sign-in-option:hover:not(:disabled){background:#ffffff06}
#sign-in .sign-in-option[aria-pressed=true]{background:#e8bf5910}
#sign-in .sign-in-icon{background:transparent;border:0;border-radius:0}
#sign-in .sign-in-option:disabled{opacity:.4;cursor:not-allowed}
#sign-in .sign-in-install{display:inline-block;margin-top:12px;color:#f1cd73;font:12px Arial,sans-serif;text-underline-offset:3px}
