: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:40;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{justify-content:center;display:flex}.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-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)}}: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{font:inherit}:focus-visible{outline:3px solid var(--groen);outline-offset:2px}.kopbalk{background:var(--groen-donker);color:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:8px 16px;display:flex}.merk{font-weight:700}.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}.lobby{flex-direction:column;gap:24px;display:flex}.lobby-titel{color:var(--groen-donker);margin:0;font-size:1.75rem}.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}.systeemknop{flex:auto;position:relative}.systeemknop input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.systeemknop 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{background:var(--groen);color:#fff}.systeemknop 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}