.die{--w:var(--die-w,44px);width:var(--w);height:var(--w);background:var(--surface);border:1.5px solid var(--ink);border-radius:calc(var(--w)*.2);box-shadow:var(--shadow);color:var(--ink);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.die-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:70%;height:70%;display:grid}.die-grid i{border-radius:50%;margin:12%;display:block}.die-grid i.on{background:currentColor}.die.hot{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.die.hidden{background:var(--sunk);border-style:dashed;border-color:var(--line);box-shadow:none}button.die{cursor:pointer}button.die:disabled{cursor:default;opacity:.6}button.die:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.die-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}