/* The same live navigation, within the sticky site shell. */
html{scroll-padding-top:calc(var(--workshop-sticky-height,100px) + 16px)}
/* The platform header and the play controls share the same measured sticky edge.
   ResizeObserver updates this height when the header wraps or creation steps change. */
@media screen{
  .platform-ready .combat-dock,
  .platform-ready .sheet-tabs{top:var(--workshop-sticky-height,0px)}
  .combat-dock-slot{position:relative;display:flow-root}
  .combat-dock-sentinel{position:absolute;top:-1px;left:0;width:1px;height:1px;pointer-events:none}
  .platform-ready .combat-dock-slot>.combat-dock{position:relative;top:auto}
  .platform-ready .combat-dock-slot>.combat-dock-pinned{
    position:fixed;top:var(--workshop-sticky-height,0px);
    left:var(--combat-dock-left);width:var(--combat-dock-width);margin:0;
    max-height:calc(100vh - var(--workshop-sticky-height,0px) - 8px);
    max-height:calc(100dvh - var(--workshop-sticky-height,0px) - 8px);
    overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;
  }
}
.workshop-shell .creation-nav-docked{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;padding:10px max(20px,calc((100% - 1540px)/2));width:100%;border:0;border-bottom:1px solid #b39d76;background:#f0e5ce;color:#26382e;box-shadow:0 3px 7px #30271518}
.creation-nav-docked>button{flex:0 0 auto}
.creation-nav-docked nav{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;flex:1;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8c7959 transparent;padding:2px 3px 5px}
.workshop-shell .creation-nav-docked .btn{flex:0 0 auto;white-space:nowrap;font:600 17px/1.3 "Segoe UI",Arial,sans-serif;min-height:42px;padding:8px 12px;border-radius:3px;border:1px solid transparent;background:transparent;color:#354038}
.workshop-shell .creation-nav-docked .btn:hover{background:#e6d8bb;border-color:#b6a17a;color:#172b20}
.workshop-shell .creation-nav-docked [aria-current="step"]{background:#263d30;color:#fff6e1;border-color:#263d30;box-shadow:inset 0 -2px #d4b778}
.workshop-shell .creation-nav-docked .btn:focus-visible{outline:3px solid #87672e;outline-offset:0}
.archetype-preview-panel,.archetype-selected-panel{scroll-margin-top:calc(var(--workshop-sticky-height,100px) + 18px)}
@media(max-width:760px){
  .workshop-shell .creation-nav-docked{gap:5px;padding:6px 10px}
  .workshop-shell .creation-nav-docked .btn{font-size:16px;min-height:42px;padding:8px 10px}
  .workshop-shell.has-creation-nav .platform-nav nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:16px;padding-bottom:4px;scrollbar-width:thin}
  .workshop-shell.has-creation-nav .platform-nav nav>a,.workshop-shell.has-creation-nav .platform-nav nav>.nav-unavailable{flex:0 0 auto}
}
@media print{.creation-nav-docked,.combat-dock-sentinel{display:none!important}.combat-dock-slot{display:contents!important}html{scroll-padding-top:0}}