:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{width:100dvw;height:100dvh;margin:0}main{width:100%;height:100%}header{text-align:center}table{border-collapse:collapse;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;margin:auto}td{padding:0}.alive{background-color:canvastext}menu{background-color:oklch(from canvas l c h/75%);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border:.125rem solid canvastext;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;bottom:1rem;right:1rem}menu button{appearance:none;color:canvastext;cursor:pointer;background-color:#0000;border:none;border-radius:.25rem;justify-content:center;width:100%;padding:.5rem;font-size:1rem;transition:background-color .25s,color .25s;display:flex}menu button:hover{color:canvas;background-color:canvastext}label{cursor:pointer;border-radius:.25rem;padding:.25rem;transition:background-color .25s,color .25s}label:hover{color:canvas;background-color:canvastext}label svg{vertical-align:middle}label input{display:none}label:has(input:checked) .play{display:none}label:has(input:checked) .pause{display:block}label .play{display:block}label .pause{display:none}