*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;color:#fff;font-family:Courier New,monospace;overflow:hidden;overscroll-behavior:none;touch-action:none}body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative;background:radial-gradient(ellipse at 20% 80%,rgba(255,107,58,.15),transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(155,214,80,.12),transparent 55%),linear-gradient(135deg,#0a0a14,#2a0d14,#1a0d20 70%,#0a1014);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}to{transform:translate(-30px,-110vh) rotate(360deg);opacity:0}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.9;transform:scale(1.4)}}.bgBomb{width:26px;height:28px;background:#222;border-radius:50%;box-shadow:inset -4px -5px #000,inset 3px 3px #fff3,0 0 12px #ff6b3a66;animation-duration:24s}.bgBomb:before{content:"";position:absolute;top:-8px;left:50%;width:2px;height:8px;background:#c8a04a;transform:rotate(-15deg) translate(-50%)}.bgBomb:after{content:"";position:absolute;top:-12px;left:60%;width:4px;height:4px;background:#ffd23a;border-radius:50%;box-shadow:0 0 6px #ff6b3a}.bgFlame{width:18px;height:22px;background:#ff6b3a;border-radius:40% 40% 50% 50%/60% 60% 40% 40%;box-shadow:0 0 14px #ff6b3a80,inset 2px 4px #ffd23a;animation-duration:18s}.bgStar{width:3px;height:3px;background:#fff;box-shadow:0 0 6px #ff6b3a;animation:twinkle ease-in-out infinite}@media(max-width:700px),(max-height:600px){#bgScene{display:none}}h1{display:none}#wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border:none;box-shadow:0 0 30px #ff6b3a4d,0 0 80px #ff6b3a26;background:#000;width:min(100vw,calc(100vh * 15 / 13));height:min(100vh,calc(100vw * 13 / 15));max-width:none}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;background:#00000073;padding:6px 10px;border-radius:4px}#hud .row{margin-bottom:3px}#muteBtn{position:absolute;top:2%;right:2%;width:36px;height:36px;background:#00000080;border:2px solid #444;color:#ff6b3a;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:#ff6b3a33}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:10;padding:20px}#overlay h2{color:#ff6b3a;font-size:clamp(18px,4vmin,30px);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:#ff6b3a;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:#ff8c5a}.hidden{display:none!important}.controls{position:absolute;bottom:6px;left:50%;transform:translate(-50%);color:#888;font-size:clamp(9px,1.4vmin,12px);text-align:center;z-index:3;background:#0006;padding:3px 10px;border-radius:4px;pointer-events:none;white-space:nowrap}@media(max-width:900px){.controls{display:none}}body.touch .controls{display:none}.key{display:inline-block;background:#333;border:2px solid #555;padding:2px 8px;margin:0 2px;color:#ff6b3a;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}.dpad{position:absolute;left:2%;bottom:3%;width:28%;aspect-ratio:1;max-width:200px;min-width:120px;pointer-events:none}.dBtn{position:absolute;background:#ff6b3a33;border:3px solid rgba(255,107,58,.6);color:#ff6b3a;font-size:clamp(20px,4vmin,30px);font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:auto;user-select:none;-webkit-user-select:none;border-radius:8px;transition:background .05s}.dBtn:active,.dBtn.active{background:#ff6b3a80;border-color:#ff6b3a}#dUp{top:0;left:33%;width:34%;height:34%}#dDown{bottom:0;left:33%;width:34%;height:34%}#dLeft{left:0;top:33%;width:34%;height:34%}#dRight{right:0;top:33%;width:34%;height:34%}#bombBtn{position:absolute;right:3%;bottom:5%;width:18%;aspect-ratio:1;max-width:130px;min-width:80px;background:#ffd23a33;border:4px solid rgba(255,210,58,.7);color:#ffd23a;font-size:clamp(14px,3vmin,22px);font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:auto;user-select:none;-webkit-user-select:none;border-radius:50%;transition:background .05s}#bombBtn:active,#bombBtn.active{background:#ffd23a80;border-color:#ffd23a}@media(hover:hover)and (pointer:fine){body:not(.force-touch) #touchControls{display:none!important}}@media(orientation:landscape)and (max-height:500px){h1{display:none}}@media(orientation:portrait)and (min-width:600px)and (max-width:1366px){html{overflow:hidden}body{transform:rotate(90deg);transform-origin:top left;position:absolute;top:0;left:100vw;width:100vh;height:100vw}}body.touch .kbd-hint{display:none}body:not(.touch) .touch-hint{display:none}.touch-hint{color:#ff6b3a;font-size:clamp(11px,2vmin,14px)}