:root{--bg:#0b1020;--felt1:#0a6a57;--felt2:#064a3e;--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.7);--panel:rgba(0,0,0,.25);--panel2:rgba(0,0,0,.35);--stroke:rgba(255,255,255,.14);--shadow:0 18px 40px rgba(0,0,0,.35);--yellow:#ffd54a}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.screen{min-height:100vh;padding:env(safe-area-inset-top) 10px env(safe-area-inset-bottom) 10px}.topHUD{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 6px}.iconBtn{border:1px solid var(--stroke);background:#ffffff14;color:var(--text);border-radius:12px;padding:10px 12px;font-weight:900;box-shadow:var(--shadow)}.scorePill{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid var(--stroke);border-radius:16px;padding:10px 14px;box-shadow:var(--shadow);font-weight:950}.scoreLabel{opacity:.9}.scoreNum{font-size:18px}.divider{width:1px;height:18px;background:#ffffff40;margin:0 4px}.smallInfo{text-align:right;font-size:13px;color:var(--muted)}.smallInfo b{color:var(--text)}.tableGrid{margin:6px auto 0;width:min(980px,100%);height:calc(100vh - 86px);background:radial-gradient(1200px 700px at 50% 40%,var(--felt1),var(--felt2) 70%,#032b24);border:1px solid var(--stroke);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-columns:86px 1fr 86px}@media (max-width: 390px){.tableGrid{grid-template-columns:78px 1fr 78px}}.lane{position:relative}.leftLane,.rightLane{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:0}.centerLane{display:grid;grid-template-rows:auto 1fr auto;padding:10px;gap:10px}.seatHeader{display:flex;flex-direction:column;align-items:center;gap:6px}.seatHeader.horizontal{width:100%}.seatHeader.vertical{width:72px}.nameRow{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid var(--stroke);border-radius:18px;padding:10px 14px;font-weight:950;box-shadow:var(--shadow)}.seatName{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}.verticalText{writing-mode:vertical-rl;transform:rotate(180deg);padding:14px 10px;gap:10px}.chip{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;font-weight:1000;font-size:13px;border:1px solid rgba(255,255,255,.22);box-shadow:0 10px 18px #00000040}.dealerChip{background:#ffc10738;color:var(--yellow)}.trumpChip{background:#5dd6ff2e;color:#ffffffeb}.stars{display:flex;gap:4px;justify-content:center;align-items:center}.stars.vertical{flex-direction:column;gap:6px}.star{font-size:14px;opacity:.25;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.star.on{opacity:1;color:var(--yellow)}.topSeat{display:flex;flex-direction:column;align-items:center;gap:6px}.bottomSeat{display:flex;flex-direction:column;align-items:center;gap:8px}.sideSeat{display:flex;flex-direction:column;align-items:center;gap:10px}.midArea{display:grid;grid-template-columns:1fr 250px;gap:10px;align-items:start}@media (max-width: 520px){.midArea{grid-template-columns:1fr}}.midBox{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.miniTitle{font-size:12px;color:var(--muted);font-weight:900;margin-bottom:6px}.trickLayout{width:100%;height:min(340px,36vh);position:relative}.spot{position:absolute;display:flex;align-items:center;justify-content:center}.spot.topSpot{top:0;left:50%;transform:translate(-50%)}.spot.leftSpot{top:50%;left:0;transform:translateY(-50%)}.spot.rightSpot{top:50%;right:0;transform:translateY(-50%)}.spot.bottomSpot{bottom:0;left:50%;transform:translate(-50%)}.ghost2{width:70px;height:100px;border-radius:14px;border:1px dashed rgba(255,255,255,.35);background:#0000001a}.upcardInCenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#0000002e;border:1px solid rgba(255,255,255,.14);border-radius:16px}.hudColumn{display:flex;flex-direction:column;gap:10px}.actionBox{background:var(--panel2);border:1px solid var(--stroke);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.boxTitle{font-weight:950;margin-bottom:6px}.boxInner{display:grid;gap:8px}.boxLine{color:var(--text)}.row{display:flex;gap:8px;flex-wrap:wrap}.btnPrimary{border:0;border-radius:14px;padding:10px 12px;background:#ffffff2e;color:var(--text);font-weight:950}.btnGhost{border:1px solid var(--stroke);border-radius:14px;padding:10px 12px;background:#ffffff14;color:var(--text);font-weight:950}.bigBtn{align-self:stretch;border:0;border-radius:16px;padding:14px 16px;background:linear-gradient(180deg,#5dd6fffa,#5dd6ffc2);color:#061018;font-weight:950;box-shadow:var(--shadow)}.warn{color:#ffd27a;font-weight:950}.muted{color:var(--muted);font-weight:800}.discardStrip{display:flex;gap:10px;overflow-x:auto;padding-top:6px;-webkit-overflow-scrolling:touch}.discardStrip::-webkit-scrollbar{display:none}.logHeaderRow{display:flex;align-items:center;justify-content:space-between}.tinyBtn{border:1px solid var(--stroke);background:#ffffff14;color:var(--text);border-radius:12px;padding:6px 10px;font-weight:900}.logBox{background:var(--panel2);border:1px solid var(--stroke);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.logBody{font-size:13px;color:#ffffffdb;display:grid;gap:6px}.handStrip{display:flex;gap:10px;overflow-x:auto;padding:8px 6px 2px;max-width:100%;-webkit-overflow-scrolling:touch}.handStrip::-webkit-scrollbar{display:none}.hintLine{color:#ffffffd6;font-weight:900;padding-bottom:8px}.card{width:78px;height:110px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fffffff5;box-shadow:0 12px 22px #00000038;position:relative;padding:0;display:inline-block}@media (max-width: 420px){.card{width:70px;height:100px}}.card.red{color:#c62323}.card.black{color:#121212}.card .corner{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-weight:1000;font-size:14px;line-height:1;padding:8px}.card .corner.br{right:0;bottom:0;transform:rotate(180deg)}.card .corner.tl{left:0;top:0}.card .pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:44px;opacity:.2}.card.red .pip{color:#c62323}.card.black .pip{color:#111}.card.disabled{opacity:.55;filter:saturate(.7)}.card.highlight{outline:4px solid var(--yellow);outline-offset:3px}.card.dim{opacity:.35;filter:grayscale(60%)}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);background:#0f1423f5;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:var(--shadow);padding:14px}.modalTitle{font-weight:1000;font-size:18px;margin-bottom:10px}.sectionTitle{font-weight:950;opacity:.95;margin:10px 0 8px}.field{display:grid;gap:6px;margin-bottom:10px}.field label{font-size:13px;color:#fffc;font-weight:800}.field input{border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:var(--text);padding:10px 12px;font-weight:900}.modalBtns{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.smallPrint{margin-top:10px;font-size:12px;color:#ffffffb8;line-height:1.35}