:root{color:#263b30;background:#c8dece;font-family:system-ui,sans-serif;font-size:18px}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{touch-action:none;outline:none;width:100vw;height:100dvh;display:block}header{top:max(18px,env(safe-area-inset-top));pointer-events:none;text-shadow:0 1px 4px #fff;max-width:min(480px,80vw);position:absolute;left:24px}small{letter-spacing:.22em;color:#436d58;font-weight:800}h1{margin:5px 0;font-size:clamp(24px,4vw,38px)}header p{background:#fff9;border-radius:14px;padding:10px 14px;font-size:16px;line-height:1.5}button{font:inherit;color:#304535;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff2df;border:2px solid #fff8;border-radius:18px;min-width:58px;min-height:58px;box-shadow:0 4px #233e3030}button:focus-visible{outline:4px solid #246ca3}button:active{background:#f7d78b}button:disabled{opacity:.65;cursor:default}nav{bottom:max(24px,env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:end;gap:20px;display:flex;position:absolute;left:24px;right:24px}nav button,#pad{pointer-events:auto}#pad{grid-template-columns:repeat(3,58px);gap:7px;display:grid}#pad button:first-child{grid-column:2}#pad button:nth-child(2){grid-area:2/1}#pad button:nth-child(3){grid-area:2/2}#pad button:nth-child(4){grid-area:2/3}#interact{max-width:45vw;padding:12px 20px}aside{background:#fff9eefa;border-radius:24px;width:min(360px,100vw - 48px);padding:22px;line-height:1.5;position:absolute;top:24px;right:24px;box-shadow:0 12px 40px #2343}aside[hidden]{display:none}#phrase{color:#89501f;font-size:28px;font-weight:750}#status{background:#fff;border-radius:12px;margin:24px;position:absolute;top:40%}@media (width<=600px){header p{max-width:300px;font-size:14px}aside{padding:16px;top:160px}nav{bottom:16px;left:12px;right:12px}#pad{grid-template-columns:repeat(3,52px)}button{min-width:52px;min-height:52px}#interact{font-size:16px}}