.seat-ring{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.seat-slot{padding:.85rem 1rem;border-radius:12px;border:1px dashed rgba(40,28,18,.2);background:#ffffff59;display:flex;flex-direction:column;gap:.2rem}.seat-slot.filled{border-style:solid;background:#fff8ebe6}.seat-slot.you{border-color:var(--accent)}.seat-slot.turn{box-shadow:0 0 0 2px var(--accent)}.seat-slot.offline{opacity:.65}.seat-num{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted)}.seat-name{font-weight:700}.seat-team{font-size:.85rem;color:var(--ink-muted)}.seat-offline{font-size:.8rem;color:#9b2c2c}.lobby-formation{margin:1.25rem 0;padding:1rem 1.25rem;border-radius:14px;background:#f6efe414}.lobby-formation .section-title{margin:0;font-family:var(--font-display);font-size:1.1rem;font-weight:600}.formation-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.formation-option{display:flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.95rem}.formation-option input{accent-color:var(--accent-2, #e8c547)}.partner-select{margin-top:.85rem;display:flex;flex-direction:column;gap:.35rem;max-width:280px}.partner-select select{padding:.5rem .65rem;border-radius:8px;border:1px solid rgba(246,239,228,.25);background:#14100a59;color:var(--cream);font:inherit}.partner-select select option{color:var(--ink)}.card-view{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(20,16,10,.35);border-radius:8px;width:72px;height:110px;padding:0;cursor:pointer;box-shadow:0 2px 6px #00000040;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0;background-color:#f5f0e6}.card-view:hover:not(:disabled){transform:translateY(-8px);box-shadow:0 10px 18px #00000047}.card-view:disabled{cursor:default}.card-view.selected{outline:2px solid var(--accent-2, #e8c547);transform:translateY(-10px)}.card-view.compact{width:56px;height:86px}.card-view.table-card{width:64px;height:98px}.deck-spread-wrap{width:100%;overflow-x:auto;padding:1.5rem .5rem 2rem;-webkit-overflow-scrolling:touch}.deck-spread{position:relative;height:110px;margin:0 auto;min-width:min(100%,720px)}.deck-spread-card{position:absolute;top:0;margin:0}.deck-spread-card.pickable:not(:disabled):hover{transform:translateY(-12px);z-index:100!important}.deck-spread-card:disabled{opacity:.92;cursor:default}.deck-spread-card:disabled:hover{transform:none}.team-draw-page{max-width:960px;margin:0 auto}.team-draw-header h1{font-size:clamp(1.8rem,4vw,2.6rem)}.turn-banner{text-align:center;margin:0 0 1rem;padding:.75rem 1rem;border-radius:10px;background:#f6efe41f;color:#f6efe4e6}.turn-banner.yours{background:#e8c54738;color:var(--cream);font-weight:600}.team-draw-picks{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:14px;background:#f6efe414}.section-title{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.1rem;font-weight:600}.pick-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.pick-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(246,239,228,.1)}.pick-item:last-child{border-bottom:none}.pick-item.pending{opacity:.75}.pick-card{display:flex;align-items:center;gap:.65rem}.pick-label{font-size:.88rem;color:#f6efe4d9}.team-ready-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.25rem 0}.team-ready-card{padding:1rem 1.25rem;border-radius:14px;background:#f6efe414}.team-ready-list{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.35rem;font-size:.95rem}.canto-announce{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.35),transparent 55%);animation:canto-announce-backdrop 1.6s ease forwards}.canto-announce-card{text-align:center;color:#fff8eb;text-shadow:0 4px 18px rgba(0,0,0,.55);animation:canto-announce-pop 1.6s cubic-bezier(.22,1.4,.36,1) forwards}.canto-announce-value{margin:0;font-family:var(--font-display, Georgia, serif);font-size:clamp(4.5rem,18vw,8rem);font-weight:700;line-height:.9;letter-spacing:-.03em;color:#e8c547}.canto-announce-suit{margin:.5rem 0 0;font-size:clamp(1.1rem,3.5vw,1.6rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.canto-announce-names{margin:.65rem 0 0;font-size:clamp(1.15rem,3.2vw,1.65rem);font-weight:600}@keyframes canto-announce-pop{0%{opacity:0;transform:scale(.25)}18%{opacity:1;transform:scale(1.12)}32%{transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes canto-announce-backdrop{0%,70%{opacity:1}to{opacity:0}}.capote-announce{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,#e8c54747,#080c12b8 42%,#080c12e0);animation:capote-announce-backdrop 2.8s ease forwards}.capote-announce-burst{position:absolute;width:min(70vw,420px);height:min(70vw,420px);border-radius:50%;background:radial-gradient(circle,rgba(232,197,71,.55) 0%,rgba(196,92,38,.2) 40%,transparent 70%);animation:capote-burst 2.8s ease-out forwards}.capote-announce-sparks{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.capote-spark{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:2px;background:#e8c547;box-shadow:0 0 10px #e8c547e6;opacity:0;animation:capote-spark-fly 2.8s ease-out forwards}.capote-spark-0{--dx: -180px;--dy: -220px;animation-delay:.05s}.capote-spark-1{--dx: 160px;--dy: -200px;animation-delay:.08s}.capote-spark-2{--dx: -220px;--dy: -40px;animation-delay:.1s}.capote-spark-3{--dx: 210px;--dy: -30px;animation-delay:.12s}.capote-spark-4{--dx: -150px;--dy: 170px;animation-delay:.14s}.capote-spark-5{--dx: 170px;--dy: 190px;animation-delay:.06s}.capote-spark-6{--dx: 0px;--dy: -250px;animation-delay:.09s}.capote-spark-7{--dx: -90px;--dy: 230px;animation-delay:.11s}.capote-spark-8{--dx: 240px;--dy: 80px;animation-delay:.13s}.capote-spark-9{--dx: -250px;--dy: 90px;animation-delay:.07s}.capote-spark-10{--dx: 90px;--dy: -160px;animation-delay:.15s}.capote-spark-11{--dx: -40px;--dy: 210px;animation-delay:.04s;background:#f6efe4}.capote-announce-card{position:relative;z-index:1;text-align:center;color:#fff8eb;text-shadow:0 6px 28px rgba(0,0,0,.65);animation:capote-announce-pop 2.8s cubic-bezier(.22,1.45,.36,1) forwards}.capote-announce-eyebrow{margin:0;font-size:clamp(.85rem,2.4vw,1.1rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f6efe4d9}.capote-announce-title{margin:.35rem 0 0;font-family:var(--font-display, Georgia, serif);font-size:clamp(3.6rem,16vw,7.5rem);font-weight:700;line-height:.88;letter-spacing:-.03em;color:#e8c547;filter:drop-shadow(0 0 24px rgba(232,197,71,.55))}.capote-announce-names{margin:.85rem 0 0;font-size:clamp(1.15rem,3.4vw,1.75rem);font-weight:700}.capote-announce-reward{margin:.55rem 0 0;display:inline-block;padding:.28rem .85rem;border-radius:999px;background:#e8c54733;border:1px solid rgba(232,197,71,.55);font-size:clamp(.95rem,2.6vw,1.2rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e8c547}@keyframes capote-announce-pop{0%{opacity:0;transform:scale(.2) rotate(-6deg)}14%{opacity:1;transform:scale(1.16) rotate(1deg)}26%{transform:scale(.96) rotate(-.5deg)}36%{transform:scale(1.04) rotate(0)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes capote-announce-backdrop{0%,72%{opacity:1}to{opacity:0}}@keyframes capote-burst{0%{opacity:0;transform:scale(.35)}18%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.55)}}@keyframes capote-spark-fly{0%{opacity:0;transform:translate(0) scale(.4)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}.cantar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cantar-label{font-weight:600;margin-right:.25rem}.cantar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(40,28,18,.2);background:var(--accent);color:#fff8eb;font:inherit;font-weight:600;padding:.45rem .85rem;border-radius:8px;cursor:pointer}.cantar-btn:disabled{opacity:.5;cursor:not-allowed}.deal-setup-panel{margin:0 0 1rem;padding:1rem 1.25rem;border-radius:14px;background:#f6efe41a;color:var(--cream)}.deal-setup-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.25rem}.deal-setup-meta,.deal-setup-trump,.deal-setup-hint{margin:.35rem 0;font-size:.95rem;color:#f6efe4e6}.deal-setup-reveals{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.deal-setup-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:.75rem}.deal-setup-counts{list-style:none;margin:.5rem 0 0;padding:0;width:100%;font-size:.88rem;color:#f6efe4cc;display:grid;gap:.25rem}.seat-deal-spread{position:relative;height:86px;margin:0 auto}.seat-deal-card{position:absolute;top:0;margin:0;pointer-events:none}.seat-deal-card:hover{transform:none}.flying-card{position:fixed;z-index:1000;pointer-events:none;transition-property:left,top,width,height,transform;transition-timing-function:cubic-bezier(.22,1,.36,1);will-change:left,top,width,height}.flying-card .flying-card-inner,.flying-card .card-view{width:100%!important;height:100%!important;box-shadow:0 8px 20px #00000059}.hand{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.75rem}.hand-hidden{min-height:110px;align-items:center}.hand-dealing{margin:0;color:#f6efe4bf;font-weight:600;letter-spacing:.04em}.hand-summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto;background:#080c12d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hand-summary-panel{width:min(920px,100%);margin:auto;padding:1.25rem 1.5rem 1.5rem;border-radius:14px;background:linear-gradient(165deg,#1a2420,#121816);border:1px solid rgba(232,197,71,.25);box-shadow:0 20px 50px #00000073;color:#f0ebe0}.hand-summary-header h2{margin:0;font-size:1.45rem}.hand-summary-badge{display:inline-block;margin-top:.5rem;padding:.2rem .55rem;border-radius:6px;background:#c9a227;color:#1a1510;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hand-summary-winner,.hand-summary-match-winner{margin:.45rem 0 0;font-size:1rem;color:#e8c547}.hand-summary-match-winner{color:#b8dfc8}.hand-summary-teams{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}@media(max-width:720px){.hand-summary-teams{grid-template-columns:1fr}}.hand-summary-team h3{margin:0 0 .25rem;font-size:.95rem;font-weight:600}.hand-summary-meta{margin:0 0 .5rem;font-size:.8rem;color:#f0ebe0a6}.hand-summary-cards{display:flex;flex-wrap:wrap;gap:4px;max-height:200px;overflow-y:auto;padding:.35rem;border-radius:8px;background:#00000038}.hand-summary-table{width:100%;margin-top:1.25rem;border-collapse:collapse;font-size:.92rem}.hand-summary-table th,.hand-summary-table td{padding:.45rem .65rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.hand-summary-table th:first-child,.hand-summary-table td:first-child{text-align:left;color:#f0ebe0bf;font-weight:500}.hand-summary-table .total-row{font-weight:700;font-size:1rem}.hand-summary-table .total-row td,.hand-summary-table .total-row th{border-bottom:none;padding-top:.65rem}.hand-summary-table .winner-col{color:#e8c547}.hand-summary-detail{display:block;font-size:.75rem;font-weight:400;color:#f0ebe08c}.hand-summary-tiebreak{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.hand-summary-tiebreak h3{margin:0 0 .35rem;font-size:1rem}.hand-summary-tiebreak-note{margin:0 0 .5rem;font-size:.78rem;color:#f0ebe099}.hand-summary-table-compact{margin-top:0}.hand-summary-footer{display:flex;justify-content:center;margin-top:1.35rem;padding-top:.5rem}.hand-summary-footer .hand-summary-continue{min-width:12rem;padding:.65rem 1.25rem;font-size:1rem;font-weight:600}.score-panel{background:#fff8ebd9;border:1px solid rgba(40,28,18,.1);border-radius:14px;padding:1rem}.score-panel h2{margin:0 0 .25rem;font-family:var(--font-display);font-size:1.35rem}.score-meta{margin:0 0 1rem;color:var(--ink-muted);font-size:.9rem}.team-block+.team-block{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(40,28,18,.15)}.team-block h3{margin:0 0 .5rem;font-size:1rem}.seats{font-weight:400;color:var(--ink-muted);font-size:.85rem}.team-block dl{margin:0;display:grid;gap:.35rem}.team-block dl>div{display:flex;justify-content:space-between;gap:.75rem;font-size:.92rem}.team-block dt{color:var(--ink-muted)}.team-block dd{margin:0;font-weight:600}.table-felt{position:relative;min-height:420px;display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:". top ." "left center right" ". bottom .";gap:.5rem;padding:.75rem;align-items:center;justify-items:center}.felt-top{grid-area:top}.felt-left{grid-area:left}.felt-right{grid-area:right}.felt-bottom{grid-area:bottom}.table-center{grid-area:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:100px}.felt-seat{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.5rem .65rem;border-radius:12px;background:#0000002e;border:1px solid rgba(255,255,255,.12);min-width:110px}.felt-seat.you{border-color:#e8c5478c}.felt-seat.turn{box-shadow:0 0 0 2px #e8c547}.felt-seat.winner{box-shadow:0 0 0 2px #9be7b8}.felt-seat.offline{opacity:.65}.felt-left,.felt-right{flex-direction:column}.felt-meta{display:flex;flex-direction:column;align-items:center;gap:.1rem;text-align:center}.felt-name{font-weight:700;font-size:.95rem}.felt-team,.felt-count{font-size:.75rem;color:#f6efe4b3}.felt-offline{font-size:.75rem;color:#ffb4a8}.felt-card-slot{min-height:98px;display:flex;align-items:center;justify-content:center}.felt-card-empty{width:64px;height:98px;border-radius:8px;border:1px dashed rgba(255,255,255,.25);background:#0000001f}.collect-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:#e8c547;color:#1f1710;font:inherit;font-weight:800;font-size:1.05rem;padding:.75rem 1.4rem;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px #0000004d}.collect-btn:hover{filter:brightness(1.05)}.table-hint{margin:0;color:#f6efe4cc;font-size:.95rem}.trick-winner{margin:0;font-size:.85rem;color:#9be7b8}.play-direction{margin:.35rem 0 0;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#f6efe48c}@media(max-width:640px){.table-felt{min-height:360px;grid-template-columns:.9fr 1.2fr .9fr}.felt-seat{min-width:0;padding:.35rem}}.trump-badge{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;background:#fff8ebb3;border:1px solid rgba(40,28,18,.12);border-radius:12px}.trump-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}.trump-suit{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.25rem;font-weight:700}.page{color:var(--cream)}.hero{text-align:center;margin:2rem 0 2.5rem}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#f6efe4b3}h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;letter-spacing:-.02em}.lede{margin:.75rem auto 0;max-width:34rem;color:#f6efe4d9;line-height:1.45}.conn{margin-top:1rem;font-size:.9rem}.conn.ok{color:#9be7b8}.conn.bad{color:#ffb4a8}.home-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.panel{background:#f6efe4f2;color:var(--ink);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:0 12px 30px #0000002e}.panel h2{margin:0;font-family:var(--font-display)}.panel-note{margin:0;font-size:.9rem;font-weight:400;color:var(--ink-muted);line-height:1.35}.panel label{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem;font-weight:600}.panel input,.panel select{padding:.55rem .7rem;border-radius:8px;border:1px solid rgba(40,28,18,.2);background:#fff}.primary,.ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;padding:.65rem 1rem;font-weight:700;cursor:pointer}.primary{border:none;background:var(--accent);color:#fff8eb}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{border:1px solid rgba(246,239,228,.35);background:transparent;color:var(--cream)}.ghost.danger{border-color:#ffb4a880;color:#ffb4a8}.danger-solid{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;padding:.65rem 1rem;font-weight:700;cursor:pointer;background:#9b2c2c;color:#fff5f5}.danger-solid:hover{filter:brightness(1.08)}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.header-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:var(--accent-2)}.banner{padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.banner.error{background:#9b2c2c59;border:1px solid rgba(255,180,168,.4)}.banner.info{background:#e8c5472e;border:1px solid rgba(232,197,71,.35)}.muted{color:#f6efe4b3}.center{text-align:center}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1rem;align-items:start}.table-main{background:radial-gradient(circle at 50% 40%,#22855c,var(--felt) 55%,#0f4a32);border-radius:18px;padding:1rem;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 40px #0003;display:flex;flex-direction:column;gap:.85rem;color:var(--cream)}.table-main .seat-slot{background:#0000002e;border-color:#ffffff26;color:var(--cream)}.table-main .seat-num,.table-main .seat-team{color:#f6efe4b3}.score-panel{color:var(--ink)}@media(max-width:840px){.table-layout{grid-template-columns:1fr}}:root{--bg: #1c3a2e;--bg-2: #245241;--felt: #1a6b4a;--ink: #1f1710;--ink-muted: #5c4e40;--accent: #c45c26;--accent-2: #e8c547;--cream: #f6efe4;--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--cream);background:radial-gradient(ellipse at 20% 10%,rgba(232,197,71,.18),transparent 45%),radial-gradient(ellipse at 80% 0%,rgba(196,92,38,.2),transparent 40%),linear-gradient(165deg,var(--bg) 0%,var(--bg-2) 55%,#143328 100%);background-attachment:fixed}button,input,select{font:inherit}#root{max-width:1100px;margin:0 auto;padding:1.25rem}