/* One navigation shell for the lobby, rooms, builder and administration. */
.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:32px;min-height:72px;padding:0 28px;background:#111610f5;border-bottom:1px solid #34402d;backdrop-filter:blur(12px);isolation:isolate}
.site-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:17px;font-weight:800;color:#f1f5e9;line-height:1.3;white-space:nowrap;text-decoration:none}
.site-brand small{display:block;margin-top:5px;color:#9ba790;letter-spacing:.16em;font:11px var(--mono)}
.site-mark{position:relative;width:39px;color:var(--accent);font:italic 800 40px var(--mono)}
.site-mark span{position:absolute;right:0;top:14px;font:20px var(--mono)}
.site-navigation{display:flex;align-items:stretch;align-self:stretch;gap:26px;min-width:0}
.site-nav-link{display:flex;align-items:center;justify-content:center;min-height:72px;border-bottom:3px solid transparent;color:#a8b39d;font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none}
.site-nav-link:hover{color:#eef6de}.site-nav-link.active{border-bottom-color:var(--accent);color:var(--accent)}
.site-account{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}
.site-account .quiet-button{font-size:14px;min-height:38px;padding:7px 12px;white-space:nowrap}
@media(max-width:1000px){.site-header{gap:22px;padding-inline:20px}.site-navigation{gap:20px}.site-brand{font-size:15px}.site-account .quiet-button{font-size:13px}}
@media(max-width:760px){.site-header{padding:12px 16px 0;gap:8px 12px;flex-wrap:wrap}.site-navigation{order:3;width:100%;gap:26px;min-height:42px}.site-nav-link{min-height:42px}.site-brand{font-size:14px;gap:8px}.site-brand small{font-size:10px}.site-mark{font-size:32px;width:32px}.site-mark span{top:11px;font-size:17px}.site-account{gap:6px}.site-account .quiet-button{padding:6px 8px;font-size:12px}}
@media(max-width:380px){.site-brand small{display:none}.site-header{padding-inline:12px}.site-account .quiet-button{font-size:12px;padding:6px}.site-navigation{gap:22px}}

.site-account #account-button{max-width:150px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.site-account #account-button{max-width:110px}}