.adventure-field { overflow:hidden; border:3px solid #6a4d35; border-radius:12px; background:#9bd2de; }
#adventure-board { display:block; width:100%; height:auto; image-rendering:pixelated; touch-action:manipulation; }
#adventure-board:focus-visible { outline:3px solid #f5d16a; outline-offset:-5px; }
.adventure-touch { display:flex; justify-content:space-between; gap:16px; margin-top:18px; }
.adventure-touch>div { display:flex; gap:10px; }
.adventure-touch button { min-width:68px; min-height:60px; padding:12px 20px; border:2px solid #6a4d35; border-radius:10px; background:#fff0cf; color:#38291e; font:bold 1.2rem Arial,sans-serif; touch-action:none; user-select:none; -webkit-user-select:none; cursor:pointer; }
.adventure-touch button:disabled { opacity:.45; cursor:default; }.adventure-touch button:active:not(:disabled) { background:#ddad67; }
.adventure-touch button:focus-visible { outline:3px solid #a25c2e; outline-offset:3px; }
@media(max-width:500px) { .adventure-touch button { min-width:56px; padding:12px; } }