:root{background:#17133f}
body{background:radial-gradient(circle at 50% 0,#7c3aed66,transparent 50%),#17133f}
main{border-color:#a855f777}
header,footer{background:#20194fee;border-color:#22d3ee}
header a{color:#67e8f9}
.top-hud{background:#251d5fe8;border-color:#67e8f9}
.top-hud b{color:#a5f3fc}
.top-hud meter{accent-color:#c084fc}
.stick{border-color:#67e8f9;background:#312e81bb}
.stick i{background:#0891b2cc}
.actions button{border-color:#e9d5ff;box-shadow:0 6px 0 #4338ca,0 0 25px currentColor}
.shoot{background:#a21caf}
.dash{background:#6d28d9;color:#a5f3fc}
.orientation{background:#21194bf2}
footer{color:#c4b5fd}
@media(orientation:portrait) and (max-width:560px){
  .touch-controls{bottom:18px;padding-inline:10px}
  .stick{width:116px;height:116px}
  .stick i{left:32px;top:32px;width:50px;height:50px}
  .actions button{width:74px;height:74px}
}