/* Navigation uses the cover's console chrome. Actions keep their own styles.
   The command-header and command-actions are deliberately outside this scope. */
:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button){
 --menu-color:#75baff;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
 min-height:43px;padding:11px 17px!important;border:1px solid #25476d!important;border-radius:3px!important;
 background:linear-gradient(120deg,#102743cf,#061322cf)!important;color:#deedff!important;
 font:inherit;font-weight:500!important;font-size:13px!important;letter-spacing:.7px;text-decoration:none!important;
 clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
 white-space:nowrap;overflow:hidden;box-shadow:none!important;transition:box-shadow .22s,border-color .22s,background .22s,transform .22s;
}
:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):before{content:'';position:absolute;left:0;top:0;width:38px;height:2px;background:var(--menu-color);box-shadow:0 0 9px var(--menu-color);transition:width .3s;pointer-events:none}
:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#c4e4ff24 49%,transparent 63%);transform:translateX(-120%);transition:transform .65s ease;pointer-events:none}
:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):hover:not(:disabled){border-color:var(--menu-color)!important;background:#102a46!important;box-shadow:0 0 28px #4a9cff25,inset 0 0 24px #4a9cff0d!important;transform:translateY(-2px)}
:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):hover:before{width:100%}:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):hover:after{transform:translateX(120%)}
:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):focus-visible{outline:2px solid var(--menu-color);outline-offset:5px}
:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important}
header:not(.command-header):not(.site-header) nav > :is(a,button):nth-child(2){--menu-color:#ff6975;border-color:#643041!important;background:linear-gradient(120deg,#351621b8,#170f1ad9)!important}
header:not(.command-header):not(.site-header) nav > :is(a,button):nth-child(2):hover{background:#451c2b!important;box-shadow:0 0 28px #fa416f25!important}
:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):is(.active,.primary,[aria-pressed="true"],[aria-selected="true"],[aria-current="page"]){border-color:var(--menu-color)!important;box-shadow:inset 0 -2px #ff6975!important;color:#fff!important}
.sidebar nav > :is(button,a){justify-content:flex-start}
@media(max-width:700px){:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button){min-height:39px;padding:9px 12px!important;font-size:12px!important;gap:7px}}
@media(prefers-reduced-motion:reduce){:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button),:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):before,:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):after{transition:none}:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):after{display:none}:is(header:not(.command-header) nav > a,header:not(.command-header) nav > button,.sidebar nav > :is(button,a),.tabs > button,nav[role="tablist"] > button,.catalog-tabs > button):hover{transform:none}}

/* The navigation glyph inherits each existing blue/red menu colour. */
.site-menu-icon{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.4;color:var(--menu-color,var(--console-color,currentColor));pointer-events:none}.site-menu-label{vertical-align:middle;font-size:inherit!important;font-weight:inherit!important;color:inherit!important}.site-menu-icon+.site-menu-label{margin-left:0}:is(header:not(.command-header) nav,main>nav,.sidebar nav)>:is(a,button):has(>.site-menu-icon){display:inline-flex;align-items:center;gap:10px}

/* Shared action glyphs do not change the action button colour or shape. */
.site-ui-icon{width:20px;height:20px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.4;pointer-events:none}
.force-commit-icon{width:30px!important;height:30px!important;stroke-width:1.5}
:is(.tokens,.card-counters) .force-commit-icon{width:24px!important;height:24px!important}
.sidebar nav>.hangar-play{width:100%;justify-content:flex-start;margin:0}
.sidebar nav .site-menu-label{white-space:normal}

/* Text actions share one horizontal icon/label alignment, including dialogs.
   Card artwork and controls without a semantic action glyph keep their layout. */
:is(button,a):has(>:is(.site-menu-icon,.site-ui-icon,svg.icon)){
 display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start!important;gap:.55em;text-align:left;
}
:is(button,a)>:is(.site-menu-icon,.site-ui-icon,svg.icon){
 width:20px!important;height:20px!important;flex:0 0 auto;order:-1;align-self:center;margin:0;vertical-align:middle;
}
:is(button,a)>.button-copy{display:grid;gap:4px;min-width:0;text-align:left}
:is(button,a)[aria-label]:has(>svg:only-child):not(:has(>.site-menu-label,>.button-copy)){justify-content:center!important}
.sidebar nav>:is(button,a)>.site-menu-label{min-width:0;text-align:left}
.sidebar nav>:is(button,a)>.badge{margin-inline-start:auto;flex:none}
.sidebar :is(nav,.sidebar-bottom)>:is(button,a):has(>.site-menu-icon){gap:10px}
.sidebar-bottom>:is(button,a):has(>.site-menu-icon){width:100%;padding-inline:17px}
.button-description{font-size:12px;font-weight:400;line-height:1.5;color:var(--muted,#9bafbb)}
:is(.room-mode,.room-seat,.variant-choice,.mode):has(>:is(.site-menu-icon,.site-ui-icon,svg.icon)){
 justify-content:flex-start;text-align:left;
}
.mode:has(>svg.icon)>strong{display:inline;margin:0}
.variant-choice>.button-copy{font-size:inherit;color:inherit}
.league-enter{display:inline-flex;align-items:center;gap:.55em}
.league-enter>.site-ui-icon{width:20px;height:20px;flex:none;margin:0}
.league-invitations{margin:22px 0}
.league-invitations form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}
.league-invitations label{flex:1 1 220px;max-width:420px;margin:0}
.league-invitations .chips{margin-top:12px}

/* Shared header buttons use one blue palette, including the active constructor. */
header.site-header>nav>.site-nav-link[aria-current="page"]{box-shadow:inset 0 -2px #75baff!important}