html{overflow:hidden;position:relative}html,body{margin:0;padding:0;width:100%;height:100%}body{position:relative;font-family:system-ui,Helvetica Neue,Arial,sans-serif;color:#212529}canvas{display:block;position:absolute;margin:0 auto;left:0;right:0;top:50%;transform:translateY(-50%)}.statistics .overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.72)}.statistics .content{position:absolute;background:white;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;padding:12px;border-radius:4px;top:0;left:0;right:0;top:50%;transform:translateY(-50%);max-width:640px;margin:0 auto}.statistics .buttons{display:flex;grid-column:1 / -1;gap:24px;margin:0 auto}table{width:100%;border-collapse:collapse}table tr:first-child td{font-weight:700;text-align:center}table tr:nth-child(2n){background-color:#f2f2f2}table td,table th{font-size:18px;line-height:24px;padding:8px 12px;border:1px solid #e0e0e0}td span:first-child{float:left}td span:last-child{float:right}