:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;width:100%;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hide{display:none}#root{text-align:center;width:100%}.present img{width:80px;height:80px}#history{--scroll_value:0px;--widthdivideten:0px;scroll-snap-type:x mandatory;scroll-behavior:smooth;align-items:center;width:80%;height:200px;margin:0 auto;display:flex;overflow-x:scroll}#history>*{--horizon_value:-1;flex-shrink:0;margin:0;display:block}#history .cell{width:40%;font-size:max(100px - abs(var(--scroll_value) - var(--widthdivideten)*4*var(--horizon_value)),15px);text-align:center;scroll-snap-align:center}#history .lastcell{width:40%;font-size:max(100px - abs(var(--scroll_value) - var(--widthdivideten)*4*var(--horizon_value)),15px);text-align:center;scroll-snap-align:center;background-color:red}#history .bef{content:"a";border-right:1px solid #000;width:30%}#history .aft{content:"";width:30%}#history::-webkit-scrollbar{display:none}#bingoboard{margin:0 auto}#bingoboard .bingocell{aspect-ratio:1;color:gray;-webkit-user-select:none;user-select:none;pointer-events:none;width:50px;padding:0;font-size:35px}#bingoboard .selected{background-color:red;animation:1s ease-in-out alternate blinking}#bingoboard .selectable{color:red;-webkit-user-select:auto;user-select:auto;pointer-events:all}#bingoboard .bingocell:hover{background-color:red}@keyframes blinking{0%{opacity:0}to{opacity:1}}#displayDiv{background-color:#000;width:100vw;height:100vh;min-height:0;position:fixed;inset:0;overflow:hidden}#displayCanvas{width:100%;height:100%;display:block}
