.onboard{position:fixed;inset:0;z-index:50;background:#061529f5;display:grid;place-items:center;padding:18px;overflow:auto}.onbox{width:100%;max-width:430px;background:#0d2745;border:1px solid #d5aa4a66;border-radius:24px;padding:24px;box-shadow:0 20px 60px #0008}.onbox .crest{margin:0 auto}.onbox h1{text-align:center;color:#d5aa4a}.onbox p{text-align:center;color:#aab8ca}.ghost{width:100%;padding:13px;margin-top:10px;border:1px solid #d5aa4a66;border-radius:12px;background:transparent;color:#d5aa4a}.teamchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.teamchips span{display:inline-flex;padding:8px 10px;border:1px solid #d5aa4a55;border-radius:999px;background:#071a31;font-size:13px}.rosterrow{display:flex;justify-content:space-between;align-items:center}.rosterrow small{color:#91a2b8}.header-user{margin-left:auto;display:flex;align-items:center;gap:8px}.bell{position:relative;font-size:18px}.notify-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#d5aa4a;right:5px;top:5px;border:2px solid #071a31}.user-identity{display:flex;align-items:center;gap:8px;background:#0d2745;border:1px solid #d5aa4a55;border-radius:999px;padding:5px 10px 5px 5px;color:white;max-width:180px}.user-initials{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d5aa4a;color:#071a31;font-weight:900;font-size:12px;flex:none}.user-copy{display:flex;flex-direction:column;text-align:left;min-width:0}.user-copy b,.user-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-copy b{font-size:11px}.user-copy small{font-size:9px;color:#aab8ca}.contactgrid{display:grid;gap:10px}.contact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.contact div{display:flex;flex-direction:column}.contact div small,.community small{color:#91a2b8}.contactavatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d5aa4a;color:#071a31;font-weight:900}.contact button{border:1px solid #25d36666;background:#25d36618;color:#8fe9ad;border-radius:10px;padding:9px}.community{text-align:center;margin-top:14px}.community>span{font-size:34px}.community p{color:#aab8ca}@media(max-width:390px){.user-copy{display:none}.user-identity{padding:4px;border:0;background:transparent}.user-initials{width:32px;height:32px}.contact{grid-template-columns:auto 1fr}.contact button{grid-column:1/-1;width:100%}}