.friend-welcome [hidden],.friend-welcome[hidden],.friend-account-bar[hidden]{display:none!important}
.friend-welcome{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(5,15,31,.96),rgba(16,35,43,.9));overflow:auto;font-family:Pixelify,"Microsoft JhengHei",sans-serif;color:#e9f1f1}
.friend-welcome-card{width:min(480px,100%);padding:30px;border:1px solid #4d746b;background:rgba(10,25,35,.96);box-shadow:8px 8px 0 #08121e}
.friend-welcome h1{font-size:clamp(30px,6vw,44px);line-height:1.3;margin:16px 0;color:#f8d87a;letter-spacing:2px}
.friend-welcome p{line-height:1.8}.friend-welcome .friend-eyebrow{font-size:11px;color:#82cebb;letter-spacing:2px}
.friend-welcome label{display:block;margin:18px 0 6px;color:#c7d9df;font-size:14px}
.friend-welcome input,.friend-welcome select{width:100%;padding:12px;border:1px solid #526979;background:#0b1729;color:#fff;font:inherit;font-size:16px;border-radius:3px}
.friend-welcome button{width:100%;margin:24px 0 12px}.friend-welcome small{display:block;font-size:12px;line-height:1.8;color:#a4b4c3}
.friend-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid #38535d;padding-bottom:12px;margin:22px 0 8px}
.friend-auth-tabs button{width:100%;margin:0;padding:10px 6px;border:1px solid #3b5867;background:#12283a;color:#a6bbc4;border-radius:4px;font:inherit;font-size:14px;cursor:pointer}
.friend-auth-tabs button[aria-selected=true]{color:#ffdb82;background:#2b3e39;border-color:#d2b868}
.friend-welcome .friend-text-button{width:auto;margin:12px 0 0;padding:6px 0;background:none;border:0;color:#98dcce;text-decoration:underline;font:inherit;font-size:13px;cursor:pointer}
.friend-account-caption{color:#8de0c0;font-size:14px}.friend-welcome button:disabled{opacity:.6;cursor:wait}
.friend-welcome input:focus,.friend-welcome select:focus{outline:2px solid #8de0c0;outline-offset:2px}
.friend-account-bar{position:fixed;right:14px;bottom:14px;z-index:92;display:flex;align-items:center;gap:18px;padding:10px 14px;border:1px solid #456a71;border-radius:7px;background:#0d2235f5;box-shadow:0 3px 14px #0006;font:12px "Microsoft JhengHei",sans-serif;color:#e3ecee;max-width:calc(100vw - 130px)}
.friend-account-bar b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.friend-account-bar small{display:block;margin-top:5px;color:#8de0c0;font-size:11px}.friend-account-bar small[data-state=offline]{color:#f5ba79}
.friend-account-bar button{background:#294638;color:#f8dc87;border:1px solid #6e7a55;border-radius:4px;padding:8px;font:inherit;cursor:pointer;white-space:nowrap}
@media(max-width:520px){.friend-welcome{padding:16px}.friend-welcome-card{padding:22px}.friend-account-bar{gap:8px;padding:8px;bottom:10px;right:10px}.friend-account-bar b{max-width:125px}.friend-account-bar button{font-size:11px}}
#friend-welcome-error{color:#ffb1b1;margin:4px 0}.friend-edition-label{color:#8de0c0!important}
.friend-admin-link{position:fixed;left:12px;bottom:14px;z-index:91;color:#ffdb82;background:#102438e8;border:1px solid #557b7d;border-radius:6px;padding:8px 12px;font:13px "Microsoft JhengHei",sans-serif;text-decoration:none;box-shadow:0 2px 8px #0005}
.friend-admin-link:hover,.friend-admin-link:focus-visible{background:#24455b;outline:2px solid #ffdb82;outline-offset:2px}
@media(max-height:650px){.friend-welcome{align-items:start}.friend-welcome-card{padding:18px}.friend-welcome h1{font-size:28px;margin:8px 0}}