:root{--bg: #0b1020;--felt: #123b2b;--felt-2: #0d2c20;--rail: #4a2f1a;--ink: #e8ecf4;--muted: #93a0b8;--gold: #f2c14e;--t0: #4fc3f7;--t1: #ef7d7d;--card-bg: #fbfbfd;--card-red: #d13a3a;--card-black: #1c2230;--line: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 50% -10%,#182642,transparent),var(--bg);color:var(--ink);font:15px/1.4 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100%;max-width:1000px;margin:0 auto}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:20px;letter-spacing:-.02em}.brand span{color:var(--gold)}.brand .ver{color:var(--muted);font-size:11px;font-weight:500;font-style:normal;margin-left:6px}.topbar__new{margin-left:auto;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer}.topbar__new:hover{color:var(--ink);border-color:var(--gold)}.scoreboard{display:flex;align-items:center;gap:14px;margin:0 auto}.score{text-align:center;min-width:96px}.score__team{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.score__pts{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.score--t0 .score__pts{color:var(--t0)}.score--t1 .score__pts{color:var(--t1)}.score__bags{font-size:11px;color:var(--muted)}.score__target{color:var(--muted);font-size:12px}.table{position:relative;flex:1;margin:14px;border-radius:200px/130px;background:radial-gradient(120% 120% at 50% 40%,var(--felt) 0%,var(--felt-2) 100%);border:10px solid var(--rail);box-shadow:inset 0 0 60px #00000080,0 20px 50px #0006;min-height:440px}.table__n,.table__s,.table__w,.table__e{position:absolute}.table__n{top:10px;left:50%;transform:translate(-50%)}.table__s{bottom:10px;left:50%;transform:translate(-50%)}.table__w{left:12px;top:50%;transform:translateY(-50%)}.table__e{right:12px;top:50%;transform:translateY(-50%)}.seat{background:#00000059;border:1px solid var(--line);border-radius:10px;padding:6px 10px;min-width:92px;text-align:center;transition:border-color .2s,box-shadow .2s}.seat--active{border-color:var(--gold);box-shadow:0 0 0 2px #f2c14e40}.seat__name{font-weight:700}.seat--t0 .seat__name{color:var(--t0)}.seat--t1 .seat__name{color:var(--t1)}.seat__stat{display:flex;gap:8px;justify-content:center;font-size:11px;color:var(--muted)}.seat__won{color:var(--ink)}.oppcards{position:absolute}.oppcards--n{top:54px;left:50%;transform:translate(-50%)}.oppcards--w{left:40px;top:50%;transform:translateY(-50%)}.oppcards--e{right:40px;top:50%;transform:translateY(-50%)}.backs{display:flex}.backs .card{margin-left:-22px}.backs .card:first-child{margin-left:0}.backs--side{flex-direction:column}.backs--side .card{margin-left:0;margin-top:-40px}.backs--side .card:first-child{margin-top:0}.trick{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.trick__slot{position:absolute;transition:transform .15s}.trick__n{transform:translateY(-46px)}.trick__s{transform:translateY(46px)}.trick__w{transform:translate(-52px)}.trick__e{transform:translate(52px)}.trick__slot--win{filter:drop-shadow(0 0 10px var(--gold));transform:scale(1.08) translateY(0)}.trick__slot--win.trick__n{transform:scale(1.08) translateY(-46px)}.trick__slot--win.trick__s{transform:scale(1.08) translateY(46px)}.trick__slot--win.trick__w{transform:scale(1.08) translate(-52px)}.trick__slot--win.trick__e{transform:scale(1.08) translate(52px)}.trick__msg{position:absolute;bottom:40px;color:var(--gold);font-weight:600;font-size:13px}.trick__hint{position:absolute;top:46%;color:var(--muted);font-size:11px;letter-spacing:.05em}.card{width:58px;height:82px;border-radius:8px;background:var(--card-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:800;box-shadow:0 2px 6px #0006;border:1px solid rgba(0,0,0,.15);-webkit-user-select:none;user-select:none}.card--sm{width:44px;height:62px}.card__rank{font-size:20px;line-height:1}.card--sm .card__rank{font-size:15px}.card__suit{font-size:20px;line-height:1}.card--sm .card__suit{font-size:15px}.card--red{color:var(--card-red)}.card--black{color:var(--card-black)}.card--back{background:repeating-linear-gradient(45deg,#2b3a67,#2b3a67 6px,#24325a 6px,#24325a 12px);border:1px solid #3b4b7a}.card--btn{cursor:pointer;padding:0;transition:transform .12s,box-shadow .12s}.card--playable{outline:2px solid var(--gold)}.card--btn:hover:not(:disabled){transform:translateY(-10px);box-shadow:0 8px 16px #00000080}.card--dim{opacity:.5}.card:disabled{cursor:default}.myhand{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;padding:12px 14px 6px;min-height:96px}.bidpanel{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#131a30;border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 20px 50px #0009;z-index:30;max-width:460px;width:calc(100% - 28px)}.bidpanel__title{font-weight:700;margin-bottom:10px;text-align:center}.bidpanel__drag{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-align:center;font-weight:700;margin-bottom:10px;padding:4px 4px 8px;border-bottom:1px solid var(--line)}.bidpanel__drag:active{cursor:grabbing}.bidpanel__grip{color:var(--gold);letter-spacing:2px}.bidpanel__draghint{font-size:10px;color:var(--muted);font-weight:500;opacity:.75;margin-left:6px}.bidpanel__row{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.bidpanel__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.bidbtn{background:#1e2947;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 0;font-weight:700;cursor:pointer}.bidbtn:hover{border-color:var(--gold);background:#26335a}.bidbtn--nil{background:#2a1e47}.bidbtn--blind{background:#3a1e2a}.bidpanel__hint{color:var(--muted);font-size:11px;text-align:center;margin:10px 0 0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#040812b8;display:grid;place-items:center;z-index:40;padding:16px}.modal__card{background:#131a30;border:1px solid var(--line);border-radius:16px;padding:22px;max-width:520px;width:100%;box-shadow:0 30px 70px #000000b3}.modal__title{margin:0 0 16px;text-align:center;font-size:22px}.resultgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.resultcol{background:#0000004d;border-radius:12px;padding:12px;text-align:center}.resultcol--t0{border:1px solid rgba(79,195,247,.4)}.resultcol--t1{border:1px solid rgba(239,125,125,.4)}.resultcol__team{font-weight:700;margin-bottom:6px}.resultcol__line{color:var(--muted);font-size:13px}.resultcol__nil{font-size:12px;margin-top:4px}.resultcol__nil.ok,.resultcol__pts.ok,.resultcol__nil.bad,.resultcol__pts.bad{font-weight:700}.ok{color:#6ee7a8}.bad{color:var(--t1)}.resultcol__bag{font-size:12px;color:var(--gold);margin-top:4px}.resultcol__pts{font-size:22px;margin-top:8px}.resultcol__total{color:var(--muted);font-size:12px;margin-top:2px}.bigbtn{display:block;width:100%;background:var(--gold);color:#1a1300;border:none;border-radius:10px;padding:12px;font-weight:800;font-size:15px;cursor:pointer}.bigbtn:hover{filter:brightness(1.05)}.foot{text-align:center;color:var(--muted);font-size:12px;padding:10px}@media(max-width:560px){.card{width:46px;height:66px}.card__rank,.card__suit{font-size:16px}.table{min-height:380px}.scoreboard{gap:8px}.score{min-width:72px}.score__pts{font-size:20px}}