@layer base,table,home,review,motion;@layer base{:root{--cloth: #14203f;--check: rgba(241, 237, 227, .05);--chalk: #f1ede3;--dim: #aaa69c;--paper: #f1ede3;--ink: #14203f;--muted: #5b6273;--ochre: #e6b345;--ochre-ink: #8a6410;--red: #ea4a2e;--display: "Young Serif", "Iowan Old Style", Georgia, serif;--sans: "Nunito Sans", "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 14px 30px -10px rgba(0, 0, 0, .55);--hairline: 1.5px;--gingham: 13px;--shadow-near: 0 1px 1px rgba(0, 0, 0, .25), 0 6px 14px -6px rgba(0, 0, 0, .5)}}@layer base{:root{--rule: #b9c9e6;--rule-faint: #e1e8f4;--margin: #e9a2a2;--cw: 4.4rem;--paper-margin: 1.5rem;--margin-line: linear-gradient( to right, transparent 0 var(--paper-margin), var(--margin) var(--paper-margin) calc(var(--paper-margin) + var(--hairline)), transparent calc(var(--paper-margin) + var(--hairline)) );color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background-color:var(--cloth);background-image:repeating-linear-gradient(0deg,var(--check) 0 var(--gingham),transparent var(--gingham) calc(2 * var(--gingham))),repeating-linear-gradient(90deg,var(--check) 0 var(--gingham),transparent var(--gingham) calc(2 * var(--gingham)));color:var(--chalk);font-family:var(--sans);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:3px}.table{max-width:52rem;margin:0 auto;padding:.75rem 1rem 3rem;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"board" "head" "felt" "hand" "controls" "quiet"}.toasts{position:fixed;top:.5rem;left:50%;z-index:20;width:min(30rem,calc(100% - 2rem));transform:translate(-50%);display:grid;gap:.4rem;pointer-events:none}.toasts .banner--warning{padding:.45rem .9rem;border-radius:8px;background:var(--ink);box-shadow:var(--shadow)}.clock{margin:2px 0 0;font-family:var(--display);font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--dim)}.clock--low{color:var(--red)}.banner{margin:0;text-align:center;font-family:var(--display);font-size:1.35rem;line-height:1.2;text-wrap:balance}.banner--warning{color:var(--ochre);font-family:var(--sans);font-size:1rem}.controls{grid-area:controls;min-height:2.75rem;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;align-items:center}.controls--quiet{grid-area:quiet;min-height:0;gap:.2rem 1rem}.control{display:inline-block;padding:.55em 1.25em;border:2px solid var(--paper);border-radius:10px;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:1rem;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-near);cursor:pointer;transition:transform .12s ease}.control:hover{transform:translateY(-1px)}.control:active{transform:translateY(1px);box-shadow:none}.control--loud{border-color:var(--red);background:var(--red);color:var(--chalk)}.control--pass{color:var(--muted)}.control--ghost{border-color:transparent;background:none;box-shadow:none;color:var(--dim);font-family:var(--sans);font-size:.88rem;padding:.4em .5em;text-decoration:underline;text-decoration-color:#f1ede34d;text-underline-offset:.2em}.control--ghost:hover{color:var(--chalk);transform:none}select.control{max-width:11rem;text-decoration:none}select.control option{color:var(--ink);background:var(--paper)}.hint{align-self:center;font-size:.85rem;color:var(--dim)}.dealer{flex:1 1 100%;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center}.dealer__label{font-family:var(--display);font-size:1.05rem}.dealer .control--loud{background:var(--paper);color:var(--ink);border-color:var(--red)}.dealer__depth{font-variant-numeric:tabular-nums;color:var(--dim);font-size:.9rem;min-width:5rem}.cutter{flex:1 1 10rem;min-width:8rem;accent-color:var(--red)}@media(min-width:68rem){.table{max-width:82rem;grid-template-columns:minmax(0,1fr) 23rem;grid-template-areas:"board rail" "head rail" "felt rail" "hand rail" "controls rail" "quiet rail";align-content:start;column-gap:1.5rem;padding-bottom:1rem}.table:has([data-home]),.table:has([data-review]){max-width:42rem;grid-template-columns:minmax(0,1fr);grid-template-areas:none}.banner{font-size:1.6rem}}@media(max-width:32rem){.table{padding:.5rem .75rem 2.5rem}.head .banner{font-size:1.2rem;min-height:2.4em;display:grid;align-content:center}.field__label{flex-basis:100%}}}@layer table{.board{grid-area:board;justify-self:start;display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .75rem;padding:.35rem .9rem .45rem 1.6rem;border-radius:3px;background-color:var(--paper);--paper-margin: 1.05rem;background-image:var(--margin-line),repeating-linear-gradient(to bottom,transparent 0 15.5px,var(--rule) 15.5px 16px),repeating-linear-gradient(to bottom,transparent 0 3.5px,var(--rule-faint) 3.5px 4px);background-position:0 0,0 -4px,0 -4px;box-shadow:var(--shadow-near);color:var(--ink);transform:rotate(-1.2deg);transform-origin:20% 50%}.board__side{display:flex;align-items:baseline;gap:.35rem}.board__label{font-family:var(--display);font-size:.95rem}.board__points{font-family:var(--display);font-size:1.45rem;line-height:1;font-variant-numeric:tabular-nums}.board__target,.board__level{font-size:.78rem;color:var(--muted)}.head{grid-area:head;display:grid;gap:.2rem;text-align:center}.contract{margin:0;height:1.75rem;overflow:hidden;display:flex;justify-content:center;align-items:baseline;gap:1rem;white-space:nowrap;color:var(--dim);font-size:.9rem}.contract__call{min-width:0;display:inline-flex;align-items:center;gap:.3rem;color:var(--chalk)}.contract__text{min-width:0;overflow:hidden;text-overflow:ellipsis}.contract__trump{width:1em;height:1em}.contract__tricks b{color:var(--chalk);font-weight:700;font-variant-numeric:tabular-nums}.pip{display:inline-block;width:1em;height:1em;vertical-align:-.12em;fill:currentColor}.rail{display:grid;gap:.75rem}@media(width<68rem){.rail{grid-area:felt;align-self:end;justify-self:center;z-index:4;width:min(100%,24rem);max-height:62%;overflow-y:auto}.rail:not(:has(>*)){display:none}}.bidder{--line: 2rem;width:min(100%,24rem);margin:0 auto;padding:.6rem .9rem .8rem 2.4rem;border-radius:6px;background-color:var(--paper);--paper-margin: 1.75rem;background-image:var(--margin-line),repeating-linear-gradient(to bottom,transparent 0 calc(var(--line) - var(--hairline)),var(--rule) calc(var(--line) - var(--hairline)) var(--line));background-position:0 0,0 .35rem;box-shadow:var(--shadow);color:var(--ink);display:grid;gap:0}.holding{display:flex;gap:.9rem;align-items:center;height:var(--line);font-size:.9rem}.holding__suit{display:inline-flex;align-items:center;gap:.2rem;font-variant-numeric:tabular-nums}.holding__suit--void{color:var(--muted);text-decoration:line-through}.holding__sign{width:.95em;height:.95em}.holding__sign--h,.holding__sign--d{color:var(--red)}.holding__suit--void .holding__sign{color:inherit}.holding__count{font-family:var(--display)}.rung{display:grid;grid-template-columns:4.5rem repeat(4,1fr);align-items:center;gap:.3rem;height:var(--line)}.rung__value{font-family:var(--display);font-size:1.05rem;font-variant-numeric:tabular-nums}.suit{height:calc(var(--line) - .3rem);display:inline-grid;place-items:center;border:0;border-radius:5px;background:#14203f12;color:var(--ink);cursor:pointer;font-size:1.05rem;transition:background-color .12s ease}.suit--h,.suit--d{color:var(--red)}.suit:hover{background:#14203f29}.bidder__more{color:var(--muted);font-size:.85rem}.bidder__more summary{cursor:pointer;height:var(--line);display:flex;align-items:center}.callouts{display:grid;gap:.5rem;justify-items:center}.callout{width:min(100%,30rem);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.55rem .8rem .55rem 1.4rem;border-radius:4px;background-color:var(--paper);--paper-margin: .7rem;background-image:var(--margin-line);box-shadow:var(--shadow-near);color:var(--ink)}.callout__words{display:grid;flex:1 1 12rem}.callout__title{font-family:var(--display);font-weight:400;font-size:1.05rem}.callout__detail{font-size:.82rem;color:var(--muted)}.settlement{padding:.8rem 1rem .9rem;border-radius:6px;background:var(--paper);box-shadow:var(--shadow);color:var(--ink)}.settlement__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.settlement__headline{margin:0 0 .4rem;font-family:var(--display);font-weight:400;font-size:1.2rem;line-height:1.2}.settlement__close{flex:none;border:0;background:transparent;color:var(--muted);border-radius:5px;font-size:1.3rem;line-height:1;padding:.1rem .4rem .25rem;cursor:pointer}.settlement__close:hover{color:var(--ink);background:#14203f14}.settlement__detail{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.88rem}.shown{margin-top:.7rem;display:grid;gap:.35rem}.shown__title{margin:0 0 .1rem;font-family:var(--display);font-weight:400;font-size:.95rem}.shown__hand{display:flex;align-items:center;gap:.5rem}.shown__who{min-width:7rem;font-size:.82rem;color:var(--muted)}.shown__cards{display:flex;gap:.2rem;flex-wrap:wrap}@media(min-width:68rem){.rail{grid-area:rail;align-self:start;position:sticky;top:.75rem}.bidder{width:100%}}@media(max-width:32rem){.bidder{--line: 1.5rem;padding-top:.3rem;padding-bottom:.4rem}.rung__value{font-size:.95rem}}}@layer table{.felt{grid-area:felt;position:relative;aspect-ratio:16 / 9;min-height:24rem;max-height:30rem;max-width:100%;min-width:0;--mat-x: 12%;--mat-y: 5%;--trump: 11rem}.felt:before{content:"";position:absolute;inset:var(--mat-y) var(--mat-x);border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.08),transparent 60%),radial-gradient(ellipse at 50% 50%,#2f6a4c,#27573f 70%,#1f4733);box-shadow:inset 0 0 0 5px #1c3f2d,inset 0 2px 30px #00000059,0 2px 2px #00000040,0 18px 40px -14px #000000b3}.felt:after{content:"";position:absolute;inset:calc(var(--mat-y) + .7rem) calc(var(--mat-x) + .7rem);border-radius:50%;border:var(--hairline) dashed rgba(241,237,227,.28);pointer-events:none}.felt__trump{position:absolute;left:50%;top:50%;width:var(--trump);height:var(--trump);transform:translate(-50%,-50%) rotate(-9deg);color:#f1ede31a;pointer-events:none}.seat{position:absolute;display:grid;justify-items:center;gap:.35rem;max-width:44%}.seat--sud{bottom:2%;left:50%;transform:translate(-50%)}.seat--nord{top:2%;left:50%;transform:translate(-50%)}.seat--ouest{left:2%;top:50%;transform:translateY(-50%)}.seat--est{right:2%;top:50%;transform:translateY(-50%)}.seat__tag{display:flex;align-items:center;gap:.55rem;padding:.3rem .8rem .3rem .4rem;border-radius:4px;background:var(--paper);box-shadow:var(--shadow-near);color:var(--ink);text-align:left;transition:box-shadow .18s ease}.seat__words{display:grid;line-height:1.2}.seat__name{font-family:var(--display);font-size:.98rem;white-space:nowrap}.seat__contract{position:absolute;top:-.55rem;left:50%;transform:translate(-50%) rotate(-4deg);padding:.05rem .4rem .1rem;border-radius:4px;background:var(--red);color:var(--chalk);font-family:var(--display);font-size:.72rem;line-height:1.2;white-space:nowrap;box-shadow:var(--shadow-near)}.seat__role,.seat__status{font-size:.72rem;color:var(--muted)}.seat--turn .seat__tag{box-shadow:0 0 0 2.5px var(--red),var(--shadow-near)}.seat__status--turn{color:var(--red);font-weight:700}.seat--won .seat__tag{box-shadow:0 0 0 2.5px var(--ochre),var(--shadow-near)}.seat__status--won{color:var(--ochre-ink);font-weight:700}.line--good::marker{color:#2f6a4c}.line--bad::marker{color:var(--red)}.line--good,.line--bad{color:var(--ink)}.avatar{position:relative;flex:none;--avatar: 2.3rem;width:var(--avatar);height:var(--avatar);border-radius:50%;display:grid;place-items:center;text-transform:uppercase;background:var(--ink);color:var(--chalk);font-family:var(--display);font-size:.9rem}.avatar--ours{background:none;--fur: #8b5e3c;--muzzle: #e8c9a3}.ours{width:calc(var(--avatar) + .2rem);height:calc(var(--avatar) + .2rem);display:block}.seat--est .avatar--ours{--fur: #9a6a44}.seat--nord .avatar--ours{--fur: #7a5032}.seat--ouest .avatar--ours{--fur: #a3714a}.donneur{position:absolute;right:-.4rem;bottom:-.3rem;width:1.15rem;height:1.15rem;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-size:.65rem;line-height:1;background:var(--ochre);color:var(--ink);box-shadow:0 1px 2px #0006}.bubble{position:absolute;left:50%;bottom:calc(100% + .3rem);translate:-50% 0;padding:.25rem .8rem .3rem;border-radius:14px 14px 14px 3px;background:var(--paper);box-shadow:var(--shadow-near);color:var(--ink);font-family:var(--display);font-size:1.05rem;line-height:1.2;white-space:nowrap;opacity:.66;transition:opacity .18s ease}.seat--nord .bubble{bottom:auto;top:calc(100% + .3rem);border-radius:3px 14px 14px}.bubble--said{opacity:1;animation:said .28s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes said{0%{transform:scale(.7);opacity:0}}.decl{display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:3px;background:var(--paper);box-shadow:var(--shadow-near);color:var(--ink);font-size:.75rem}.decl--voided{text-decoration:line-through;opacity:.6}.decl__hint{color:var(--muted);font-size:.68rem}.decl__cards{display:flex;gap:.15rem}.seat__hand{display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem;max-width:12rem;padding:.25rem;border-radius:6px;background:#0d162c59}.laid{position:absolute;left:50%;top:50%;--cw: 3.4rem;--laid-gap: 1.9rem}.laid--sud{transform:translate(-50%,.5rem) rotate(2deg)}.laid--nord{transform:translate(-50%,calc(-100% - .5rem)) rotate(-3deg)}.laid--ouest{transform:translate(calc(-100% - var(--laid-gap)),-50%) rotate(-6deg)}.laid--est{transform:translate(var(--laid-gap),-50%) rotate(5deg)}@keyframes turned{0%{transform:rotateY(90deg) scale(.7);opacity:0}}.decl .card{animation:turned .42s cubic-bezier(.2,.9,.3,1) backwards}.felt--revealing .decl{box-shadow:0 0 0 2px var(--ochre),var(--shadow-near)}.laid--sud{--to-x: 0rem;--to-y: calc(-.5rem - var(--cw) * .7)}.laid--nord{--to-x: 0rem;--to-y: calc(.5rem + var(--cw) * .7)}.laid--ouest{--to-x: calc(var(--laid-gap) + var(--cw) * .5);--to-y: 0rem}.laid--est{--to-x: calc(-1 * var(--laid-gap) - var(--cw) * .5);--to-y: 0rem}.felt--gather-sud{--win-x: 0rem;--win-y: 9rem}.felt--gather-nord{--win-x: 0rem;--win-y: -9rem}.felt--gather-ouest{--win-x: -12rem;--win-y: 0rem}.felt--gather-est{--win-x: 12rem;--win-y: 0rem}@keyframes sweep{40%,52%{transform:translate(var(--to-x),var(--to-y)) scale(.92);opacity:1}85%{opacity:1}to{transform:translate(calc(var(--to-x) + var(--win-x)),calc(var(--to-y) + var(--win-y))) scale(.7);opacity:0}}.felt[class*=felt--gather-] .laid .card{animation:sweep .62s cubic-bezier(.4,0,.3,1) forwards}.avatar--live{overflow:hidden;background:#0d1630;--avatar: 2.8rem;box-shadow:0 0 0 2px var(--paper)}.avatar__video{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatar__video--mine{transform:scaleX(-1)}@media(min-width:68rem){.felt{grid-area:felt;justify-self:center;width:min(100%,60rem);aspect-ratio:2 / 1;min-height:22rem;max-height:30rem}.laid{--cw: 4rem;--laid-gap: 2.3rem}.felt{--trump: 14rem}.avatar--live{--avatar: 4.2rem}}@media(max-width:32rem){.felt{aspect-ratio:1 / 1;min-height:19rem;--mat-x: 4%;--mat-y: 6%}.seat{max-width:46%}.seat__tag{gap:.4rem;padding:.25rem .6rem .25rem .3rem}.seat__name{font-size:.9rem}.avatar{--avatar: 2rem}.seat--ouest,.seat--est{top:28%}.laid{--cw: 2.8rem;--laid-gap: 1.6rem}.felt{--trump: 8rem}}@media(max-width:22rem){.seat--ouest,.seat--est{top:24%;max-width:38%}.seat--nord,.seat--sud{max-width:80%}.seat--nord{top:1%}.seat--sud{bottom:1%}.laid{--cw: 2.1rem;--laid-gap: 1.2rem}}}@layer table{.card{position:relative;display:inline-block;width:var(--cw);aspect-ratio:5 / 7;border-radius:calc(var(--cw) * .08);background:var(--paper);box-shadow:var(--shadow-near);color:var(--ink);font-family:var(--display);line-height:1;user-select:none}.card--red{color:var(--red)}.card>.card__pip{position:absolute;inset:0;width:44%;height:44%;margin:auto}.card__index{position:absolute;top:6%;left:8%;display:grid;justify-items:center;font-size:calc(var(--cw) * .22)}.card__index b{font-weight:400}.card__index .pip{width:.7em;height:.7em}.card__index--flip{inset:auto 8% 6% auto;transform:rotate(180deg)}.card--dim{background:#cdc9bf;color:#6b7080;box-shadow:none}.card--dim.card--red{color:#b0776c}.card--back{background-color:var(--ochre);background-image:repeating-linear-gradient(45deg,rgba(20,32,63,.3) 0 var(--hairline),transparent var(--hairline) 5px),repeating-linear-gradient(-45deg,rgba(20,32,63,.3) 0 var(--hairline),transparent var(--hairline) 5px);border:3px solid var(--paper)}.card--tiny{--cw: 1.5rem;display:inline-grid;place-items:center;border-radius:3px}.card--tiny .card__pip,.card--tiny .card__index--flip{display:none}.card--tiny .card__index{position:static;font-size:.62rem}.hand{grid-area:hand;position:relative;padding-top:1.3rem;display:grid;justify-items:center;gap:.35rem;--cw: 4.4rem;--spread: 4.5deg;--overlap: -.3}.hand__rule{position:absolute;inset:0 0 auto;margin:0;text-align:center;font-size:.85rem;color:var(--ochre)}.fan{position:relative;width:100%;height:calc(var(--cw) * 1.4 + 2.2rem)}.fan__slot{position:absolute;left:50%;bottom:.5rem;margin-left:calc(var(--cw) * -.5);transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * var(--cw) * (1 + var(--overlap)))) rotate(calc((var(--i) - (var(--n) - 1) / 2) * var(--spread)));transform-origin:50% 300%;transition:transform .28s cubic-bezier(.2,.7,.3,1)}.card-slot{display:block;border:0;background:none;padding:0;cursor:pointer;border-radius:calc(var(--cw) * .08);transition:transform .14s ease}.card-slot:not(:disabled):hover,.card-slot:not(:disabled):focus-visible{transform:translateY(-.7rem);z-index:1;position:relative}.card-slot:disabled{cursor:not-allowed}.card-holder{display:flex;flex-direction:column;align-items:center;gap:.2rem}.card-holder__belote{border:0;cursor:pointer;font-family:var(--display);font-size:.7rem;background:var(--red);color:var(--chalk);border-radius:999px;padding:.1rem .55rem .15rem;box-shadow:var(--shadow-near)}@media(min-width:68rem){.hand{--cw: 5.2rem;--overlap: -.28}}@media(max-width:32rem){.hand{--cw: 3.4rem;--overlap: -.42;--spread: 3.5deg}}@media(max-width:22rem){.hand{--cw: 2.9rem;--overlap: -.45}}}@layer home{.home__head{display:flex;flex-direction:column;gap:.35rem;padding:.75rem 0 .5rem}.home__brand{margin:0;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:400;font-size:1.7rem;line-height:1.1}.home__brand svg{width:1.4em;height:1.4em;flex:none}.home__notice{margin:0;color:var(--ochre)}.sheet{padding:.9rem 1.1rem 1.1rem 2.2rem;border-radius:6px;background-color:var(--paper);--paper-margin: 1.5rem;background-image:var(--margin-line);box-shadow:var(--shadow);color:var(--ink);display:grid;gap:.7rem}.sheet>.control{justify-self:start}.sheet__title{margin:0;font-family:var(--display);font-weight:400;font-size:1.3rem;line-height:1.15}.sheet__fine{margin:.25rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.sheet__empty{margin:0;color:var(--muted);font-size:.92rem;max-width:50ch}.sheet--play{padding:1.5rem 0 1.25rem;background:none;box-shadow:none;color:var(--chalk);justify-items:center;text-align:center;gap:1rem}.sheet--play .sheet__title{font-size:2.4rem}.sheet--play>.control{justify-self:center}.sheet--play .control--loud{font-size:1.25rem;padding:.6em 1.5em;box-shadow:var(--shadow)}.sheet--play .field{justify-content:center}.sheet--play .field__label{color:var(--dim);text-align:center}.field{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.field__label{flex:0 0 100%;font-size:.85rem;color:var(--muted)}.field__input{flex:1 1 12rem;min-height:2.6rem;padding:.4rem .65rem;border-radius:8px;border:var(--hairline) solid rgba(20,32,63,.25);background:#ffffff8c;color:var(--ink)}.field__input--short{flex:0 1 8rem}.field__input--paste{flex:1 1 14rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;resize:vertical}.field__input::placeholder{color:var(--muted);opacity:.8}.sheet--play .field__input{border-color:transparent;background:var(--paper);box-shadow:var(--shadow-near)}.field__value{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.95rem;letter-spacing:.05em;color:var(--ink);background:#14203f12;padding:.35rem .6rem;border-radius:6px}.field__value--waiting{color:var(--muted);font-family:inherit;letter-spacing:normal;background:none;padding:0}.mates{margin:0;padding:0;list-style:none;display:grid}.mate{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.5rem 0;border-bottom:var(--hairline) solid var(--rule)}.mate__dot{width:.55rem;height:.55rem;border-radius:50%;background:#14203f40;flex:0 0 auto}.mate__dot--on{background:#2f9e5b}.mate__who{display:grid;min-width:7rem;line-height:1.25}.mate__name{font-family:var(--display)}.mate__state,.mate__record{font-size:.78rem;color:var(--muted)}.mate__record{margin-left:auto;font-variant-numeric:tabular-nums}.mate .control{font-size:.9rem;padding:.4em .9em;box-shadow:none;border-color:#14203f33;background:none}.mate .control:hover{background:#14203f12}@media(max-width:32rem){.mate__record{margin-left:0;flex-basis:100%}.sheet{padding-left:1.8rem;--paper-margin: 1.2rem;background-image:var(--margin-line)}.sheet--play{background-image:none}.sheet--play .sheet__title{font-size:2rem}}}@layer review{.revue{max-width:30rem;margin:1.5rem auto;padding:1.25rem 1.5rem 1.5rem 3.4rem;line-height:2rem;--paper-margin: 2.6rem;background-image:var(--margin-line),repeating-linear-gradient(to bottom,transparent 0 calc(2rem - 1px),var(--rule) calc(2rem - 1px) 2rem),repeating-linear-gradient(to bottom,transparent 0 calc(.5rem - .5px),var(--rule-faint) calc(.5rem - .5px) .5rem);background-position:0 0,0 .25rem,0 .25rem}.revue .sheet__title{line-height:2rem}.revue__table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.revue__table th,.revue__table td{padding:0 .5rem;height:2rem;text-align:right}.revue__table thead th{font-family:var(--display);font-weight:400;font-size:1.05rem}.revue__table tbody th[scope=row],.revue__table tfoot th[scope=row]{text-align:left;color:var(--muted);font-weight:400}.revue__table tfoot th,.revue__table tfoot td{border-top:2px solid var(--ink);font-family:var(--display);font-size:1.1rem;color:var(--ink)}.revue__manches,.revue__empty{margin:0;color:var(--muted)}.revue__pen{margin:0;font-style:italic;color:var(--ink)}.revue .sheet__fine{line-height:1rem;margin:0}@media(max-width:32rem){.revue{padding-left:2.4rem}}.donne{line-height:1.4;margin-top:.5rem;border-top:var(--hairline) solid var(--rule);padding-top:.4rem}.donne__head{cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .75rem}.donne__title{font-family:var(--display);font-size:1.05rem}.donne__contract,.donne__dealer{font-size:.85rem;color:var(--muted)}.donne__dealer{margin:.2rem 0 0}.donne__outcome{font-size:.85rem;font-weight:700}.donne__part{margin:.6rem 0 .25rem;font-family:var(--display);font-size:.95rem;font-weight:400}.donne__calls{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-size:.85rem}.donne__who{color:var(--muted)}.donne__tricks{margin:0;padding:0;list-style:none;display:grid;gap:.3rem}.donne__trick,.donne__hand{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .6rem;font-size:.82rem}.donne__trick-title,.donne__hand .donne__who{min-width:8.5rem}.donne__cards{display:flex;flex-wrap:wrap;gap:.15rem}.donne__hands{display:grid;gap:.3rem}}@layer motion{@media(prefers-reduced-motion:reduce){.laid .card,.card-slot,.fan__slot,.control,.bubble,.seat__tag,.suit{animation:none;transition:none}.bubble--said,.decl .card{animation:none}}}
/*# sourceMappingURL=style.css.map */