.star-blaster-game{background:#081524;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.star-blaster-side{color:#75baa9;text-align:right;flex-direction:column;flex:1;justify-content:space-between;align-self:stretch;min-width:0;padding:24px;font:7px/1.8 "Press Start 2P",monospace;display:flex}.star-blaster-side strong{color:#f7d38e;font-size:clamp(12px,1.6vw,19px);line-height:1.6}.star-blaster-stage{aspect-ratio:3/5;touch-action:none;border-inline:3px solid #4fafa8;flex:none;max-width:100%;height:100%;position:relative;overflow:hidden}.star-blaster-stage canvas{width:100%;height:100%;display:block}.star-blaster-hud{z-index:2;color:#e6f3dc;text-shadow:1px 2px #081524;justify-content:space-between;font:7px/1.7 "Press Start 2P",monospace;display:flex;position:absolute;top:10px;left:8px;right:8px}.star-blaster-hud span{flex-direction:column;display:flex}.star-blaster-hud span:nth-child(2){align-items:center}.star-blaster-hud span:last-child{align-items:flex-end}.star-blaster-hud b{color:#ffd78f;font-size:12px}.star-blaster-controls{color:#95d5c8;flex-direction:column;flex:1;justify-content:flex-end;align-self:stretch;align-items:center;gap:15px;min-width:0;padding:24px;font:7px "Press Start 2P",monospace;display:flex}.star-blaster-controls>div{gap:6px;display:flex}.star-blaster-controls button{color:#fff5d4;cursor:pointer;touch-action:none;background:#305f67;border:2px solid #ffe6b9;min-width:48px;min-height:48px;font:9px "Press Start 2P",monospace}.star-blaster-controls button:nth-child(2){background:#e48a68}.star-blaster-controls button:focus-visible{outline:3px solid #fff}.star-blaster-overlay{z-index:3;color:#edf3dc;text-align:center;background:#081524e9;flex-direction:column;justify-content:center;align-items:center;padding:19px;display:flex;position:absolute;inset:0}.star-blaster-overlay>span{color:#8cdbc5;font-size:8px}.star-blaster-overlay>strong{color:#ffdc98;margin:15px 0;font:clamp(18px,2vw,25px)/1.5 "Press Start 2P",monospace}.star-blaster-overlay p{max-width:280px;font-size:12px;line-height:1.5}.star-blaster-overlay small{color:#b4d9c9;margin-top:13px;font-size:7px;line-height:1.5}.star-blaster-overlay button{color:#292c37;cursor:pointer;background:#e69970;border:2px solid #ffe5af;padding:10px;font-weight:900}.star-blaster-overlay button:focus-visible{outline:3px solid #fff}@media (max-width:800px){.star-blaster-side{display:none}.star-blaster-controls{z-index:2;width:auto;height:auto;padding:0;position:absolute;bottom:6px;right:6px}.star-blaster-controls>span{display:none}.star-blaster-controls button{min-width:48px;min-height:42px}.star-blaster-stage{border:0}}@media (max-width:640px){.responsive-viewport .viewport-screen:has(.star-blaster-game){aspect-ratio:.72}.star-blaster-overlay>strong{font-size:18px}.star-blaster-overlay p{font-size:11px}}.star-blaster-game{container-type:size}.star-blaster-stage{aspect-ratio:3/5;border:0;width:min(100cqw,60cqh);max-width:none;height:auto;box-shadow:0 0 0 3px #4fafa8}@media (max-width:640px){.responsive-viewport .viewport-screen:has(.star-blaster-game){aspect-ratio:.68}.star-blaster-game{flex-direction:column}.star-blaster-stage{width:min(100cqw,60cqh - 33.6px);height:auto;box-shadow:none}.star-blaster-controls{flex:none;justify-content:center;width:100%;height:56px;padding:4px;display:flex;position:relative;bottom:auto;right:auto}.star-blaster-controls button{min-width:64px;min-height:46px}}