:root{--grid-strong: rgba(36, 24, 56, .62);--water: #3f7fd6;--water-edge: #2a5fa8;--oil: #96701d;--oil-edge: #5f4612;--air: #6f6a7d}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page-bg);color:var(--ink);font-family:var(--body);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.kbd.water{background:var(--water);color:#fff;border-color:var(--water-edge)}.kbd.oil{background:var(--oil);color:#fff;border-color:var(--oil-edge)}.kbd.air{background:var(--air);color:#fff;border-color:#57536a}