.combat-controls{position:absolute;bottom:16px;left:18px;display:flex;gap:10px;align-items:center;pointer-events:none;color:#715a43;background:#fff6debd;border:1.5px solid #b0a67a;border-radius:13px;padding:8px 11px;box-shadow:0 2px #917a4c25}.movement-keys{text-align:center;line-height:1;display:grid;justify-items:center;gap:3px}.movement-keys>div{display:flex;gap:3px}.movement-keys kbd{display:inline-grid;place-items:center;width:20px;height:19px;font:800 11px system-ui;border:1.5px solid #b79a75;border-radius:5px;color:#76563b;background:#fff8e9;box-shadow:0 2px #c4aa88}.movement-keys kbd.pressed{background:#fac773;box-shadow:none;transform:translateY(2px);border-color:#9b7448}.control-copy{display:grid;gap:5px}.control-copy b{font-size:11px}.control-copy span{font-size:9px}.canvas-bottom>span{display:none}.canvas-bottom{justify-content:flex-end;pointer-events:none}.canvas-bottom button{pointer-events:auto}
@media(max-width:730px),(pointer:coarse){.combat-controls{display:none}}

.world-themes .landscape{height:220px;min-height:180px}.world-themes .landscape canvas{width:100%;height:100%;object-fit:contain;touch-action:auto}@media(max-width:730px){.world-themes .landscape{height:100%}}