*{box-sizing:border-box}html,body{margin:0;font-size:1rem;padding:0;height:100%;font-family:sans-serif}li{margin-bottom:.5rem}header{text-align:center;margin-bottom:2rem}header .links{display:flex;gap:1.5rem 2rem;margin-block:1.5rem;justify-content:center;flex-wrap:wrap}.container{width:100%;height:100%;display:flex;align-items:start;justify-content:center}.container .inner .step:not(.full-screen){margin:0 auto;max-width:800px}.container .inner .step.small{max-width:600px;text-align:center}.container .inner .step.small .button-container{align-items:center;margin:0 auto}.container label{display:block;margin-bottom:.5rem}.container .inner{width:100%;padding-inline:2rem}.container .inner .step:not(.active){display:none}.container .inner .align-left{text-align:left}h2{margin-bottom:.8rem}p{margin-top:0}a{text-decoration:none;color:#0083e3}ul.link-list{list-style-type:none;padding:0;margin:0}.button-container{display:flex;flex-wrap:wrap;flex-direction:column;gap:.5rem;max-width:25rem;justify-content:center}.button-container button{cursor:pointer;appearance:none;border:1px solid #ccc;background:#eee;padding:.6rem 1rem;border-radius:.2rem}body.print .step>*,body.print .step>*{display:none}body.print .inner,body.print .inner{padding:0}@media print{@page{size:auto;margin:.5cm 1cm}header{display:none}h2{margin:0;padding-top:.3cm}}.step.full-screen{width:100vw;height:100vh;position:fixed;left:0;top:0;text-align:center;font-size:1.5rem;background-color:#cecece;display:flex;justify-content:center;align-items:center;flex-direction:column}.step.full-screen .option-buttons{position:fixed;right:1rem;top:1rem}.step.full-screen .inner-container{background-color:#fff;padding:1.5rem;border-radius:.3rem;width:90%;min-width:500px;max-width:800px}.step.full-screen .inner-container:not(:last-child){margin-bottom:1rem}.step.full-screen h2,.step.full-screen h3{margin:0}.step.full-screen .current-draw{min-height:2rem;margin-block:3rem;font-size:1.5rem;opacity:1;transition:opacity .3s}.step.full-screen .current-draw.fade-out{opacity:0}.step.full-screen ul{list-style-type:none;margin:.5rem 0 0 0;padding:0}.step.full-screen ul li{margin:0;padding-block:.5rem;font-size:1.2rem}.step.full-screen button{appearance:none;background:#2196f3;color:#fff;padding:.7rem 1rem;user-select:none;cursor:pointer;border-radius:.2rem;border:none;font-size:.7em}.step.full-screen .option-buttons button{background-color:#bababa;color:#000}body.print-cards .step .container-cards{display:block}body.print-cards .step .container-cards h2{display:none}body.print-cards .step>button{display:none}.container-cards{counter-reset:cardIndex}.container-cards #cards>div{page-break-after:always;padding-top:1rem}.container-cards table{--cell-size: 5.5rem;--cols: 4;--rows: 4;table-layout:fixed;border-collapse:collapse;counter-increment:cardIndex;width:calc(var(--cell-size)*var(--cols));height:calc(var(--cell-size)*var(--rows))}.container-cards table::before{content:"Bingokaart " counter(cardIndex);text-wrap:nowrap;display:block;margin-bottom:.5rem}.container-cards table:not(:last-child){margin-bottom:3rem}.container-cards table tr td{width:var(--cell-size);height:var(--cell-size);padding:.5rem;font-size:.9rem;overflow:hidden;text-align:center;vertical-align:middle;border:1px solid #000}.container-cards table tr td.completed{background-color:rgba(76,175,108,.64)}