.ma{--card-w:52px;--trick-w:50px;--pile-w:36px;--felt-a:var(--felt-light);--felt-b:var(--felt);--felt-c:var(--felt-dark);container-type:inline-size}.ma-felt{isolation:isolate;border:5px solid var(--rail);background:repeating-linear-gradient(100deg, transparent 0 22px, color-mix(in srgb, var(--weave) 7%, transparent) 22px 24px), radial-gradient(ellipse at 50% 42%, var(--felt-a), var(--felt-b) 58%, var(--felt-c));box-shadow:inset 0 0 0 1px var(--rail-hi), inset 0 0 70px #00000029, 0 12px 28px #2a200c29;color:var(--badge-ink);border-radius:24px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"west manni east""center center center""you you you";gap:10px 8px;padding:12px 8px 10px;display:grid;position:relative}.ma-felt button{-webkit-tap-highlight-color:transparent}.ma-seat{border:1px solid var(--badge-line);background:var(--badge-bg);min-width:0;color:var(--badge-ink);--stat-bg:color-mix(in srgb, var(--badge-ink) 8%, var(--badge-bg));border-radius:16px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar head""stats stats";align-self:start;align-items:center;gap:5px 7px;padding:6px 7px 7px;line-height:1.2;transition:border-color .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 2px 6px #0000001f}.ma-seat.is-turn{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent), 0 2px 10px #0000002e}.ma-seat.is-winner{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 60%, transparent), 0 0 24px color-mix(in srgb, var(--accent) 55%, transparent)}.ma-seat-west{grid-area:west}.ma-seat-east{grid-area:east}.ma-avatar{grid-area:avatar;width:32px;height:32px}.ma-avatar-disc{fill:#dbe7ea;stroke:var(--rail-hi);stroke-width:1.2px}.ma-avatar-0 .ma-avatar-disc{fill:#f3ead0}.ma-seat-head{grid-area:head;min-width:0;display:grid}.ma-seat-name{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;overflow:hidden}.ma-seat-note{color:var(--badge-muted);font-size:.66rem;font-weight:600;line-height:1.15}.ma-stats{grid-area:stats;grid-template-columns:1fr 1fr;gap:4px;display:grid}.ma-stat{background:var(--stat-bg);border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:baseline;gap:3px;min-width:0;padding:2px 5px;transition:background-color .25s,border-color .25s;display:flex}.ma-stat small{letter-spacing:.05em;text-transform:uppercase;color:var(--badge-muted);font-size:.58rem;font-weight:700}.ma-stat b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.95rem;animation:.26s ease-out ma-pop}.ma-stat-tricks.is-scoring{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 26%, var(--badge-bg))}.ma-stat-tricks.is-over{background:color-mix(in srgb, #c2453c 22%, var(--badge-bg));border-color:#c2453c}@keyframes ma-pop{0%{color:var(--accent);scale:1.45}}.ma-callout{z-index:3;letter-spacing:.02em;white-space:nowrap;border:2px solid var(--badge-bg);pointer-events:none;border-radius:999px;width:max-content;height:max-content;margin:auto;padding:4px 12px;font-size:.88rem;font-weight:800;animation:1.8s ease-out both ma-callout;position:absolute;inset:0;rotate:-4deg;box-shadow:0 6px 16px #00000047}.ma-callout.is-good{background:var(--gold);color:var(--on-gold)}.ma-callout.is-bad{color:#fff8f0;background:#b5372f}@keyframes ma-callout{0%{opacity:0;scale:1.8}12%{opacity:1;scale:.94}20%{scale:1}85%{opacity:1;translate:0}to{opacity:0;translate:0 -8px}}.ma-dealer{box-shadow:0 0 0 2px var(--badge-bg);background:var(--badge-ink);width:18px;height:18px;color:var(--badge-bg);border-radius:50%;place-items:center;font-size:.62rem;font-weight:800;display:inline-grid;position:absolute;top:-7px;left:-7px}.ma-fan{display:none}.ma-fan-count{border:2px solid var(--badge-bg);background:var(--badge-ink);min-width:22px;height:22px;color:var(--badge-bg);border-radius:999px;place-items:center;padding:0 5px;font-size:.7rem;font-weight:800;display:grid;position:absolute;bottom:-6px;right:-10px}.ma-pile{grid-area:manni;justify-content:center;align-self:start;align-items:flex-start;gap:8px;display:flex}.ma-stack{--card-w:var(--pile-w);justify-items:center;gap:4px;transition:opacity .25s;display:grid;position:relative}.ma-stack>.ma-card{grid-area:1/1}.ma-stack-under{translate:3px 3px}.ma-card.ma-stack-empty{border:2px dashed color-mix(in srgb, var(--badge-ink) 35%, transparent);box-shadow:none;background:0 0}.ma-stack-label{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--badge-ink);grid-row:2;font-size:.64rem;font-weight:700}.ma-stack.is-out>.ma-card{filter:saturate(.5)}.ma-marker{--card-w:var(--pile-w);justify-items:center;gap:4px;display:grid}.ma-contract{text-align:center;justify-items:center;font-size:.66rem;line-height:1.1;display:grid}.ma-contract small{letter-spacing:.06em;text-transform:uppercase;color:var(--badge-ink);font-size:.58rem;font-weight:700}.ma-contract b{max-width:7.5em;font-weight:800;animation:.26s ease-out both ma-settle}.ma-marker-card{animation:ma-flip var(--card-move) var(--card-ease) both}@keyframes ma-flip{0%{transform:rotateY(90deg)}}@keyframes ma-settle{0%{opacity:0;translate:0 -4px}}.ma-card.ma-flight{z-index:4;--card-w:var(--pile-w);opacity:0;pointer-events:none;position:absolute;top:0;left:0}.ma-center{min-height:calc(var(--trick-w) * 1.43 * 1.9 + 16px);grid-area:center;place-items:center;padding:4px 0;display:grid;position:relative}.ma-trick{--spread:1.25;width:min(100%, calc(var(--trick-w) * (2 * var(--spread) + 1.2)));height:calc(var(--trick-w) * 1.43 * 1.9);position:relative}.ma-trick>.ma-played{--h:calc(var(--trick-w) * 1.43);width:var(--trick-w);height:var(--h);animation:ma-in var(--card-move) var(--card-ease) both;transition:translate var(--card-sweep) var(--card-ease-in), opacity var(--card-sweep) var(--card-ease-in), box-shadow .2s ease;position:absolute}.ma-played-south{left:calc(50% - var(--trick-w) / 2);--from:0 26px;bottom:0}.ma-played-west{left:calc(50% - var(--trick-w) * (.5 + var(--spread)));--from:-26px -10px;top:0}.ma-played-east{left:calc(50% + var(--trick-w) * (var(--spread) - .5));--from:26px -10px;top:0}@keyframes ma-in{0%{translate:var(--from);opacity:0}}.ma-played.is-winning{box-shadow:0 0 0 3px var(--accent), 0 4px 10px #00000040}.ma-trick.is-sweeping .ma-played{opacity:0}.ma-trick.toward-south .ma-played{translate:0 90px}.ma-trick.toward-west .ma-played{translate:-110px -40px}.ma-trick.toward-east .ma-played{translate:110px -40px}.ma-panel,.ma-waiting{border:1px solid var(--badge-line);background:var(--badge-bg);width:min(100%,470px);color:var(--badge-ink);text-align:center;border-radius:18px;padding:14px 16px;box-shadow:0 6px 18px #00000029}.ma-waiting{width:auto;padding:10px 18px}.ma-panel h2{font-family:var(--font-accent);margin:0 0 4px;font-size:1.12rem;line-height:1.25}.ma-panel p,.ma-waiting p{color:var(--badge-ink);margin:0 0 10px;font-size:.86rem}.ma-waiting p{margin:0}.ma-waiting .ma-actions{margin-top:10px}.ma-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ma-swap{min-width:160px}.ma-card{width:var(--card-w);height:calc(var(--card-w) * 1.43);border-radius:clamp(5px, calc(var(--card-w) * .1), 9px);color:#263d37;user-select:none;background:#fffdf3;border:1px solid #ddd4b6;flex:none;padding:0;font-family:DM Sans,sans-serif;line-height:1;display:block;position:relative;box-shadow:0 2px 4px #101e1447,inset 0 1px #fffef9}.ma-played,.ma-card-small{--card-w:var(--trick-w)}.ma .suit-hearts,.ma .suit-diamonds{color:#b33c36}.ma.four-color .suit-diamonds{color:#22609b}.ma.four-color .suit-clubs{color:#35743f}.ma-card-back{background:#f6edcf;padding:3px}.ma-mini-back{background:#f6edcf;border-radius:4px;width:22px;height:31px;padding:1px;display:block;box-shadow:0 1px 2px #0000004d}.ma-mini-back .card-back-art{border-radius:3px}.ma-you{grid-area:you;justify-items:center;gap:8px;min-width:0;display:grid}.ma-you-row{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.ma-tool,.ma-tool-spacer{flex:none;min-width:44px}.ma-tool{border:1px solid var(--badge-line);background:var(--badge-bg);min-height:44px;color:var(--badge-ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:.82rem;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 6px #0000001f}.ma-tool[aria-disabled=true]{color:var(--badge-muted);cursor:default;box-shadow:none}.ma-tool:focus-visible,.ma-card-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.ma-tool:not([aria-disabled=true]):hover{border-color:var(--accent)}}.ma-tool-label{display:none}.ma-hand{width:100%;min-height:calc(var(--card-w) * 1.43);flex-direction:column;align-items:center;padding-top:12px;display:flex;container-type:inline-size}.ma-hand-row{justify-content:center;max-width:100%;display:flex}.ma-hand-row+.ma-hand-row{margin-top:calc(var(--card-w) * -.62)}.ma-hand-row>.ma-card+.ma-card{margin-left:min(calc(var(--card-w) * -.2), calc((100cqw - var(--card-w) * var(--n-row)) / max(1, var(--n-row) - 1)))}.ma-card-button{cursor:pointer;transition:box-shadow .15s,background-color .15s,border-color .15s}.ma-hand .ma-card-button.is-dim{color:#5d6a64;cursor:not-allowed;background:repeating-linear-gradient(135deg,#ddd7c6 0 7px,#d4cdb9 7px 9px);border-color:#c2b89c;box-shadow:0 1px 2px #101e1433}.ma .ma-hand .is-dim:is(.suit-hearts,.suit-diamonds){color:#94605b}.ma-hand.is-turn .ma-card-button:not(.is-dim,.is-lifted){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 70%, transparent), 0 3px 6px #101e1447}.ma-card-button.is-lifted{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent), 0 8px 14px #0000004d;top:-12px}.ma-hand.is-fresh-all .ma-card-button,.ma-hand.is-fresh .ma-card-button.is-new{animation:.26s ease-out both ma-fade}@keyframes ma-fade{0%{opacity:0}}.ma-card-button.is-new:after{content:"";background:var(--gold);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 2px #fffdf3}@media (hover:hover) and (pointer:fine){.ma-card-button:not(.is-dim):hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 6px 12px #00000040}}.ma-card-button:focus-visible{z-index:1}.ma-message{min-height:1.6em;color:var(--ink);text-align:center;margin:10px 0 0;font-size:.92rem}.ma-scores{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.ma-score{align-items:baseline;gap:5px;display:inline-flex}.ma-score small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:700}.ma-score b{color:var(--ink);font-size:1.1rem}.ma-score i{color:var(--muted);font-size:.75rem;font-style:normal}.ma-score-target{color:var(--muted);font-size:.75rem}.ma-sheet{gap:14px;display:grid}.ma-sheet-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}.ma-sheet-table caption{text-align:left;color:var(--ink);margin-bottom:4px;font-weight:700}.ma-sheet-table th,.ma-sheet-table td{border-bottom:1px solid var(--line);text-align:left;color:var(--ink);padding:5px 6px}.ma-sheet-table small{color:var(--muted);white-space:nowrap}.ma-sheet-table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.ma-sheet-table .is-loss{color:var(--danger)}.ma-sheet-total th,.ma-sheet-total td{border-bottom:0;font-weight:700}.ma-last{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ma-last li{color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:6px;display:flex}.ma-last li.is-winner{background:var(--olive);box-shadow:inset 0 0 0 2px var(--gold-line)}.ma-card-small{--trick-w:40px}.ma-choice{border:0;margin:0 0 14px;padding:0}.ma-choice legend{color:var(--ink);margin-bottom:6px;font-weight:700}.ma-choice-row{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.ma-choice-row button{border:1px solid var(--line-strong);background:var(--white);min-height:44px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;gap:2px;padding:8px 10px;display:grid}.ma-choice-row button span{color:var(--muted);font-size:.78rem}.ma-choice-row button[aria-pressed=true]{border-color:var(--gold-line);background:var(--gold);color:var(--on-gold)}.ma-choice-row button[aria-pressed=true] span{color:var(--on-gold)}.ma .card-swatch{border:3px solid var(--rail);border-radius:9px;height:32px}@container (width<=359px){.ma{--pile-w:34px}.ma-seat:not(.ma-seat-south){grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stats"}.ma-stat{padding-inline:4px}.ma-seat:not(.ma-seat-south) .ma-avatar{display:none}}@container (width<=399px){.ma-seat:not(.ma-seat-south) .ma-stats{grid-template-columns:minmax(0,1fr);gap:3px}}@container (width>=400px){.ma-felt{--card-w:58px;--trick-w:54px;--pile-w:42px}.ma-avatar{width:36px;height:36px}}@container (width>=640px){.ma-felt{--card-w:74px;--trick-w:64px;--pile-w:50px;grid-template-columns:minmax(170px,1fr) minmax(0,2.2fr) minmax(170px,1fr);grid-template-areas:"west manni east""west center east""you you you";gap:10px 14px;padding:18px 20px 14px}.ma-seat{grid-template-areas:"avatar head""avatar stats";align-self:center;gap:5px 10px;min-width:200px;padding:8px 12px 8px 8px}.ma-stat{padding:3px 8px}.ma-stat small{font-size:.62rem}.ma-stat b{font-size:1.05rem}.ma-callout{font-size:1rem}.ma-tool-label{display:inline}.ma-trick{--spread:1.6}.ma-seat-name{font-size:1rem}.ma-avatar{width:52px;height:52px}.ma-fan{pointer-events:none;justify-content:center;width:max-content;margin-inline:auto;display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0}.ma-mini-back{width:30px;height:42px}.ma-mini-back+.ma-mini-back{margin-left:-22px}.ma-contract{font-size:.74rem}.ma-marker-card{rotate:8deg}.ma-hand{flex-direction:row;justify-content:center}.ma-hand-row{display:contents}.ma-hand>.ma-hand-row>.ma-card+.ma-card,.ma-hand>.ma-hand-row+.ma-hand-row>.ma-card:first-child{margin-left:min(calc(var(--card-w) * -.3), calc((100cqw - var(--card-w) * var(--n-all)) / max(1, var(--n-all) - 1)))}.ma-hand-row+.ma-hand-row{margin-top:0}}@container (width>=880px){.ma-felt{--card-w:86px;--trick-w:72px;--pile-w:56px}}:is(.game-frame:fullscreen,.game-frame-expanded) .ma-felt{margin:clamp(4px,1vh,12px) clamp(8px,2.6vw,36px) clamp(8px,1.8vh,20px)}@container game (height>=640px) and (width<=639px){.ma-felt{--card-w:64px;--trick-w:60px;grid-template-rows:auto 1fr auto;min-height:calc(100cqh - 4.5rem - clamp(4px,1vh,12px) - clamp(8px,1.8vh,20px))}}@container game (height<=639px) and (orientation:portrait){.ma-felt{gap:6px 8px;padding-top:8px}.ma-hand{padding-top:4px}.ma-panel{padding:8px}.ma-panel h2{font-size:1rem}}@container game (height<=430px) and (orientation:landscape){.ma-felt{--card-w:48px;--trick-w:40px;--pile-w:30px;border-width:4px;border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"west manni east""center center center""you you you";gap:4px 10px;padding:6px 8px}.ma-fan,.ma-seat-note,.ma-stack-label{display:none}.ma-seat{grid-template-columns:auto auto auto;grid-template-areas:"avatar head stats";place-self:start center;gap:6px;min-width:0;padding:4px 6px 4px 5px}.ma-stats{grid-template-columns:auto auto}.ma-avatar{width:30px;height:30px}.ma-pile{align-items:center}.ma-marker{grid-auto-flow:column;align-items:center}.ma-center{min-height:0;padding:0}.ma-trick{--spread:2.3;height:calc(var(--trick-w) * 1.43 * 1.6)}.ma-you{justify-content:center;align-items:flex-end;gap:8px;display:flex}.ma-you-row{gap:6px;width:auto}.ma-tool-label{display:none}.ma-hand{flex-direction:row;flex:1;justify-content:center;min-width:0;padding-top:6px}.ma-hand-row{display:contents}.ma-hand>.ma-hand-row>.ma-card+.ma-card,.ma-hand>.ma-hand-row+.ma-hand-row>.ma-card:first-child{margin-top:0;margin-left:min(calc(var(--card-w) * -.12), calc((100cqw - var(--card-w) * var(--n-all)) / max(1, var(--n-all) - 1)))}.ma-panel{width:min(100%,800px);padding:8px 12px}.ma-panel h2{font-size:1rem}.ma-panel p{margin-bottom:6px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.ma-callout,.ma-stat b,.ma-played,.ma-marker-card,.ma-contract b,.ma-hand .ma-card-button{animation:none}.ma-played,.ma-seat,.ma-card-button,.ma-stack{transition:none}.ma-trick.is-sweeping .ma-played{translate:none}}