@font-face{font-family:Barlow;src:url('/workshop/assets/BarlowCondensed-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Bricolage;src:url('/workshop/assets/bricolage.woff2') format('woff2');font-weight:200 800;font-display:swap}
/* One shared game switcher stays compact until its native disclosure is opened. */
.workshop-nav{box-sizing:border-box;position:relative;z-index:30;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:1350px;height:54px;min-height:54px;margin:0 auto;padding:5px 24px;color:#f5e9cb;background:#101a32;border-bottom:1px solid #a2aec548;font:12px/1.2 Bricolage,sans-serif}
.workshop-nav *{box-sizing:border-box}
.workshop-nav .workshop-brand{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0;color:#f5e9cb;text-decoration:none;font:800 18px/.95 Barlow,sans-serif;letter-spacing:.3px;white-space:nowrap}
.workshop-nav .workshop-nav-tools,.workshop-nav .workshop-local-tools{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0}
.workshop-nav .workshop-local-tools button,.workshop-nav [data-workshop-close]{min-height:44px;padding:7px 9px;border:1px solid #8092a666;border-radius:3px;background:#1c3048;box-shadow:none;color:#f5e9cb;font:600 11px/1.2 Bricolage,sans-serif;cursor:pointer;text-shadow:none;transform:none}
.workshop-nav [data-workshop-close]{flex:none;width:auto;min-width:44px;margin:0;font-size:14px}
.workshop-nav .workshop-menu{position:relative;flex:none;margin:0}
.workshop-nav .workshop-menu>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-width:104px;min-height:44px;padding:10px 12px;list-style:none;border:1px solid #bda374;border-radius:3px;background:#223650;color:#f5e9cb;font:700 13px/1.2 Bricolage,sans-serif;cursor:pointer;touch-action:manipulation}
.workshop-nav .workshop-menu>summary::-webkit-details-marker{display:none}
.workshop-nav .workshop-menu>summary .ui-icon{rotate:90deg}
.workshop-nav .workshop-menu[open]>summary{background:#f5e9cb;color:#25334b}
.workshop-nav .workshop-menu-panel{position:absolute;z-index:1;top:calc(100% + 7px);right:0;width:min(320px,calc(100vw - 28px));max-height:calc(100dvh - 74px);overflow:auto;overscroll-behavior:contain;scroll-padding-block:10px;padding:10px;background:#14263d;border:1px solid #bda374;border-radius:5px;box-shadow:0 12px 30px #06102099;color:#f5e9cb}
.workshop-nav .workshop-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 8px;border-bottom:1px solid #8392aa55;font-size:14px}
.workshop-nav .workshop-menu-links{display:grid;gap:4px;padding-top:8px}
.workshop-nav .workshop-menu-links>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:11px 12px;border:1px solid transparent;border-radius:3px;background:none;color:#f5e9cb;text-decoration:none;font:600 14px/1.25 Bricolage,sans-serif}
.workshop-nav .workshop-menu-links>a>span{display:block;min-width:0;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:normal;text-transform:none}
.workshop-nav .workshop-menu-links>a[aria-current=page]{background:#f5e9cb;border-color:#fff0cb;color:#25334b}
.workshop-nav .workshop-menu-links small[hidden]{display:none}
.workshop-nav .workshop-menu-links small{font-size:10px;color:inherit}
.workshop-nav .workshop-menu-panel button:active:not(:disabled){transform:none;box-shadow:none}
.workshop-nav :is(a,button,summary):focus-visible{outline:3px solid #f2bd53;outline-offset:2px}
.workshop-nav .ui-icon{display:inline-block;margin:0;width:16px;height:16px;flex:none;pointer-events:none}
.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none;pointer-events:none}
@media(hover:hover){.workshop-nav .workshop-menu-panel [data-workshop-close]:hover{background:#2d465f;color:#fff0ca}.workshop-nav .workshop-menu-links>a:hover{background:#2d465f;color:#fff0ca}.workshop-nav .workshop-menu-links>a[aria-current=page]:hover{background:#fff0cb;color:#25334b}}
@media(max-width:600px){.workshop-nav{padding-inline:12px;gap:5px}.workshop-nav .workshop-brand{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:0;font-size:15px}.workshop-nav .workshop-nav-tools,.workshop-nav .workshop-local-tools{gap:4px}.workshop-nav .workshop-local-tools button{padding-inline:6px;font-size:10px;max-width:66px}.workshop-nav .workshop-menu>summary{min-width:96px;padding-inline:9px;font-size:12px}}
@media(forced-colors:active){.workshop-nav,.workshop-nav .workshop-menu-panel{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}.workshop-nav .workshop-menu-links>a{color:LinkText}.workshop-nav .workshop-menu-links>a[aria-current=page],.workshop-nav .workshop-menu[open]>summary{background:Highlight;color:HighlightText}.workshop-nav .workshop-brand{color:LinkText}.workshop-nav .workshop-local-tools button,.workshop-nav [data-workshop-close],.workshop-nav .workshop-menu>summary{border-color:ButtonText;background:ButtonFace;color:ButtonText}}

/* Game-title marks share their full canvas; the live HUD keeps a compact footprint. */
.workshop-game-logo{display:block;max-width:100%;line-height:0;text-shadow:none;transform:none}
.workshop-game-logo>img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.workbench .copy>.workshop-game-logo{width:240px;height:144px;margin:0 0 18px;line-height:0}
.hud>.wordmark.workshop-game-logo{width:150px;height:90px;margin:0;transform:none;text-shadow:none}
.entrance-heading .workshop-game-logo{width:120px;height:72px;margin:0 0 8px;line-height:0}
@media(max-width:650px){.hud>.wordmark.workshop-game-logo{width:100px;height:60px}.workbench .copy>.workshop-game-logo{width:220px;height:132px}.entrance-heading .workshop-game-logo{width:100px;height:60px}}