/* A consistent navigation rail leaves the existing artwork canvas intact. */
#shell :is(.collection-tabs,.settings-tabs,.career-tabs,.expansion-tabs){
 isolation:isolate;min-width:0;scrollbar-width:thin;overscroll-behavior:contain;
}
#shell :is(.collection-tabs,.settings-tabs,.career-tabs,.expansion-tabs) button{
 position:relative;flex-shrink:0;touch-action:manipulation;
 transition:background-color 120ms ease,color 120ms ease,border-color 120ms ease;
}
#shell :is(#collection-panel,#settings-panel,#career-panel,#expansion-panel) :is(.collection-tabs,.settings-tabs,.career-tabs,.expansion-tabs) button[aria-selected=true]{
 background:linear-gradient(160deg,#edfbe8,#b9dfce)!important;color:#153e3f!important;
 border-color:#efffeb!important;box-shadow:inset 0 1px #fff9,inset 0 -3px #55a59b,0 2px 6px #06192035!important;
}
#shell :is(#collection-panel,#settings-panel,#career-panel,#expansion-panel) :is(.collection-tabs,.settings-tabs,.career-tabs,.expansion-tabs) button[aria-selected=true]::after{
 content:'';position:absolute;bottom:3px;left:calc(50% - 9px);width:18px;height:2px;
 background:#235b56;border-radius:2px;pointer-events:none;
}
#shell :is(.collection-tabs,.settings-tabs,.career-tabs,.expansion-tabs,.section-switch) button:focus-visible{
 outline:3px solid #ffe5ad!important;outline-offset:-3px;
}
#shell :is(.collection-header,.panel-heading,.career-dialog>header){flex-shrink:0}
#shell .career-dialog>header{display:flex;align-items:center;justify-content:flex-start;gap:16px}
#shell .career-dialog>header>div{min-width:0}
#shell :is(#collection-close,#settings-close,#career-close,#expansion-close,#photo-close){
 flex-shrink:0;min-height:44px;touch-action:manipulation;
}
#shell #snake-builder-panel>.section-switch{align-self:start}
#shell #snake-builder-panel>.section-switch button{min-height:44px;line-height:1.3}
#shell :is(.collection-body,.collection-store,#collection-book,#snake-builder-panel,.settings-grid,.control-settings,.expansion-pane){overflow-anchor:none}
#shell .career-tabs{display:flex;overflow-x:auto}
#shell .career-tabs button{flex:1 0 auto}
#shell.high-contrast :is(#collection-panel,#settings-panel,#career-panel,#expansion-panel) :is(.collection-tabs,.settings-tabs,.career-tabs,.expansion-tabs) button[aria-selected=true]{
 background:#f8fff1!important;color:#09272b!important;border-color:#fff!important;
}
@media(orientation:portrait){
 #shell :is(.settings-tabs,.career-tabs){overflow-x:auto;max-width:100%}
 #shell :is(.settings-tabs,.career-tabs) button{white-space:nowrap;min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 #shell :is(.collection-tabs,.settings-tabs,.career-tabs,.expansion-tabs) button{transition:none}
}
#shell[data-ui-depth=off] :is(.collection-tabs,.settings-tabs,.career-tabs,.expansion-tabs) button{transition:none}