@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
.game-container{--gold:#d4af37;--octa:#1565c0;color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#000;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;width:100%;max-width:100vw;min-height:100vh;margin:0 auto;padding-bottom:12px;font-family:"Press Start 2P",ui-monospace,monospace;display:flex}.top-bar{box-sizing:border-box;border-bottom:2px solid var(--gold);background:#000;justify-content:space-between;align-items:center;width:100%;max-width:460px;padding:10px 14px;display:flex}.pause-btn{color:#fff;cursor:pointer;background:#c0392b;border:2px solid #fff;padding:6px 8px;font-family:inherit;font-size:10px;line-height:1}.top-left{flex-direction:column;gap:6px;display:flex}.mute-btn{color:#9ad;cursor:pointer;background:#1a1a1a;border:2px solid #555;padding:3px 4px;font-family:inherit;font-size:7px;line-height:1}.mute-btn.off{color:#666;text-decoration:line-through}.stats-group{gap:14px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-label{color:#f22;font-size:9px}.stat-value{color:#fff;font-size:11px}.lives-container{justify-content:flex-end;gap:4px;min-width:40px;display:flex}.life-icon{width:23px;height:17px;image-rendering:pixelated;background-color:#484855;background-image:url(/assets/sprites.png);background-position:-9px -337px;background-repeat:no-repeat}.canvas-wrapper{border:2px solid #333;line-height:0;position:relative}.canvas-wrapper canvas{aspect-ratio:224/404;width:auto;height:min(58vh,600px);image-rendering:pixelated;image-rendering:crisp-edges;background:#000;display:block}.overlay{text-align:center;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:12px;line-height:1.4;display:flex;position:absolute;inset:0}.overlay-title{color:#ffd54f;font-size:16px}.overlay-text{color:#fff;direction:rtl;font-size:9px}.overlay-btn{background:var(--octa);color:#fff;cursor:pointer;border:2px solid #fff;padding:10px 14px;font-family:inherit;font-size:11px}.controls-area{box-sizing:border-box;border-top:2px solid var(--gold);justify-content:space-between;align-items:center;width:100%;max-width:460px;padding:6px 22px 0;display:flex}.d-pad{background:var(--octa);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);width:120px;height:120px;margin-top:6px;position:relative}.d-btn{touch-action:none;cursor:pointer;background:0 0;border:none;width:40px;height:40px;position:absolute}.d-btn:after{content:"";border:8px solid #0000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.d-btn.up{top:8px;left:40px}.d-btn.down{bottom:8px;left:40px}.d-btn.left{top:40px;left:8px}.d-btn.right{top:40px;right:8px}.d-btn.up:after{border-top:0;border-bottom:12px solid #fff}.d-btn.down:after{border-top:12px solid #fff;border-bottom:0}.d-btn.left:after{border-left:0;border-right:12px solid #fff}.d-btn.right:after{border-left:12px solid #fff;border-right:0}.action-btn{touch-action:none;background:var(--octa);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);cursor:pointer;border:none;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.hammer-icon{clip-path:polygon(30% 0%,100% 0%,100% 35%,60% 35%,60% 100%,30% 100%);background:#ffb300;width:36px;height:36px;transform:rotate(-35deg)}.d-btn:active,.action-btn:active{filter:brightness(1.4)}.speech{color:#000;text-align:center;pointer-events:none;background:#fff;border:2px solid #000;border-radius:10px;max-width:50%;padding:7px 10px;font-family:Vazirmatn,Tahoma,Segoe UI,sans-serif;font-size:14px;font-weight:700;line-height:1.5;animation:.18s ease-out speech-pop;position:absolute;top:3%;right:4%}.speech:after{content:"";border:6px solid #0000;border-left:0;border-right:8px solid #000;position:absolute;bottom:10px;left:-12px}.speech small{direction:ltr;margin-top:3px;font-family:"Press Start 2P",ui-monospace,monospace;font-size:6px;font-weight:400;line-height:1.4;display:block}@keyframes speech-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.skip-btn{color:#fff;cursor:pointer;background:#0009;border:2px solid #fff;padding:6px 8px;font-family:inherit;font-size:8px;line-height:1;position:absolute;bottom:6px;right:6px}.speech.felix{white-space:nowrap;max-width:none;top:auto;right:auto;translate:-50% -100%}.speech.felix:after{border:6px solid #0000;border-top:8px solid #000;border-bottom:0;margin-left:-6px;bottom:-10px;left:50%}