*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;color:#fff;font-family:Courier New,monospace;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#0a0a14}body{display:flex;align-items:center;justify-content:center}#wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border:none;box-shadow:0 0 30px #9bd6504d;background:#000;width:min(100vw,calc(100vh * 5 / 7));height:min(100vh,140vw)}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#hud{position:absolute;top:2%;left:2%;color:#fff;font-size:clamp(10px,1.8vmin,16px);text-shadow:2px 2px 0 #000;z-index:5;pointer-events:none}#hud .row{margin-bottom:4px}#altBar{position:absolute;right:2.5%;top:2.5%;bottom:2.5%;width:10px;background:#00000080;border:2px solid #444;z-index:5}#altFill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#5a3a2a,#9bd650,#7ec8e3);transition:height .1s linear}#muteBtn{position:absolute;top:2%;right:5%;width:36px;height:36px;background:#00000080;border:2px solid #444;color:#9bd650;font-size:18px;cursor:pointer;z-index:7;display:flex;align-items:center;justify-content:center;border-radius:4px;touch-action:manipulation;padding:0}#muteBtn:hover,#muteBtn:active{background:#9bd65033}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;z-index:10;padding:20px}#overlay.hidden{display:none!important}#overlay h2{color:#9bd650;font-size:clamp(18px,4vmin,28px);margin-bottom:12px;letter-spacing:2px}#overlay p{font-size:clamp(11px,2vmin,15px);margin:6px 0;line-height:1.6}#overlay button{margin-top:16px;background:#9bd650;color:#111;border:none;padding:12px 28px;font-family:inherit;font-size:clamp(13px,2.4vmin,17px);cursor:pointer;letter-spacing:2px;font-weight:700;touch-action:manipulation}#overlay button:hover,#overlay button:active{background:#b9e872}.key{display:inline-block;background:#333;border:2px solid #555;padding:2px 8px;margin:0 2px;color:#9bd650;font-weight:700}#touchControls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:none;pointer-events:none}body.touch #touchControls{display:block}.touchBtn{position:absolute;bottom:4%;width:22%;height:18%;max-height:100px;background:#9bd65026;border:3px solid rgba(155,214,80,.6);border-radius:16px;color:#9bd650;font-size:clamp(28px,6vmin,48px);font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:auto;user-select:none;-webkit-user-select:none;transition:background .05s}.touchBtn.boost{background:#ffd23a33;border-color:#ffd23ab3;color:#ffd23a;bottom:24%;left:50%;transform:translate(-50%);width:30%;height:12%}.touchBtn:active,.touchBtn.active{background:#9bd65066;border-color:#9bd650}.touchBtn.boost:active,.touchBtn.boost.active{background:#ffd23a80;border-color:#ffd23a}#btnLeft{left:4%}#btnRight{right:4%}@media(min-width:1024px)and (hover:hover)and (pointer:fine){body:not(.touch):not(.force-touch) #touchControls{display:none!important}}@media(orientation:landscape)and (max-height:500px){#wrap{width:auto;height:90vh;aspect-ratio:5 / 7}}body.touch .kbd-hint{display:none}body:not(.touch) .touch-hint{display:none}.touch-hint{color:#9bd650;font-size:clamp(11px,2vmin,14px)}