:root{--tekst: 1;--eenheid: calc(1vmin * var(--tekst));--doel: 64px;--bodem: #0b2a1a;--paneel: #10301f;--laken-licht: #23794a;--laken-donker: #17583a;--papier: #fffdf7;--inkt: #151515;--rood: #c8102e;--accent: #ffcf3f;--knop: #f4f1e8;--slagvak: #d5ecd2;--grijs: rgba(255, 255, 255, .16);--grijs-tekst: rgba(255, 255, 255, .5);--kaart-h: max(72px, 15.5vmin );--kaart-b: calc(var(--kaart-h) * .7);--rij: clamp(56px, calc((100vh - 250px)/8) , 88px);--kol: max(var(--doel), 11vmin );--paneel-b: clamp(440px, 32vw, 600px);--rond: 14px}*{box-sizing:border-box}html{overflow-x:hidden;overflow-x:clip}html,body{margin:0;min-height:100%;background:var(--bodem);color:var(--papier)}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:max(calc(17px * var(--tekst)),calc(2.8 * var(--eenheid)));line-height:1.3;overflow-x:hidden;overflow-x:clip}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,.kaart,input,label{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:4px solid var(--accent);outline-offset:2px}.zoom-banner{grid-area:zoom;background:var(--accent);color:var(--inkt);display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:center;padding:10px 16px;font-weight:700}.zoom-banner button{min-height:max(var(--doel),72px);padding:0 24px;border-radius:var(--rond);border:3px solid var(--inkt);background:var(--papier);color:var(--inkt);font-weight:800;font-size:1.1em}.zoom-vast{position:fixed;top:0;left:0;z-index:1000;transform-origin:0 0;box-shadow:0 4px 16px #00000073}.zoom-ruimte{visibility:hidden}.zoom-debug{position:fixed;top:0;left:0;z-index:1001;transform-origin:0 0;pointer-events:none;max-width:100vw;padding:4px 6px;background:#000000d1;color:#9f9;font:11px/1.3 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.later{position:absolute;top:3px;right:3px;font-size:11px;font-weight:700;line-height:1;padding:3px 5px;border-radius:6px;background:#0000008c;color:#fff;letter-spacing:.02em}.startscherm{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,var(--laken-licht),var(--laken-donker) 60%,var(--bodem))}.start-boven{display:flex;justify-content:flex-end;padding:12px 16px}.start-midden{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:16px;text-align:center}.merk{margin:0;font-size:max(44px,calc(11 * var(--eenheid)));font-weight:800;letter-spacing:.01em;color:var(--papier);text-shadow:0 3px 12px rgba(0,0,0,.35)}.ondertitel{margin:0 0 12px;opacity:.9}.start-nieuw{min-height:max(96px,13vmin);width:min(100%,520px);font-size:1.5em;font-weight:800;border:0;border-radius:22px;background:var(--accent);color:var(--inkt);box-shadow:0 8px 24px #00000059}.start-later{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:min(100%,520px)}.start-later button{position:relative;flex:1;min-width:180px;min-height:var(--doel);border-radius:var(--rond);border:2px solid var(--grijs);background:transparent;color:var(--grijs-tekst)}.scherm{display:grid;height:100vh;height:100dvh;grid-template-columns:minmax(0,1fr) var(--paneel-b);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"zoom zoom" "tafel balk" "tafel kopje" "tafel venster" "status status"}.tafel{grid-area:tafel;min-height:0;min-width:0;overflow:hidden auto;background:radial-gradient(ellipse at 50% 45%,var(--laken-licht),var(--laken-donker) 75%);padding:10px 14px}.knoppenbalk{grid-area:balk;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:8px 8px 4px;background:var(--paneel)}.knop{position:relative;min-width:0;min-height:max(var(--doel),9.5vmin);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 2px;border:0;border-radius:12px;background:var(--knop);color:var(--inkt);--knop-bg: var(--knop)}.knop .icoon{width:28px;height:28px;flex:none}.knop-label{font-size:calc(12px*min(var(--tekst),1.15));font-weight:600;line-height:1.1;text-align:center;overflow-wrap:anywhere}.knop:disabled{background:var(--grijs);color:var(--grijs-tekst);--knop-bg: #2c4a39}.knop.grijs{background:var(--grijs);color:var(--grijs-tekst);--knop-bg: #2c4a39}.knop.aan{background:var(--accent);--knop-bg: var(--accent);box-shadow:inset 0 0 0 3px #fff}.knop-verder:not(:disabled){color:#136b33}.knop-stop:not(:disabled){color:var(--rood)}.knop-stop.aan{color:var(--rood)}.kopje{grid-area:kopje;background:var(--paneel);padding:4px 8px 6px;font-size:.78em}.kopje-regel{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px 8px}.kopje-tekst{flex:1 1 9em;min-width:0;opacity:.95}.kopje-knoppen{display:flex;gap:5px 8px;flex:none;max-width:100%}.kopje .knop{flex:none;min-width:max(var(--doel),18%);padding:6px 8px}.kopje .knop-snelheid{min-width:max(calc(var(--doel) * 1.4),24%)}.kopje .knop-label.lang{white-space:nowrap;overflow-wrap:normal}.snelheid-label{font-size:calc(12px*min(var(--tekst),1.15));font-weight:600;line-height:1.1;text-align:center}.snelheid-label b{font-weight:800;white-space:nowrap}.start-nieuw.tweede{min-height:max(var(--doel),9vmin);font-size:1.2em;background:var(--knop)}.start-detail{font-weight:600;font-size:.7em}.tekstgrootte{display:flex;gap:6px}.tekstgrootte button{min-width:var(--doel);min-height:var(--doel);padding:0 10px;border-radius:12px;border:0;background:var(--knop);color:var(--inkt);font-weight:700}.tekstgrootte button:disabled{background:var(--grijs);color:var(--grijs-tekst)}.venster{grid-area:venster;min-height:0;display:flex;flex-direction:column;background:var(--paneel);padding:0 8px 8px}.venster-kop{margin:0;font-size:.7em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.venster-schakel{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:var(--doel);padding:0 4px;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left}.venster-actie{padding:6px 12px;border-radius:10px;border:2px solid var(--accent);text-transform:none;letter-spacing:0;font-size:1.15em;white-space:nowrap}.venster.dicht{min-height:0}.tekstvenster{flex:1;min-height:0;overflow:auto;background:var(--papier);color:var(--inkt);border-radius:var(--rond);padding:10px 14px;font-size:.85em}.tekstvenster p{margin:0 0 8px}.uitlegregels{list-style:none;margin:0;padding:0}.uitlegregels li{padding:6px 4px;border-bottom:1px solid #e6e2d6;cursor:pointer}.uitlegregels li.pas{color:#666}.uitlegregels li.gekozen{background:#fff1c2}.uitlegregels li.keuze{background:#fff1c2;border-left:5px solid var(--accent);padding-left:8px;cursor:default}.uitlegregels li.contractregel,.uitlegregels li.slagregel{cursor:default}.uitlegregels li.contractregel{background:#eef6ec}.uitslag{background:#eef6ec;border-radius:10px;padding:10px;margin-bottom:10px}.bevestig.volgend{width:100%}.professor-knop{width:100%;margin-bottom:10px}.professor{border-left:5px solid var(--accent);padding:4px 0 4px 12px;margin-bottom:10px}.professor h3{margin:0 0 6px;font-size:1.1em}.professor h4{margin:8px 0 4px;font-size:.95em}.uitleg-gekozen{margin-top:10px!important}.leeg-tekst{color:#666}.statusbalk{grid-area:status;display:flex;align-items:center;gap:18px;padding:8px 16px;background:#071d11;font-size:.8em}.statusbalk .activiteit{flex:1;font-weight:700}.statusbalk .systeem{padding:2px 10px;border-radius:8px;background:#ffffff1a;white-space:nowrap}.denkt{width:64px;height:10px;border-radius:5px;background:#ffffff26;overflow:hidden;position:relative;flex:none}.denkt.bezig:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;border-radius:5px;background:var(--accent);animation:denkt 1.2s ease-in-out infinite alternate}@keyframes denkt{0%{left:0}to{left:60%}}@media(prefers-reduced-motion:reduce){.denkt.bezig:after{animation:none;width:100%}}.stoelnaam{display:inline-block;padding:3px 14px;border-radius:999px;background:#00000047;color:var(--papier);font-weight:700;white-space:nowrap}.stoelnaam .noot{font-weight:500;opacity:.9}.stoelnaam.kwetsbaar{background:var(--rood);color:#fff}.stoelnaam{--groei: 1.25;transform-origin:50% 50%;transition:transform .15s ease-out}.stoelnaam.aan-beurt{box-shadow:0 0 0 4px var(--accent);transform:scale(var(--groei));animation:beurt-flits .6s ease-out 1}@keyframes beurt-flits{30%{background:var(--accent);color:var(--inkt);box-shadow:0 0 0 4px var(--accent),0 0 0 12px #ffcf3f73}}.bevestig.flits{animation:knop-flits .6s ease-out 1}@keyframes knop-flits{30%{transform:scale(1.08);box-shadow:0 0 0 6px #fff,0 0 0 12px var(--accent)}}@media(prefers-reduced-motion:reduce){.stoelnaam.aan-beurt,.bevestig.flits{animation:none}.stoelnaam{transition:none}}.bevestig{min-height:var(--doel);padding:0 22px;border:0;border-radius:var(--rond);background:var(--accent);color:var(--inkt);font-weight:800;font-size:1.05em;box-shadow:0 4px 12px #0000004d}.bevestig:disabled{background:var(--grijs);color:var(--grijs-tekst);box-shadow:none}.gewoon{min-height:var(--doel);padding:0 22px;border-radius:var(--rond);border:2px solid #b8b3a5;background:var(--knop);color:var(--inkt);font-weight:700}.waaier{--stap: max(var(--doel), calc(var(--kaart-b) * .8));display:grid;grid-auto-flow:column;justify-content:center;padding-top:calc(var(--kaart-h) * .12)}.waaier.klein{--kaart-h: clamp(60px, calc(100vh - 8 * var(--rij) - 132px), 120px);padding-top:0}.kaart{position:relative;width:var(--kaart-b);height:var(--kaart-h);padding:0;background:#fff;color:var(--inkt);text-align:left;border:1px solid #8f9a92;border-radius:calc(var(--kaart-b) * .1);box-shadow:-3px 0 6px #00000038;transition:transform .12s ease-out}.kaart.rood{color:var(--rood)}.kaart .hoek{position:absolute;left:7%;top:4%;display:flex;flex-direction:column;align-items:center;line-height:.95;font-weight:800;font-size:calc(var(--kaart-h) * .24);letter-spacing:-.04em}.kaart .hoek .kl{font-size:.9em}.kaart .midden-symbool{position:absolute;right:9%;bottom:5%;font-size:calc(var(--kaart-h) * .38);line-height:1}.kaart:not(:disabled):hover{transform:translateY(-6%)}.kaart.gekozen{transform:translateY(-12%);box-shadow:0 0 0 4px var(--accent),-3px 0 8px #00000059}.waaier.aan-zet .kaart.mag-niet{filter:brightness(.62) saturate(.5)}.ruggen{display:flex;justify-content:center}.rug{flex:none;border-radius:7px;border:2px solid #fff;background:repeating-linear-gradient(45deg,#9b2335 0 5px,#b8394b 5px 10px);box-shadow:0 1px 4px #0000004d}.ruggen.liggend .rug{width:calc(var(--kaart-b) * .8);height:calc(var(--kaart-h) * .8)}.ruggen.liggend .rug+.rug{margin-left:calc(var(--kaart-b) * -.8 + 16px)}.ruggen.staand{flex-direction:column;align-items:center}.ruggen.staand .rug{width:calc(var(--kaart-h) * .62);height:calc(var(--kaart-b) * .62)}.ruggen.staand .rug+.rug{margin-top:calc(var(--kaart-b) * -.62 + 13px)}.zijhand{--hoek: clamp(14px, calc(16px * var(--tekst)), 22px);--strook: calc(var(--hoek) * 1.3);--lig-h: calc(var(--strook) * 2.1);display:flex;flex-direction:column;flex:none;width:min(100%,calc(var(--kaart-h) * .95))}.zijhand .kaart{flex:none;width:100%;height:var(--lig-h);border-radius:8px;box-shadow:0 -2px 5px #00000038}.zijhand .kaart+.kaart{margin-top:calc(var(--strook) - var(--lig-h))}.zijhand .kaart .hoek{flex-direction:row;align-items:baseline;gap:.08em;left:8%;font-size:min(var(--hoek),calc(var(--strook) * .82));line-height:1;top:calc((var(--strook) - min(var(--hoek),calc(var(--strook) * .82))) / 2)}.zijhand .kaart .midden-symbool{right:8%;bottom:6%;font-size:calc(var(--lig-h) * .55)}.zijhand.speelbaar{--strook: max(var(--doel), calc(var(--hoek) * 1.3))}.zijhand .kaart:not(:disabled):hover{transform:none}.zijkant-W .zijhand .kaart.gekozen{transform:translate(10%)}.zijkant-E .zijhand .kaart.gekozen{transform:translate(-10%)}.zijhand.aan-zet .kaart.mag-niet{filter:brightness(.62) saturate(.5)}.zijhand-ruimte{display:flex;justify-content:center;width:100%}@media(orientation:landscape)and (min-width:961px){.zijkant{min-height:0}.zijhand-ruimte{flex:1 1 0;min-height:0;container:zijruimte / size}.zijhand{--hoek: 20px;--lig-h: calc(var(--hoek) * 2.7);--strook: clamp(16px, calc((100cqh - var(--lig-h)) / max(1, var(--n) - 1)), calc(var(--hoek) * 1.3));width:min(100%,calc(var(--kaart-h) * .95))}.zijhand.speelbaar{--strook: var(--doel)}}@container zijruimte (max-height: 296px){.zijhand:not(.speelbaar){--strook: clamp(16px, calc((100cqh - var(--lig-h)) / max(1, var(--helft) - 1)), calc(var(--hoek) * 1.3));flex-flow:column wrap;align-content:space-between;width:min(100%,calc(var(--kaart-h) * 1.5));height:calc(var(--lig-h) + (var(--helft) - 1) * var(--strook) + 1px);padding-top:calc(var(--lig-h) - var(--strook))}.zijhand:not(.speelbaar) .kaart{width:calc(50% - 3px);margin-top:calc(var(--strook) - var(--lig-h))}}.tafel.bieden{display:grid;gap:10px 16px;align-content:start;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"verloop box" "bevestig box" "zuid zuid"}.bied-verloop{grid-area:verloop;min-height:0;overflow:auto}.bied-bevestig{grid-area:bevestig;width:100%}.biedbox{grid-area:box;display:grid;grid-template-rows:repeat(8,var(--rij));gap:4px}.biedrij{display:grid;grid-template-columns:repeat(5,var(--kol));gap:5px}.biedrij.speciaal{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(var(--doel),.6fr);container-type:inline-size}.biedrij.speciaal .bod-knop{font-size:calc(18px*min(var(--tekst),1.2));line-height:1.05;padding:0 2px;-webkit-hyphens:manual;hyphens:manual}.biedrij.speciaal .bod-knop.dbl{font-size:min(calc(18px*min(var(--tekst),1.2)),5cqw)}.biedrij.speciaal .bod-knop.rdbl{font-size:min(calc(18px*min(var(--tekst),1.2)),3.9cqw)}.biedbox .bod-knop.vraagteken{background:#e8e4d8;font-size:calc(26px*min(var(--tekst),1.2))}.biedbox .bod-knop.vraagteken:disabled{background:var(--grijs)}.bod-knop{min-width:0;border:0;border-radius:10px;background:#fff;color:var(--inkt);font-weight:800;font-size:calc(21px*min(var(--tekst),1.3));letter-spacing:-.01em}.bod-knop.rood{color:var(--rood)}.bod-knop.pas{background:#cfeccf}.bod-knop.dbl:nth-child(2){background:#f6cfd3}.bod-knop.dbl:nth-child(3){background:#cfdcf6}.biedbox .bod-knop:disabled{background:var(--grijs);color:var(--grijs-tekst)}.bod-knop.gekozen{background:var(--accent);color:var(--inkt);box-shadow:0 0 0 4px #fff}.tafel.bieden .zuid{grid-area:zuid;text-align:center}.biedverloop{width:100%;border-collapse:separate;border-spacing:0;background:var(--papier);color:var(--inkt);border-radius:var(--rond);overflow:hidden;table-layout:fixed}.biedverloop th{padding:10px 4px 0;font-size:1em}.biedverloop th.kwetsbaar{color:var(--rood)}.biedverloop .spelers td{font-size:.7em;color:#666;padding-bottom:6px;border-bottom:2px solid #e2ddd0;text-align:center}.biedverloop tbody td{text-align:center;height:var(--doel);padding:0 2px}.bod-cel{width:100%;min-height:calc(var(--doel) - 8px);border:0;border-radius:10px;background:transparent;font-weight:800;font-size:1.15em}.bod-cel.rood{color:var(--rood)}.bod-cel.gekozen{background:#fff1c2}.beurt{font-weight:800;font-size:1.15em;color:#8a6d00;background:#fff1c2;padding:4px 10px;border-radius:8px}.leeg{color:#aaa}.tafel.spelen{display:grid;gap:6px 10px;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"strook strook strook" "noord noord noord" "west midden oost" "zuid zuid zuid"}.strook{grid-area:strook;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:1.3em}.hint-knop{justify-self:end;min-height:var(--doel);min-width:calc(var(--doel) * 1.6);padding:0 16px;border-radius:12px;border:0;background:var(--knop);color:var(--inkt);font-weight:800}.hint-knop:disabled{background:var(--grijs);color:var(--grijs-tekst)}.contractinfo{background:#0000004d;border-radius:12px;padding:6px 12px;line-height:1.25;font-size:.9em;min-width:0}.contract-links{justify-self:start;text-align:left}.contract-rechts{justify-self:end;text-align:right}.contractinfo b.rood{color:#ff8f9c}.contractinfo span{white-space:nowrap}.contractinfo.slagen span{margin-left:8px}.noord{grid-area:noord;min-width:0}.zijkant{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0}.zijkant-W{grid-area:west}.zijkant-E{grid-area:oost}.zijkant .stoelnaam{max-width:100%;white-space:normal;text-align:center}.zijkant .stoelnaam .noot{display:block;font-size:.85em}.midden{grid-area:midden;display:grid;place-items:center;min-height:0;padding:14px 0}.tafel.spelen .zuid{grid-area:zuid;display:flex;flex-direction:column;align-items:center;gap:0}.zuid-regel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;column-gap:1.3em;width:100%}.zuid-regel>.stoelnaam{justify-self:center}.tafel.spelen .zuid .waaier{width:100%}.slagvak{position:relative;width:min(100%,calc(var(--kaart-b) * 5.2));height:calc(var(--kaart-h) * 2.45);background:var(--slagvak);color:var(--inkt);border-radius:28px;box-shadow:inset 0 2px 10px #0000002e,0 6px 18px #00000040}.letter{position:absolute;z-index:2;min-width:2em;padding:2px 8px;border-radius:999px;text-align:center;background:#8fbf8a;color:var(--inkt);font-weight:800;font-size:.85em}.letter.aan-beurt{background:var(--accent);box-shadow:0 0 0 3px #fff}.letter-N{top:-.8em;left:50%;transform:translate(-50%)}.letter-S{bottom:-.8em;left:50%;transform:translate(-50%)}.letter-W{left:-.9em;top:50%;transform:translateY(-50%)}.letter-E{right:-.9em;top:50%;transform:translateY(-50%)}.slagkaart{position:absolute;width:var(--kaart-b);height:var(--kaart-h);background:#fff;border:1px solid #8f9a92;border-radius:calc(var(--kaart-b) * .1);box-shadow:0 2px 6px #00000040;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--kaart-h) * .3);line-height:1}.slagkaart.rood{color:var(--rood)}.slagkaart.pos-N{top:7%;left:50%;transform:translate(-50%)}.slagkaart.pos-S{bottom:7%;left:50%;transform:translate(-50%)}.slagkaart.pos-W{left:5%;top:50%;transform:translateY(-50%)}.slagkaart.pos-E{right:5%;top:50%;transform:translateY(-50%)}.slag-midden{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);max-width:60%;text-align:center}.slag-midden .bevestig{white-space:nowrap}.hint{display:inline-block;font-weight:700;color:#2b4b33}.tag{display:inline-block;padding:6px 14px;border-radius:10px;background:var(--inkt);color:var(--papier);font-weight:700;font-size:.85em;white-space:nowrap}.vraag,.scorebriefje{background:var(--papier);color:var(--inkt);border-radius:18px;padding:16px 20px;box-shadow:0 8px 24px #0000004d;max-width:100%}.vraag p{margin:0 0 12px;font-weight:700}.vraag-knoppen{display:flex;flex-wrap:wrap;gap:10px}.claim-teller{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.getal{min-width:var(--doel);min-height:var(--doel);border-radius:12px;border:2px solid #b8b3a5;background:#fff;font-weight:800;font-size:1.3em}.getal:disabled{opacity:.4}.claim-aantal{min-width:2.2em;text-align:center;font-size:1.8em;font-weight:800}.scorebriefje h3{margin:0 0 8px;font-size:1.05em}.scorebriefje table{width:100%;border-collapse:collapse}.scorebriefje{padding:12px 18px;font-size:.92em}.midden:has(>.scorebriefje){grid-template-rows:minmax(0,1fr)}.midden>.scorebriefje{max-height:100%;overflow-y:auto;overscroll-behavior:contain}.midden:has(>.vraag){grid-template-rows:minmax(0,1fr)}.midden>.vraag{min-width:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}@media(orientation:landscape)and (min-width:961px){.midden>.vraag{font-size:min(1em,2.9vh);padding:12px 16px}.midden>.vraag .claim-teller{margin-bottom:8px}.midden>.vraag p{margin-bottom:8px}}@media(orientation:landscape)and (min-width:961px)and (max-height:700px){.scorebriefje{padding:8px 14px;font-size:.82em;line-height:1.2}.scorebriefje h3{margin-bottom:4px}.scorebriefje td{padding:1px 4px}.scorebriefje .par{margin-top:4px;padding-top:4px}}.scorebriefje td{padding:3px 4px;border-bottom:1px solid #e2ddd0}.scorebriefje td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;padding-left:24px}.scorebriefje .totaal td{border-top:2px solid var(--inkt);font-weight:800}.scorebriefje .nz td{background:#fff1c2;font-weight:800;font-size:1.1em}.spelverloop{width:100%;border-collapse:collapse;text-align:center;font-variant-numeric:tabular-nums}.spelverloop th{font-size:.85em;color:#555;border-bottom:2px solid #e2ddd0}.spelverloop td{padding:4px 2px;border-bottom:1px solid #eee9dd;font-weight:600}.spelverloop td.rood{color:var(--rood)}.spelverloop td.winnaar{font-weight:900;background:#fff1c2}.spelverloop td.uitkomst{text-decoration:underline;text-underline-offset:3px}.fout{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#ffe7a3;color:var(--inkt);font-weight:700;font-size:.85em}.gewoon.klein{min-height:44px;padding:0 14px;margin-left:8px}.voetknoppen{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;padding-top:8px}.voet-noten{display:flex;flex-wrap:wrap;gap:4px 14px;margin:6px 4px 0;font-size:.8em}.logboek-uitslag{font-weight:700;color:var(--accent)}.startscherm .logboek-uitslag{color:var(--papier)}.par{margin-top:6px;padding-top:6px;border-top:1px dashed #c9c3b3;font-size:.9em}.par p{margin:0 0 4px}.oordeel-above b{color:#1d7a3c}.oordeel-below b{color:var(--rood)}.ddtabel{margin:0 auto 8px;border-collapse:collapse;font-size:.75em;font-variant-numeric:tabular-nums;background:#fff9;border-radius:8px}.ddtabel caption{font-size:.9em;font-weight:700;padding-bottom:2px}.ddtabel th,.ddtabel td{padding:1px 8px;text-align:center}.ddtabel th.rood{color:var(--rood)}.slagvak .ddtabel{font-size:min(.75em,2.3vh);margin-bottom:4px}.slagvak .ddtabel caption{padding-bottom:0}.slagvak .slag-midden .tag{font-size:min(.85em,2.6vh)}@media(orientation:landscape)and (min-width:961px)and (max-height:700px){.slagvak{height:calc(var(--kaart-h) * 2.2)}.slagvak .ddtabel{font-size:min(.75em,2vh);line-height:1.15}.slagvak .ddtabel th,.slagvak .ddtabel td{padding:0 8px}}@media(orientation:landscape)and (min-width:961px){.midden{grid-template-rows:minmax(0,1fr)}.slagvak{max-height:100%}}@media(orientation:portrait),(max-width:960px){:root{--rij: max(var(--doel), 8vmin )}.waaier.klein{--kaart-h: max(64px, 12.5vmin )}.scherm{height:auto;min-height:100vh;min-height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto auto;grid-template-areas:"zoom" "balk" "kopje" "tafel" "venster" "status"}.tafel{overflow:visible}.venster{max-height:48vh;min-height:240px}.venster.dicht{min-height:0}.statusbalk{position:sticky;bottom:0;z-index:5}}@media(max-width:700px){.knoppenbalk{padding:4px;gap:4px}.knop .icoon{width:24px;height:24px}.tafel{padding:8px 6px}.tafel.bieden{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"verloop" "bevestig" "box" "zuid"}.hint-knop{min-width:var(--doel);padding:0 8px}.contractinfo{font-size:min(.8em,3.5vw);padding:4px 8px}.bied-verloop{max-height:30vh}.biedrij{grid-template-columns:repeat(5,minmax(0,1fr))}.tafel.spelen{grid-template-columns:minmax(0,1fr) minmax(0,2.6fr) minmax(0,1fr);gap:6px 4px}.slagvak{width:100%}.statusbalk{gap:8px;padding:6px 8px;flex-wrap:wrap}.denkt{width:36px}}.verborgen{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.start-later button.live{color:var(--papier);border-color:var(--papier);background:#0000002e;font-weight:700}.startscherm .fout{max-width:520px}.bestand-noot{padding:8px 10px;border-radius:10px;background:#eef1fb;border-left:5px solid #5b6fb5}.verzameling{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bodem)}.verzameling-kop{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;background:var(--paneel)}.verzameling-kop h1{margin:0;font-size:1.3em}.bestandsnaam{margin:0;flex:1;min-width:0;overflow-wrap:anywhere;opacity:.9}.verzameling-knoppen{display:flex;gap:8px;flex-wrap:wrap}.verzameling-lijst{list-style:none;margin:0;padding:12px 16px;display:flex;flex-direction:column;gap:10px;flex:1;width:min(100%,900px);align-self:center}.verzameling-rij{width:100%;min-height:max(var(--doel),9vmin);padding:10px 18px;text-align:left;display:flex;flex-direction:column;gap:2px;justify-content:center;border:3px solid transparent;border-radius:var(--rond);background:var(--papier);color:var(--inkt)}.verzameling-rij .rij-titel{font-weight:800}.verzameling-rij .rij-detail{font-size:.85em;color:#444}.verzameling-rij.gekozen{border-color:var(--accent);background:#fff1c2;box-shadow:0 0 0 4px var(--accent)}.verzameling-voet{position:sticky;bottom:0;display:flex;justify-content:center;padding:12px 16px;background:var(--paneel)}.verzameling-voet .bevestig{width:min(100%,520px)}.systeemregel{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;width:min(100%,520px)}.systeemregel .gewoon{min-width:140px;font-size:1.1em}.systeem-let-op{margin:0;padding:12px 16px;background:var(--accent);color:var(--inkt);font-weight:700;text-align:center}.systeem-zijden{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:8px 24px;width:min(100%,1100px);align-self:center;padding:8px 0}.systeem-zijde h2{margin:8px 16px 0;font-size:1.15em}.systeem-wie{font-weight:400;opacity:.85;font-size:.85em}.systeem-lijst{width:100%;flex:none}.boven{grid-area:zoom;display:flex;flex-direction:column}.vraag-balk{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:center;padding:10px 16px;background:var(--papier);color:var(--inkt);font-weight:700;border-bottom:6px solid var(--accent)}.toernooi-label{color:var(--accent)}.start-toernooi{width:min(100%,520px);font-size:1.1em}.toernooi-toevoegen{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 16px 0}.toernooi-toevoegen .start-nieuw{min-height:max(80px,11vmin);font-size:1.25em}.toernooi-leeg{margin:16px auto;padding:0 16px;max-width:900px;opacity:.9}.verzameling-voet{flex-direction:column;align-items:center;gap:6px}.toernooi-let-op{margin:0;font-size:.85em;color:var(--accent);font-weight:700}.toernooi-score{margin-top:8px;padding:8px 10px;border-radius:10px;background:#fff1c2;color:var(--inkt);font-size:.95em}.toernooi-score p{margin:0 0 4px}.toernooi-score p:last-child{margin-bottom:0}.scorebriefje .toernooi-score{margin-top:4px;padding:3px 8px}.toernooi-noot{font-size:.85em;color:#555}.resultaten-inhoud{width:min(100%,900px);align-self:center;padding:12px 16px 24px;display:flex;flex-direction:column;gap:8px}.resultaten-totaal{margin:0;font-size:1.05em}.resultaten-kop,.resultaat-rij{display:grid;grid-template-columns:3.5em minmax(0,1fr) 5em 6.5em;gap:8px;align-items:center}.resultaten-kop{padding:0 18px;font-size:.8em;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.resultaten-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.resultaat-rij{width:100%;min-height:var(--doel);padding:8px 18px;text-align:left;border:3px solid transparent;border-radius:var(--rond);background:var(--papier);color:var(--inkt);font-variant-numeric:tabular-nums}.resultaat-rij .r-spel{font-weight:800}.resultaat-rij .r-score,.resultaat-rij .r-procent{text-align:right;font-weight:700}.resultaat-rij.ongespeeld{background:#d9d6cc;color:#555}.resultaat-rij.gekozen{border-color:var(--accent);background:#fff1c2;box-shadow:0 0 0 4px var(--accent)}.frequentie{background:var(--papier);color:var(--inkt);border-radius:var(--rond);padding:12px 16px}.frequentie h2{margin:0 0 8px;font-size:1.1em}.frequentie p{margin:0 0 6px}.frequentiestaat{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.frequentiestaat th{text-align:left;font-size:.85em;color:#555;border-bottom:2px solid #e2ddd0;padding:4px}.frequentiestaat td{padding:6px 4px;border-bottom:1px solid #eee9dd}.frequentiestaat th:not(:first-child),.frequentiestaat td:not(:first-child){text-align:right}.frequentiestaat tr.mijn td{background:#fff1c2;font-weight:800}.frequentie-voet{font-size:.85em;color:#555;margin-top:6px!important}@media(max-width:700px){.resultaten-kop,.resultaat-rij{grid-template-columns:2.2em minmax(0,1fr) 4.2em 5em;gap:6px;padding-left:10px;padding-right:10px}.resultaat-rij{font-size:.9em}}@media(orientation:landscape)and (min-width:961px){.scherm.fase-done{grid-template-columns:minmax(0,1fr) clamp(var(--paneel-b),44vw,760px)}}.terug-balk{position:sticky;top:0;z-index:6;padding:8px 16px;background:var(--paneel);box-shadow:0 4px 12px #0000004d}.terug-knop{display:block;width:min(100%,900px);margin:0 auto;min-height:max(var(--doel),9vmin);font-size:1.1em;background:var(--knop);border:3px solid var(--accent)}.blad-knoppen{display:flex;flex-direction:column;gap:8px;margin-top:10px}.blad-knoppen button{width:100%;min-height:var(--doel);padding:6px 14px}.knop.bezig:after{content:"";position:absolute;left:12%;bottom:5px;width:30%;height:4px;border-radius:2px;background:var(--accent);animation:knop-bezig 1s ease-in-out infinite alternate}@keyframes knop-bezig{0%{left:12%}to{left:58%}}@media(prefers-reduced-motion:reduce){.knop.bezig:after{animation:none;left:12%;width:76%}}.knop-label.kort{display:none}@media(orientation:landscape)and (min-width:961px){.scorebriefje .blad-knoppen,.naar-tafel{display:none}}@media(orientation:portrait),(max-width:960px){.scherm.fase-done .venster{max-height:none}.scherm.fase-done .tekstvenster{overflow:visible}.midden>.scorebriefje,.midden>.vraag{max-height:none;overflow:visible;overscroll-behavior:auto}}.scorebriefje,.ddtabel,.tekstvenster,.vraag p,.statusbalk{touch-action:pan-x pan-y pinch-zoom}@media(max-width:700px){.knop-label.lang{display:none}.knop-label.kort{display:block;font-size:clamp(11px,3.1vw,14px);white-space:nowrap;overflow-wrap:normal}.knop{padding:4px 1px;gap:2px}.kopje{padding:4px;font-size:calc(14px*min(var(--tekst),1.1))}.kopje-regel,.kopje-knoppen{gap:4px 6px}.kopje-tekst{padding-left:4px}.kopje .knop{width:max(var(--doel),calc((100vw - 28px) / 6));padding:4px 1px}.kopje .knop-snelheid{width:max(calc(var(--doel) * 1.35),calc((100vw - 28px) / 4.3))}.snelheid-label{font-size:clamp(11px,3.1vw,14px)}.strook>.stoelnaam,.zuid-regel>.stoelnaam{font-size:min(1em,4.4vw);--groei: 1.2}.strook>.stoelnaam .noot,.zuid-regel>.stoelnaam .noot{font-size:.85em}.strook,.zuid-regel{column-gap:4.5vw}.tafel.spelen{grid-template-columns:minmax(0,18vw) minmax(0,1fr) minmax(0,18vw)}.zijkant{gap:6px;justify-content:flex-start}.zijkant .stoelnaam{--groei: 1.12;max-width:calc(100% / 1.12);padding:3px;border-radius:12px;white-space:normal;text-align:center;line-height:1.15;font-size:min(1em,4.1vw);transform-origin:50% 0}.zijhand{--hoek: clamp(14px, calc(16px * var(--tekst)), 4.6vw);--strook: calc(var(--hoek) * 1.14);--lig-h: calc(var(--hoek) * 2.5);width:100%}.zijhand .kaart{border-radius:6px}.midden>.vraag{width:100%;min-width:0;padding:10px 8px;border-radius:14px;font-size:min(.85em,3.9vw);line-height:1.2}.midden>.vraag p{margin-bottom:8px}.midden>.vraag .claim-teller{gap:6px;margin-bottom:8px}.midden>.vraag .vraag-knoppen{flex-direction:column;gap:6px}.midden>.vraag .vraag-knoppen button{width:100%;padding:4px 8px;font-size:min(1.05em,4.4vw);white-space:normal}.slagvak{--kaart-b: clamp(32px, 10.5vw, 52px);--kaart-h: calc(var(--kaart-b) / .7);height:calc(var(--kaart-h) * 2.8);border-radius:20px}.slagvak .letter{min-width:1.5em;padding:1px 3px;font-size:min(.85em,3.4vw)}.slagvak .letter-W{left:3px}.slagvak .letter-E{right:3px}.slagkaart.pos-W{left:calc(5.2vw + 9px)}.slagkaart.pos-E{right:calc(5.2vw + 9px)}.slag-midden{font-size:min(1em,4.3vw)}.slag-midden.bij-S,.slag-midden.bij-N{max-width:48%;transform:translate(-50%);font-size:min(.9em,3.6vw);line-height:1.1}.slag-midden.bij-S{top:auto;bottom:4%}.slag-midden.bij-N{top:4%}.slag-midden .bevestig{padding:0 12px;font-size:min(1.25em,4.6vw)}.statusbalk{position:static}.tafel.spelen:has(.midden>.scorebriefje){grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"strook strook" "noord noord" "midden midden" "west oost" "zuid zuid"}.midden>.scorebriefje{width:100%}.tafel.spelen.blad-boven{grid-template-rows:auto auto auto auto auto;grid-template-areas:"blad blad blad" "strook strook strook" "noord noord noord" "west midden oost" "zuid zuid zuid"}.scoreblad{grid-area:blad;min-width:0;margin-bottom:4px}.scoreblad>.scorebriefje{width:100%}.slagvak.einde{height:auto;min-height:calc(var(--kaart-h) * 2.8);display:flex;align-items:center;justify-content:center;padding:22px 4px}.slagvak.einde .slag-midden{position:static;transform:none;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.slagvak.einde .ddtabel{margin:0;font-size:min(.8em,3.6vw)}.slagvak.einde .ddtabel th,.slagvak.einde .ddtabel td{padding:1px 5px}.kopje .knop-knoppen{width:max(calc(var(--doel) * 1.1),calc((100vw - 28px) / 5.4))}}