@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Yellowtail&display=swap);:root{--color-accent-1: #028dde;--bg-color-accent-1: #E5F3FC;--bg-color-accent-3: #80C6EE;--bg-color-accent-7: #1C99E2;--bg-color-1: #1F1F1F;--bg-color-2: white;--fg-color-1: #1F1F1F;--fg-color-2: white;--fg-color-3: white;--color-realized: green;--bg-color-realized: #D6FFD6;--color-invalidated: red;--bg-color-invalidated: #FFD6D6;--fg-color-button: #028DDE;--bg-color-button: #E5F3FC;--bg-color-button-hover: #C2E5FF;--color-button-border: #028DDE}@media(prefers-color-scheme: dark){:root{--color-accent-1: #028dde;--bg-color-accent-1: #295069;--bg-color-accent-3: #0e7097;--bg-color-accent-7: #0f547d;--bg-color-1: #282828;--bg-color-2: #333639;--fg-color-1: #C7C7C7;--fg-color-2: #757575;--fg-color-3: #C7C7C7;--color-realized: green;--bg-color-realized: #0f510f;--color-invalidated: #991111;--bg-color-invalidated: #5d2424;--fg-color-button: #C7C7C7;--bg-color-button: #0f547d;--bg-color-button-hover: #028dde;--color-button-border: #028DDE}}html *,html :after,html :before{box-sizing:inherit}body{font-family:"Noto Sans";background-color:var(--bg-color-2);color:var(--fg-color-1)}object{pointer-events:none}.text-no-select{pointer-events:none;user-select:none}#nav-bar{border-bottom:dotted 15px var(--color-accent-1);padding:15px}#navigation{margin:auto;width:800px;height:48px;display:flex;align-items:center;justify-content:space-between}#content-wrapper{display:flex;justify-content:center;align-items:center;gap:10px}#nav-buttons{display:flex;gap:20px}.nav-button{position:relative;font-family:"Noto Sans";font-weight:500;border-radius:.6rem;color:var(--fg-color-button);line-height:1.15;font-size:24px;height:36px;word-spacing:0px;min-width:64px;border:3px solid var(--color-button-border);text-align:center;background:var(--bg-color-button)}.nav-button:hover{cursor:pointer}.nav-button:hover:not(:active){background:var(--bg-color-button-hover)}.bingo-grid{width:800px;height:800px;display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(5, 1fr);row-gap:10px;column-gap:10px}.tile-content{aspect-ratio:1/1;padding:5px;box-sizing:border-box;background-color:var(--bg-color-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;border:.2rem solid var(--bg-color-1);border-radius:.6rem;transition:.25s}.tile-free{font-family:"Yellowtail",cursive;background:var(--bg-color-accent-3);color:var(--fg-color-3);border-color:var(--bg-color-1)}