.invaders-status{color:#55eaff;justify-content:space-between;gap:12px;font:13px/1.5 DotGothic16,monospace;display:flex}.invaders-status>span:first-child{color:#ff38ad}.invaders-status>span:nth-child(2){color:#ff0}.invaders-game .invader-pads{grid-template-columns:1fr 1.5fr 1.2fr 1fr;gap:10px}.invaders-game .invader-pads button:nth-child(3){color:#17243b;background:#ff0}.invaders-game .rhythm-overlay h1{color:#b7ff00;margin:4px 0;font-size:clamp(30px,4vw,56px)}.invaders-game .rhythm-overlay .invaders-rules{color:#55eaff;font-size:12px}.invaders-game .rhythm-overlay{gap:12px}.invaders-game button:disabled{opacity:.5;cursor:default}.invaders-game canvas{image-rendering:auto}.invaders-game .invader-pads button{min-height:42px;font-size:14px}.invaders-game .rhythm-hud{flex-wrap:wrap}@media (max-height:650px){.invaders-game .rhythm-overlay{gap:6px;padding:12px}.invaders-game .rhythm-overlay p{font-size:11px}.invaders-game .rhythm-overlay small{font-size:10px}.invaders-game .rhythm-overlay h1{font-size:28px}}.invaders-game .invader-pads button:nth-child(3){background:0 0}.invaders-game .invader-pads button:nth-child(3):after{background:#ff0}@media (max-height:560px) and (orientation:landscape){.invaders-game:is([data-mode=ready],[data-mode=paused]) .rhythm-overlay{grid-template-columns:1fr 1fr;align-content:center;gap:6px 24px;display:grid}.invaders-game:is([data-mode=ready],[data-mode=paused]) .rhythm-overlay>small,.invaders-game:is([data-mode=ready],[data-mode=paused]) .invaders-rules{display:none}.invaders-game:is([data-mode=ready],[data-mode=paused]) .rhythm-overlay>h1,.invaders-game:is([data-mode=ready],[data-mode=paused]) .rhythm-overlay>p{grid-column:1;margin:0}.invaders-game:is([data-mode=ready],[data-mode=paused]) .rhythm-overlay>button{grid-area:1/2/4;justify-self:center}}
