/* Coordinates are centers. Do not combine a centering transform and margins. */
.tool-sprite[data-toy=portals]{margin:0;transform:translate(-50%,-50%)}
.tool-sprite[data-toy=ramps],.tool-sprite[data-toy=ramps]:active:not(:disabled){margin:0;transform:translate(-50%,-50%) rotate(var(--toy-angle))}
.weld-bridge{fill:url(#weld-grain);pointer-events:none}.weld-edge{fill:none;stroke:var(--tile-edge);stroke-width:1.2;pointer-events:none}
.tile[data-weld-side=right]{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:transparent}
.tile[data-weld-side=left]{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}
.tile[data-weld-side=bottom]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}
.tile[data-weld-side=top]{border-top-left-radius:0;border-top-right-radius:0;border-top-color:transparent}

/* Paper mode reserves the full four-row keypad even in the compact workshop. */
#draftingArea.paper-editing{height:184px;min-height:184px}
#paperEditor{top:8px;bottom:8px;height:auto;display:grid;grid-template-rows:30px minmax(0,1fr);gap:4px}
#paperEditor[hidden]{display:none}
#paperEditor .paper-keys{margin-top:0;grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}
#paperEditor .paper-keys button{height:100%;min-height:28px;padding:0}

.chalk-smile{display:inline-block;vertical-align:-.15em;overflow:visible}.chalk-cell .chalk-smile{width:1em;height:1em}

/* Home wordmark replaces the tagline; the play and Shift Work headers retain their controls. */
body[data-screen=home]>.app-topbar{height:calc(20px + var(--safe-top));min-height:calc(20px + var(--safe-top));padding:0;border:0;visibility:hidden}
#homeWordmark{display:flex;align-items:center;gap:10px;font:600 clamp(27px,4.5vw,35px)/1.15 var(--display);letter-spacing:-1.2px;margin:0}
#homeWordmark .brand-mark{font-size:1.25em;line-height:1}.home-hero:has(#homeWordmark){padding:9px 3px 13px}
@media(max-height:650px){body[data-screen=home]>.app-topbar{height:calc(10px + var(--safe-top));min-height:calc(10px + var(--safe-top))}.home-hero:has(#homeWordmark){padding:4px 3px 8px}#homeWordmark{font-size:27px}}

@media(max-height:600px) and (min-aspect-ratio:3/2){.home-screen{grid-template-rows:44px 48px minmax(0,1fr) 32px}}

#homeSettings[hidden],#settingsTab[hidden],#settingsPanel[hidden],#settingsDialog .settings-tabs[hidden]{display:none!important}

:root{--logo-accent:#e4a65d}html[data-look=blueprint]{--logo-accent:#89c8ef}html[data-look=night]{--logo-accent:#edb765}html[data-look=club]{--logo-accent:#c399d5}html[data-look=candy]{--logo-accent:#dd90b1}html[data-look=patch]{--logo-accent:#bd8964}
.chosen-logo{display:inline-block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;overflow:visible}.chosen-logo .accent{fill:var(--logo-accent)}.chosen-logo .accent-line{stroke:var(--logo-accent)}.chosen-logo .paper{fill:var(--white)}.mode-glyph>.chosen-logo{width:34px;height:34px}.brand-mark>.chosen-logo{display:block}