:root{color-scheme:dark;--u: clamp(.62, calc(.16 + 1.04*min(100vh, 100vw * 1.5)/950px) , 1.58);--fan-r: 340;--fan-per-card: 4;--card-w: calc(46px * var(--u));--card-h: calc(65px * var(--u));--bg: #0a0c0f;--panel: #15191f;--panel-2: #1c2128;--panel-3: #232a33;--line: #2b323c;--text: #f0e9da;--muted: #9aa1ac;--faint: #6b7280;--brass: #d8b66a;--brass-hi: #f1d99a;--brass-lo: #8a6d2f;--brass-glow: rgba(216, 182, 106, .35);--felt-hi: #2a7a47;--felt: #185c34;--felt-lo: #0c3a20;--felt-edge: #06241280;--good: #5ec27a;--bad: #e5675c;--team-ns: #e5675c;--team-ew: #5b8de8;--suit-S: #34548c;--suit-H: #c1322b;--suit-D: #c1842b;--suit-C: #2f7d4f;--red-suit: #c1322b;--black-suit: #14181d;--card-face: linear-gradient(176deg, #fbf8f0 0%, #efe9dc 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);font-family:Hanken Grotesk,system-ui,sans-serif;font-size:14.5px;line-height:1.45;height:100vh;overflow:hidden;background:radial-gradient(1100px 700px at 50% -8%,#1a2620 0%,transparent 60%),radial-gradient(900px 600px at 85% 110%,#1c1810 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,#07090c 100%);background-attachment:fixed}::selection{background:var(--brass);color:#1a1407}#app{padding:.7rem 1rem;margin:0 auto;height:100vh}button{background:linear-gradient(180deg,var(--panel-3) 0%,var(--panel-2) 100%);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.45rem .85rem;cursor:pointer;font:inherit;font-weight:600;letter-spacing:.01em;transition:border-color .14s,transform 90ms,background .14s,box-shadow .14s}button:hover:not(:disabled){border-color:var(--brass-lo);background:linear-gradient(180deg,#2a323c,#20262e)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.3;cursor:not-allowed}.btn-brass{background:linear-gradient(180deg,var(--brass-hi) 0%,var(--brass) 55%,var(--brass-lo) 100%);color:#221802;border-color:#6b521f;box-shadow:0 1px #ffffff40 inset,0 4px 14px -6px var(--brass-glow)}input[type=text]{background:#0e1216;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.6rem .8rem;font:inherit;width:100%}input[type=text]:focus{outline:none;border-color:var(--brass-lo)}.entry{max-width:420px;margin:4rem auto 0}.entry .title{font-family:Fraunces,serif;font-weight:900;font-size:2.8rem;letter-spacing:.14em;background:linear-gradient(180deg,var(--brass-hi),var(--brass-lo));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.3rem}.entry .sub{color:var(--muted);margin-top:0}.entry-form{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.entry-form label{display:flex;flex-direction:column;gap:.3rem}.entry-form .label-text{color:var(--muted);font-size:.9rem}.entry-form button{align-self:flex-end}.app{display:grid;grid-template-columns:minmax(0,1fr) 256px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header  header" "compass sidebar" "action  action";gap:.7rem;height:100%}body.first-mount .app{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.app>.header{grid-area:header}.app>.compass{grid-area:compass}.app>.action{grid-area:action}.app>.sidebar{grid-area:sidebar;align-self:stretch;display:flex;flex-direction:column;gap:.7rem;min-height:0}#rotate-prompt{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:2rem;text-align:center;background:radial-gradient(120% 90% at 50% 8%,#1a2620 0%,var(--bg) 60%,#07090c 100%);color:var(--text)}#rotate-prompt .rotate-icon{font-size:4.2rem;color:var(--brass);animation:rotateHint 2.4s ease-in-out infinite;filter:drop-shadow(0 0 18px var(--brass-glow))}@keyframes rotateHint{0%,to{transform:rotate(-15deg)}50%{transform:rotate(75deg)}}#rotate-prompt h1{font-family:Fraunces,serif;font-weight:700;font-size:1.4rem;letter-spacing:.06em;margin:0}#rotate-prompt p{margin:0;color:var(--muted);font-size:.95rem;max-width:26ch;line-height:1.5}@media (orientation: portrait) and (max-width: 820px){#rotate-prompt{display:flex}#app{display:none}}@media (max-height: 540px){#app{padding:.35rem .55rem}.app{gap:.4rem;grid-template-columns:minmax(0,1fr) 200px}.compass{gap:calc(4px * var(--u)) calc(8px * var(--u));padding:calc(.2rem * var(--u)) calc(.5rem * var(--u))}.header{padding:.3rem .6rem;gap:.4rem}.brand .wordmark{font-size:.95rem;letter-spacing:.08em}.brand .wordmark-sub{font-size:.5rem;letter-spacing:.28em;margin-top:.1rem}.tag{font-size:.7rem;padding:.18rem .5rem}.status{font-size:.6rem;padding:.18rem .45rem}.action{padding:.5rem .65rem;gap:.5rem;min-height:44px}.bid-grid{gap:.26rem}.bid-cell{height:34px;font-size:.95rem}.bid-col-head{font-size:.88rem}.bid-extras .btn-pass,.bid-extras .btn-dbl,.bid-extras .btn-rdbl{padding:.5rem 1rem;font-size:.95rem}.auction-log,.scoreboard{padding:.6rem .7rem}.auction-log h3,.scoreboard h3{margin-bottom:.4rem;font-size:.65rem}.auction-grid{font-size:.85rem}.scoreboard-table{font-size:.8rem}:root{--fan-r: 200;--fan-per-card: 2.2}.dir-N,.dir-S{width:calc(300px * var(--u));height:calc(82px * var(--u))}.dir-N{transform:translateY(calc(8px * var(--u)))}.dir-S{transform:translateY(calc(-8px * var(--u)))}.dir-W,.dir-E{width:calc(110px * var(--u));height:calc(240px * var(--u))}.seat{padding:calc(.25rem * var(--u)) calc(.4rem * var(--u))}.seat-letter{width:calc(1.35rem * var(--u));height:calc(1.35rem * var(--u));font-size:calc(.78rem * var(--u))}.seat-name{font-size:calc(.78rem * var(--u))}}@media (hover: none){.bid-cell:hover:not(.spent){transform:none;box-shadow:none}.bid-cell:active:not(.spent){transform:translateY(-1px);box-shadow:0 4px 10px -4px #00000080,0 0 0 2px var(--brass)}.pcard.clickable:hover{box-shadow:0 3px 7px -3px #0000008c,inset 0 0 0 1px #ffffff80}.pcard.clickable:active{box-shadow:0 12px 20px -8px #0009,0 0 0 1px var(--brass),0 0 16px -2px var(--brass-glow);z-index:100!important}}.app>.error-banner{grid-column:1 / -1}.header{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.1rem;background:linear-gradient(180deg,var(--panel) 0%,#11151a 100%);border:1px solid var(--line);border-radius:12px}.header-left,.header-right{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.header-center{display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.brand{display:flex;flex-direction:column;line-height:1;margin-right:.4rem}.brand .wordmark{font-family:Fraunces,serif;font-weight:900;font-size:1.45rem;letter-spacing:.14em;background:linear-gradient(180deg,var(--brass-hi),var(--brass-lo));-webkit-background-clip:text;background-clip:text;color:transparent}.brand .wordmark-sub{font-size:.66rem;letter-spacing:.42em;text-transform:uppercase;color:var(--faint);margin-top:.25rem}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;background:#0f1318;border:1px solid var(--line);border-radius:999px;font-size:.82rem;color:var(--muted)}.tag b{color:var(--text);font-weight:600}.tag.vul{border-color:#5a2b27;color:#f0a59d;background:#1f0f0d}.status{font-weight:600;display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.status-open{color:var(--good)}.status-connecting{color:var(--brass)}.status-closed{color:var(--bad)}.error-banner{background:linear-gradient(180deg,#3a1714,#2a100e);border:1px solid #6e2a24;color:#ffd9d4;padding:.55rem .9rem;border-radius:8px}.compass{position:relative;display:grid;grid-template-columns:minmax(120px,1fr) minmax(248px,380px) minmax(120px,1fr);grid-template-rows:auto auto auto;grid-template-areas:"seatW seatN  seatE" "seatW center seatE" "seatW seatS  seatE";gap:calc(clamp(4px,2vh,36px) * var(--u)) calc(clamp(10px,3vh,48px) * var(--u));padding:calc(clamp(.4rem,1.5vh,1.4rem) * var(--u)) calc(1.2rem * var(--u));height:100%;min-height:0;align-content:space-between;justify-content:center;border-radius:20px;background:radial-gradient(120% 90% at 50% 8%,var(--felt-hi) 0%,var(--felt) 38%,var(--felt-lo) 86%,var(--felt-edge) 100%);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 2px 40px #00000073,inset 0 0 120px #00000059;border:6px solid transparent;background-clip:padding-box}.compass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='0.5'/></svg>")}.compass:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:22px;pointer-events:none;background:linear-gradient(140deg,#6b521f,#e3c478 18%,#8a6d2f,#f1d99a 62%,#5a4318 82%,#c9a458);z-index:-1;box-shadow:0 16px 50px -18px #000c}.seat{position:relative;background:linear-gradient(180deg,#08100b8c,#040a079e);border:1px solid rgba(255,255,255,.06);padding:calc(.4rem * var(--u)) calc(.6rem * var(--u));border-radius:12px;display:flex;flex-direction:column;gap:calc(.2rem * var(--u));align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 10px 30px -16px #000000b3;transition:box-shadow .2s,border-color .2s,transform .2s}.seat-N,.seat-S,.seat-W,.seat-E{justify-self:center;width:max-content}.seat-N{grid-area:seatN;align-self:center}.seat-W{grid-area:seatW;align-self:center}.seat-E{grid-area:seatE;align-self:center}.seat-S{grid-area:seatS;align-self:center}body.first-mount .seat-N{animation:rise .6s 80ms both}body.first-mount .seat-W,body.first-mount .seat-E{animation:rise .6s .16s both}body.first-mount .seat-S{animation:rise .6s .24s both}.seat.on-turn{border-color:var(--brass);padding-top:.75rem;box-shadow:0 0 0 1px var(--brass),0 0 24px -2px var(--brass-glow),0 10px 30px -16px #000000b3;animation:turnGlow 1.8s ease-in-out infinite}@keyframes turnGlow{50%{box-shadow:0 0 0 1px var(--brass),0 0 34px 1px var(--brass-glow),0 10px 30px -16px #000000b3}}.seat.on-turn:before{content:"to play";position:absolute;top:-9px;left:14px;z-index:6;display:inline-flex;align-items:center;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#221802;font-weight:700;background:linear-gradient(180deg,var(--brass-hi),var(--brass));padding:.14rem .6rem .14rem 1.25rem;border-radius:999px}.seat.on-turn:after{content:"";position:absolute;top:-3px;left:23px;z-index:7;width:6px;height:6px;border-radius:50%;background:#1b5e34;box-shadow:0 0 #1b5e34b3;animation:turnDot 1.4s ease-out infinite}.seat.stop-locked{border-color:#c0403a;box-shadow:0 0 0 1px #c0403a,0 0 24px -2px #c0403a66,0 10px 30px -16px #000000b3;animation:none}.seat.stop-locked:before{display:none}.seat.stop-locked:after{display:none}.stop-badge{position:absolute;top:-9px;left:14px;z-index:7;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#fff;font-weight:700;background:linear-gradient(180deg,#c0403a,#8f2a26);border:1px solid #6e201d;padding:.14rem .7rem;border-radius:999px;box-shadow:0 0 10px -2px #c0403a8c}@keyframes turnDot{0%{box-shadow:0 0 #2a7a47a6}70%{box-shadow:0 0 0 6px #2a7a4700}to{box-shadow:0 0 #2a7a4700}}.seat-head{display:flex;align-items:center;gap:calc(.55rem * var(--u));width:100%}.seat-letter{font-family:Fraunces,serif;font-weight:700;font-size:calc(.9rem * var(--u));width:calc(1.6rem * var(--u));height:calc(1.6rem * var(--u));display:inline-flex;align-items:center;justify-content:center;background:#0d1116;border:1px solid var(--line);border-radius:7px;letter-spacing:.04em}.seat-letter.team-ns{background:linear-gradient(180deg,#e5675c,#a93f37);color:#fff;border-color:#6e201d}.seat-letter.team-ew{background:linear-gradient(180deg,#5b8de8,#2e5cb2);color:#fff;border-color:#1f3d80}.seat-letter.declarer{background:linear-gradient(180deg,var(--brass-hi),var(--brass-lo));color:#221802;border-color:#6b521f}.seat-letter.dummy{background:linear-gradient(180deg,#3a3550,#28243a);color:#cfc7e8;border-color:#4a4368}.seat.on-turn .seat-letter{background:linear-gradient(180deg,var(--brass-hi),var(--brass-lo));color:#221802;border-color:#6b521f}.seat-name{color:var(--muted);font-size:calc(.92rem * var(--u));font-weight:500}.seat-name.team-ns{color:var(--team-ns)}.seat-name.team-ew{color:var(--team-ew)}.seat-name.you{font-weight:700}.seat-name.offline{text-decoration:line-through;opacity:.5}.seat-role{margin-left:auto;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.seat-role.is-declarer{color:var(--brass)}.seat-role.is-dummy{color:#b3a8e0}.seat-hcp{margin-left:auto;padding:.1rem .5rem}.seat-hcp+.seat-role{margin-left:.4rem}.btn-remove-bot{margin-left:auto;width:1.25rem;height:1.25rem;padding:0;border-radius:50%;background:#c0403a26;border:1px solid #6e201d;color:#f3b4b0;font-size:1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.btn-remove-bot:hover{background:linear-gradient(180deg,#c0403a,#8f2a26);color:#fff}.seat-hcp+.btn-remove-bot,.seat-role+.btn-remove-bot{margin-left:.3rem}.seat-ctrls{display:flex;gap:.4rem;margin-top:.4rem}.seat-ctrls button{padding:.3rem .6rem;font-size:.82rem;font-weight:500}.hint{color:var(--muted);font-size:.9rem}.hand-fan{position:relative}.pcard{position:absolute;width:var(--card-w);height:var(--card-h);background:var(--card-face);color:var(--black-suit);border:1px solid #cfc7b4;border-radius:calc(6px * var(--u));font-family:Fraunces,serif;font-weight:700;box-shadow:0 3px 7px -3px #0000008c,inset 0 0 0 1px #ffffff80;transition:transform .15s cubic-bezier(.2,.8,.25,1),box-shadow .15s}.pcard.suit-S{color:var(--suit-S)}.pcard.suit-H{color:var(--suit-H)}.pcard.suit-D{color:var(--suit-D)}.pcard.suit-C{color:var(--suit-C)}.pcard .idx{position:absolute;top:calc(2.5px * var(--u));left:calc(3px * var(--u));display:flex;flex-direction:column;align-items:center;line-height:1;gap:calc(1px * var(--u))}.pcard .idx .r{font-size:calc(13px * var(--u))}.pcard .idx .s{font-size:calc(10px * var(--u))}.pcard .idx .r.r-ten{letter-spacing:-.15em;padding-right:.12em}.pcard .idx.br{top:auto;left:auto;bottom:calc(2.5px * var(--u));right:calc(3px * var(--u));transform:rotate(180deg)}.pcard .pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(26px * var(--u));line-height:1;opacity:1;pointer-events:none}.dir-N .pip,.dir-W .pip,.dir-E .pip{transform:translate(-50%,-50%) rotate(180deg)}.pcard.back{background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(216,182,106,.12) 5px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,rgba(216,182,106,.12) 5px 6px),linear-gradient(160deg,#20283a,#161a2c 60%,#20283a);border:1px solid #1a1f2c;box-shadow:inset 0 0 0 2px #d8b66a29,0 2px 5px -2px #00000080}.dir-S{width:calc(420px * var(--u));height:calc(100px * var(--u));transform:translateY(calc(-20px * var(--u)))}.dir-S .pcard{left:50%;top:50%;margin:calc(-32.5px * var(--u)) 0 0 calc(-23px * var(--u));transform-origin:center center;transform:translate(calc(var(--tx) * var(--u)),calc(var(--ty) * var(--u))) rotate(var(--rot, 0deg))}.dir-S .pcard.clickable{cursor:pointer}.dir-S .pcard.clickable:hover{transform:translate(calc(var(--tx) * var(--u)),calc(var(--ty) * var(--u))) rotate(var(--rot, 0deg)) translateY(calc(-10px * var(--u)));box-shadow:0 16px 24px -8px #0009,0 0 0 1px var(--brass),0 0 20px -2px var(--brass-glow);z-index:100!important}.dir-N{width:calc(420px * var(--u));height:calc(100px * var(--u));transform:translateY(calc(12px * var(--u)))}.dir-N .pcard{left:50%;top:50%;margin:calc(-32.5px * var(--u)) 0 0 calc(-23px * var(--u));transform-origin:center center;transform:translate(calc(var(--tx) * var(--u)),calc(var(--ty) * var(--u))) rotate(var(--rot, 0deg))}.dir-N .pcard.clickable{cursor:pointer}.dir-N .pcard.clickable:hover{transform:translate(calc(var(--tx) * var(--u)),calc(var(--ty) * var(--u))) rotate(var(--rot, 0deg)) translateY(calc(10px * var(--u)));box-shadow:0 -16px 24px -8px #0009,0 0 0 1px var(--brass),0 0 20px -2px var(--brass-glow);z-index:100!important}.dir-W{width:calc(150px * var(--u));height:calc(400px * var(--u))}.dir-W .pcard{left:50%;top:50%;margin:calc(-32.5px * var(--u)) 0 0 calc(-23px * var(--u));transform-origin:center center;transform:translate(calc(var(--tx) * var(--u)),calc(var(--ty) * var(--u))) rotate(var(--rot, 0deg))}.dir-E{width:calc(150px * var(--u));height:calc(400px * var(--u))}.dir-E .pcard{left:50%;top:50%;margin:calc(-32.5px * var(--u)) 0 0 calc(-23px * var(--u));transform-origin:center center;transform:translate(calc(var(--tx) * var(--u)),calc(var(--ty) * var(--u))) rotate(var(--rot, 0deg))}.pcard.disabled{background:linear-gradient(176deg,#c9c3b3,#b4ad9c);color:#6f6a5d;border-color:#aaa291;box-shadow:0 2px 5px -3px #00000080,inset 0 0 0 1px #ffffff47;cursor:not-allowed}.pcard.disabled.suit-S{color:#6b7589}.pcard.disabled.suit-H{color:#a86f6a}.pcard.disabled.suit-D{color:#a8895f}.pcard.disabled.suit-C{color:#6a8a73}.center{grid-area:center;position:relative;min-height:0;border-radius:14px;padding:.9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(70% 60% at 50% 42%,rgba(0,0,0,.36),rgba(0,0,0,.12) 70%,transparent)}body.first-mount .center{animation:rise .6s .32s both}.phase-label{font-family:Fraunces,serif;font-weight:600;font-size:1.05rem;margin:0 0 .1rem;letter-spacing:.02em}.phase-hint{color:var(--muted);margin:0 0 .4rem;font-size:.86rem}.center>.phase-label,.last-trick-overlay>.phase-label{font-size:calc(1.5rem * var(--u));margin-bottom:calc(32px * var(--u))}.center>.phase-hint{margin-bottom:calc(20px * var(--u))}.trick{display:grid;grid-template-columns:var(--card-w) var(--card-w) var(--card-w);grid-template-rows:var(--card-h) auto var(--card-h);grid-template-areas:"tW  tN  tE" "tW  tC  tE" "tW  tS  tE";gap:calc(14px * var(--u)) calc(34px * var(--u));margin-bottom:calc(6px * var(--u))}.trick-center{grid-area:tC;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));font-family:Fraunces,serif}.trick-center .tc-num{font-weight:700;font-size:calc(46px * var(--u));font-variant-numeric:tabular-nums;letter-spacing:-.02em}.trick-center .tc-lbl{font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:calc(.62rem * var(--u));color:var(--muted);margin-top:calc(2px * var(--u))}.trick-center.suit-S{color:#8fa3d0}.trick-center.suit-H{color:#d98b84}.trick-center.suit-D{color:#d9b07a}.trick-center.suit-C{color:#84bd99}.trick-center.nt{color:var(--brass-hi)}.trick-N{grid-area:tN}.trick-E{grid-area:tE;align-self:center}.trick-S{grid-area:tS}.trick-W{grid-area:tW;align-self:center}.trick-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;overflow:visible}.trick-pcard{position:relative;left:auto;top:auto;margin:0;width:var(--card-w);height:var(--card-h);flex:none}body.first-mount .trick-pcard{animation:deal .28s cubic-bezier(.2,.8,.25,1) both}body.first-mount .trick-N .trick-pcard{animation-delay:0ms}body.first-mount .trick-E .trick-pcard{animation-delay:90ms}body.first-mount .trick-S .trick-pcard{animation-delay:.18s}body.first-mount .trick-W .trick-pcard{animation-delay:.27s}@keyframes deal{0%{opacity:0;transform:translateY(8px) scale(.92) rotate(-3deg)}}.pcard.trump{border-color:var(--brass);box-shadow:0 3px 7px -3px #0000008c,0 0 0 2px var(--brass),0 0 12px -2px var(--brass-glow)}.pcard.honor:before,.pcard.honor:after{content:"★";position:absolute;font-size:calc(9px * var(--u));line-height:1;color:var(--brass);text-shadow:0 0 4px var(--brass-glow);pointer-events:none}.pcard.honor:before{top:calc(2.5px * var(--u));right:calc(3px * var(--u))}.pcard.honor:after{bottom:calc(2.5px * var(--u));left:calc(3px * var(--u))}.last-trick-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0d1e14eb,#08120cf7);border-radius:12px;opacity:0;visibility:hidden;transition:opacity .14s ease;pointer-events:none}.last-trick-overlay.active{opacity:1;visibility:visible}.trick-empty{width:var(--card-w);height:var(--card-h);flex:none;border-radius:calc(6px * var(--u));border:1px dashed rgba(255,255,255,.14)}.trick-empty.awaiting{border-color:var(--brass);box-shadow:0 0 14px -2px var(--brass-glow);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 22px 1px var(--brass-glow)}}.trick-seat-letter{color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.trick-seat-letter.lead{color:var(--brass)}.tricks-won{display:flex;gap:calc(8px * var(--u));align-items:center;white-space:nowrap}.trick-track-end{color:var(--muted);font-size:calc(.8rem * var(--u));letter-spacing:.06em}.trick-track-end b{color:var(--text);font-family:Fraunces,serif;font-size:calc(.95rem * var(--u))}.trick-track-end.ns b{color:var(--team-ns)}.trick-track-end.ew b{color:var(--team-ew)}.trick-bar{display:inline-flex;gap:calc(3px * var(--u))}.trick-bar i{position:relative;width:calc(11px * var(--u));height:calc(14px * var(--u));border-radius:calc(2px * var(--u));background:#ffffff17;border:1px solid rgba(255,255,255,.08)}.trick-bar i.ns{background:linear-gradient(180deg,#e5675c,#a93f37);border-color:#6e201d;box-shadow:0 0 5px -1px #e5675c8c}.trick-bar i.ew{background:linear-gradient(180deg,#5b8de8,#2e5cb2);border-color:#1f3d80;box-shadow:0 0 5px -1px #5b8de88c}.trick-bar i.goal:after{content:"";position:absolute;top:calc(-5px * var(--u));left:50%;transform:translate(-50%);border-left:calc(4px * var(--u)) solid transparent;border-right:calc(4px * var(--u)) solid transparent;border-top:calc(5px * var(--u)) solid var(--brass)}.trick-bar i.goal{border-color:var(--brass);box-shadow:0 0 6px -1px var(--brass-glow)}.result-banner{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.result-contract{font-family:Fraunces,serif;font-size:2rem;font-weight:700;letter-spacing:.04em}.result-outcome{color:var(--muted);font-size:.92rem}.result-score{font-family:Fraunces,serif;font-size:1.7rem;font-weight:700;margin-top:.1rem}.result-score.pos{color:var(--good)}.result-score.neg{color:var(--bad)}.bid-bubble{display:inline-flex;align-items:center;gap:.15rem;font-family:Fraunces,serif;font-weight:700;font-size:1rem;background:linear-gradient(180deg,#fbfaf5,#ece7da);color:#14181d;border:1px solid #cfc7b4;border-radius:8px;padding:.15rem .5rem;box-shadow:0 3px 7px -3px #00000080}.bid-log{position:absolute;display:flex;gap:calc(5px * var(--u));z-index:5}.bid-log .bid-bubble{font-size:calc(.85rem * var(--u));padding:0;white-space:nowrap;width:calc(40px * var(--u));height:calc(26px * var(--u));justify-content:center;align-items:center;gap:calc(1px * var(--u));box-sizing:border-box}.dir-log-S{bottom:100%;right:calc(12px * var(--u));margin-bottom:calc(7px * var(--u));flex-direction:row-reverse}.dir-log-N{top:100%;left:calc(12px * var(--u));margin-top:calc(7px * var(--u));flex-direction:row}.dir-log-N .bid-bubble{transform:rotate(180deg)}.dir-log-W{left:100%;bottom:calc(12px * var(--u));margin-left:calc(-3px * var(--u));flex-direction:column-reverse}.dir-log-W .bid-bubble{transform:rotate(90deg);margin:calc(8px * var(--u)) 0}.dir-log-E{right:100%;top:calc(12px * var(--u));margin-right:calc(-3px * var(--u));flex-direction:column}.dir-log-E .bid-bubble{transform:rotate(-90deg);margin:calc(8px * var(--u)) 0}.bid-bubble.pass{color:var(--faint);background:#1a1f26;border-color:var(--line)}.bid-bubble .st-S{color:var(--suit-S);font-size:1.3em;line-height:1}.bid-bubble .st-H{color:var(--suit-H);font-size:1.3em;line-height:1}.bid-bubble .st-D{color:var(--suit-D);font-size:1.3em;line-height:1}.bid-bubble .st-C{color:var(--suit-C);font-size:1.3em;line-height:1}.bid-bubble .st-NT{font-size:.9em;color:#41474f}.bid-bubble.dbl,.bid-bubble.rdbl{color:#fff;font-weight:800;font-family:Hanken Grotesk,system-ui,sans-serif;justify-content:center;letter-spacing:.06em}.bid-bubble.dbl{background:linear-gradient(180deg,#c0403a,#8f2a26);border-color:#6e201d}.bid-bubble.rdbl{background:linear-gradient(180deg,#7c5cc4,#5a3ea0);border-color:#4a3088}.auction-log{background:linear-gradient(180deg,var(--panel) 0%,#11151a 100%);border:1px solid var(--line);padding:.9rem 1rem;border-radius:12px}body.first-mount .auction-log{animation:rise .6s .2s both}.auction-log h3{margin:0 0 .7rem;font-size:.72rem;color:var(--faint);font-weight:700;letter-spacing:.28em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.auction-log h3:after{content:"";flex:1;height:1px;background:var(--line)}.auction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem .3rem;font-family:Fraunces,serif;font-size:.98rem;text-align:center}.auction-head{color:var(--faint);font-size:.72rem;font-family:Hanken Grotesk,sans-serif;letter-spacing:.1em;padding-bottom:.4rem;margin-bottom:.2rem;border-bottom:1px solid var(--line)}.auction-cell{padding:.22rem 0;border-radius:5px;color:var(--text);position:relative}.auction-cell.pass{color:var(--faint)}.auction-cell.bid-S{color:var(--suit-S)}.auction-cell.bid-H{color:var(--suit-H)}.auction-cell.bid-D{color:var(--suit-D)}.auction-cell.bid-C{color:var(--suit-C)}.auction-cell.final{background:#d8b66a24;color:var(--brass-hi);box-shadow:inset 0 0 0 1px var(--brass-lo)}.auction-cell .st{font-size:1.25em;line-height:1;margin-left:.12em}.auction-cell .st.st-NT{font-size:.9em;margin-left:.1em}.auction-final b .st{font-size:1.2em;line-height:1;margin-left:.1em}.auction-final b .st.st-NT{font-size:.9em;margin-left:.08em}.auction-final{margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}.auction-final b{font-family:Fraunces,serif;color:var(--brass-hi);font-size:1.05rem}.scoreboard{background:linear-gradient(180deg,var(--panel) 0%,#11151a 100%);border:1px solid var(--line);padding:.9rem 1rem;border-radius:12px;min-height:0;overflow-y:auto}.scoreboard h3{margin:0 0 .7rem;font-size:.72rem;color:var(--faint);font-weight:700;letter-spacing:.28em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.scoreboard h3:after{content:"";flex:1;height:1px;background:var(--line)}.scoreboard-table{width:100%;border-collapse:collapse;font-family:Fraunces,serif;font-size:.88rem}.scoreboard-table td{padding:.18rem .25rem;border-top:1px solid rgba(255,255,255,.04)}.scoreboard-table tr:first-child td{border-top:none}.scoreboard-table tr.empty td{color:var(--faint)}.sb-num{color:var(--muted);font-family:Hanken Grotesk,sans-serif;font-size:.78rem;text-align:right;width:1.6rem;padding-right:.45rem!important}.sb-contract{text-align:left;white-space:nowrap;color:var(--text)}.sb-contract.passed{color:var(--faint);font-style:italic}.sb-contract .lv{font-weight:700}.sb-contract .st-S{color:var(--suit-S);font-size:1.15em}.sb-contract .st-H{color:var(--suit-H);font-size:1.15em}.sb-contract .st-D{color:var(--suit-D);font-size:1.15em}.sb-contract .st-C{color:var(--suit-C);font-size:1.15em}.sb-contract .st-NT{font-size:.85em;color:var(--muted)}.sb-result{font-family:Hanken Grotesk,sans-serif;font-size:.82rem;text-align:center;color:var(--muted);width:2rem}.sb-result.made{color:var(--good)}.sb-result.down{color:var(--bad)}.sb-score{font-family:Fraunces,serif;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.sb-score.ns{color:var(--team-ns)}.sb-score.ew{color:var(--team-ew)}.scoreboard-totals{position:sticky;bottom:0;z-index:2;margin:.6rem -1rem -.9rem;padding:.6rem 1rem .9rem;background:linear-gradient(180deg,#11151a 0%,var(--panel) 100%);border-top:1px solid var(--line);text-align:center;font-family:Fraunces,serif;font-weight:700;color:var(--muted)}.sb-total.ns{color:var(--team-ns)}.sb-total.ew{color:var(--team-ew)}.action{background:linear-gradient(180deg,var(--panel) 0%,#11151a 100%);border:1px solid var(--line);padding:.85rem 1.1rem;border-radius:12px;display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;min-height:58px}body.first-mount .action{animation:rise .6s .36s both}.action>.hint{font-size:.98rem}.action .lead-in{font-family:Fraunces,serif;font-weight:600;color:var(--text);font-size:1rem}.action-spacer{flex:1}.bidding-box{display:flex;flex-direction:column;align-items:center;gap:calc(.4rem * var(--u));width:100%}.bid-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(.26rem * var(--u));width:100%;max-width:calc(340px * var(--u))}.bid-col{display:flex;flex-direction:column;gap:calc(.2rem * var(--u));border-radius:9px;padding:calc(.24rem * var(--u))}.bid-col.col-S{background:color-mix(in srgb,var(--suit-S) 24%,#0c1118)}.bid-col.col-H{background:color-mix(in srgb,var(--suit-H) 22%,#0c1118)}.bid-col.col-D{background:color-mix(in srgb,var(--suit-D) 22%,#0c1118)}.bid-col.col-C{background:color-mix(in srgb,var(--suit-C) 22%,#0c1118)}.bid-col.col-N{background:#2a2f37}.bid-col-head{display:flex;align-items:center;justify-content:center;gap:.15rem;font-family:Fraunces,serif;font-weight:700;font-size:calc(.92rem * var(--u));padding:0 0 .1rem;color:#fff;opacity:.92}.bid-cell{display:flex;align-items:center;justify-content:center;gap:.08rem;height:calc(24px * var(--u));border-radius:5px;background:#ffffffeb;border:1px solid rgba(0,0,0,.15);font-family:Fraunces,serif;font-weight:700;font-size:calc(.9rem * var(--u));cursor:pointer;transition:transform 90ms,box-shadow .12s,filter .12s}.bid-cell .lv{color:#14181d}.col-S .bid-cell .st{color:var(--suit-S);font-size:1.25em}.col-H .bid-cell .st{color:var(--suit-H);font-size:1.25em}.col-D .bid-cell .st{color:var(--suit-D);font-size:1.25em}.col-C .bid-cell .st{color:var(--suit-C);font-size:1.25em}.col-N .bid-cell .st{color:#41474f;font-size:.9em}.bid-cell:hover:not(.spent){transform:translateY(-2px);box-shadow:0 6px 14px -6px #0009,0 0 0 2px var(--brass);z-index:2}.bid-cell.spent{opacity:.28;cursor:not-allowed;filter:grayscale(.5)}.bid-cell.last{box-shadow:0 0 0 2px var(--brass),0 0 12px -2px var(--brass-glow)}.bid-extras{display:flex;gap:.45rem;flex-wrap:wrap}.bid-extras .btn-pass{padding:.32rem 1.6rem;font-weight:700;letter-spacing:.06em;background:linear-gradient(180deg,#2a7a47,#1b5a32);border:1px solid #134a29;color:#eafff0}.bid-extras .btn-pass:hover:not(:disabled){background:linear-gradient(180deg,#318a52,#1f6839)}.bid-extras .btn-dbl{padding:.32rem 1rem;font-weight:800;font-family:Hanken Grotesk,system-ui,sans-serif;background:linear-gradient(180deg,#c0403a,#8f2a26);border:1px solid #6e201d;color:#fff;letter-spacing:.06em}.bid-extras .btn-dbl:hover:not(:disabled){background:linear-gradient(180deg,#d24a43,#a3322d)}.bid-extras .btn-rdbl{background:linear-gradient(180deg,#7c5cc4,#5a3ea0);border-color:#4a3088}.bid-extras .btn-rdbl:hover:not(:disabled){background:linear-gradient(180deg,#8d6cd6,#6849b4)}.bid-extras .btn-alert,.bid-extras .btn-stop{padding:.32rem .85rem;font-weight:800;font-family:Hanken Grotesk,system-ui,sans-serif;letter-spacing:.08em;font-size:.82rem;color:#f3efe4;background:linear-gradient(180deg,#2a2f37,#1c2027);border:1px solid #3a4049}.bid-extras .btn-alert:hover{border-color:#e08a2e;color:#ffd9a8}.bid-extras .btn-stop:hover{border-color:#c0403a;color:#f3b4b0}.bid-extras .btn-alert.armed{background:linear-gradient(180deg,#e8932f,#c8761c);border-color:#9a5a13;color:#1c1206;box-shadow:0 0 12px -2px #e8932fb3}.bid-extras .btn-stop.armed{background:linear-gradient(180deg,#c0403a,#8f2a26);border-color:#6e201d;color:#fff;box-shadow:0 0 12px -2px #c0403a99}.bid-log .bid-bubble{position:relative}.bid-bubble.alerted:after{content:"";position:absolute;top:calc(-3px * var(--u));right:calc(-3px * var(--u));width:calc(8px * var(--u));height:calc(8px * var(--u));border-radius:50%;background:#f0941f;border:1px solid #fff;box-shadow:0 0 5px -1px #f0941fe6}.auction-cell.alerted:after{content:"";display:inline-block;vertical-align:super;width:5px;height:5px;margin-left:2px;border-radius:50%;background:#f0941f;box-shadow:0 0 4px -1px #f0941fe6}.bidding-box{position:relative}.bid-lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(8px * var(--u));background:#0a100cc7;border-radius:12px}.bidding-box.locked .bid-grid,.bidding-box.locked .bid-extras{filter:grayscale(.7) brightness(.6);pointer-events:none}.bid-lock-ring{width:calc(46px * var(--u));height:calc(46px * var(--u));border-radius:50%;border:calc(4px * var(--u)) solid rgba(255,255,255,.14);border-top-color:#c0403a;animation:bidLockSpin 1s linear infinite,bidLockCount 10s linear forwards}@keyframes bidLockSpin{to{transform:rotate(360deg)}}@keyframes bidLockCount{0%{border-top-color:#c0403a}to{border-top-color:#ffffff24}}.bid-lock-text{font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:800;letter-spacing:.12em;color:#f3b4b0;font-size:calc(.85rem * var(--u))}.history-sheet{max-width:1080px;margin:1rem auto 2rem;padding:1.4rem 1.6rem 1.6rem;background:linear-gradient(180deg,var(--panel-3) 0%,var(--panel-2) 100%);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 36px #00000059,inset 0 1px #ffffff0a}.history-titlebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-bottom:1.2rem}.history-titlebar>h2.history-title{margin:0;text-align:center;font-family:Fraunces,serif;font-weight:700;font-size:1.55rem;letter-spacing:.02em;color:var(--text)}.history-empty{margin:2rem 0;text-align:center;color:var(--muted);font-style:italic}.history-totals{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:1.4rem}.history-total-side{display:flex;flex-direction:column;align-items:center;padding:.7rem 1rem .85rem;background:var(--panel);border:1px solid var(--line);border-radius:11px;position:relative;overflow:hidden}.history-total-side:before{content:"";position:absolute;inset:0 0 auto 0;height:3px}.history-total-side.ns:before{background:var(--team-ns)}.history-total-side.ew:before{background:var(--team-ew)}.history-total-label{font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:700;letter-spacing:.18em;font-size:.78rem;color:var(--muted);text-transform:uppercase}.history-total-value{margin-top:.15rem;font-family:Fraunces,serif;font-weight:700;font-size:2.1rem;line-height:1;font-variant-numeric:tabular-nums}.history-total-side.ns .history-total-value{color:var(--team-ns)}.history-total-side.ew .history-total-value{color:var(--team-ew)}.history-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden;font-family:Hanken Grotesk,system-ui,sans-serif}.history-table thead th{font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--muted);text-align:center;padding:.7rem .4rem .55rem;background:#0000002e;border-bottom:1px solid var(--line)}.history-table tbody td{padding:.55rem .4rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.04);font-size:.95rem;vertical-align:middle}.history-table tbody tr:last-child td{border-bottom:none}.history-table tbody tr.history-row:not(.empty){cursor:pointer;transition:background-color .12s ease}.history-table tbody tr.history-row:not(.empty):hover{background:#d8b66a14}.history-table tbody tr.empty td{color:var(--faint)}.hist-num{font-family:Fraunces,serif;font-weight:700;font-size:1.05rem;color:var(--muted);width:3rem}.history-row:not(.empty) .hist-num{color:var(--text)}.hist-dealer{width:4rem}.dealer-letter{display:inline-block;min-width:1.6rem;padding:.12rem .4rem;border-radius:6px;font-family:Fraunces,serif;font-weight:700;color:#fff;background:var(--panel-2)}.dealer-letter.team-ns{background:var(--team-ns)}.dealer-letter.team-ew{background:var(--team-ew)}.hist-vuln{width:4.5rem}.vul-tag{display:inline-block;min-width:2.2rem;padding:.1rem .45rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.vul-tag.vul-none{color:var(--faint);background:transparent;letter-spacing:0}.vul-tag.vul-ns{color:#fff;background:var(--team-ns)}.vul-tag.vul-ew{color:#fff;background:var(--team-ew)}.vul-tag.vul-both{color:#fff;background:linear-gradient(90deg,var(--team-ns) 0%,var(--team-ns) 50%,var(--team-ew) 50%,var(--team-ew) 100%)}.hist-contract{font-family:Fraunces,serif;font-weight:600;font-size:1rem;letter-spacing:.01em}.hist-contract .lv{font-weight:700}.hist-contract .st-S{color:var(--suit-S);font-weight:700}.hist-contract .st-H{color:var(--suit-H);font-weight:700}.hist-contract .st-D{color:var(--suit-D);font-weight:700}.hist-contract .st-C{color:var(--suit-C);font-weight:700}.hist-contract .st-NT{font-weight:700;letter-spacing:.02em}.hist-contract .decl{display:inline-block;min-width:1.3rem;padding:.05rem .35rem;margin-left:.15rem;border-radius:5px;font-family:Fraunces,serif;font-weight:700;color:#fff;font-size:.92rem}.hist-contract .decl.team-ns{background:var(--team-ns)}.hist-contract .decl.team-ew{background:var(--team-ew)}.hist-contract.passed{color:var(--muted);font-style:italic}.hist-contract.empty{color:var(--faint)}.hist-result{width:4rem;font-family:Fraunces,serif;font-weight:700;font-variant-numeric:tabular-nums}.hist-result.made{color:var(--good)}.hist-result.down{color:var(--bad)}.hist-score{width:5.5rem;font-family:Fraunces,serif;font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums}.hist-score.ns{color:var(--team-ns)}.hist-score.ew{color:var(--team-ew)}.history-row.empty .hist-score,.history-row .hist-score:empty,.hist-score:not(.ns):not(.ew){color:var(--faint)}.hist-replay{width:2.2rem;color:var(--brass);font-size:.85rem}.history-row.empty .hist-replay{color:transparent}.replay-app{display:grid;grid-template-columns:minmax(0,1fr) 256px;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"header  header" "banner  banner" "compass sidebar" "ctrl    ctrl";gap:.5rem;height:100%}.replay-app>.header{grid-area:header}.replay-app>.replay-banner{grid-area:banner}.replay-app>.compass{grid-area:compass}.replay-app>.sidebar{grid-area:sidebar;align-self:start;display:flex;flex-direction:column;gap:.7rem;min-height:0}.replay-app>.replay-ctrl{grid-area:ctrl}.replay-app>.error-banner{grid-column:1 / -1}.replay-banner{display:flex;align-items:baseline;gap:.55rem;padding:.3rem .95rem;background:linear-gradient(180deg,var(--panel-3) 0%,var(--panel-2) 100%);border:1px solid var(--line);border-radius:9px;font-family:Fraunces,serif;font-size:.95rem;line-height:1.25}.rb-label{font-family:Hanken Grotesk,system-ui,sans-serif;font-weight:700;letter-spacing:.16em;font-size:.72rem;color:var(--muted);text-transform:uppercase}.rb-num{font-weight:700;color:var(--text);font-size:1.05rem;font-variant-numeric:tabular-nums}.rb-sep{color:var(--faint);margin:0 .1rem}.rb-contract{font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:baseline;gap:.05rem}.rb-contract.passed{color:var(--muted);font-style:italic}.rb-contract .st-S{color:var(--suit-S)}.rb-contract .st-H{color:var(--suit-H)}.rb-contract .st-D{color:var(--suit-D)}.rb-contract .st-C{color:var(--suit-C)}.rb-contract .st-NT{letter-spacing:.02em}.rb-contract .decl{display:inline-block;min-width:1.2rem;padding:.02rem .35rem;margin-left:.3rem;border-radius:5px;color:#fff;font-size:.85rem}.rb-contract .decl.team-ns{background:var(--team-ns)}.rb-contract .decl.team-ew{background:var(--team-ew)}.rb-result{font-weight:700;font-variant-numeric:tabular-nums}.rb-result.made{color:var(--good)}.rb-result.down{color:var(--bad)}.rb-score{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:1rem}.rb-score.ns{color:var(--team-ns)}.rb-score.ew{color:var(--team-ew)}.rb-score.flat{color:var(--muted);font-style:italic;font-weight:600}.replay-timeline{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:.7rem .85rem .5rem;display:flex;flex-direction:column;min-height:0;max-height:360px}.replay-timeline>h3{margin:0 0 .5rem;font-family:Fraunces,serif;font-weight:700;font-size:1rem;letter-spacing:.04em;color:var(--text)}.rt-empty{margin:.4rem 0 .2rem;color:var(--muted);font-style:italic;font-size:.86rem}.rt-list{display:flex;flex-direction:column;overflow-y:auto;gap:1px;margin:0 -.4rem;padding:0 .4rem}.rt-list::-webkit-scrollbar{width:6px}.rt-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.rt-row{display:grid;grid-template-columns:1.7rem 1fr;align-items:center;gap:.5rem;padding:.25rem .45rem;border-radius:6px;cursor:pointer;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:.86rem;color:var(--text);transition:background-color .1s ease}.rt-row:hover{background:#ffffff0a}.rt-row.active{background:#d8b66a29;box-shadow:inset 2px 0 0 var(--brass)}.rt-row.rt-deal,.rt-row.rt-start{color:var(--muted);font-style:italic}.rt-idx{font-family:Fraunces,serif;font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--faint);text-align:right}.rt-row.active .rt-idx{color:var(--brass);font-weight:700}.rt-body{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.18rem}.rt-seat{display:inline-block;min-width:1.15rem;padding:0 .3rem;border-radius:4px;font-family:Fraunces,serif;font-weight:700;color:#fff;font-size:.78rem;text-align:center}.rt-seat.team-ns{background:var(--team-ns)}.rt-seat.team-ew{background:var(--team-ew)}.rt-call{font-family:Fraunces,serif;font-weight:700}.rt-call.pass{color:var(--muted);font-weight:600}.rt-call.dbl{color:var(--brass-hi)}.rt-call .st-S{color:var(--suit-S)}.rt-call .st-H{color:var(--suit-H)}.rt-call .st-D{color:var(--suit-D)}.rt-call .st-C{color:var(--suit-C)}.rt-call .st-NT{letter-spacing:.02em}.rt-card{font-family:Fraunces,serif;font-weight:700}.rt-card .r-ten{letter-spacing:-.08em}.rt-card.st-S{color:var(--suit-S)}.rt-card.st-H{color:var(--suit-H)}.rt-card.st-D{color:var(--suit-D)}.rt-card.st-C{color:var(--suit-C)}.replay-ctrl{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.7rem;background:linear-gradient(180deg,var(--panel-3) 0%,var(--panel-2) 100%);border:1px solid var(--line);border-radius:11px;padding:.55rem .85rem;box-shadow:0 6px 18px #00000038}.replay-nav{display:flex;gap:.25rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.18rem}.replay-nav button{padding:.2rem .55rem;background:transparent;border:none;color:var(--text);font-size:.95rem;border-radius:5px;cursor:pointer;font-family:Hanken Grotesk,system-ui,sans-serif}.replay-nav button:hover{background:#d8b66a24;color:var(--brass-hi)}.replay-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--panel);border:1px solid var(--line);border-radius:999px;outline:none}.replay-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--brass);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--brass-lo);cursor:pointer}.replay-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--brass);border:2px solid var(--panel);box-shadow:0 0 0 1px var(--brass-lo);cursor:pointer}.replay-step{font-family:Fraunces,serif;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:.04em;min-width:4rem;text-align:right}.score-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#040806bd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .16s ease}.score-modal.open{opacity:1;visibility:visible}.score-sheet{width:min(880px,94vw);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#12281b,#0c1c13);border:1px solid var(--brass-lo);border-radius:16px;box-shadow:0 30px 80px -20px #000c;padding:1.2rem 1.4rem 1.5rem}.score-sheet-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.score-sheet-head h3{margin:0;font-family:Fraunces,serif;font-weight:600;font-size:1.3rem;color:var(--text);letter-spacing:.02em}.score-vul{color:var(--muted);font-size:.82rem;margin-left:.2rem}.score-vul b{color:var(--brass-hi);font-family:Fraunces,serif}.score-close{margin-left:auto;width:2rem;height:2rem;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#0d1116;border:1px solid var(--line);color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer;padding:0}.score-close:hover{color:var(--text);border-color:var(--brass-lo)}.score-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:.3rem;margin-bottom:1.1rem}.score-bid-cell{display:inline-flex;align-items:center;justify-content:center;gap:.12rem;padding:.3rem 0;border-radius:7px;cursor:pointer;background:linear-gradient(180deg,#fbfaf5,#ece7da);color:#14181d;border:1px solid #cfc7b4;font-family:Fraunces,serif;font-weight:700;font-size:.92rem}.score-bid-cell .st-NT{font-size:.7em;vertical-align:super;color:#41474f}.score-bid-cell.col-S .st{color:var(--suit-S);font-size:1.2em}.score-bid-cell.col-H .st{color:var(--suit-H);font-size:1.2em}.score-bid-cell.col-D .st{color:var(--suit-D);font-size:1.2em}.score-bid-cell.col-C .st{color:var(--suit-C);font-size:1.2em}.score-bid-cell:hover{box-shadow:0 0 0 1px var(--brass)}.score-bid-cell.selected{background:linear-gradient(180deg,var(--brass-hi),var(--brass));border-color:#6b521f;box-shadow:0 0 14px -3px var(--brass-glow)}.score-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.score-card-head,.score-col-head,.score-row{display:grid;grid-template-columns:1.1fr repeat(6,1fr)}.score-card-head{background:#00000040}.score-side-label{text-align:center;padding:.4rem 0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.score-side-label.ns{color:var(--brass-hi);border-right:1px solid var(--line);grid-column:2 / 5}.score-side-label.ew{color:#9aa3ad;grid-column:5 / 8}.score-col-head{background:#0000002e;border-top:1px solid var(--line)}.score-col-head>div{padding:.32rem 0;text-align:center;font-size:.74rem;color:var(--muted)}.score-res-head{font-weight:700}.score-sub.ns{color:#d9bd84}.score-sub.ew{color:#9aa3ad}.score-sub.ns:first-of-type{border-left:1px solid var(--line)}.score-row{border-top:1px solid rgba(255,255,255,.05)}.score-row:nth-child(2n){background:#ffffff05}.score-res{text-align:center;padding:.3rem 0;font-weight:700;color:var(--text);font-family:Fraunces,serif}.score-res.made .score-tricks{color:#6fae87}.score-res.down .score-tricks{color:#c98b86}.score-val{text-align:center;padding:.3rem 0;font-size:.86rem;color:var(--muted)}.score-val.ns{color:#cdb988}.score-val.ew{color:#aab2bb}.score-val.ns:first-of-type{border-left:1px solid var(--line)}