:root{--bg:#ece8df;--bg2:#e2ddd2;--cta:#c99a34;--cta-hi:#b07d1e;--cta-ink:#1a1712;--surface:#faf8f3;--surface2:#f0ece3;--surface3:#e5e0d5;--ink:#201d18;--muted:#756d5e;--faint:#a1977f;--line:#c7bca1;--line-2:#b6ab8f;--gold:#b07d1e;--gold-hi:#c99a34;--terra:#b0532c;--terra-hi:#c56b40;--team-us:#2f6f9e;--team-us-hi:#4b8ab6;--team-them:#b0532c;--team-them-hi:#c56b40;--oros:#b9821f;--copas:#a83232;--espadas:#37648f;--bastos:#4a7b43;--live:#b07d1e;--danger:#b0402c;--ok:#4a7b43;--card-face:#f6efdd;--card-back:#8a352f;--radius:14px;--radius-s:9px;--shadow:0 1px 2px #281e0f17, 0 8px 24px -14px #281e0f3d;--shadow-lift:0 2px 6px #281e0f24, 0 18px 40px -18px #281e0f5c;--glow:0 0 0 4px color-mix(in srgb, var(--gold) 22%, transparent), 0 0 34px -6px color-mix(in srgb, var(--gold) 55%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--serif:"Iowan Old Style", "Palatino Linotype", "Palatino", Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--base-fs:clamp(14px, calc(.35 * var(--vw)) + 12.5px, 17px);--zoom:1;zoom:var(--zoom);--vw:calc(1vw / var(--zoom));--vh:calc(1dvh / var(--zoom))}@media (prefers-color-scheme:dark){:root{--bg:#151413;--bg2:#0d0d0c;--cta:#e0ac4e;--cta-hi:#f0c168;--cta-ink:#151413;--surface:#222220;--surface2:#2b2a27;--surface3:#343330;--ink:#eceae3;--muted:#948c7e;--faint:#6d675a;--line:#4c4941;--line-2:#5b574c;--gold:#e0ac4e;--gold-hi:#f0c168;--terra:#d47049;--terra-hi:#e88a60;--oros:#d29a3a;--copas:#cd5f5f;--espadas:#5f97c8;--bastos:#6fae60;--live:#e0ac4e;--danger:#d6634a;--ok:#6fae60;--card-face:#f3ead6;--card-back:#7c2b28;--shadow:0 1px 2px #0006, 0 10px 30px -16px #000000b3;--shadow-lift:0 2px 8px #00000080, 0 22px 50px -20px #000c;--glow:0 0 0 4px color-mix(in srgb, var(--gold) 24%, transparent), 0 0 40px -6px color-mix(in srgb, var(--gold) 55%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cta:#c99a34;--cta-hi:#b07d1e;--cta-ink:#1a1712;--bg:#ece8df;--bg2:#e2ddd2;--surface:#faf8f3;--surface2:#f0ece3;--surface3:#e5e0d5;--ink:#201d18;--muted:#756d5e;--faint:#a1977f;--line:#c7bca1;--line-2:#b6ab8f;--gold:#b07d1e;--gold-hi:#c99a34;--terra:#b0532c;--terra-hi:#c56b40;--team-us:#2f6f9e;--team-us-hi:#4b8ab6;--team-them:#b0532c;--team-them-hi:#c56b40;--oros:#b9821f;--copas:#a83232;--espadas:#37648f;--bastos:#4a7b43;--live:#b07d1e;--danger:#b0402c;--ok:#4a7b43;--card-face:#f6efdd;--card-back:#8a352f;--shadow:0 1px 2px #281e0f17, 0 8px 24px -14px #281e0f3d;--shadow-lift:0 2px 6px #281e0f24, 0 18px 40px -18px #281e0f5c;--glow:0 0 0 4px color-mix(in srgb, var(--gold) 22%, transparent), 0 0 34px -6px color-mix(in srgb, var(--gold) 55%, transparent)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cta:#e0ac4e;--cta-hi:#f0c168;--cta-ink:#151413;--bg:#151413;--bg2:#0d0d0c;--surface:#222220;--surface2:#2b2a27;--surface3:#343330;--ink:#eceae3;--muted:#948c7e;--faint:#6d675a;--line:#4c4941;--line-2:#5b574c;--gold:#e0ac4e;--gold-hi:#f0c168;--terra:#d47049;--terra-hi:#e88a60;--team-us:#5f9fce;--team-us-hi:#7ab6e0;--team-them:#d47049;--team-them-hi:#e88a60;--oros:#d29a3a;--copas:#cd5f5f;--espadas:#5f97c8;--bastos:#6fae60;--live:#e0ac4e;--danger:#d6634a;--ok:#6fae60;--card-face:#f3ead6;--card-back:#7c2b28;--shadow:0 1px 2px #0006, 0 10px 30px -16px #000000b3;--shadow-lift:0 2px 8px #00000080, 0 22px 50px -20px #000c;--glow:0 0 0 4px color-mix(in srgb, var(--gold) 24%, transparent), 0 0 40px -6px color-mix(in srgb, var(--gold) 55%, transparent)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}svg{vertical-align:middle;width:1.05em;height:1.05em;display:inline-block}.app{font-family:var(--sans);font-size:var(--base-fs);color:var(--ink);background:radial-gradient(120% 80% at 50% -10%, color-mix(in srgb, var(--gold) 7%, transparent), transparent 60%), var(--bg);min-height:calc(100 * var(--vh));justify-content:center;line-height:1.5;display:flex;container-type:inline-size}.app-shell{width:100%;max-width:1900px;height:calc(100 * var(--vh));background:var(--surface);grid-template-rows:auto auto 1fr auto;font-size:clamp(14px,1.2cqw,26px);display:grid;overflow:hidden auto}.topbar{border-bottom:1px solid var(--line);background:var(--surface2);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.6rem clamp(.7rem,2cqw,1.4rem);display:grid}.score{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;display:flex}.ts{align-items:center;gap:.45rem;display:flex}.ts .dot{width:.6rem;height:.6rem}.ts.us .dot{background:var(--team-us);border-radius:50%}.ts.them .dot{background:var(--team-them);border-radius:1px;transform:rotate(45deg)}.ts .nm{font-family:var(--serif);color:var(--muted);font-size:.9rem}.ts .nm small{letter-spacing:.05em;opacity:.8;margin-top:-2px;font-size:.56rem;display:block}.ts .n{font-size:1.5rem;font-weight:700;line-height:1}.ts.us .n{color:var(--team-us)}.ts.them .n{color:var(--team-them)}.ts .stones{align-self:flex-end;gap:2px;height:7px;margin-bottom:3px;display:flex}.ts.us .stones{color:var(--team-us)}.ts.them .stones{color:var(--team-them)}.ts .stones i{opacity:.9;background:currentColor;border-radius:2px;width:6px;height:6px}.ts .stones i.loose{opacity:.35;border-radius:50%}.score .sep{color:var(--faint);font-weight:600}.center-meta{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:.1rem;min-width:0;display:flex}.center-meta .hand{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;font-size:.78rem;display:flex}.center-meta .hand b{color:var(--ink)}.center-meta .esku{align-items:center;gap:.25rem;display:inline-flex}.center-meta .esku svg{color:var(--gold);opacity:.9}.center-meta .to{color:var(--faint);font-size:.64rem}.controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.seg{background:var(--surface3);border:1px solid var(--line-2);border-radius:999px;padding:2px;display:inline-flex}.seg button{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:.24rem .55rem;font-size:.72rem;font-weight:600;line-height:1}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.icon-btn{border:1px solid var(--line-2);background:var(--surface3);width:2rem;height:2rem;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:inline-grid}.zoom{background:var(--surface3);border:1px solid var(--line-2);border-radius:999px;align-items:center;padding:2px;display:inline-flex}.zoom-btn,.zoom-val{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;line-height:1}.zoom-btn{place-items:center;width:1.5rem;height:1.5rem;font-size:1.05rem;font-weight:700;display:grid}.zoom-val{font-variant-numeric:tabular-nums;text-align:center;min-width:2.5rem;padding:0 .15rem;font-size:.66rem;font-weight:600}.zoom-btn:hover:not(:disabled),.zoom-val:hover{color:var(--ink)}.zoom-btn:disabled{opacity:.35;cursor:default}.icon-btn svg{width:1.05rem;height:1.05rem}.lances{border-bottom:1px solid var(--line);background:var(--surface);scrollbar-width:none;align-items:center;gap:.15rem;padding:.4rem clamp(.6rem,2cqw,1.4rem);display:flex;overflow-x:auto}.lances::-webkit-scrollbar{display:none}.lance{border-radius:var(--radius-s);min-width:106px;color:var(--muted);flex:1 1 0;align-items:center;gap:.45rem;padding:.3rem .5rem;display:flex;position:relative}.lance .lc-ico{background:var(--surface2);border:1px solid var(--line-2);width:2.15rem;height:2.15rem;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:grid}.lance .lc-ico svg{width:1.4rem;height:1.4rem}.lance .lc-txt{flex-direction:column;min-width:0;line-height:1.05;display:flex}.lance .lc-txt b{font-family:var(--serif);color:var(--muted);font-size:clamp(1.05rem,1.5cqw,1.3rem);font-weight:700}.lance .lc-txt small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.lance.upcoming{opacity:.45}.lance.active{background:color-mix(in srgb, var(--gold) 8%, var(--surface));box-shadow:inset 0 -2px 0 var(--gold);animation:.55s lance-pop}@keyframes lance-pop{0%{background:color-mix(in srgb, var(--gold) 34%, var(--surface));transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}.lance.active .lc-txt b{color:var(--ink)}.lance.active .lc-ico{color:color-mix(in srgb, var(--gold) 92%, var(--ink));background:color-mix(in srgb, var(--gold) 20%, var(--surface));border-color:color-mix(in srgb, var(--gold) 45%, var(--line-2))}.lance.active .lc-txt small{color:color-mix(in srgb, var(--gold) 70%, var(--muted))}.main{grid-template-columns:1fr minmax(230px,290px);min-height:0;display:grid}.play{background:radial-gradient(60% 55% at 50% 55%, color-mix(in srgb, var(--gold) 6%, transparent), transparent 70%);grid-template:".north.""west focal east"1fr".south."/1fr auto 1fr;gap:.5rem;min-height:0;padding:clamp(.6rem,2cqw,1.4rem);display:grid;position:relative}.seat.north{grid-area:north;place-self:start center}.seat.west{grid-area:west;place-self:center start}.seat.east{grid-area:east;place-self:center end}.my-seat.south{flex-direction:column;grid-area:south;place-self:end center;align-items:center;gap:.3rem;display:flex}.focal{flex-direction:column;grid-area:focal;place-self:center;align-items:center;gap:.55rem;display:flex}.seat{flex-direction:column;align-items:center;gap:.35rem;max-width:210px;display:flex}.seat .who{align-items:center;gap:.4rem;display:flex}.avatar-wrap{position:relative}.avatar{width:2.6rem;height:2.6rem;font-family:var(--serif);color:#fff;background:linear-gradient(140deg, var(--team-them-hi), var(--team-them));border-radius:50%;place-items:center;font-size:1.05rem;font-weight:600;display:grid}.seat.us .avatar{background:linear-gradient(140deg, var(--team-us-hi), var(--team-us));color:#fff}.seat.active-seat .avatar{box-shadow:var(--glow)}.mano-dot{background:var(--gold);color:#2c2008;width:1.05rem;height:1.05rem;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-4px}.mano-dot svg{width:.7rem;height:.7rem}.seat .pname{font-size:.9rem;font-weight:700}.ptag{text-transform:uppercase;letter-spacing:.07em;color:var(--faint);border:1px solid var(--line-2);white-space:nowrap;border-radius:999px;padding:.02rem .3rem;font-size:.54rem}.fan{justify-content:center;padding-top:.1rem;display:flex}.fan .back{width:min(clamp(30px, 5cqw, 60px), calc(6.5 * var(--vh)));aspect-ratio:2/3;object-fit:contain;filter:drop-shadow(0 2px 4px #1e140847);margin:0 -6px}.fan .back:first-child{transform:rotate(-9deg)translateY(3px)}.fan .back:nth-child(2){transform:rotate(-3deg)}.fan .back:nth-child(3){transform:rotate(3deg)}.fan .back:nth-child(4){transform:rotate(9deg)translateY(3px)}.medallion{width:min(clamp(130px, 19cqw, 290px), calc(19 * var(--vh)));aspect-ratio:1;place-items:center;display:grid;position:relative}.medallion .ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.medallion .ring circle{fill:none;stroke-width:5px}.medallion .ring .track{stroke:color-mix(in srgb, var(--ink) 10%, transparent)}.medallion.mine{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--gold) 30%, transparent))}.med-core{flex-direction:column;align-items:center;display:flex}.med-core .m-av{width:2.9rem;height:2.9rem;font-family:var(--serif);color:#fff;background:linear-gradient(140deg, var(--team-them-hi), var(--team-them));border-radius:50%;place-items:center;font-size:1.2rem;font-weight:600;display:grid}.med-core.us .m-av{background:linear-gradient(140deg, var(--team-us-hi), var(--team-us));color:#fff}.focal .status{text-align:center;line-height:1.15}.focal .status b{font-family:var(--serif);font-size:1.05rem;font-weight:600}.focal .status .plays{font-weight:400;font-family:var(--sans);color:var(--muted);font-size:.9rem}.focal .status small{color:var(--muted);font-size:.68rem;display:block}.focal .pot{background:color-mix(in srgb, var(--gold) 13%, var(--surface));border:1px solid color-mix(in srgb, var(--gold) 34%, var(--line-2));border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .7rem;display:inline-flex}.focal .pot .pv{color:var(--gold);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800;line-height:1}.focal .pot .pl{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;font-size:.62rem;line-height:1.05}.focal .pot.ordago{background:color-mix(in srgb, var(--danger) 13%, var(--surface));border-color:color-mix(in srgb, var(--danger) 40%, var(--line-2))}.focal .pot.ordago .pv{color:var(--danger)}.feed{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.feed-head{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding:.55rem .8rem;display:flex}.feed-head b{font-family:var(--serif);color:var(--muted);align-items:center;gap:.4rem;margin-right:auto;font-size:.86rem;font-weight:600;display:flex}.feed-head b svg{width:.95rem;height:.95rem;color:var(--faint)}.feed-empty{color:var(--faint);padding:1rem .9rem;font-size:.78rem}.you{border-top:1px solid var(--line);background:linear-gradient(var(--surface), var(--surface2));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem clamp(.7rem,2.2cqw,1.4rem);display:flex}.you-head{justify-content:space-between;align-items:center;gap:.6rem;min-height:1.2rem;display:flex}.you-status{color:var(--muted);align-items:center;gap:.45rem;font-size:.82rem;display:inline-flex}.you-status.mine{color:var(--ink);font-weight:600}.you-status .dot{background:var(--faint);border-radius:50%;width:.55rem;height:.55rem}.you-status.mine .dot{background:var(--live);box-shadow:0 0 0 4px color-mix(in srgb, var(--live) 20%, transparent)}.hand-and-actions{grid-template-columns:auto 1fr;align-items:end;gap:clamp(.7rem,2.5cqw,1.4rem);display:grid}.my-hand{gap:.4rem;display:flex}.card{width:min(clamp(56px, 10cqw, 116px), calc(10.5 * var(--vh)));aspect-ratio:2/3;background:0 0;border:0;flex:none;height:auto;padding:0;transition:transform .15s;position:relative}.card-svg,.card-img{object-fit:contain;filter:drop-shadow(0 3px 6px #1e140842);width:100%;height:100%;display:block}.card-selectable{cursor:pointer}.card-selectable:hover{transform:translateY(-7px)}.card-selected{transform:translateY(-12px)}.card-selected .card-svg,.card-selected .card-img{filter:drop-shadow(0 0 0 2px var(--gold)) drop-shadow(0 6px 10px #1e14084d)}.actions{flex-wrap:wrap;place-content:end flex-end;gap:.5rem;display:flex}.act{border-radius:var(--radius-s);border:1px solid var(--line-2);cursor:pointer;background:var(--surface);min-width:5rem;color:var(--ink);font:inherit;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:.12rem;padding:.5rem .7rem;transition:transform .12s,box-shadow .2s,border-color .2s;display:inline-flex}.act:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.act:disabled{opacity:.4;cursor:default;box-shadow:var(--shadow);transform:none}.act .a-ico svg{width:1.3rem;height:1.3rem}.act .a-eu{font-family:var(--serif);font-size:.92rem;font-weight:600;line-height:1}.act .a-gloss{color:var(--muted);font-size:.6rem;line-height:1}.act.accept{border-color:color-mix(in srgb, var(--ok) 40%, var(--line-2))}.act.accept .a-ico{color:var(--ok)}.act.raise .a-ico{color:var(--gold)}.act.decline .a-ico{color:var(--danger)}.act.ordago{border-color:color-mix(in srgb, var(--danger) 50%, var(--line-2));background:color-mix(in srgb, var(--danger) 7%, var(--surface))}.act.ordago .a-ico,.act.ordago .a-eu{color:var(--danger)}.act.cta{background:var(--cta);color:var(--cta-ink);border-color:color-mix(in srgb, var(--cta-ink) 28%, var(--cta));box-shadow:var(--shadow-lift);padding:.55rem 1.15rem}.act.cta .a-ico,.act.cta .a-eu{color:var(--cta-ink)}.act.cta .a-eu{font-size:1rem;font-weight:700}.act.cta .a-gloss{color:var(--cta-ink);opacity:.85}.act.cta:hover:not(:disabled){background:var(--cta-hi);box-shadow:var(--shadow-lift), var(--glow)}.act.cta:active:not(:disabled){box-shadow:var(--shadow);transform:translateY(0)}.act.cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:var(--radius-s)}.act.cta:disabled{opacity:.55;box-shadow:var(--shadow)}.overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.reveal-card,.gameover-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);padding:1.2rem clamp(1rem, calc(3 * var(--vw)), 1.6rem);max-width:min(calc(94 * var(--vw)), 660px);border-radius:20px}.reveal-card{max-width:min(calc(94 * var(--vw)), 880px);max-height:calc(90 * var(--vh));flex-direction:column;display:flex}.reveal-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.reveal-head{flex:none;align-items:baseline;gap:.6rem;margin-bottom:.9rem;display:flex}.reveal-eu{font-family:var(--serif);font-size:1.3rem;font-weight:600}.reveal-en{color:var(--muted);font-size:.8rem}.ordago-flare{color:var(--danger);align-items:center;gap:.3rem;margin-left:auto;font-weight:700;display:inline-flex}.reveal-hands{--hand-card-w:100%;--hand-card-max:6.5rem;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-bottom:.9rem;display:grid}.reveal-hands.recap{--hand-card-w:clamp(26px, 3.6cqw, 36px);--hand-card-max:none;gap:.4rem;margin-bottom:.6rem}.reveal-seat{border-radius:var(--radius-s);background:var(--surface2);border:1px solid var(--line);padding:.5rem}.reveal-seat.us{border-color:color-mix(in srgb, var(--team-us) 40%, var(--line))}.reveal-seat.them{border-color:color-mix(in srgb, var(--team-them) 35%, var(--line))}.reveal-seat-name{font-size:.82rem;font-weight:700}.reveal-seat-cards{grid-template-columns:repeat(4,1fr);gap:.35rem;margin-top:.45rem;display:grid}.reveal-seat-cards .card{width:var(--hand-card-w);max-width:var(--hand-card-max)}.reveal-hands.recap .reveal-seat{background:var(--surface);padding:.35rem .4rem}.reveal-hands.recap .reveal-seat-name{font-size:.72rem}.reveal-hands.recap .reveal-seat-cards{gap:.15rem;margin-top:.25rem;display:flex}.reveal-awards{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.reveal-awards .award{border-radius:var(--radius-s);background:var(--surface2);justify-content:space-between;align-items:center;padding:.35rem .55rem;font-size:.88rem;display:flex}.award-lance{font-family:var(--serif);align-items:center;gap:.4rem;display:inline-flex}.award.us .award-pts{color:var(--team-us);font-weight:700}.award.them .award-pts{color:var(--team-them);font-weight:700}.award-none{color:var(--muted);font-size:.85rem}.tmark{flex:none;width:.6em;height:.6em;display:inline-block}.tmark.us{background:var(--team-us);border-radius:50%}.tmark.them{background:var(--team-them);border-radius:1px;transform:rotate(45deg)}.award-pts .tmark,.reveal-seat-name .tmark{margin-right:.15rem}.reveal-foot{flex:none;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1rem;display:flex}.reveal-tally{font-family:var(--serif);letter-spacing:.02em;color:var(--ink);font-size:1.5rem;font-weight:700}.reveal-tally.us{color:var(--team-us)}.reveal-tally.them{color:var(--team-them)}.reveal-continue{margin-left:auto;position:relative;overflow:hidden}.auto-bar{background:color-mix(in srgb, var(--cta-ink) 55%, transparent);transform-origin:0;height:3px;transition:transform .25s linear;position:absolute;bottom:0;left:0;right:0}.auto-secs{color:currentColor;font-variant-numeric:tabular-nums;font-weight:700}.topbar-tools{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.history-btn{align-items:center;gap:.3rem;width:auto;min-width:2rem;padding:0 .5rem;display:inline-flex}.history-btn:disabled{opacity:.4;cursor:default}.tool-count{font-variant-numeric:tabular-nums;text-align:center;min-width:1ch;color:var(--muted);font-size:.72rem;font-weight:600;line-height:1}.history-btn:hover:not(:disabled) .tool-count{color:var(--ink)}.history-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);padding:1.1rem clamp(1rem, calc(3 * var(--vw)), 1.5rem);width:min(calc(94 * var(--vw)), 560px);max-height:calc(86 * var(--vh));border-radius:20px;flex-direction:column;display:flex}.history-head{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.history-list{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.history-hand{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface2);padding:.6rem .7rem}.history-hand-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;margin:0 0 .45rem;padding:0;display:flex}.history-hand-toggle{color:var(--muted);flex:none;transition:transform .15s;display:inline-flex}.history-hand-head[aria-expanded=true] .history-hand-toggle{transform:rotate(90deg)}.history-hand-head:hover .history-hand-toggle{color:var(--ink)}.history-hand-no{font-family:var(--serif);align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.history-hand-score{font-family:var(--serif);color:var(--muted);margin-left:auto;font-weight:700}.history-hand .reveal-awards .award{background:var(--surface);font-size:.82rem}.config-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);padding:1.1rem clamp(1rem, calc(3 * var(--vw)), 1.5rem);width:min(calc(94 * var(--vw)), 360px);border-radius:20px}.config-card .reveal-eu{align-items:center;gap:.4rem;display:inline-flex}.config-list{flex-direction:column;gap:.4rem;margin:0;display:flex}.config-item{border-radius:var(--radius-s);background:var(--surface2);border:1px solid var(--line);justify-content:space-between;align-items:center;padding:.4rem .6rem;display:flex}.config-item dt{text-transform:uppercase;letter-spacing:.1em;color:var(--faint);font-size:.6rem;font-weight:600}.config-item dd{font-family:var(--serif);color:var(--ink);margin:0;font-weight:700}.gameover-card{text-align:center;justify-items:center;gap:.6rem;display:grid}.gameover-kicker{color:var(--danger);align-items:center;gap:.3rem;font-weight:700;display:inline-flex}.gameover-title{font-family:var(--serif);margin:0;font-weight:600}.gameover-score{font-variant-numeric:tabular-nums;margin:0;font-size:2rem;font-weight:800}.notice{z-index:60;background:var(--ink);color:var(--surface);box-shadow:var(--shadow-lift);border-radius:999px;padding:.5rem .9rem;font-size:.82rem;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}.landing{place-items:center;width:100%;padding:2rem 1rem;display:grid;position:relative}.landing-controls{position:absolute;top:1rem;right:1rem}.landing-inner{text-align:center;justify-items:center;gap:.5rem;max-width:34rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);margin:0;font-size:.7rem;font-weight:600}.brand-mark{width:clamp(56px, calc(12 * var(--vw)), 86px);filter:drop-shadow(0 6px 16px #281e0f40);height:auto;margin-bottom:.1rem}.brand{font-family:var(--serif);font-size:clamp(3rem, calc(10 * var(--vw)), 5rem);margin:.2rem 0;font-weight:600}.brand em{color:var(--gold);font-style:normal}.tagline{color:color-mix(in srgb, var(--ink) 82%, var(--muted));margin:0 0 1rem}.join{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.name-field{display:flex;position:relative}.name-input{font:inherit;border-radius:var(--radius-s);border:1px solid var(--line-2);background:var(--surface);width:100%;color:var(--ink);min-width:12rem;padding:.7rem 2.6rem .7rem 1rem}.name-reroll{width:1.8rem;height:1.8rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin-block:auto;transition:color .2s,transform .2s;display:inline-grid;position:absolute;top:0;bottom:0;right:.4rem}.name-reroll:hover{color:var(--gold);transform:rotate(-40deg)}.name-reroll:disabled{opacity:.4;cursor:default}.name-reroll svg{width:1rem;height:1rem}.btn-join{min-width:9rem}.landing-notice{color:var(--danger);font-size:.85rem}.lances-legend{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}.legend-item{border-radius:var(--radius);background:var(--surface2);border:1px solid var(--line);flex-direction:column;align-items:center;gap:.15rem;min-width:5.5rem;padding:.6rem .9rem;display:flex}.legend-icon{color:var(--gold)}.legend-icon svg{width:1.4rem;height:1.4rem}.legend-eu{font-family:var(--serif);font-weight:600}.legend-en{color:var(--muted);font-size:.66rem}@container (width<=820px){.main{grid-template-columns:1fr}.feed{border-left:0;border-top:1px solid var(--line);max-height:34%}.medallion{width:clamp(110px,22cqw,140px)}}@container (width<=560px){.topbar{grid-template-columns:1fr auto;row-gap:.4rem}.center-meta{flex-direction:row;order:3;grid-column:1/-1;gap:.6rem}.controls{justify-content:flex-start}.lance .lc-txt small{display:none}.lance{min-width:74px}.play{grid-template-columns:auto auto auto;gap:.3rem;padding:.6rem}.my-seat.south{grid-column:1/-1}.seat{max-width:none}.seat .ptag{display:none}.fan .back{width:clamp(22px,7cqw,30px)}.reveal-hands{grid-template-columns:1fr}.reveal-hands.recap{grid-template-columns:repeat(2,1fr)}.hand-and-actions{grid-template-columns:1fr}.my-hand,.actions{justify-content:center}.act{flex:4.6rem;min-width:0}}@media (prefers-reduced-motion:reduce){.card,.act{transition:none}.medallion.warn{animation:none}.medallion .ring .prog,.history-hand-toggle,.auto-bar,.name-reroll{transition:none}.lance.active{animation:none}.lg-caret{transition:none}}.medallion .ring .prog{fill:none;stroke:var(--live);stroke-linecap:round;transition:stroke-dashoffset .25s linear}.medallion.warn .ring .prog{stroke:var(--danger)}.medallion .secs{font-variant-numeric:tabular-nums;margin-top:.15rem;font-size:1.05rem;font-weight:800;line-height:1}.medallion.warn .secs{color:var(--danger)}.medallion.warn{animation:1s ease-in-out infinite med-pulse}@keyframes med-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.feed-body{flex-direction:column;gap:.1rem;padding:.35rem .5rem .7rem;display:flex;overflow-y:auto}.lg{flex-direction:column;display:flex}.lg-head{text-transform:uppercase;letter-spacing:.08em;width:100%;color:var(--faint);z-index:1;background:var(--surface);text-align:left;cursor:pointer;border:0;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .3rem .15rem;font-family:inherit;font-size:.6rem;display:flex;position:sticky;top:0}.lg-head:hover{background:var(--surface2)}.feed .lg-head svg{flex:none;width:.85rem;height:.85rem}.lg-caret{color:var(--faint);transition:transform .15s;transform:rotate(90deg)}.lg.folded .lg-caret{transform:rotate(0)}.lg-head .ln{font-family:var(--serif);letter-spacing:0;text-transform:none;color:var(--muted);font-size:.76rem;font-weight:600}.lg-head:hover .ln{color:var(--ink)}.lg-head .lg-gloss{letter-spacing:0;text-transform:none;color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.lg-sum{border:1px solid var(--line-2);background:var(--surface3);color:var(--muted);letter-spacing:0;border-radius:999px;flex:none;align-items:center;gap:.25rem;margin-left:auto;padding:.05rem .35rem;font-size:.62rem;font-weight:700;display:inline-flex}.lg-sum svg{color:var(--danger)}.lg-rows{flex-direction:column;gap:.1rem;display:flex}.lg-rows[hidden]{display:none}.fline{border-radius:6px;align-items:center;gap:.5rem;padding:.24rem .35rem;font-size:.8rem;display:flex}.fline .fdot{color:#fff;width:1.35rem;height:1.35rem;font-size:.66rem;font-weight:700;font-family:var(--serif);border-radius:50%;flex:none;place-items:center;display:grid}.fline.us .fdot{background:linear-gradient(140deg, var(--team-us-hi), var(--team-us));color:#fff}.fline.them .fdot{background:linear-gradient(140deg, var(--team-them-hi), var(--team-them))}.fline .fwho{color:var(--faint);font-size:.72rem}.fline .fact{color:var(--ink);align-items:center;gap:.3rem;font-weight:600;display:inline-flex}.fline .fact svg{width:.85em;height:.85em;color:var(--muted)}.config{grid-template-columns:repeat(2,auto);justify-content:center;align-items:center;gap:.5rem 1.2rem;margin-top:.6rem;display:grid}.config-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ctl-label{text-transform:uppercase;letter-spacing:.12em;color:var(--faint);font-size:.58rem;font-weight:600}@container (width<=560px){.config{grid-template-columns:auto}}.bubble{background:var(--surface);color:var(--muted);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:11px;align-items:center;gap:.35rem;max-width:100%;margin-top:.15rem;padding:.24rem .55rem;font-size:.82rem;font-weight:600;display:inline-flex}.bubble.bet{background:color-mix(in srgb, var(--gold) 12%, var(--surface));color:color-mix(in srgb, var(--gold) 92%, var(--ink));border-color:color-mix(in srgb, var(--gold) 40%, var(--line-2))}.bubble.ordago{background:color-mix(in srgb, var(--danger) 12%, var(--surface));color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, var(--line-2))}.seat.active-seat .bubble{opacity:.6}.decls{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.decl{font-family:var(--serif);background:color-mix(in srgb, var(--ok) 15%, var(--surface));color:color-mix(in srgb, var(--ok) 78%, var(--ink));border:1px solid color-mix(in srgb, var(--ok) 42%, var(--line-2));border-radius:999px;align-items:center;gap:.25rem;padding:.08rem .45rem;font-size:.74rem;font-weight:600;display:inline-flex}.decl svg{width:.82em;height:.82em}.act-bet{align-items:stretch;gap:.3rem;display:inline-flex}.bet-step{border:1px solid var(--line-2);border-radius:var(--radius-s);background:var(--surface);width:2rem;color:var(--ink);font:inherit;cursor:pointer;font-size:1.3rem;font-weight:700;line-height:1}.bet-step:hover{border-color:var(--gold)}.bet-step:disabled{opacity:.35;cursor:default}.main.feed-closed{grid-template-columns:1fr auto}.feed-collapse,.feed-foldall{width:1.6rem;height:1.6rem;color:var(--faint);background:0 0;border:0}.feed-collapse:hover,.feed-foldall:hover{color:var(--ink)}.feed-reopen{border:0;border-left:1px solid var(--line);background:var(--surface2);width:2.4rem;color:var(--muted);cursor:pointer;align-self:stretch;place-items:center;font-size:1.1rem;display:grid}.feed-reopen:hover{color:var(--ink);background:var(--surface3)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.landing-paths{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.code-join{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:.4rem;width:100%;max-width:22rem;padding-top:.9rem;display:flex}.code-field{gap:.4rem;width:100%;display:flex}.code-input,.felt-code{font-variant-numeric:tabular-nums;letter-spacing:.18em;text-transform:uppercase}.code-input{min-width:0;font:inherit;text-align:center;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:.5rem;flex:1;padding:.55rem .6rem;font-size:1.05rem;font-weight:700}.code-input::placeholder{letter-spacing:normal;text-transform:none;color:var(--faint);font-weight:400}.landing-paths.invited .code-join{border-top:0;order:-1;padding-top:0}.lobby{text-align:center;justify-items:center;gap:.9rem;width:100%;max-width:32rem;display:grid}.share{justify-items:center;gap:.35rem;width:100%;display:grid}.share-row{gap:.4rem;width:100%;display:flex}.share-url{min-width:0;font:inherit;color:var(--muted);background:var(--surface2);border:1px solid var(--line);border-radius:.5rem;flex:1;padding:.5rem .6rem;font-size:.82rem}.share-row .act{white-space:nowrap;gap:.35rem}.share-row .act svg{width:.95rem;height:.95rem}.share-hint{color:var(--muted);margin:0;font-size:.78rem}.felt{border:1px solid var(--line);background:radial-gradient(62% 58% at 50% 50%, color-mix(in srgb, var(--gold) 7%, transparent), transparent 72%), var(--surface2);border-radius:1rem;grid-template:".north.""west core east"".south."/1fr auto 1fr;place-items:center;gap:.35rem;width:100%;max-width:27rem;padding:.7rem .4rem;display:grid;position:relative}.chair.north{grid-area:north}.chair.west{grid-area:west}.chair.east{grid-area:east}.chair.south{grid-area:south}.felt-core{grid-area:core;justify-items:center;gap:.15rem;padding:0 .6rem;display:grid}.felt-label{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);font-size:.55rem}.felt-code{color:var(--gold);white-space:nowrap;font-size:clamp(1.4rem,6vw,2rem);font-weight:800;line-height:1}.felt-code-gap{width:.35em;display:inline-block}.chair{border:1px solid var(--line-2);background:var(--surface);border-radius:.6rem;justify-items:center;gap:.2rem;min-width:7.4rem;padding:.5rem .6rem;display:grid;position:relative}@media (prefers-reduced-motion:no-preference){.chair:not(.empty){animation:.26s cubic-bezier(.2,.9,.3,1.4) chair-settle}}@keyframes chair-settle{0%{opacity:0;transform:translateY(-4px)scale(.96)}}.chair[data-side=us]{border-top:3px solid var(--team-us)}.chair[data-side=them]{border-top:3px solid var(--team-them)}.chair.empty[data-side=us]{border-color:color-mix(in srgb, var(--team-us) 40%, var(--line-2))}.chair.empty[data-side=them]{border-color:color-mix(in srgb, var(--team-them) 40%, var(--line-2))}.chair.mine{box-shadow:0 0 0 1px var(--gold)}.chair.bot{opacity:.78}.chair.empty{background:0 0;border-style:dashed;gap:.1rem}.chair.empty[data-side]{border-top-style:solid}.chair-badge{min-height:1rem;color:var(--gold);align-items:center;gap:.2rem;display:flex}.chair-badge svg{width:.85rem;height:.85rem}.chair.bot .chair-badge{color:var(--faint)}.chair-name{overflow-wrap:anywhere;max-width:8rem;font-size:.88rem;font-weight:700;line-height:1.1}.chair-tags{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}.chair-sit{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.4rem;justify-items:center;gap:.1rem;padding:.2rem .3rem;font-size:.72rem;display:grid}.chair-sit:hover{color:var(--ink);background:var(--surface2)}.chair-sit svg{width:1.3rem;height:1.3rem}.chair-mini{white-space:nowrap;font:inherit;color:var(--muted);border:0;border-bottom:1px dotted var(--line-2);cursor:pointer;background:0 0;align-items:center;gap:.15rem;padding:0;font-size:.65rem;display:inline-flex}.chair-mini svg{width:.7rem;height:.7rem}.chair-mini:hover{color:var(--ink)}.chair-mini.danger:hover{color:var(--danger)}.pdot{background:var(--ok);border-radius:999px;flex:none;width:.5rem;height:.5rem}.pdot.afk{background:var(--gold)}.pdot.offline{background:var(--danger)}@media (prefers-reduced-motion:no-preference){.pdot.offline{animation:1.4s ease-in-out infinite pdot-wait}}@keyframes pdot-wait{50%{opacity:.25}}.pdot.away{box-shadow:inset 0 0 0 1.5px var(--danger);background:0 0}.seat .avatar-wrap .pdot{outline:2px solid var(--surface);position:absolute;bottom:-1px;right:-1px}.ptag.host{color:var(--gold);border-color:var(--gold)}.ptag.ok{color:var(--ok);border-color:var(--ok)}.ptag.warn{color:var(--gold);border-color:var(--gold)}.ptag.off{color:var(--danger);border-color:var(--danger)}.lobby-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.lobby-actions .act{gap:.35rem}.lobby-actions .act svg{width:.9rem;height:.9rem}.lobby-actions .act.on{border-color:var(--ok);color:var(--ok)}.lobby-note{color:var(--muted);max-width:26rem;margin:0;font-size:.78rem}.lobby-rule{color:var(--faint);max-width:26rem;margin:-.6rem 0 0;font-size:.72rem}.setup-read{color:var(--faint);margin:0;font-size:.76rem}.lobby-leave{font:inherit;color:var(--faint);border:0;border-bottom:1px dotted var(--line-2);cursor:pointer;background:0 0;padding:0;font-size:.75rem}.lobby-leave:hover{color:var(--danger)}.confirm{border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--surface));border-radius:.6rem;gap:.5rem;width:100%;padding:.7rem .9rem;display:grid}.confirm p{margin:0;font-size:.82rem}.confirm-actions{justify-content:center;gap:.4rem;display:flex}.overlay.paused{background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.paused-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:.9rem;flex-direction:column;align-items:center;gap:.6rem;padding:1.6rem 1.8rem;display:flex}.paused-card svg{width:1.6rem;height:1.6rem;color:var(--muted)}.paused-why{margin:0;font-weight:600}.paused-clock{color:var(--gold);font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:800}@media (width<=26rem){.chair{min-width:5rem;padding:.4rem}.chair-name{font-size:.78rem}}