:root{color-scheme:light;font-family:'Avenir Next','Segoe UI',sans-serif;color:#695539;background:#faf1dc}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}
#gameCanvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;-webkit-tap-highlight-color:transparent}
#sound{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));font:18px Georgia,serif;color:inherit;border:0;background:transparent;min-width:44px;min-height:44px;opacity:.55;cursor:pointer;touch-action:manipulation}
button:focus-visible{outline:2px solid #738665;outline-offset:3px;border-radius:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#title-controls:focus-within{position:fixed;top:75%;left:50%;transform:translateX(-50%);width:auto;height:auto;clip-path:none;overflow:visible}
#start{font:inherit;color:inherit;border:0;background:#faf1dc;padding:12px;min-height:44px}
[hidden]{display:none!important}#boot-error{position:fixed;top:45%;left:10%;right:10%;text-align:center;background:#fff;padding:20px}

/* iOS Safari: the game canvas is an interactive surface, not selectable text. */
#gameCanvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}
#title-art{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}

#audio-wait{position:fixed;bottom:max(16%,env(safe-area-inset-bottom));left:8%;right:8%;text-align:center;font:12px 'Avenir Next','Segoe UI',sans-serif;color:#806746;pointer-events:none}
#continue-silent{display:block;margin:10px auto 0;padding:8px 12px;border:1px solid #b9a17b;border-radius:16px;background:#faf1dc;color:inherit;font:inherit;pointer-events:auto}