.kemal-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:grid;place-items:center;padding:8px}.kemal-window{width:min(1080px,100%);max-height:calc(100dvh - 16px);display:flex;flex-direction:column;background:#c0c0c0;color:#111;border:3px solid;border-color:white #222 #222 white;box-shadow:2px 2px #000}.kemal-title{background:#000080;color:#fff;padding:4px 6px;font:bold 12px Tahoma;display:flex;justify-content:space-between;align-items:center}.kemal-menu{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:5px;border-bottom:1px solid #888;font-size:11px}.kemal-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:7px;min-height:0;overflow:auto;padding:8px}.kemal-game{min-width:0}.kemal-canvas{display:block;width:100%;height:auto;aspect-ratio:20/13;background:#574b40;border:4px solid;border-color:#555 #fff #fff #555;image-rendering:pixelated;cursor:pointer}.kemal-box{background:#fff;border:2px solid;border-color:#777 #fff #fff #777;padding:7px;line-height:1.35;font:12px Tahoma;margin-bottom:7px}.kemal-box strong{color:#000080}.kemal-log{height:145px;overflow:auto;background:#fff;border:2px inset #eee;padding:6px;font:11px/1.45 Tahoma}.kemal-log p{margin:3px 0;border-bottom:1px dotted #bbb;padding:3px}.kemal-controls{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}.kemal-controls .btn{font-size:11px;padding:5px 8px}.kemal-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.kemal-buttons .btn{font-size:11px;padding:6px 4px}.kemal-status{border-top:1px solid #fff;padding:4px 8px;font:10px 'Courier New',monospace}.kemal-label{font:bold 10px 'Courier New',monospace;background:#000080;color:white;padding:4px;margin:7px 0 0}.kemal-touch{display:flex;gap:5px;justify-content:center;margin:6px 0}.kemal-touch button{min-width:48px}.kemal-notice{font:10px/1.4 Tahoma;color:#444;margin-top:5px}@media(max-width:720px){.kemal-layout{grid-template-columns:1fr}.kemal-log{height:95px}.kemal-window{max-height:calc(100dvh - 12px)}.kemal-menu .btn{font-size:10px}.kemal-touch button{min-width:52px}}
.kemal-window{box-shadow:3px 3px #000,0 0 0 3px #fff}.kemal-title{background:linear-gradient(90deg,#800000,#d6481a);font-size:13px}.kemal-label{background:#85380e;color:#fff9a4}.kemal-game #km-dialog{border:4px double #512d0d;background:#fff9d4;font:bold 12px/1.4 Tahoma;min-height:48px}.kemal-buttons .btn{background:#e8d8ae}.kemal-log{background:#fffbe9}.kemal-canvas{border-width:5px}