#total{position:relative;justify-content:flex-start;padding:0 14px}
#live-total{text-align:left}
#high-score{position:absolute;right:14px;text-align:right;color:#ffd72e;font-size:.72em}
#round-timer{position:absolute;left:50%;transform:translateX(-50%);font-variant-numeric:tabular-nums;color:#fff}
#dice-grid{position:absolute;left:0;top:7.777%;width:100%;height:88.889%;background:#171717;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));overflow:hidden;image-rendering:pixelated;image-rendering:crisp-edges}
#dice-grid .die-cell{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;opacity:1;transition:opacity 1.1s ease}
#dice-grid .die-cell.expired{opacity:0}
#dice-grid img{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated}
#dice-grid .die-cell::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0}
#dice-grid .die-cell.queued::after{background:rgba(25,255,60,.55);opacity:1}
#dice-grid .die-cell.locked::after{background:var(--lock-color,rgba(255,25,25,.65));opacity:.68}
#input-canvas{position:absolute;left:0;top:4.444%;display:block;width:100%;height:95.556%;z-index:1;cursor:crosshair;touch-action:none}
#initial-start,#restart{position:absolute;z-index:4;inset:0;margin:auto;width:240px;height:78px;border:3px solid #fff;background:#000;color:#fff;font:700 20px monospace;cursor:pointer;box-shadow:8px 8px 0 #fff}
#initial-start:hover,#initial-start:focus-visible,#restart:hover,#restart:focus-visible{background:#fff;color:#000;outline:none}