:root{--bg: #10131c;--bg2: #161b28;--felt: #1f6043;--felt-dark: #103a28;--ink: #e7ecf5;--muted: #9aa6bd;--line: #2a3145;--gold: #d8b15a;--accent: #5b7cff;--red: #e2607a;--good: #57b894}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(120% 120% at 50% -10%,#1a2030 0%,var(--bg) 60%);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{max-width:1000px;margin:0 auto;padding:14px}h1,h2,h3{margin:0 0 .4em;font-weight:700}.muted{color:var(--muted)}.spacer{flex:1}.brand{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.brand .logo{font-size:22px;font-weight:800;letter-spacing:.3px}.brand .logo span{color:var(--gold)}.brand .tag{color:var(--muted);font-size:13px}.status{font-size:12px;color:var(--muted)}.status.live{color:var(--good)}.status.down{color:var(--red)}.deck-btn{font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:var(--muted);cursor:pointer}.deck-btn:hover{color:var(--ink)}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);padding:8px 12px;transition:filter .12s,transform .02s}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600}button.bid-btn{background:var(--gold);border-color:transparent;color:#2a1f08;font-weight:700}button.ghost{background:transparent}button.suit-btn{font-size:20px;line-height:1;padding:6px 14px;background:#fbfcff;color:#16140f;border-color:#d4dae6;font-weight:700}button.suit-btn.hearts{color:#c0392b}body.four-color button.suit-btn.diamonds{color:#2566b0}body.four-color button.suit-btn.clubs{color:#2f7d44}.panel{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px}.lobby .tables{display:grid;gap:10px;margin-top:12px}.table-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.table-card .name{font-weight:600}.table-card .meta{color:var(--muted);font-size:13px}.felt{position:relative;margin-top:12px;border-radius:16px;padding:1rem;min-height:58vh;overflow:hidden;background:radial-gradient(ellipse 60% 45% at 50% 16%,#7eaa841f,#0000 62%),radial-gradient(ellipse at 50% 30%,#16271c,#0d1812 80%)}.table-oval{position:absolute;top:10%;right:6%;bottom:12%;left:6%;border-radius:48%/46%;background:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(0,0,0,.04) 0 1px,transparent 1px 5px),radial-gradient(ellipse at 50% 40%,#2f7d52 0%,#277249 30%,var(--felt) 58%,var(--felt-dark) 96%);border:11px solid #16331f;box-shadow:inset 0 0 0 1.5px #e8b94f29,inset 0 0 70px #00000080,inset 0 -6px 14px #00000059,0 0 0 3px #102619,0 0 0 5px #0a1a10,0 16px 38px #0000008c}.table-brand{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-family:Georgia,Times New Roman,serif;font-weight:900;font-size:clamp(1rem,2.6vw,1.7rem);letter-spacing:.3em;color:#ffffff0d;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none}.seat{position:absolute;z-index:2;min-width:116px;text-align:center;background:#0c1610b8;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.seat.turn{border-color:var(--gold);box-shadow:0 0 12px #e8b94f59}.seat-name{font-weight:700;font-size:.95rem}.seat.you-seat .seat-name{color:var(--gold)}.seat-info{color:#b9cbbe;font-size:.82rem;font-weight:600;margin-top:2px}.tag-line{font-size:.74rem;margin-top:2px}.tag-line.dealer{color:var(--gold)}.tag-line.partner{color:var(--accent)}.tag-line.bid{color:#f0d68a;font-weight:700}.tag-line.muted{color:var(--muted)}.seat.pos-1{left:1.5%;top:40%}.seat.pos-2{left:50%;top:5px;transform:translate(-50%)}.seat.pos-3{right:1.5%;top:40%}.seat.you-seat{left:50%;bottom:6px;transform:translate(-50%)}.center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:60%;text-align:center;z-index:2}.contract-chip{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border-radius:999px;background:#00000052;border:1px solid rgba(255,255,255,.14);font-weight:700;color:#fff}.contract-chip.hearts{color:#ff8a9e}.contract-chip.diamonds{color:#8fb6ff}.contract-chip.clubs{color:#8fe0a8}.bid-chip{display:inline-block;padding:4px 12px;border-radius:999px;background:#00000047;font-size:13px;color:#dfe6f2}.trick{display:flex;gap:8px;justify-content:center;align-items:center;min-height:92px;margin-top:8px}.trick-count{color:#ffffffb3;font-size:12px;margin-top:4px}.played.won{outline:2px solid var(--gold);outline-offset:1px;border-radius:.16em}.outcome{margin-top:8px;display:inline-block;padding:8px 14px;border-radius:10px;background:#0006;border:1px solid var(--line)}.outcome.made{border-color:#57b89499}.outcome.set{border-color:#e2607a99}.me{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-top:12px}.actions{display:flex;gap:.55rem;align-items:center;min-height:2.6rem;flex-wrap:wrap;justify-content:center}.hint{color:#ffffffd1;font-size:.92rem}.waiting{color:#ffffffb3;font-size:.9rem;font-style:italic}.hand{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.card,.played{background:linear-gradient(176deg,#fffdf6,#f4efe1 58%,#ece5d2);color:#1c1c1c;border-radius:.16em;border:1px solid #cfc8b2;width:52px;height:76px;font-size:52px;position:relative;padding:0;overflow:hidden;box-shadow:0 1px 1px #00000059,0 5px 11px #0006;transition:transform .12s ease,box-shadow .12s ease}.played{width:46px;height:67px;font-size:46px}.face{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.86}.corner.tl{top:.07em;left:.08em}.corner.br{bottom:.07em;right:.08em;transform:rotate(180deg)}.corner .rank{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:.27em;letter-spacing:-.01em}.corner .cpip{font-size:.2em;line-height:1}.center-pip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.62em;line-height:1;filter:drop-shadow(0 .012em .018em rgba(0,0,0,.28))}.court{position:absolute;top:0;right:0;bottom:0;left:0}.court-pip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.5em;line-height:1;opacity:.16}.court-letter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:.42em;text-shadow:0 .012em .02em rgba(0,0,0,.25)}.face.hearts,.face.diamonds{color:#c0392b}.face.clubs,.face.spades{color:#16140f}body.four-color .face.diamonds{color:#2566b0}body.four-color .face.clubs{color:#2f7d44}.face.joker{color:#6a3fa0}.face.joker.big{color:#b03f6e}.face.joker .joker-word{position:absolute;left:50%;bottom:.14em;transform:translate(-50%);font-size:.12em;font-weight:800;letter-spacing:.08em}.card.playable{cursor:pointer;transform:translateY(-8px);box-shadow:0 1px 1px #00000059,0 11px 20px #00000073}.card.playable .face{box-shadow:inset 0 0 0 1px #e8b94fd9;border-radius:.16em}.card.dim{opacity:.5}.card.selected{transform:translateY(-12px);box-shadow:0 1px 1px #00000059,0 13px 22px #00000080}.card.selected .face{box-shadow:inset 0 0 0 2px var(--accent);border-radius:.16em}.events{margin-top:12px;max-height:96px;overflow:auto;font-size:13px;color:var(--muted)}.events div{padding:2px 0;border-top:1px solid var(--line)}.footer{margin-top:18px;color:var(--muted);font-size:12px;text-align:center}@media(max-width:560px){.card{width:44px;height:64px;font-size:44px}.played{width:38px;height:55px;font-size:38px}.seat{min-width:92px;padding:4px 7px}.felt{min-height:52vh}}