body            { background: #111; }
    #tower          { position: relative; margin: 1em auto; width: 512px; height: 384px; border: 4px solid #C080C0; }
    #hud            { position: absolute; bottom: 0em; width: 8em; background-color: red; opacity: 0.8; border: 4px solid black; }
    #score          { color: yellow; font-size: 2em; font-family: Georgia, serif }
    #canvas         { display: inline-block; width: 100%; height: 100%; }
    #instructions   { font-style: italic; color: #999; font-size: 9pt; margin-left: 1em; margin-top: 0.5em; }
    #instructions b { color: #DDD; }
    @media screen and (min-width:     0px) and (min-height:    0px) { #tower { width:  512px; height: 384px; font-size:  7pt; } } /* block = 16 */
    @media screen and (min-width:   840px) and (min-height:  530px) { #tower { width:  640px; height: 480px; font-size:  9pt; } } /* block = 20 */
    @media screen and (min-width:   968px) and (min-height:  626px) { #tower { width:  768px; height: 576px; font-size: 11pt; } } /* block = 24 */
    @media screen and (min-width:  1096px) and (min-height:  722px) { #tower { width:  896px; height: 672px; font-size: 13pt; } } /* block = 28 */
    @media screen and (min-width:  1224px) and (min-height:  818px) { #tower { width: 1024px; height: 768px; font-size: 15pt; } } /* block = 32 */
  
body {margin:0; color:#f5e8d5; font-family:system-ui,sans-serif; background:radial-gradient(circle at 50% 10%,#2d2440,#0b0b18 70%); text-align:center;}
header {padding:14px 12px 0;} h1 {margin:0; font-size:clamp(1.25rem,3vw,2rem)}
header p {margin:4px 0 0; color:#c8bdcf; font-size:.9rem;}
#tower {max-width:calc(100vw - 20px); max-height:calc(100vh - 155px); aspect-ratio:4/3; box-sizing:border-box; border-color:#a86cf0; box-shadow:0 8px 35px #000b;}
#hud {z-index:2; border:0; background:#21132bcf; border-radius:0 0 12px 0;}
#hud img {width:28px;height:28px;object-fit:contain;}
#instructions {position:absolute;left:0;right:0;bottom:-23px;margin:0;text-align:center;color:#ddd;font-size:12px;}
footer {font-size:.75rem;color:#9c90a6;padding:8px;} footer a {color:#d5baff;}
@media(max-width:600px){#tower{margin:10px auto 28px;max-height:calc(100vh - 170px)}#instructions{bottom:-24px;}}