.sociaal{flex-direction:column;gap:16px;display:flex}.sociaal>.melding,.sociaal-formulier .melding{margin:0}.sociaal-blok{flex-direction:column;gap:12px;display:flex}.sociaal-formulier{align-items:stretch}.sociaal-formulier .knop{align-self:flex-start}.regel-knoppen{flex-wrap:wrap;gap:8px;display:flex}.vriendregel .regel-knoppen{margin-left:auto}.vriendregel-doet{align-items:center;gap:6px;display:inline-flex}.stip{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.stip-aan{background:#2e9b5b}.stip-uit{border:2px solid var(--tekst-zacht);background:0 0}.gesprekregel{list-style:none}.gesprekregel-link{border:1px solid var(--rand);min-height:60px;color:var(--tekst);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;display:flex}.gesprekregel-link:hover{border-color:var(--groen)}.gesprekregel-tekst{flex-direction:column;flex:auto;min-width:0;display:flex}.gesprekregel-laatste{color:var(--tekst-zacht);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.telbadge{background:var(--geel);min-width:24px;height:24px;color:var(--groen-donker);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 7px;font-size:.875rem;font-weight:700;display:inline-flex}.berichtenlijst{border:1px solid var(--rand);background:#fff;border-radius:16px;flex-direction:column;gap:8px;max-height:55vh;margin:0;padding:12px;list-style:none;display:flex;overflow-y:auto}.bericht{background:var(--wit-warm);border-radius:14px;align-self:flex-start;max-width:85%;padding:8px 12px}.bericht-eigen{background:#e3f1e7;align-self:flex-end}.bericht-tekst{overflow-wrap:anywhere;margin:0}.bericht-tijd{color:var(--tekst-zacht);margin-top:2px;font-size:.75rem;display:block}.berichtformulier{flex-direction:column;gap:12px;display:flex}.berichtformulier .knop{align-self:flex-start}.uitnodiging .pagina-titel{overflow-wrap:anywhere;font-size:1.5rem}.uitnodiging-inloggen{margin:0}.beheer{gap:16px}.beheer-terug{align-self:flex-start}.beheer-pillen{flex-wrap:wrap;gap:8px;display:flex}.beheer-pil{min-height:var(--tikdoel);border:1px solid var(--groen);color:var(--groen);cursor:pointer;background:#fff;border-radius:999px;padding:8px 20px;font-weight:600}.beheer-pil:hover{background:#eef5f0}.beheer-pil[aria-pressed=true]{background:var(--groen);color:#fff}.beheer-pil[aria-pressed=true]:hover{background:var(--groen-donker)}.beheer-tab{flex-direction:column;gap:12px;display:flex}.beheer-tab>.melding{margin:0}.beheer-balk{justify-content:flex-end;display:flex}.beheer-schakelaar{min-height:var(--tikdoel);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.beheer-schakelaar input{width:20px;height:20px;accent-color:var(--groen)}.beheer-zoek{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.beheer-zoek .veld{flex:240px}.beheer-tabelvak{border:1px solid var(--rand);background:#fff;border-radius:12px;overflow-x:auto}.beheer-tabel{border-collapse:collapse;width:100%;min-width:640px}.beheer-tabel th,.beheer-tabel td{border-bottom:1px solid var(--rand);text-align:left;vertical-align:top;padding:8px 10px}.beheer-tabel th{color:var(--tekst-zacht);white-space:nowrap;font-size:.875rem;font-weight:600;position:relative}.beheer-tabel tbody tr:last-child td{border-bottom:0}.beheer-tabel td{overflow-wrap:anywhere}.beheer-tabel td:first-child{white-space:nowrap}.beheer-tekst{min-width:200px}.beheer-verborgen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.beheer-tafels{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.beheer-tafel{border:1px solid var(--rand);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 12px;display:flex}.beheer-tafel-eigenaar{align-items:center;gap:8px;min-width:140px;font-weight:600;display:inline-flex}.beheer-tafel-knop{margin-left:auto}.knop-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.medespelers{flex-wrap:wrap;gap:8px 16px;margin:0;display:flex}.medespeler{align-items:center;gap:8px;min-width:0;font-weight:600;display:inline-flex}.sessie-samenvatting{margin:0}.spelregels{flex-direction:column;align-self:stretch;margin:0;padding:0;list-style:none;display:flex}.spelregel{border-top:1px solid var(--rand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 0;display:flex}.spelregel-tekst{flex:220px;min-width:0;margin:0}.spelregel .knop{flex:none}.terugkijken .tafel-terug{border-radius:16px;min-height:0;overflow:hidden}.terugkijken .raster{padding-bottom:16px}.terug-bediening{flex-direction:column;gap:12px;display:flex}.terug-knoppen{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.terug-knoppen .knop{padding:8px 4px;font-size:.9375rem}.terug-schuif{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.terug-schuif .label{flex:none}.terug-balk{min-width:0;min-height:var(--tikdoel);accent-color:var(--groen);flex:180px}.terug-stand{min-width:4.5em;color:var(--tekst-zacht);font-variant-numeric:tabular-nums;text-align:right;flex:none}.terug-uitslag p{margin:0}.terug-pbn{align-self:flex-start}@media (width<=599px){.terugkijken .tafel-terug{overflow:visible}.terugkijken .tafel-terug>.spelinfo{border-radius:16px 16px 0 0}.terugkijken .raster{gap:12px 8px;padding-left:8px;padding-right:8px}.terugkijken .stoel .hand{--kaart-b:44px;--kaart-h:62px;--stap:28px;padding-top:0}.terugkijken .stoel-links .hand,.terugkijken .stoel-rechts .hand{--kaart-b:40px;--kaart-h:56px;--stap:18px;--hoek:.875rem;--midden:1.1rem}.terugkijken .stoel .hand .kaart-klein{--kaart-b:inherit;--kaart-h:inherit;--hoek:inherit;--midden:inherit}.terugkijken .stoel-onder .hand,.terugkijken .stoel-boven .hand{--hoek:.9375rem;--midden:1.3rem}.terugkijken .slag{--kaart-b:44px;--kaart-h:62px;--stap:44px;--hoek:.875rem;--midden:1.3rem}.terugkijken .midden{min-height:0}}.inhoud.inhoud-breed{max-width:1040px}.lobby-scherm,.open-tafels{flex-direction:column;gap:16px;display:flex}.lobby-scherm>.melding,.open-tafels>.melding{margin:0}.lobby-scherm>.melding-met-knop p{color:var(--fout);font-weight:600}.lobby-kop{background:var(--groen);color:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 20px;display:flex}.lobby-groet{overflow-wrap:anywhere;margin:0;font-size:1.5rem}.lobby-sub{color:#ffffffe0;margin:4px 0 0}.lobby-kop-knoppen{flex-wrap:wrap;gap:8px;display:flex}.lobby-kop :focus-visible{outline-color:var(--geel)}.lobby-balk{background:var(--geel);color:var(--groen-donker);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 16px;font-weight:600;display:flex}.lobby-balk p{margin:0}.lobby-balk :focus-visible{outline-color:var(--groen-donker)}.tegels{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=720px){.tegels{grid-template-columns:repeat(3,minmax(0,1fr))}}.tegel{border:1px solid var(--rand);background:#fff;border-radius:16px;flex-direction:column;gap:12px;min-height:160px;padding:20px;display:flex;position:relative}.tegel-titel{color:var(--groen-donker);margin:0;font-size:1.375rem}.tegel-tekst{color:var(--tekst-zacht);margin:0}.tegel-knop{align-self:flex-start;margin-top:auto}.tegel-klikbaar{cursor:pointer}.tegel-klikbaar:hover{border-color:var(--groen)}.tegel-klikbaar .tegel-knop:after{content:"";border-radius:16px;position:absolute;inset:0}.tegel-uit{background:#eceee9}.tegel-uit .tegel-titel{color:var(--tekst-zacht)}.tegel-uit .tegel-tekst{color:var(--tekst)}.tegel-uit .tegel-knop{border-color:var(--rand)}.speelnu{flex-direction:column;gap:16px;display:flex}.vrienden-aan-tafel{flex-direction:column;gap:12px;margin-top:8px;display:flex}.vriendenlijst{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vriendregel{border:1px solid var(--rand);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:60px;padding:8px 12px;display:flex}.vriendregel-naam{overflow-wrap:anywhere;flex:auto;min-width:0;font-weight:600}.vriendregel-doet,.vriendregel-vol{color:var(--tekst-zacht)}.scherm-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;display:flex}.filters{flex-wrap:wrap;gap:12px 24px;display:flex}.pillen{flex-wrap:wrap;gap:8px;display:flex}.filterpil{min-height:var(--tikdoel);border:1px solid var(--groen);color:var(--groen);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-weight:600}.filterpil:hover{background:#eef5f0}.filterpil[aria-pressed=true]{background:var(--groen);color:#fff}.filterpil[aria-pressed=true]:hover{background:var(--groen-donker)}.lege-lijst{border:1px dashed var(--rand);color:var(--tekst-zacht);text-align:center;background:#fff;border-radius:16px;margin:0;padding:24px 16px}.tafellijst{grid-template-columns:minmax(0,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.tafellijst{grid-template-columns:repeat(2,minmax(0,1fr))}}.tafelkaart{border:1px solid var(--rand);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.tafelkaart-kop{color:var(--groen-donker);align-items:center;gap:8px;margin:0;font-size:1.125rem;display:flex}.tafelkaart-kop span:last-child{overflow-wrap:anywhere;min-width:0}.stoelvakken{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.stoelvak{border:1px solid var(--rand);background:var(--wit-warm);border-radius:12px;flex-direction:column;justify-content:space-between;gap:4px;min-height:76px;padding:8px 10px;display:flex}.stoelvak-vrij{border-color:var(--groen);background:#eef5f0}.stoelvak-wind{letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-zacht);font-size:.75rem;font-weight:600}.stoelvak-naam{overflow-wrap:anywhere;font-weight:600}.stoelvak .stoelvak-knop{padding:8px 16px}.tafelkaart-info{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tafelkaart-info li{color:var(--groen-donker);background:#eef5f0;border-radius:999px;padding:4px 10px;font-size:.875rem;font-weight:600}:root{--laken-licht:#2f7a4f;--rug-licht:#1d4ed8;--rug-donker:#1e3a8a;--kaart-rood:#c8102e;--kaart-zwart:#111;--pas:#2e7d4f;--doublet:#b3261e;--redoublet:#1d4ed8}.inhoud-tafel{flex-direction:column;min-height:calc(100dvh - 56px);display:flex}.tafel{--kaart-b:72px;--kaart-h:100px;--stap:46px;--hoek:1.25rem;--midden:2.4rem;background:radial-gradient(ellipse at center, var(--laken-licht) 0%, var(--groen) 70%, var(--groen-donker) 100%);color:#fff;flex-direction:column;flex:1;min-height:calc(100dvh - 56px);display:flex;position:relative}.tafel :focus-visible{outline:3px solid var(--geel);outline-offset:2px}.spelinfo{background:#00000040;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;display:flex}.pil{letter-spacing:.04em;white-space:nowrap;background:#ffffff24;border-radius:999px;padding:5px 12px;font-size:.875rem;font-weight:600}.pil-contract{background:#ffffff38}.kwetsbaar{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-left:auto;font-size:.75rem}.toast{z-index:60;max-width:calc(100% - 32px);color:var(--fout);background:#fbe9e6;border-radius:12px;padding:12px 20px;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000002e}.inactiefbalk{background:var(--geel);color:var(--groen-donker);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:8px 16px;font-weight:600;display:flex}.aftelling{font-variant-numeric:tabular-nums}.knop-donker{background:var(--groen-donker);color:#fff;padding:8px 20px}.knop-stil{color:var(--tekst);border:1px solid var(--rand);background:0 0}.raster{flex:1;grid-template:"boven boven boven""links midden rechts"1fr"onder onder onder"/minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:12px 16px;width:100%;max-width:1200px;margin:0 auto;padding:12px 16px;display:grid}.stoel{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.stoel-boven{grid-area:boven;justify-self:center}.stoel-links{grid-area:links;justify-self:start}.stoel-rechts{grid-area:rechts;justify-self:end}.stoel-onder{grid-area:onder;justify-self:stretch;gap:4px}.midden{flex-direction:column;grid-area:midden;justify-content:center;align-self:stretch;align-items:center;min-height:220px;display:flex;position:relative}.midden-tekst{opacity:.85;margin:8px 0 0}.beurthint{min-height:1.2em;color:var(--geel);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8125rem;font-weight:600}.naambalk{letter-spacing:.06em;text-transform:uppercase;background:#00000059;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;display:inline-flex}.naambalk-stoel{font-weight:700}.naambalk-naam{text-transform:none;letter-spacing:0;font-size:.875rem}.badge{background:#ffffff2e;border-radius:999px;padding:1px 7px;font-size:.6875rem}.naambalk-rol{opacity:.8}.naambalk-status{text-transform:none;letter-spacing:0;font-style:italic}.naambalk-kwijt{color:#ffb4a8}.naambalk-beurt{background:var(--geel);color:var(--groen-donker)}.naambalk-beurt .badge{background:#0000001f}.naambalk-beurt .naambalk-kwijt{color:var(--fout)}.kaart{width:var(--kaart-b);height:var(--kaart-h);text-align:left;background:#fff;border:1px solid #0003;border-radius:8px;flex:none;margin:0;padding:0;font-weight:700;line-height:1;transition:transform .12s,opacity .12s;position:relative;box-shadow:0 2px 6px #0003}button.kaart{cursor:default}.kaart-rood{color:var(--kaart-rood)}.kaart-zwart{color:var(--kaart-zwart)}.kaart-hoek{width:min(var(--stap), var(--kaart-b));max-width:44px;font-size:var(--hoek);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:6px;left:0}.kaart-hoek .kaart-symbool{display:none}.kaart-midden{font-size:var(--midden);justify-content:center;align-items:center;padding-top:8%;display:flex;position:absolute;inset:0}.kaart-illegaal{opacity:.4}.kaart-opgetild{transform:translateY(-16px)}.hand-speelbaar button.kaart:not([aria-disabled]){cursor:pointer}@media (hover:hover){.hand-speelbaar button.kaart:not([aria-disabled]):not(.kaart-opgetild):hover{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.kaart{transition:none}}.kaart-klein{--kaart-b:52px;--kaart-h:72px;--hoek:1rem;--midden:1.6rem}.kaart-mini{--kaart-b:24px;--kaart-h:36px;--hoek:.75rem;box-shadow:none;border-radius:4px}.kaart-mini .kaart-hoek{letter-spacing:-.06em;gap:1px;width:19px;max-width:none;top:3px}.kaart-mini .kaart-midden{display:none}.kaart-mini .kaart-hoek .kaart-symbool{display:inline}.rug{background:repeating-linear-gradient(45deg, #ffffff14 0 2px, transparent 2px 6px), linear-gradient(135deg, var(--rug-licht), var(--rug-donker));border:1px solid #fff6;border-radius:4px;flex:none;width:36px;height:52px;display:block}.hand{justify-content:center;max-width:100%;padding-top:18px;display:flex}.hand-klein{--stap:44px}.hand-rij{display:contents}.kaart-plek{flex:none;display:flex}.hand-rij>.kaart-plek+.kaart-plek,.hand-rij+.hand-rij>.kaart-plek:first-child{margin-left:calc(var(--stap) - var(--kaart-b))}.hand-kleuren{--stap:22px;flex-direction:column;align-items:flex-start;gap:4px;padding-top:0}.hand-kleuren .hand-rij{display:flex}.hand-kleuren .hand-rij+.hand-rij>.kaart-plek:first-child{margin-left:0}.ruggen{align-items:center;gap:8px;display:flex}.ruggen-stapel{display:flex}.ruggen-stapel .rug+.rug{margin-left:-26px}.stoel-links .ruggen-stapel,.stoel-rechts .ruggen-stapel{flex-direction:column}.stoel-links .rug,.stoel-rechts .rug{width:52px;height:36px}.stoel-links .ruggen-stapel .rug+.rug,.stoel-rechts .ruggen-stapel .rug+.rug{margin-top:-26px;margin-left:0}.ruggen-aantal{display:none}.slag{--kaart-b:60px;--kaart-h:84px;--stap:60px;--hoek:1.05rem;--midden:2rem;width:calc(var(--kaart-b) * 3 + 24px);height:calc(var(--kaart-h) * 2 + 12px);flex:none;position:relative}.slag-plek{display:flex;position:absolute}.slag-beweging{display:flex}.slag-boven{top:0;left:50%;transform:translate(-50%)}.slag-onder{bottom:0;left:50%;transform:translate(-50%)}.slag-links{top:50%;left:0;transform:translateY(-50%)}.slag-rechts{top:50%;right:0;transform:translateY(-50%)}.slag-winnaar .kaart{outline:3px solid var(--geel);outline-offset:1px}.vorige-slag{background:radial-gradient(ellipse at center, var(--laken-licht) 0%, var(--groen) 80%);border-radius:12px;justify-content:center;padding:16px;display:flex}.bieden{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.biedverloop{border-collapse:separate;border-spacing:0;width:100%;max-width:360px;color:var(--tekst);table-layout:fixed;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0003}.biedverloop th{background:var(--wit-warm);color:var(--tekst-zacht);letter-spacing:.08em;text-transform:uppercase;padding:6px 4px;font-size:.6875rem;font-weight:600}.biedverloop td{text-align:center;border-top:1px solid #eceee9;height:32px;padding:2px 4px;font-weight:700}.bod{padding:2px 6px;display:inline-block}.bod-uitleg{min-width:var(--tikdoel);min-height:28px;color:inherit;font:inherit;cursor:pointer;background:#fff6d6;border:0;border-radius:6px}.bod-uitleg:hover{background:#fdeeb4}.biedverloop :focus-visible{outline-color:var(--groen)}.alertster{color:var(--fout);margin-left:1px}.rood{color:var(--kaart-rood)}.zwart{color:var(--kaart-zwart)}.biedkaart{flex-direction:column;gap:8px;width:100%;max-width:380px;display:flex}.biedrij{gap:6px;display:flex}.biedknop{min-width:var(--tikdoel);min-height:var(--tikdoel);color:var(--tekst);cursor:pointer;background:#fff;border:0;border-radius:10px;flex:1 1 0;padding:4px 6px;font-weight:700}.biedknop:disabled{color:#ffffff80;cursor:not-allowed;background:#ffffff2e}.biedknop[aria-pressed=true]{background:var(--geel);color:var(--groen-donker)}.biedrij-soorten .biedknop{font-size:1.25rem}.biedknop-soort.rood:not(:disabled){color:var(--kaart-rood)}.biedknop-soort.zwart:not(:disabled){color:var(--kaart-zwart)}.biedknop-niveau{color:var(--tekst);margin-right:2px;font-size:1rem}.biedknop-soort:disabled .biedknop-niveau{color:inherit}.biedrij-acties .biedknop{font-size:.875rem}.biedknop-pas:not(:disabled){background:var(--pas);color:#fff}.biedknop-doublet:not(:disabled){background:var(--doublet);color:#fff}.biedknop-redoublet:not(:disabled){background:var(--redoublet);color:#fff}.biedknop-alert:not(:disabled):not([aria-pressed=true]){color:#fff;background:0 0;border:1px solid #fff9}.alertveld{flex-direction:column;gap:4px;display:flex}.alertveld .label{color:#ffffffd9}.bieding-overlay{z-index:5;background:#17472df0;border-radius:16px;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.knoppenbalk{z-index:10;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#133b25;justify-content:center;gap:8px;display:flex;position:sticky;bottom:0}.balkknop{min-width:0;min-height:var(--tikdoel);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;flex:0 auto;padding:6px 18px;font-size:.875rem;font-weight:600;line-height:1.1}@media (hover:hover){.balkknop:hover:not(:disabled){background:#ffffff38}}.balkknop[aria-pressed=true],.balkknop[aria-pressed=true]:hover:not(:disabled){background:var(--geel);border-color:var(--geel);color:var(--groen-donker)}.balkknop:disabled{opacity:.45;cursor:not-allowed}.tafel-uitslag{flex:1;justify-content:center;align-items:flex-start;padding:16px;display:flex}.scorekaart{width:100%;max-width:560px;color:var(--tekst);background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 6px #0003}.scorekaart-titel{color:var(--groen-donker);margin:0 0 12px;font-size:1.5rem}.scoretabel{grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 16px;display:grid}.scoretabel dt{color:var(--tekst-zacht);letter-spacing:.08em;text-transform:uppercase;align-self:center;font-size:.75rem;font-weight:600}.scoretabel dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.scorekaart-handen{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.scorekaart-hand{flex-direction:column;gap:4px;min-width:0;display:flex}.mini-rij{display:flex}.mini-rij .kaart+.kaart{margin-left:-5px}.scorekaart-knoppen{bottom:var(--knoppenbalk-h);z-index:5;border-top:1px solid var(--rand);background:#fff;justify-content:center;padding:12px 0;display:flex;position:sticky}.dialoog-achtergrond{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialoog{width:100%;max-width:420px;max-height:90dvh;color:var(--tekst);background:#fff;border-radius:16px;padding:20px;overflow:auto;box-shadow:0 8px 24px #00000040}.dialoog:focus-visible{outline:none}.dialoog :focus-visible{outline-color:var(--groen)}.dialoog-titel{color:var(--groen-donker);margin:0 0 12px;font-size:1.25rem}.dialoog-tekst{margin:12px 0 0}.dialoog-knoppen{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.claimveld{flex-direction:column;gap:8px;display:flex}.claimveld .invoer{border-radius:12px;max-width:120px;font-size:1.25rem}@media (width<=899px){.tafel{--kaart-b:64px;--kaart-h:90px;--stap:44px;--hoek:1.125rem;--midden:2.1rem}.raster{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr);gap:10px 12px}.rug{width:30px;height:44px}.ruggen-stapel .rug+.rug{margin-left:-22px}.stoel-links .rug,.stoel-rechts .rug{width:44px;height:30px}.stoel-links .ruggen-stapel .rug+.rug,.stoel-rechts .ruggen-stapel .rug+.rug{margin-top:-22px}}@media (width<=699px){.tafel{--kaart-b:52px;--kaart-h:74px;--stap:44px;--hoek:1.05rem;--midden:1.7rem}.kaart-klein{--kaart-b:44px;--kaart-h:62px;--hoek:.9375rem;--midden:1.3rem}.hand-rijen{flex-direction:column;align-items:center}.hand-rijen .hand-rij{display:flex}.hand-rijen .hand-rij+.hand-rij{margin-top:calc(var(--kaart-h) * -.38)}.hand-rijen .hand-rij+.hand-rij>.kaart-plek:first-child{margin-left:0}.slag{--kaart-b:52px;--kaart-h:72px;--stap:52px;--hoek:.9375rem;--midden:1.6rem}}@media (width<=599px){.spelinfo{gap:6px;padding:6px 12px}.pil{padding:4px 10px;font-size:.8125rem}.kwetsbaar{margin-left:0}.raster{grid-template:"boven boven""links rechts""midden midden"1fr"onder onder"/minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px 12px}.raster.dummy-links{grid-template-areas:"boven rechts""links links""midden midden""onder onder"}.raster.dummy-rechts{grid-template-areas:"links boven""rechts rechts""midden midden""onder onder"}.raster.dummy-links .stoel-boven{justify-content:flex-start;justify-self:stretch}.raster.dummy-rechts .stoel-boven{flex-direction:row-reverse;justify-content:flex-start;justify-self:stretch}.raster.dummy-links .stoel-links,.raster.dummy-rechts .stoel-rechts{justify-self:center}.stoel:not(.stoel-dummy):not(.stoel-leider-open):not(.stoel-onder){flex-direction:row;gap:6px}.stoel-rechts:not(.stoel-dummy){flex-direction:row-reverse}.stoel-links:not(.stoel-dummy),.stoel-rechts:not(.stoel-dummy){justify-content:flex-start;justify-self:stretch}.ruggen-stapel{display:none}.ruggen-aantal{background:linear-gradient(135deg, var(--rug-licht), var(--rug-donker));text-align:center;border-radius:999px;min-width:28px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-block}.naambalk{padding:4px 10px}.midden{min-height:160px}.hand{padding-top:14px}.stoel-dummy .hand-kleuren{flex-flow:wrap;justify-content:center;gap:4px 10px}.biedrij{gap:4px}.biedverloop td{height:28px}.knoppenbalk{gap:4px;padding-left:8px;padding-right:8px}.balkknop{flex:1 1 0;padding:4px 6px;font-size:.8125rem}.scorekaart{padding:16px}.scorekaart-handen{grid-template-columns:minmax(0,1fr)}}.chatknop{min-height:var(--tikdoel);color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:999px;padding:6px 16px;font-size:.875rem;font-weight:600}@media (hover:hover){.chatknop:hover{background:#ffffff24}}.chatregel .chatknop,.stoelkeuze .chatknop{border-color:var(--groen);color:var(--groen)}.chatregel .chatknop:hover,.stoelkeuze .chatknop:hover{background:#eef5f0}.stoelkeuze .chatknop-licht,.stoelkeuze .chatknop-licht:hover{border-color:var(--geel);background:var(--geel);color:var(--groen-donker)}.chatknop-klein{margin-left:auto;padding:4px 12px;font-size:.8125rem}.balkbadge{background:var(--geel);min-width:22px;color:var(--groen-donker);text-align:center;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.75rem;font-weight:700;display:inline-block}.chatpaneel{background:var(--groen-donker);color:#fff;flex-direction:column;gap:10px;min-width:0;padding:12px 16px;display:flex}.chatpaneel-kop{justify-content:space-between;align-items:center;gap:8px;display:flex}.chatpaneel-titel{margin:0;font-size:1.25rem}.chat-huisregel{color:#ffffffc7;background:#00000038;border-radius:8px;margin:0;padding:8px 12px;font-size:.875rem}.chatlijst{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chatregel{max-width:88%;color:var(--tekst);background:#fff;border-radius:12px;align-self:flex-start;padding:6px 12px 8px}.chatregel-eigen{background:#e3f1e7;align-self:flex-end}.chatregel-kop{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.8125rem;display:flex}.chatregel-naam{color:var(--groen-donker);font-weight:700}.chatregel-tijd{color:var(--tekst-zacht);font-variant-numeric:tabular-nums}.chatregel-tekst{overflow-wrap:anywhere;white-space:pre-wrap;margin:2px 0 0}.chatmenu{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chat-leeg{color:#ffffffbf;margin:0}.chatinvoer{gap:8px;display:flex}.chatveld{flex:1;min-width:0}.chat-melding{color:var(--fout);background:#fbe9e6;border-radius:8px;margin:0;padding:8px 12px;font-weight:600}.tafel{--knoppenbalk-h:calc(60px + env(safe-area-inset-bottom))}.chatpaneel-zwevend{right:0;bottom:var(--knoppenbalk-h);z-index:30;height:min(70dvh,520px);max-height:calc(100dvh - 56px - var(--knoppenbalk-h));border-radius:16px 16px 0 0;position:fixed;left:0;box-shadow:0 -6px 20px #0000004d}@media (width>=900px){.chatpaneel-zwevend{border-radius:0;width:340px;height:auto;max-height:none;top:56px;bottom:0;left:auto;box-shadow:-6px 0 20px #00000040}.tafel-met-chat{padding-right:340px}}.chatpaneel-vast{border-radius:16px;min-height:320px;max-height:70dvh}.wachtende-tafel{flex-direction:column;flex:1;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:16px;display:flex}.wacht-instellingen{background:#00000040;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;display:flex}.wacht-samenvatting{margin:0;font-weight:600}.wacht-indeling{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.wacht-indeling{grid-template-columns:minmax(0,1fr) 340px}}.wacht-laken{background:radial-gradient(ellipse at center, var(--laken-licht) 0%, var(--groen) 75%);border:2px solid #ffffff1f;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:".boven.""links.rechts"".onder.";place-items:center;gap:12px;min-height:360px;padding:16px;display:grid}.stoelkeuze{width:100%;max-width:220px;color:var(--tekst);text-align:center;background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.stoelkeuze-boven{grid-area:boven}.stoelkeuze-links{grid-area:links}.stoelkeuze-rechts{grid-area:rechts}.stoelkeuze-onder{grid-area:onder}.stoelkeuze-vrij{border:2px dashed var(--groen);background:#eef5f0}.stoelkeuze-wind{color:var(--tekst-zacht);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.stoelkeuze-wie{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.stoelkeuze-naam{overflow-wrap:anywhere;min-width:0}.stoelkeuze-rol{color:var(--tekst-zacht);font-weight:400}.stoelkeuze .badge{color:var(--tekst);background:#e3e6e1;font-size:.8125rem}.stoelkeuze-knoppen{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wacht-voet{flex-direction:column;align-items:center;gap:12px;display:flex}.wacht-tekst{text-align:center;margin:0;font-weight:600}.wacht-knoppen{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=599px){.wachtende-tafel{padding:12px}.wacht-laken{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"boven boven""links rechts""onder onder";gap:8px;min-height:0;padding:12px}.stoelkeuze{padding:10px 8px}}.dialoog h3.label{margin:0 0 8px}.dialoog .uitnodigen-kop{margin-top:20px}.uitnodiglijst{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.uitnodigregel{align-items:center;gap:12px;display:flex}.uitnodigregel-naam{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.linkregel{gap:8px;display:flex}.linkveld{flex:1;min-width:0}.eindtabel-vak{overflow-x:auto}.eindtabel{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.eindtabel th,.eindtabel td{border-bottom:1px solid var(--rand);text-align:left;padding:8px 6px}.eindtabel th{color:var(--tekst-zacht);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.eindtabel th:nth-child(n+4),.eindtabel td:nth-child(n+4){text-align:right}.eindtotaal{color:var(--groen-donker);margin:16px 0;font-size:1.25rem;font-weight:700}.eindknoppen{flex-wrap:wrap;gap:12px}@media (width<=479px){.tafel{--knoppenbalk-h:calc(108px + env(safe-area-inset-bottom))}.knoppenbalk{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.balkknop{padding:4px 6px}}:root{--groen-donker:#17472d;--groen:#1f5c3a;--geel:#f2c94c;--geel-donker:#e9bb32;--wit-warm:#f4f5f2;--tekst:#1c241f;--tekst-zacht:#56615a;--rand:#cfd5cf;--fout:#9b2c1f;--tikdoel:44px;color:var(--tekst);background:var(--wit-warm);font-family:-apple-system,Helvetica Neue,Inter,sans-serif;line-height:1.4}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--groen);outline-offset:2px}.kopbalk{background:var(--groen-donker);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:56px;padding:8px 16px;display:flex}.merk{min-height:var(--tikdoel);color:#fff;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.kop-wie{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.kop-naam{align-items:center;gap:8px;font-weight:600;display:inline-flex}.kop-knop,.kop-link{min-height:var(--tikdoel);color:#fff;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:999px;align-items:center;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.kop-knop:hover,.kop-link:hover{background:#ffffff1f}.kopbalk :focus-visible{outline-color:var(--geel)}.kop-naam>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kop-nav{flex-wrap:wrap;gap:8px;display:flex}.kop-nav .kop-knop{white-space:nowrap;flex:none}.kop-ongelezen{white-space:nowrap;flex:none;font-size:.875rem;font-weight:600}.kop-badge{background:var(--geel);min-width:22px;height:22px;color:var(--groen-donker);border-radius:999px;justify-content:center;align-items:center;margin-left:8px;padding:0 6px;font-size:.8125rem;font-weight:700;display:inline-flex}@media (width<=520px){.kop-nav{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:100%;order:3;gap:6px;min-width:0;margin:-4px -16px;padding:4px 16px;overflow-x:auto}.kop-nav::-webkit-scrollbar{display:none}.kop-wie:has(.kop-naam){flex-wrap:nowrap;flex:100%}.kop-naam{flex:auto;min-width:0}.kop-knop,.kop-link{white-space:nowrap;flex:none;padding:8px 12px}}@media (width<=479px){.kop-knop,.kop-link{padding:8px 10px}.kop-badge{margin-left:6px}}.verbinding{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.verbinding:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.verbinding-verbonden:before{background:#7bd69a}.verbinding-verbindt:before{background:var(--geel)}.verbinding-verbroken:before{background:#e88a7d}.inhoud{max-width:480px;margin:0 auto;padding:24px 16px 40px}.veld{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-zacht);padding:0;font-size:.75rem;font-weight:600}.invoer{min-height:var(--tikdoel);border:1px solid var(--rand);color:var(--tekst);background:#fff;border-radius:999px;padding:8px 16px}.systeemknoppen{flex-wrap:wrap;gap:8px;display:flex}.keuzeknoppen{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.systeemknop,.keuzeknop{flex:auto;position:relative}.systeemknop input,.keuzeknop input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.systeemknop span,.keuzeknop span{min-height:var(--tikdoel);border:1px solid var(--groen);color:var(--groen);white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:8px 10px;font-weight:600;display:flex}.systeemknop input:checked+span,.keuzeknop input:checked+span{background:var(--groen);color:#fff}.systeemknop input:focus-visible+span,.keuzeknop input:focus-visible+span{outline:3px solid var(--groen-donker);outline-offset:2px}.toelichting{color:var(--tekst-zacht);margin:0;font-size:.875rem}.knop{min-height:var(--tikdoel);cursor:pointer;border:0;border-radius:999px;padding:10px 24px;font-weight:700}.knop-primair{background:var(--geel);color:var(--groen-donker)}.knop-primair:hover:not(:disabled){background:var(--geel-donker)}.knop-groot{min-height:64px;font-size:1.25rem}.knop:disabled{color:#8a938c;cursor:not-allowed;background:#e3e6e1}.melding{color:var(--fout);background:#fbe9e6;border-radius:12px;margin:0 0 16px;padding:12px 16px}.melding-goed{color:var(--groen-donker);background:#e3f1e7}.melding-info{border:1px solid var(--rand);color:var(--tekst);background:#fff}.knop-tweede{color:var(--groen);border:1px solid var(--groen);background:#fff}.knop-tweede:hover:not(:disabled){background:#eef5f0}.link,.link-knop{min-height:var(--tikdoel);color:var(--groen);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:600;text-decoration:underline;display:inline-flex}.link:hover,.link-knop:hover{color:var(--groen-donker)}.pagina-titel{color:var(--groen-donker);margin:0;font-size:1.75rem}.formulier,.formulier-deel{flex-direction:column;gap:20px;display:flex}.formulier-links{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.formulier-links .melding{margin:0}.veldfout{color:var(--fout);margin:0;font-size:.875rem;font-weight:600}.invoer[aria-invalid=true]{border-color:var(--fout)}.keuzelijst{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--tekst-zacht) 50%), linear-gradient(135deg, var(--tekst-zacht) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}.tekstvak{resize:vertical;border-radius:16px}.blok{border:1px solid var(--rand);background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.blok .formulier-deel{align-self:stretch}.blok .melding{margin:0}.blok-titel{color:var(--groen-donker);margin:0;font-size:1.125rem}.code{word-break:break-all;margin:0;font-family:ui-monospace,Menlo,monospace}.formulier .melding,.formulier-deel .melding{margin:0}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;line-height:1;display:inline-flex}.avatar-letter{background:var(--groen);color:#fff}.avatar-tekening{color:var(--groen-donker);background:#e3f1e7}.avatar svg{width:70%;height:70%}.avatar-groot{width:48px;height:48px;font-size:1.375rem}.kopbalk .avatar-letter{color:var(--groen-donker);background:#fff}.avatarkeuze{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.avatarvak{position:relative}.avatarvak input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.avatarvak-binnen{border:2px solid var(--rand);background:#fff;border-radius:16px;justify-content:center;align-items:center;min-height:64px;display:flex}.avatarvak input:checked+.avatarvak-binnen{border-color:var(--groen);background:#eef5f0}.avatarvak input:focus-visible+.avatarvak-binnen{outline:3px solid var(--groen-donker);outline-offset:2px}.mededeling{border-left:4px solid var(--geel);background:#fff;border-radius:12px;padding:12px 16px}.mededeling p{margin:0}.mededeling-tussen-spellen{margin-top:16px}.melding-met-knop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.melding-met-knop p{margin:0}.melding-kop{margin:12px 16px 0}