.obs-mode-link{box-sizing:border-box;color:#a7efce;white-space:nowrap;background:#a7efce0d;border:1px solid #a7efce40;border-radius:10px;align-items:center;gap:5px;min-height:44px;padding:0 10px;font:750 11px Manrope,system-ui,sans-serif;text-decoration:none;display:inline-flex}.obs-app-header{z-index:700;box-sizing:border-box;height:calc(76px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));padding:var(--safe-area-inset-top,env(safe-area-inset-top,0px)) max(24px,var(--safe-area-inset-right,env(safe-area-inset-right,0px))) 0 max(24px,var(--safe-area-inset-left,env(safe-area-inset-left,0px)));-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);font-family:var(--obs-font-sans,"Manrope",system-ui,sans-serif);background:#071019f2;border-bottom:1px solid #aeccdf24;align-items:center;gap:24px;display:flex;position:sticky;top:0}.obs-brand{color:#edf5fa;flex-shrink:0;align-items:center;gap:11px;min-height:44px;text-decoration:none;display:flex}.obs-brand__mark{background:linear-gradient(145deg,#18362e,#0b201f);border:1px solid #a7efce61;border-radius:13px;flex:none;width:40px;height:40px;position:relative}.obs-brand__mark i{background:#a7efce;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 8px #a7efce80}.obs-brand__mark i:first-child{top:24px;left:8px}.obs-brand__mark i:nth-child(2){top:9px;left:16px}.obs-brand__mark i:nth-child(3){top:21px;left:22px}.obs-brand__mark i:nth-child(4){top:12px;right:7px}.obs-brand__mark:after{content:"";opacity:.5;background:#a7efce;width:22px;height:1px;position:absolute;top:23px;left:9px;transform:rotate(-30deg)}.obs-brand__copy{white-space:nowrap;letter-spacing:-.035em;flex-direction:column;gap:6px;font-size:17px;line-height:1;display:flex}.obs-brand__copy strong{color:#a7efce}.obs-brand__copy small{color:#91a7b7;letter-spacing:.09em;font:500 8px/1.2 DM Mono,ui-monospace,Consolas,monospace}.obs-app-header nav{justify-content:center;align-items:center;gap:3px;min-width:0;margin-left:auto;display:flex}.obs-app-header nav .obs-nav-item{box-sizing:border-box;color:#a4b5c3;white-space:nowrap;cursor:pointer;min-width:44px;min-height:44px;font:650 13px var(--obs-font-sans,"Manrope",system-ui,sans-serif);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;padding:0 11px;text-decoration:none;transition:color .15s,background .15s;display:flex}.obs-app-header nav .obs-nav-item:hover{color:#edf5fa;background:#aeccdf12}.obs-app-header nav .obs-nav-item.active{color:#a7efce;background:#a7efce1a;box-shadow:inset 0 -2px #a7efcea6}.obs-app-header__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.obs-app-header__actions>[data-observatory-language-toggle]{color:#c4d1dc;cursor:pointer;background:#0c1a27;border:1px solid #aeccdf33;border-radius:11px;flex-shrink:0;width:44px;height:44px;font:650 11px DM Mono,ui-monospace,Consolas,monospace}.obs-app-header__actions .player-status{gap:6px}.obs-app-header__actions :is(.player-login,.player-guest-save,.player-friends,.player-chat,.player-streak,.player-settings,.player-profile,.player-logout){border-radius:10px}.obs-app-header__actions :is(.player-login,.player-guest-save){letter-spacing:0;font-size:11px}.obs-app-header__actions .player-profile strong{max-width:100px;font-size:12px}@media (min-width:1025px) and (max-width:1380px){.obs-app-header{height:auto;min-height:76px;padding-top:calc(12px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));grid-template-columns:auto minmax(0,1fr);gap:5px 24px;padding-bottom:8px;display:grid}.obs-app-header nav{grid-area:2/1/auto/-1;gap:12px;width:100%;margin:0}.obs-app-header__actions{grid-area:1/2;justify-self:end}.obs-brand__copy small{display:none}}@media (max-width:1024px){.obs-app-header nav{display:none}.obs-app-header__actions{margin-left:auto}.obs-brand__copy small{display:none}}@media (max-width:900px){.obs-app-header__actions .player-copy,.obs-app-header__actions .player-logout{display:none!important}.obs-app-header__actions .player-profile{box-sizing:border-box;gap:0;width:44px;padding:0}.obs-app-header__actions .player-avatar{width:28px;height:28px}}@media (max-width:620px){.obs-app-header{padding-left:max(12px,var(--safe-area-inset-left,env(safe-area-inset-left,0px)));padding-right:max(12px,var(--safe-area-inset-right,env(safe-area-inset-right,0px)));gap:10px}.obs-app-header__actions{gap:6px}.obs-app-header__actions .player-friends,.obs-app-header__actions .player-chat,.obs-app-header__actions .player-settings,.obs-app-header__actions .player-streak{display:none!important}.obs-app-header__actions .player-status{gap:6px}.obs-app-header__actions :is(.player-login,.player-guest-save){font-size:10px}}@media (max-width:420px){.obs-brand__copy{font-size:14px}.obs-brand__mark{display:none}}
