/* APP-005 / META-052; codex-meta052-0912 / gpt-6-astra / 2026-09-12. */
:root{--game-inset-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-bottom:7rem}body{padding-bottom:calc(6rem + var(--game-inset-bottom))!important}
.game-tools{position:sticky;bottom:0;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.6rem .8rem calc(.6rem + var(--game-inset-bottom));background:#f6f1e8;color:#213c38;border-top:1px solid #bccbbc;z-index:20;font:14px/1.4 system-ui}
.game-tools [role=status]{flex:1 1 100%;overflow-wrap:anywhere}.game-tools button{min-height:44px;max-width:100%;padding:.4rem .7rem;font:inherit;background:#fff;color:#213c38;border:1px solid #9aad9f;border-radius:8px}.game-tools[data-error=true]{background:#fff0dc;color:#713809}
button:focus-visible{outline:3px solid #bd7429;outline-offset:3px}button{touch-action:manipulation}
.game-tools{container-type:inline-size}.game-tools .game-primary{width:auto!important;height:auto!important;min-height:44px!important;max-width:100%;margin:0!important;padding:10px 14px!important;flex:1 1 auto;font-size:15px!important}.game-tools .game-primary svg{display:none}.game-tools .game-save-menu{position:relative;margin-left:auto;border:0;padding:0}.game-save-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.game-save-menu[open]{flex-basis:100%;max-height:45dvh;overflow:auto}.game-save-menu button{margin:4px}.game-tools [role=status]{flex:1 1 auto;font-size:12px}
[data-game] #hud,[data-game] .hud{position:sticky;top:0;z-index:15;flex-wrap:wrap;background:var(--bg,#f6f1e8);max-width:100%}
[data-game=orangerie_bouwer] #side{overflow:visible;max-height:none}[data-game=orangerie_bouwer] main{min-height:0}
[data-game=rifwachter] #hud{position:sticky}[data-game=rifwachter] .game-primary{color:#213c38}
[data-game=expeditie] .tabbar{display:flex;flex-wrap:wrap}[data-game=expeditie] #fotokader{max-height:50dvh}
[data-game] img,[data-game] svg{max-width:100%}[data-game] button{min-height:44px}[data-game] .game-save-menu [hidden]{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* W04: measured narrow and large-text overflow; retain every action. */
[data-game] body{min-width:0}[data-game] main,[data-game] #app,[data-game] main>*{min-width:0;max-width:100%;box-sizing:border-box}[data-game] button,[data-game] summary{white-space:normal;overflow-wrap:anywhere}[data-game] h1,[data-game] h2,[data-game] p,[data-game] header{overflow-wrap:anywhere}[data-game=verwonderpaden] header{flex-wrap:wrap}[data-game=orangerie_bouwer] .helper-name{white-space:normal}[data-game=expeditie] .opties{grid-template-columns:repeat(2,minmax(0,1fr))}

/* META-052: bounded depth accents in existing logical DOM/SVG boards. */
[data-game=expeditie] .tegel{box-shadow:inset 0 2px 1px #ffffff20,0 3px 0 #090f1a;transition:transform .12s,opacity .12s}[data-game=expeditie] .tegel:active{transform:translateY(2px)}[data-game=bloesemhof] #kas button{box-shadow:0 3px 0 #284c3933,inset 0 1px #fff9}[data-game=karavaan] #wereld svg{filter:drop-shadow(0 3px 2px #49372220)}[data-game=rifwachter] .zone{box-shadow:inset 0 1px #a9e1df33,0 3px 0 #051e2944}[data-game=verwonderpaden] .choice{box-shadow:0 4px 0 #173c3022}