/* 800 x 600 game surface. No portal/page chrome. */
:root{color-scheme:dark;--orange:#ff633b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080b0c;color:#ede8dc;font:12px monospace}body{display:grid;place-items:center}#stage{position:relative;width:min(800px,100vw,calc(100dvh * 4 / 3));aspect-ratio:4/3;overflow:hidden;background:#171b1b}canvas{display:block;width:100%;height:100%;touch-action:none}button,summary{font:700 12px monospace;cursor:pointer;color:#eee3d5;border:1px solid #756452;background:#1b2224e8;padding:12px 16px}button:hover,summary:hover{background:#4a3229}button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #ffe4b2;outline-offset:2px}#overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:7%;background:linear-gradient(90deg,#080c10e8,#080c1055 65%,#080c1015)}h2{font:900 42px/.98 Impact,'Arial Narrow',sans-serif;margin:0 0 18px}h2:empty,#overlay p:empty{display:none}h2 em{color:var(--orange);font-style:normal}#overlay p{max-width:430px;line-height:1.6;color:#c4bcb0}.start-actions{display:flex;gap:12px;align-items:center;margin-bottom:24px}#start{background:var(--orange);color:#190f0a;border:0;min-width:175px;font-size:16px;padding:18px 22px}#start span{float:right;margin-left:20px}#continue{display:none;padding:18px;color:#c9dcbd}.hint{font-size:10px;line-height:1.9;color:#c4bcae}#settings{margin-top:22px}summary{font-size:10px;width:max-content;padding:9px 13px}.settings-content{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:450px;padding-top:12px}.settings-content label{display:flex;align-items:center;gap:8px;font-size:10px}.settings-content input{width:75px;accent-color:var(--orange)}.settings-content button{font-size:10px;padding:8px}#pause-game{position:absolute;z-index:2;right:12px;top:140px;width:34px;height:34px;padding:0;font-size:18px;opacity:.8}#stage:has(#overlay[style*="flex"]) #pause-game{display:none}#touch{position:absolute;z-index:2;left:8px;right:8px;bottom:48px;display:none;justify-content:space-between;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;background:#141d22bb;min-width:38px;min-height:38px;padding:8px;font-size:9px}.movement{display:flex;align-self:flex-end;gap:6px}.touch-actions{max-width:275px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}#stage:fullscreen{width:min(100vw,calc(100dvh * 4 / 3));height:min(100dvh,calc(100vw * 3 / 4));margin:auto;aspect-ratio:4/3}#stage::backdrop{background:#080b0c}@media(pointer:coarse){#touch{display:flex}}@media(max-width:500px),(max-height:400px){h2{font-size:27px}#overlay{padding:5%}#start{min-width:130px;padding:12px;font-size:13px}#continue{padding:12px;font-size:10px}.hint{font-size:7px}.start-actions{margin-bottom:12px}#settings{margin-top:10px}.settings-content{gap:6px;padding-top:7px}.settings-content input{width:48px}#pause-game{top:24%;right:8px;width:28px;height:28px}#touch{bottom:35px}.touch-actions{max-width:220px}#touch button{min-width:32px;min-height:32px;padding:5px;font-size:7px}}