:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;touch-action:manipulation}html,body{height:100%;margin:0}body{box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);color:#e6efe8;background:#0d1b12;grid-template-rows:auto minmax(0,1fr);font:16px/1.4 system-ui,sans-serif;display:grid;overflow:hidden;container-type:inline-size}#hud{grid-template:"score score"1.5rem"clock pause"44px"about about"1.25rem/minmax(0,1fr) auto;grid-area:1/1;align-items:center;gap:0 1rem;padding:.25rem .75rem;display:grid}@container (width>=30rem){#hud{grid-template:"score clock"1.5rem"about pause"44px/minmax(0,1fr) auto}}@container (width>=60rem){#hud{grid-template:"score clock pause about"44px/auto auto auto minmax(0,1fr)}#about{text-align:end}}#hud p{margin-block:0}#score{grid-area:score}#clock{grid-area:clock}#pause{grid-area:pause}#about{opacity:.7;grid-area:about;font-size:.75rem}#score,#clock{font-variant-numeric:tabular-nums;font-weight:600}#score,#about{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#build{font-family:ui-monospace,monospace}#game{grid-template:minmax(0,1fr) 6rem/minmax(0,1fr);grid-area:2/1;display:grid}#stage{grid-area:1/1;position:relative}#controls{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-area:2/1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.5rem .75rem;display:grid}#screen{grid-area:1/1/-1;position:relative}#pitch,#paused{position:absolute;inset:0}#builds{grid-area:1/1/-1;position:relative}#pitch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}#paused,#screen,#builds{text-align:center;place-content:center;justify-items:center;gap:.75rem;padding:0 1rem;display:grid}#paused{background:#00000073;font-size:1.5rem;font-weight:600}#screen,#builds{background:#0d1b12}#builds{justify-items:stretch}#screen>*,#builds>*{margin:0}#paused[hidden],#screen:empty,#builds[hidden]{display:none}button{min-height:44px;font:inherit;padding:.5rem 1rem}#controls>*{display:grid}#controls button{border:3px solid var(--highlight);color:#fff;background:#0d1b12;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.25rem;font-size:.875rem;font-weight:600;line-height:1.1;display:flex}#controls .target{background:var(--highlight);color:#0d1b12}#controls .action{letter-spacing:.04em;font-size:.75rem;font-variant-caps:all-small-caps}#controls svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:3rem;height:1.5rem}#controls .move svg{color:var(--highlight)}@media (height<=30rem){#game{grid-template-rows:minmax(0,1fr) 4rem}#controls{padding-block:.25rem}#controls button{flex-direction:row;gap:.5rem}}