/* Viewport layout: reserve a separate touch-control dock in both orientations. */
html{overscroll-behavior:none}body{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;width:100%;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button[hidden]{display:none}header{flex:none;padding:14px 0}#pause{min-width:44px;min-height:44px}main{display:flex;flex-direction:column;flex:1;min-height:0}.location{flex:none;padding:9px 14px}#stage{flex:1;min-height:0;overflow:hidden}#game{position:absolute;inset:0;height:auto;aspect-ratio:auto;touch-action:none}#toast{top:12px;bottom:auto;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:7px 12px;background:#11191cda;border-radius:20px;font-size:13px}#toast:empty{display:none}#overlay{display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain}article{flex:none;width:min(100%,620px);max-height:100%;overflow:auto;padding:20px 32px;animation:arrive .28s ease-out}h1{font-size:clamp(26px,4vw,48px);margin:4px 0 10px}article p{line-height:1.5}article button{min-height:44px}article .hint{font-size:11px;line-height:1.7}#result:empty{display:none}.below{flex:none;min-height:48px;padding:8px 0;gap:10px;font-size:12px}#prompt{line-height:1.4}#drop{flex:none;min-height:44px}.controls{position:static;flex:none;pointer-events:auto;padding-bottom:6px;-webkit-touch-callout:none}.controls button{min-width:64px;min-height:56px;padding:10px;opacity:1;transition:background .05s,box-shadow .05s}.controls button.pressed{transform:none;background:#74613c;box-shadow:inset 0 2px 6px #0006;border-color:#f1c76e}.controls small{pointer-events:none}.controls .gold.ready{box-shadow:0 0 0 2px #d6b46355,0 0 18px #ffbf3025}.controls .jump{min-height:78px;min-width:78px}footer{flex:none;padding:8px 0}.stat-pop{animation:stat-pop .3s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@keyframes stat-pop{50%{color:#fff5c3;text-shadow:0 0 12px #eab754;transform:scale(1.13)}}
@media(max-width:650px){body{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}header{gap:8px;padding:10px 0}.brand{font-size:18px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:.5px}.stats{gap:10px}.stats span{font-size:8px;letter-spacing:0}.stats b{font-size:12px}.location{font-size:9px;letter-spacing:.8px;padding:8px}.controls button{min-width:50px;min-height:56px;padding:8px}.pad,.actions{gap:5px}.controls .jump{min-width:64px;min-height:78px}.below{font-size:11px;min-height:54px}#drop{font-size:11px;padding:6px 10px}article{padding:14px 16px}article p{font-size:13px;margin:7px 0}article .hint{font-size:11px}article .eyebrow{font-size:8px;letter-spacing:1px}footer{display:none}#toast{font-size:12px}.controls small,kbd{display:none}}
@media(max-width:359px){header{flex-wrap:wrap;position:relative;padding:7px 0}.brand{font-size:17px}.brand small{display:none}.stats{order:2;width:100%;justify-content:space-between;padding-right:52px}.stats span{display:flex;gap:4px;align-items:center}.stats b{font-size:11px;margin:0}#pause{position:absolute;right:0;top:7px}.controls button{min-width:44px;min-height:52px}.controls .jump{min-width:56px;min-height:76px}.pad,.actions{gap:4px}article{padding:10px}article .hint{font-size:10px}.below{font-size:10px}}
@media(max-height:550px) and (orientation:landscape){header{padding:4px 0;gap:10px}.brand{font-size:18px}.brand small,footer,.location{display:none}.stats{gap:20px}.stats span{font-size:8px}.stats b{font-size:13px;margin-top:1px}#pause{min-height:44px;min-width:44px;padding:5px}.below{min-height:44px;padding:0;font-size:11px}#drop{min-height:44px;padding:5px 12px}.controls{position:static;padding:0 0 4px}.controls button{min-height:44px;min-width:62px;padding:4px}.pad>div{gap:4px}.controls .jump{min-height:66px;min-width:86px}.controls small{display:none}.pad,.actions{gap:6px}article{padding:8px 16px;display:grid;grid-template-columns:1fr auto;gap:2px 14px;text-align:left;align-items:center}article .eyebrow,article .hint{display:none}h1{font-size:25px;grid-column:1;grid-row:1;margin:0}article #description{grid-column:1;grid-row:2;font-size:12px;margin:3px 0}article #result{grid-column:1;grid-row:3;font-size:11px;margin:2px 0}#start{grid-column:2;grid-row:1 / span 2;max-width:200px}#upgrade{grid-column:2;grid-row:3}#toast{font-size:11px;top:8px;padding:5px 10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

article{background-image:url("assets/gui/Window%20%26%20Elements/Window/BlankWindow%20(4).png");background-color:transparent;border:0;padding:38px 32px 26px}.stats b{white-space:nowrap}.touch-hint{display:none}@media(pointer:coarse){.keyboard-hint{display:none}.touch-hint{display:block}}@media(max-width:650px) and (orientation:portrait){article{background-image:url("assets/gui/Window%20%26%20Elements/Window/BlankWindow%20(5).png");padding:34px 26px 24px}article .hint{font-size:11px}}@media(max-width:359px){.stats span{display:block}.stats{gap:8px}article .eyebrow{display:none}article{padding:30px 23px 20px}}@media(max-height:550px) and (orientation:landscape){article{background-image:url("assets/gui/Window%20%26%20Elements/Window/BlankWindow%20(2).png");padding:16px 28px 34px}}
