clxxiii.dev
Two teams try and fill in any horizontal, vertical, or diagonal line on a bingo board by playing maps on osu!
osu.bingo
osu
1<script lang="ts">
2 export let sort: string;
3 export let score: Bingo.Card.FullScore;
4 export let stat: 'score' | 'accuracy' | 'combo' | 'pp';
5</script>
6
7<div
8 data-important={sort == stat}
9 class="row-start-2 flex h-full text-xs data-[important=true]:col-start-1 data-[important=true]:col-end-4 data-[important=true]:row-start-1 data-[important=true]:justify-end data-[important=true]:font-rounded data-[important=true]:text-xl data-[important=true]:font-bold"
10>
11 {#if stat == 'score'}
12 {score.score.toLocaleString()}
13 {:else if stat == 'accuracy'}
14 {(score.accuracy * 100).toFixed(2)}%
15 {:else if stat == 'combo'}
16 {score.max_combo.toLocaleString()}x
17 {:else if stat == 'pp'}
18 {Math.round(score.pp ?? 0).toLocaleString()}pp
19 {/if}
20</div>