.top{position:relative;min-height:52px}.pills.vyron-island{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:65;gap:4px;padding:6px;border:0;border-radius:28px;background:transparent;backdrop-filter:none;max-width:calc(100vw - 40px);flex-wrap:nowrap}.island-shell{position:absolute;inset:0;z-index:0;border-radius:28px;background:#111118;border:1px solid var(--line,#292931);box-shadow:0 14px 28px #0005;pointer-events:none;transform-origin:center}.vyron-island .pill{position:relative;flex-shrink:0;padding:11px 13px;gap:0;white-space:nowrap;font-size:12px;min-height:42px;transition:transform 160ms,opacity 160ms}.vyron-island .pill>.ic{width:19px;height:19px;flex:none}.vyron-island .island-label{display:none}.vyron-island .nav-chevron{display:none}.vyron-island.island-expanded .pill{padding:11px 14px;gap:8px}.vyron-island.island-expanded .island-label{display:inline}.vyron-island.island-expanded .nav-chevron{display:inline}.vyron-island .pill-ind{top:6px;z-index:0;transition:transform 360ms cubic-bezier(.23,1,.32,1),opacity 180ms}.vyron-island .nav-cluster{position:relative;flex-shrink:0}.vyron-island .nav-menu{z-index:68}.top>.brand,.top>.top-right{position:relative}.vyron-island .pill:focus-visible{outline:2px solid var(--accent,#ffe600);outline-offset:3px}html.lite .vyron-island .pill,html.lite .vyron-island .pill-ind{transition:none!important}@media(max-width:1160px){.top{padding-bottom:70px}.pills.vyron-island{top:62px}.vyron-island.island-expanded{flex-wrap:wrap;justify-content:center;border-radius:23px;max-width:calc(100vw - 35px);width:max-content}.vyron-island.island-expanded .island-shell{border-radius:23px}.vyron-island.island-expanded .pill{padding:10px 11px;font-size:11px}}@media(max-width:620px){.top{padding-bottom:86px}.pills.vyron-island{top:65px;gap:1px;max-width:calc(100vw - 22px)}.vyron-island .pill{padding:10px;min-height:39px}.vyron-island .pill>.ic{width:17px;height:17px}.vyron-island.island-expanded{width:calc(100vw - 32px)}.vyron-island.island-expanded .pill{padding:9px 10px}.vyron-island .nav-menu{position:absolute;width:min(290px,calc(100vw - 42px))}.vyron-island [data-menu=connection] .nav-menu{left:auto;right:-18px;transform:none}.vyron-island .pill-ind{transition:none}}

.vyron-island .pill-ind{z-index:1}.vyron-island .pill,.vyron-island .nav-cluster{z-index:2}

@media(min-width:1161px) and (max-width:1450px){.top>.brand .ver{transition:opacity 180ms,transform 280ms}.top:has(.island-expanded)>.brand .ver{opacity:0;transform:translateX(-10px);pointer-events:none}}

html.lite .top>.brand .ver{transition:none!important}
.vyron-island .nav-cluster:has(.nav-menu:not([hidden])){z-index:10}

/* Keep settings reachable even while the island expands or updates arrive. */
.top>.top-right{z-index:70;grid-column:3;grid-row:1;justify-self:end;min-width:0}.settings-access{width:auto;min-width:38px;display:flex;gap:8px;padding:0 10px;color:var(--text);background:var(--bg)}.settings-access span{font-size:12px}.chip-update{max-width:190px}.chip-update #updTxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1280px){.top>.top-right{grid-column:2;grid-row:1}}
@media(max-width:620px){.settings-access span{display:none}.chip-update{max-width:140px}}