/* Layout has a stable board footprint; word/detail content may scroll below it. */
html{scrollbar-gutter:stable}#scrollCue{display:none!important}
#app .board-column{justify-content:flex-start}.grid-wrap.grid-celebrate,.cell.locked,.cell.locked.cell-flash{animation:none!important}.grid-wrap{transition:none!important}
#traceStrip{display:flex!important;align-items:center;justify-content:center;height:28px;min-height:28px;margin:6px 0 0;visibility:hidden}#traceStrip.on{visibility:visible}#traceStrip .slot-squares{gap:0!important;display:flex;font-size:18px;font-weight:600;letter-spacing:.05em}#traceStrip .sq{display:inline!important;background:transparent!important;border:0!important;color:var(--text)!important;width:auto!important;height:auto!important;padding:0!important;box-shadow:none!important;font:inherit!important}
.board-caption #puzzleName{font-size:13px}#status{min-height:24px;margin:0;font-size:13px;line-height:1.6}.board-caption{min-height:24px}
@media(min-width:1024px){#app .play-layout{grid-template-columns:minmax(0,540px) minmax(260px,324px)!important;align-items:start!important}#app .board-column{align-self:start}.app[data-ui-state="playing"] .grid-wrap{aspect-ratio:auto!important}}
@media(max-width:1023px){#app .play-header{display:flex!important;flex-wrap:nowrap!important;width:100%;justify-content:flex-start!important}#app .play-hud{margin-left:auto!important;flex:0 0 auto;justify-content:flex-end!important;min-width:48px}#app .play-header-center{display:none!important}#app .play-header-tools{justify-content:flex-end!important;margin:0}#app .board-column{width:100%;align-items:center}.grid-wrap{margin-inline:auto}}
/* Keep only the numeric progress below the board; the caption carries level/topic context. */
.board-caption #puzzleName:empty{display:none}
.board-caption .puzzle-tags{margin-left:auto}
#app:not([data-section="spielen"]) #helpBtn{display:inline-flex!important}
/* Legacy section styles must not change the shared header's side gutters. */
#app .play-header{padding:10px 0 16px!important}
@media(min-width:1024px){#app .play-header{min-height:84px!important;align-items:start!important}#app .play-hud{align-self:start!important}}

/* Native scrollbars remain draggable and keep their platform width and overlay behavior. */
html{scrollbar-color:var(--text-muted) var(--bg)}
:where(.gear-menu,.modal-body,.review-body,.word-rail){scrollbar-color:var(--text-muted) var(--surface)}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--text-muted);border:3px solid var(--bg);border-radius:12px}
::-webkit-scrollbar-thumb:hover{background:var(--accent)}
::-webkit-scrollbar-corner{background:var(--bg)}