:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;min-height:100vh;color:#fff;font-family:Courier New,monospace;overflow:hidden;overscroll-behavior:none;touch-action:none}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;position:relative;background:radial-gradient(ellipse at 20% 80%,rgba(155,214,80,.12),transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(126,200,227,.15),transparent 55%),linear-gradient(135deg,#0a0a14,#1a0d24,#0d2030 70%,#0a1a28);background-size:200% 200%,200% 200%,100% 100%;animation:bgShift 30s ease-in-out infinite}@keyframes bgShift{0%,to{background-position:0% 0%,100% 100%,0 0}50%{background-position:100% 100%,0% 0%,0 0}}#bgScene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bgItem{position:absolute;bottom:-80px;animation:floatUp linear infinite;image-rendering:pixelated;opacity:.55}@keyframes floatUp{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.55}50%{transform:translate(40px,-50vh) rotate(180deg);opacity:.55}90%{opacity:.4}to{transform:translate(-30px,-110vh) rotate(360deg);opacity:0}}@keyframes drift{0%{transform:translate(0);opacity:0}15%{opacity:.6}50%{transform:translate(60px,-55vh)}85%{opacity:.5}to{transform:translate(-40px,-115vh);opacity:0}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.9;transform:scale(1.4)}}.bgOil{width:14px;height:24px;background:#3a2418;box-shadow:0 -6px #c8a04a,-3px 4px #9bd650 inset,4px 12px 6px #9bd65080;border-radius:2px;animation-duration:22s}.bgOil:before{content:"";position:absolute;left:3px;top:4px;width:3px;height:8px;background:#9bd650}.bgBalloon{width:32px;height:40px;background:#c8344a;border-radius:50% 50% 45% 45%;box-shadow:inset -5px -6px #9c2236,inset 4px 4px #ffffff40,0 0 16px #c8344a66;animation-duration:32s}.bgBalloon:after{content:"";position:absolute;bottom:-16px;left:50%;width:1px;height:16px;background:#fff6}.bgCloud{width:70px;height:26px;background:#ffffff2e;border-radius:30px;box-shadow:-18px 4px 0 -2px #ffffff26,18px 4px 0 -2px #ffffff26,0 -10px 0 -6px #ffffff2e;animation:drift linear infinite;animation-duration:50s}.bgStar{width:3px;height:3px;background:#fff;box-shadow:0 0 6px #9bd650;animation:twinkle ease-in-out infinite}@media(max-width:700px),(max-height:600px){#bgScene{display:none}}h1.game-title{margin-bottom:10px;font-size:clamp(14px,2.4vw,22px);letter-spacing:4px;color:#9bd650;text-align:center;position:relative;z-index:2;text-shadow:0 0 12px rgba(155,214,80,.5)}#wrap{position:relative;z-index:2;border:4px solid #333;box-shadow:0 0 30px #9bd6504d,0 0 80px #9bd65026;background:#000;width:min(95vw,calc((100vh - 110px) * 2 / 3));aspect-ratio:2 / 3;max-width:900px}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 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,.overlay-btn{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,.overlay-btn:hover,.overlay-btn:active{background:#b9e872}.hidden{display:none!important}.controls{margin-top:8px;color:#888;font-size:clamp(9px,1.4vmin,12px);text-align:center;position:relative;z-index:2}.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:active,.touchBtn.active{background:#9bd65066;border-color:#9bd650}#btnLeft{left:4%}#btnRight{right:4%}@media(hover:hover)and (pointer:fine){body:not(.force-touch) #touchControls{display:none!important}}@media(orientation:landscape)and (max-height:500px){h1.game-title{display:none}#wrap{width:auto;height:90vh;aspect-ratio:2 / 3}}body.touch .kbd-hint{display:none}body:not(.touch) .touch-hint{display:none}.touch-hint{color:#9bd650;font-size:clamp(11px,2vmin,14px)}