.sound-toggle{width:40px;height:32px;color:var(--color-muted);cursor:pointer;transition:color .4s var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.sound-toggle:before{content:"";opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease);pointer-events:none;background:radial-gradient(closest-side,#fff3,#fff0 100%);border-radius:999px;position:absolute;inset:2px 4px;transform:scale(.6)}.sound-toggle[data-state=live]:before{opacity:1;transform:scale(1)}.sound-toggle[data-state=live],.sound-toggle[data-state=armed]{color:var(--color-ink)}@media (hover:hover){.sound-toggle:hover{color:var(--color-ink)}}.sound-toggle:focus-visible{outline:1px solid var(--color-signal);outline-offset:0;color:var(--color-ink);border-radius:999px}.sound-toggle__eq{height:14px;transition:filter .6s var(--ease);align-items:center;gap:3px;display:flex;position:relative}.sound-toggle[data-state=live] .sound-toggle__eq{filter:drop-shadow(0 0 3px #ffffffbf)}.sound-toggle__eq i{transform-origin:50%;width:2px;height:14px;transition:transform .62s var(--ease);background:currentColor;border-radius:1px;display:block;transform:scaleY(.143)}.sound-toggle[data-state=live] .sound-toggle__eq i{transition:none}.sound-toggle[data-state=armed] .sound-toggle__eq i{animation:sound-armed 2.4s var(--ease-cine) infinite}.sound-toggle[data-state=armed] .sound-toggle__eq i:nth-child(2){animation-delay:.12s}.sound-toggle[data-state=armed] .sound-toggle__eq i:nth-child(3){animation-delay:.24s}.sound-toggle[data-state=armed] .sound-toggle__eq i:nth-child(4){animation-delay:.36s}.sound-toggle[data-state=armed] .sound-toggle__eq i:nth-child(5){animation-delay:.48s}@keyframes sound-armed{0%,70%,to{opacity:.6;transform:scaleY(.143)}35%{opacity:1;transform:scaleY(.5)}}
.topbar{z-index:60;padding:var(--hud-pad);pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:fixed;inset:0 0 auto}.topbar:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000006b,#0000);position:absolute;inset:0 0 -40px}.topbar>*{pointer-events:auto}.topbar:has(.cnav__sheet:not([hidden])){z-index:120}.topbar__left{flex-direction:column;gap:9px;display:flex}.topbar__mark{font-family:var(--font-display);font-variation-settings:"wdth" 125;letter-spacing:.08em;color:var(--color-ink);align-items:center;gap:11px;font-size:.95rem;font-weight:400;font-stretch:125%;line-height:1;text-decoration:none;display:inline-flex}.topbar__glyph{border:1px solid #ffffffb3;border-radius:50%;width:13px;height:13px;position:relative;transform:rotate(-24deg)scaleY(.62)}.topbar__glyph:after{content:"";background:var(--color-ink);width:4px;height:4px;box-shadow:0 0 6px var(--color-signal);border-radius:50%;position:absolute;top:-2.5px;left:calc(50% - 2px);transform:scaleY(1.6)}.topbar__camera{min-height:1.4em;color:var(--color-muted);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.topbar__camera:before{content:"";background:var(--color-signal);width:5px;height:5px;opacity:var(--live,1);border-radius:50%;flex:none;box-shadow:0 0 10px 1px #fffc}.topbar__camera:empty{visibility:hidden}.topbar__right{align-items:center;gap:22px;display:flex}.topbar__extra{align-items:center;gap:18px;display:flex}.topbar__met{display:none}.topbar__lang{color:var(--color-muted);transition:color .3s var(--ease);text-decoration:none}@media (hover:hover){.topbar__lang:hover,.topbar__mark:hover .topbar__glyph{color:var(--color-ink);border-color:var(--color-ink)}}.topbar__lang:focus-visible{color:var(--color-ink)}@media (max-width:759px){.topbar{padding:max(14px, env(safe-area-inset-top)) 16px 14px}.topbar__mark{gap:9px;font-size:.84rem}.topbar__left{flex:auto;min-width:0}.topbar__camera{text-overflow:ellipsis;font-size:.59rem;display:block;overflow:hidden}.topbar__camera:before{vertical-align:.15em;margin-right:8px;display:inline-block}.topbar__right{flex:none;gap:12px}.topbar[data-variant=flight] .topbar__extra{display:none}.topbar[data-variant=flight] .topbar__met{white-space:nowrap;letter-spacing:.04em;color:var(--color-ink-2);text-align:right;min-width:9ch;font-size:.62rem;display:block}}