html,body{margin:0;height:100%;overflow:hidden;background:#000;font-family:Courier New,monospace;color:#fc3}#c{width:100vw;height:100vh;display:block;image-rendering:pixelated}#title{position:fixed;top:8px;left:50%;transform:translate(-50%);font:900 30px Impact,Arial Black,sans-serif;color:#b8742c;text-shadow:3px 3px 0 #1a0e06;-webkit-text-stroke:1px #4a2a10;letter-spacing:6px}#cross{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font:700 24px monospace;color:#e0b060;text-shadow:1px 1px #000;pointer-events:none}#hud{position:fixed;bottom:0;left:0;right:0;height:64px;background:repeating-linear-gradient(90deg,#3b2c1c 0,#3b2c1c 6px,#33261a 6px,#33261a 9px),#3b2c1c;border-top:4px solid #6b5333;box-shadow:inset 0 4px #1e160e,inset 0 -3px #1e160e;display:flex;justify-content:space-around;align-items:center;color:#c8a060;text-shadow:2px 2px 0 #140e08}#hud .cell{display:flex;align-items:center;gap:8px;padding:4px 14px;background:#2a1f14;border:2px solid #5a4428;border-right-color:#1a120a;border-bottom-color:#1a120a}#hud .num{font:900 44px Impact,Arial Black,sans-serif;color:#d8902c;-webkit-text-stroke:1px #3a1c08;letter-spacing:2px}#hud .lbl{font:700 11px monospace;color:#9a7a4a;line-height:1.1}#wname{font:900 22px Impact,Arial Black,sans-serif;color:#d8902c;letter-spacing:1px}#msg{position:fixed;top:56px;color:#e8c070!important;width:100%;text-align:center;font:700 16px monospace;color:#ff0;text-shadow:2px 2px #000}#cart{position:fixed;top:50px;right:8px;width:240px;background:#1e160ee6;border:3px solid #6b5333;padding:6px;font-size:12px;display:none}#cart.open{display:block}#cart a{color:#fc3}#cart ul{padding-left:16px;margin:4px 0}#start{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}#start h1{color:#b8742c;font-family:Impact,Arial Black,sans-serif;font-size:48px;text-shadow:4px 4px #300}#touch{display:none}@media (pointer:coarse){#touch{display:block}#tmove{position:fixed;left:0;bottom:64px;width:50vw;height:45vh}#tfire,#tswap{position:fixed;bottom:60px;right:16px;width:80px;height:80px;border-radius:50%;background:#d22c;color:#fff;font:700 16px monospace;border:3px solid #fff}#tswap{right:110px;width:60px;height:60px;background:#555c}}body.chaos #hud,body.chaos #title,body.chaos #cross,body.chaos #cart{visibility:hidden}
