/* Keyboard access and predictable mobile controls without changing the brand. */
.skip-to-content{position:fixed;left:16px;top:12px;z-index:1000;transform:translateY(-180%);padding:12px 18px;border-radius:10px;background:var(--accent);color:#18250d;font-weight:700;text-decoration:none;box-shadow:0 4px 24px #0008}
.skip-to-content:focus{transform:none;outline:2px solid var(--text);outline-offset:3px}
.menu-panel{max-height:calc(100vh - 108px);max-height:calc(100dvh - 108px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
.menu-panel[hidden]{display:none}
.menu-panel .navbtn{min-height:44px}
.optional-section>summary,.builder-tools button{min-height:44px}
textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.app-tabs .navbtn{min-width:0}
@media(max-width:780px){.app-tabs{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.app-tabs .navbtn span{line-height:1.3}.menu-panel{max-width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:reduce){.skip-to-content{transition:none}}

.sound-settings{border-bottom:1px solid var(--edge);padding:0 0 8px;margin:0 0 4px}
#soundSettings #soundToggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;margin:0;padding:8px;background:transparent;border:0;border-radius:8px;color:var(--text);font-size:.85rem;font-weight:600;text-align:left}
.sound-switch{position:relative;display:block;flex:none;width:36px;height:22px;border-radius:12px;background:var(--edge)}
.sound-switch:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text)}
#soundToggle[aria-checked=true] .sound-switch{background:var(--accent)}
#soundToggle[aria-checked=true] .sound-switch:before{transform:translateX(14px);background:#18250d}
#soundSettings p{font-size:.75rem;line-height:1.5;margin:4px 8px}
#soundSettings [hidden]{display:none}