.lgb-app{--lgb-ink:#17212b;--lgb-muted:#51616c;--lgb-mint:#e2f3eb;--lgb-peach:#fff0df;--lgb-orange:#e2772f;--lgb-border:#b4c5c7;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--lgb-ink);line-height:1.45;max-width:1280px;margin:20px auto;padding:0 8px;font-size:16px}
.lgb-app *, .lgb-app *:before,.lgb-app *:after{box-sizing:border-box}.lgb-app button,.lgb-app input{font:inherit}.lgb-shell{background:#f9fbf9;border:1px solid #dde5e1;border-radius:17px;padding:clamp(12px,2.5vw,30px);box-shadow:0 5px 20px rgba(14,33,34,.06)}.lgb-top{text-align:center;margin-bottom:24px}.lgb-top h2{margin:5px 0;font-size:clamp(28px,4vw,45px)!important;font-weight:800;line-height:1.15;color:#152f29}.lgb-eyebrow{color:#236a55;font-size:12px;font-weight:800;letter-spacing:.12em}.lgb-panel{border:1px solid #d5e2da;border-radius:14px;padding:18px;background:#fff;margin-bottom:16px;max-width:100%;}.lgb-panel h3{margin:6px 0 8px;font-size:25px}.lgb-panel h4,.lgb-join-panel h4{font-size:20px;margin:0 0 10px}.lgb-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:420px;margin-top:12px}.lgb-form input{padding:12px 14px;border:2px solid #7d9d92;border-radius:9px;width:100%;font-size:18px}.lgb-form label{font-weight:700}.lgb-btn{border:2px solid #416958!important;border-radius:9px!important;padding:11px 16px!important;background:white!important;color:#184c37!important;font-weight:700!important;cursor:pointer!important;line-height:1.3!important;min-height:45px!important;box-shadow:none!important;text-align:center!important}.lgb-btn:hover:not(:disabled){filter:brightness(.93)}.lgb-btn:focus-visible,.lgb-cell:focus-visible{outline:4px solid #ef9b3c;outline-offset:2px}.lgb-btn:disabled{opacity:.48;cursor:not-allowed!important}.lgb-primary{background:#12583d!important;color:#fff!important;border-color:#12583d!important}.lgb-danger{border-color:#9d3939!important;color:#8e2222!important}.lgb-outline{background:#fff!important}.lgb-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.lgb-statusline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;color:#3b6256}.lgb-statusline strong{font-weight:700}.lgb-tags{display:flex;flex-wrap:wrap;gap:8px}.lgb-tags span{background:var(--lgb-mint);padding:5px 10px;border-radius:20px;font-size:13px;font-weight:700}.lgb-notice{padding:10px 14px;margin:0 0 16px;border-radius:10px;background:#e2f3eb;color:#14432f;font-weight:600}.lgb-notice[hidden]{display:none}.lgb-notice.error{background:#fff0ed;color:#85251e}.lgb-notice.success{background:#ddf5e4;color:#185d31}.lgb-waiting{padding:13px;border:1px solid #ebd49c;border-radius:10px;background:#fff8e6;margin-bottom:12px}.lgb-victory,.lgb-winners{padding:16px;background:#dff5e7;border:2px solid #3e9d61;border-radius:13px;color:#145d34;font-size:clamp(17px,3vw,28px);font-weight:800;margin-bottom:16px}.lgb-player-head,.lgb-host-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.lgb-game-code{background:#173b31;color:white;border-radius:8px;padding:7px 12px;letter-spacing:.14em;font-weight:900;font-size:clamp(15px,2.4vw,26px);white-space:nowrap}.lgb-letters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;text-align:center;font-size:clamp(22px,4.5vw,44px);font-weight:900;margin:0 0 6px;color:#18513f}.lgb-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(75px,1fr));gap:4px;background:#1a4238;padding:4px;border-radius:7px;aspect-ratio:1.18;width:100%;max-width:740px;margin:0 auto}.lgb-cell{position:relative;padding:6px!important;border:0!important;border-radius:3px!important;background:#fff9ec!important;color:#152b29!important;display:flex;justify-content:center;align-items:center;font-size:clamp(10px,1.7vw,17px)!important;line-height:1.2!important;font-weight:650!important;text-align:center;overflow-wrap:anywhere;cursor:pointer;min-width:0;min-height:0;box-shadow:none!important}.lgb-cell:nth-child(even){background:#edf7f2!important}.lgb-cell:disabled{cursor:default;opacity:1}.lgb-cell.lgb-unavailable:not(.lgb-free):not(.lgb-marked){color:#485e58!important;background:#efefec!important}.lgb-cell.lgb-marked{background:#f9ba73!important;color:#172820!important}.lgb-cell.lgb-free{background:#ffdf8e!important;font-weight:850!important}.lgb-cell b{position:absolute;top:2px;right:4px;font-size:clamp(13px,2vw,28px);color:#194b39}.lgb-helptext{font-size:14px;color:#38574c;max-width:750px;margin:12px auto}.lgb-current{background:linear-gradient(130deg,#d6f3e8,#fff1db);border:2px solid #b9d7ca;padding:clamp(18px,3vw,34px);border-radius:20px;margin-bottom:18px;text-align:center}.lgb-quote{font-size:clamp(26px,3.7vw,50px);font-weight:850;color:#142d24;line-height:1.2;margin:10px 0}.lgb-comment{font-size:clamp(15px,2vw,23px);font-weight:600;color:#5d4433;margin:12px 0 0}.lgb-current-small{padding:15px;border-radius:12px}.lgb-current-small .lgb-quote{font-size:clamp(18px,2.4vw,26px)}.lgb-current-small .lgb-comment{font-size:14px}.lgb-host-title h3{font-size:clamp(22px,3vw,32px);margin:0}.lgb-host-title p{margin:5px 0;color:#586c64}.lgb-host-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:18px;align-items:start}.lgb-host-main{min-width:0}.lgb-join-panel{padding:16px;border-radius:14px;border:1px solid #c3d2c7;background:#fff;text-align:center;position:sticky;top:20px;max-width:100%;overflow:hidden}.lgb-qr{margin:10px auto;width:100%;max-width:270px}.lgb-qr svg{display:block;width:100%;height:auto;background:white;border:10px solid white}.lgb-join-code{font-weight:900;font-size:clamp(24px,3vw,37px);letter-spacing:.15em;color:#1a5d47}.lgb-small-link{overflow-wrap:anywhere;font-size:12px;color:#526761}.lgb-player-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e4ece7}.lgb-player-line small{color:#5a6962}.lgb-pending-head{color:#874d15}.lgb-subnote,.lgb-footer{font-size:13px;color:#536861}.lgb-footer{text-align:center;margin:20px 0 0}.lgb-play{max-width:795px;margin:10px auto}.lgb-play .lgb-actions{justify-content:center}
@media(max-width:760px){.lgb-host-layout{display:flex;flex-direction:column}.lgb-join-panel{position:static;width:100%}.lgb-app{padding:0 3px}.lgb-shell{padding:12px}.lgb-panel{padding:12px}.lgb-grid{gap:2px;padding:2px;aspect-ratio:.9;grid-template-rows:repeat(5,minmax(69px,1fr))}.lgb-cell{padding:2px!important;font-size:clamp(9px,2.4vw,14px)!important}.lgb-cell b{font-size:14px;top:1px;right:1px}.lgb-game-code{letter-spacing:.05em}.lgb-top{margin-bottom:12px}.lgb-player-head{gap:4px}.lgb-player-head h3{font-size:20px}}
@media(max-width:390px){.lgb-grid{aspect-ratio:.77}.lgb-cell{font-size:9px!important}.lgb-game-code{font-size:13px}}
@media print{body *{visibility:hidden!important}.lgb-app,.lgb-app *{visibility:visible!important}.lgb-app{position:absolute;top:0;left:0;width:100%;max-width:none!important;padding:0!important;margin:0!important}.lgb-app .lgb-shell{border:0!important;box-shadow:none!important}.lgb-app .lgb-quote,.lgb-app .lgb-statusline,.lgb-app .lgb-top,.lgb-app .lgb-notice,.lgb-app .lgb-btn,.lgb-app .lgb-helptext,.lgb-app .lgb-footer{display:none!important}.lgb-app .lgb-panel{border:0!important}.lgb-app .lgb-grid{width:100%!important;max-width:none!important;aspect-ratio:auto!important;height:660px}.lgb-app .lgb-cell{font-size:14px!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.lgb-app .lgb-letters{font-size:32px}}

.lgb-view-toggle{display:flex;justify-content:flex-end;margin-bottom:10px}.lgb-view-toggle .lgb-btn{padding:7px 12px!important;min-height:38px!important}.lgb-list{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.lgb-list-cell{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #b4d0c2!important;border-radius:9px!important;background:#f6faf6!important;padding:14px!important;text-align:left!important;color:#173c30!important;min-height:64px!important;font-size:17px!important;cursor:pointer}.lgb-list-cell strong{flex:0 0 38px;color:#195542}.lgb-list-cell span{flex:1;line-height:1.3}.lgb-list-cell b{flex:0 0 auto;font-size:13px}.lgb-list-cell.lgb-marked{background:#ffe0ad!important;border-color:#c18c43!important}.lgb-list-cell:disabled{opacity:.63;cursor:default}.lgb-list-cell.lgb-marked:disabled{opacity:1}
@media print{.lgb-app .lgb-view-toggle,.lgb-app .lgb-list{display:none!important}}

.lgb-hide-screen{display:none!important}@media print{.lgb-app .lgb-card-visual.lgb-hide-screen{display:block!important}.lgb-app .lgb-list{display:none!important}}

/* De traditionele 75-nummers-bingo toont grote, snel leesbare cijfers. */
.lgb-cell-number{font-size:clamp(25px,3.8vw,50px)!important;font-variant-numeric:tabular-nums;font-weight:900!important}.lgb-cell-number.lgb-free{font-size:clamp(11px,1.5vw,16px)!important}.lgb-number-current .lgb-quote{font-size:clamp(52px,8vw,105px)!important;font-variant-numeric:tabular-nums;letter-spacing:.04em}.lgb-number-current.lgb-current-small .lgb-quote{font-size:clamp(28px,6vw,44px)!important}
@media(max-width:760px){.lgb-cell-number{font-size:clamp(24px,7vw,43px)!important}.lgb-cell-number.lgb-free{font-size:10px!important}}
@media print{.lgb-app .lgb-cell-number{font-size:36px!important}.lgb-app .lgb-cell-number.lgb-free{font-size:14px!important}}