.tunnel-digger-game{background:#142a31;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tunnel-digger-side{color:#86c4b7;text-align:right;flex-direction:column;flex:1;justify-content:space-between;align-self:stretch;min-width:0;padding:22px;font:7px/1.8 "Press Start 2P",monospace;display:flex}.tunnel-digger-side strong{color:#f6cc85;font-size:clamp(11px,1.5vw,17px);line-height:1.6}.tunnel-digger-stage{aspect-ratio:5/7;touch-action:none;border-inline:3px solid #dab278;flex:none;max-width:100%;height:100%;position:relative;overflow:hidden}.tunnel-digger-stage canvas{width:100%;height:100%;display:block}.tunnel-digger-hud{z-index:2;color:#fff1d6;text-shadow:1px 2px #273038;justify-content:space-between;font:6px/1.7 "Press Start 2P",monospace;display:flex;position:absolute;top:26px;left:8px;right:8px}.tunnel-digger-hud span{flex-direction:column;display:flex}.tunnel-digger-hud span:nth-child(2){align-items:center}.tunnel-digger-hud span:last-child{align-items:flex-end}.tunnel-digger-hud b{color:#fff0a6;font-size:12px}.tunnel-digger-controls{color:#d1e1c4;flex-direction:column;flex:1;justify-content:flex-end;align-self:stretch;align-items:center;gap:9px;min-width:0;padding:20px;font:7px "Press Start 2P",monospace;display:flex}.tunnel-digger-pad{grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,42px);gap:3px;display:grid}.tunnel-digger-pad .up{grid-column:2}.tunnel-digger-pad .left{grid-area:2/1}.tunnel-digger-pad .down{grid-area:2/2}.tunnel-digger-pad .right{grid-area:2/3}.tunnel-digger-controls button{color:#fff3d8;cursor:pointer;touch-action:none;background:#326c69;border:2px solid #efdcad;font:9px "Press Start 2P",monospace}.tunnel-digger-fire{min-height:42px;padding:0 10px;background:#db8a6c!important}.tunnel-digger-controls button:focus-visible{outline:3px solid #fff}.tunnel-digger-overlay{z-index:3;color:#fff1d8;text-align:center;background:#142a31ef;flex-direction:column;justify-content:center;align-items:center;padding:19px;display:flex;position:absolute;inset:0}.tunnel-digger-overlay>span{color:#99dfcc;font-size:8px}.tunnel-digger-overlay>strong{color:#f8d18d;margin:15px 0;font:clamp(17px,2vw,23px)/1.5 "Press Start 2P",monospace}.tunnel-digger-overlay p{max-width:280px;font-size:12px;line-height:1.5}.tunnel-digger-overlay small{color:#cbddcc;margin-top:13px;font-size:7px;line-height:1.6}.tunnel-digger-overlay button{color:#292c37;cursor:pointer;background:#eda46f;border:2px solid #ffe5af;padding:10px;font-weight:900}.tunnel-digger-overlay button:focus-visible{outline:3px solid #fff}@media (max-width:800px){.tunnel-digger-side{display:none}.tunnel-digger-controls{z-index:2;width:auto;height:auto;padding:0;position:absolute;bottom:5px;right:5px}.tunnel-digger-controls>span{display:none}.tunnel-digger-pad{grid-template-rows:repeat(2,38px);grid-template-columns:repeat(3,38px)}.tunnel-digger-stage{border:0}}@media (max-width:640px){.responsive-viewport .viewport-screen:has(.tunnel-digger-game){aspect-ratio:.78}.tunnel-digger-overlay>strong{font-size:17px}.tunnel-digger-overlay p{font-size:11px}.tunnel-digger-controls{gap:4px}.tunnel-digger-fire{min-height:38px}}.tunnel-digger-game{container-type:size}.tunnel-digger-stage{aspect-ratio:5/7;border:0;width:min(100cqw,71.429cqh);max-width:none;height:auto;box-shadow:0 0 0 3px #dab278}@media (max-width:640px){.responsive-viewport .viewport-screen:has(.tunnel-digger-game){aspect-ratio:.68}.tunnel-digger-game{flex-direction:column}.tunnel-digger-stage{width:min(100cqw,71.429cqh - 71.429px);height:auto;box-shadow:none}.tunnel-digger-controls{flex-direction:row;flex:none;justify-content:center;align-items:center;gap:18px;width:100%;height:100px;padding:5px;display:flex;position:relative;bottom:auto;right:auto}.tunnel-digger-pad{grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,42px);gap:2px}.tunnel-digger-fire{min-width:92px;min-height:58px}}