:root{--bg: #0d0a14;--panel: #181226;--panel-2: #211733;--felt: #1a1230;--accent: #7a4fd0;--accent-2: #b07cf5;--accent-dim: #4a2f80;--text: #ece6f6;--muted: #9a8fb0;--card-bg: #f6f4ee;--card-back: #3a2766;--card-back-2: #251743;--red: #d23b66;--black: #20223a;--gold: #e0b34a;--bag: #e07a3a;--clean: #46c98b;--curse: #c23bd2;--shadow: rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(1200px 700px at 50% -10%,#1c1336,var(--bg));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{max-width:1000px;margin:0 auto;padding:14px 14px 48px}header.s-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px}header.s-header h1{margin:0;font-size:clamp(22px,4.5vw,36px);letter-spacing:.18em;font-weight:800;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.s-sub{color:var(--muted);font-size:13px}.s-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.s-toolbar .spacer{flex:1}.s-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--accent-dim);border-radius:9px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.s-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.s-btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;padding:10px 22px;font-size:15px}.s-scorebox{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.s-scorebox .lbl{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.s-scorebox b{font-size:22px;color:var(--gold)}.s-statusrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.s-contract,.s-curse{background:var(--panel);border:1px solid var(--accent-dim);border-radius:12px;padding:12px 14px}.s-card-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.s-card-body{font-size:15px}.s-card-body b{color:var(--accent-2)}.bagwarn{color:var(--bag);font-weight:700}.clean{color:var(--clean);font-weight:700}.s-meter{height:14px;background:var(--panel-2);border-radius:8px;overflow:hidden;border:1px solid var(--accent-dim)}.s-meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--curse));transition:width .4s ease}.s-meter-fill.warm{background:linear-gradient(90deg,var(--curse),var(--bag))}.s-meter-fill.hot{background:linear-gradient(90deg,var(--bag),var(--red))}.s-meter-val{font-size:13px;margin-top:4px}.s-meter-val b{color:var(--curse)}.s-tele{font-size:12px;color:var(--muted);margin-top:4px}.s-tele .mut-name{color:var(--bag);font-weight:600}.s-mutrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;min-height:26px}.s-mut-lbl{font-size:12px;color:var(--muted)}.s-mut{background:#c23bd224;border:1px solid var(--curse);color:var(--accent-2);border-radius:999px;padding:4px 11px;font-size:12px;cursor:help}.s-mut.new{animation:pulse 1.4s ease-in-out 2;box-shadow:0 0 0 2px var(--bag)}.s-mut.none{background:none;border:1px dashed var(--accent-dim);color:var(--muted);cursor:default}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.s-board{background:radial-gradient(600px 360px at 50% 50%,#241944,var(--felt));border:1px solid var(--accent-dim);border-radius:16px;padding:14px;display:grid;grid-template-rows:auto 1fr auto;gap:8px;min-height:280px}.s-seat{text-align:center}.s-seat.active .s-name{color:var(--gold)}.s-name{font-weight:700;font-size:14px}.s-meta{font-size:12px;color:var(--muted)}.seat-rival.active,.seat-you.active{outline:2px solid var(--gold);outline-offset:4px;border-radius:10px}.s-backs{display:flex;justify-content:center;margin-top:6px}.s-card.down{width:32px;height:44px;border-radius:5px;background:repeating-linear-gradient(45deg,var(--card-back) 0 5px,var(--card-back-2) 5px 10px);border:1px solid var(--accent-dim)}.s-card.down.mini{width:28px;height:40px}.s-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.s-trick{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:150px;justify-content:center}.s-trickslot{width:60px;height:84px;border-radius:8px;display:flex;align-items:center;justify-content:center}.s-status{font-size:13px;color:var(--muted);min-height:18px}.s-card.up{width:60px;height:84px;background:var(--card-bg);border-radius:8px;position:relative;box-shadow:0 3px 7px var(--shadow);color:var(--black);user-select:none}.s-card.up.red{color:var(--red)}.s-card.up.joker{color:var(--curse);background:linear-gradient(160deg,#fff,#efe4ff)}.s-card.up .corner{position:absolute;top:4px;left:5px;display:flex;flex-direction:column;align-items:center;line-height:1}.s-card.up .c-rank{font-weight:800;font-size:15px}.s-card.up .c-suit{font-size:13px}.s-card.up .pip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px}.s-card.up.trick-win{outline:3px solid var(--gold);outline-offset:1px}.s-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:14px}.s-hand .s-card.up{transition:transform .12s;cursor:default}.s-hand .s-card.up.playable{cursor:pointer;outline:2px solid var(--accent);outline-offset:1px}.s-hand .s-card.up.playable:hover{transform:translateY(-8px)}.s-hand .s-card.up.disabled{opacity:.42}.s-bidpanel{display:none;background:var(--panel);border:1px solid var(--accent-dim);border-radius:12px;padding:14px;margin-top:14px;text-align:center}.s-bidpanel.show{display:block}.s-bidtitle{font-weight:700;margin-bottom:10px}.s-bidbtns{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.s-bidbtn{width:44px;height:44px;border-radius:9px;border:1px solid var(--accent-dim);background:var(--panel-2);color:var(--text);font-size:16px;font-weight:700;cursor:pointer}.s-bidbtn:hover{background:var(--accent-dim)}.s-bidbtn.suggest{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.s-bidnote{font-size:12px;color:var(--muted);margin-top:10px}.s-hint{margin-top:18px;font-size:12.5px;color:var(--muted);line-height:1.5;background:var(--panel);border:1px solid var(--accent-dim);border-radius:10px;padding:12px 14px}.s-hint b{color:var(--accent-2)}.s-overlay{position:fixed;inset:0;background:#080510c7;display:none;align-items:center;justify-content:center;padding:20px;z-index:50}.s-overlay.show{display:flex}.s-overlay-card{background:var(--panel);border:1px solid var(--accent);border-radius:16px;padding:26px 30px;max-width:460px;text-align:center;box-shadow:0 12px 40px var(--shadow)}.s-overlay-card h2{margin:0 0 10px;font-size:24px}.s-ov-sub{color:var(--text);margin-bottom:8px}.s-ov-sub b{color:var(--accent-2)}.s-ov-tele{color:var(--bag);font-size:13px;margin-bottom:12px}.s-ov-stat{color:var(--muted);font-size:14px;margin-bottom:16px}.s-ov-stat b{color:var(--gold)}.s-overlay-card .s-btn{margin-top:6px}@media(max-width:560px){.s-statusrow{grid-template-columns:1fr}}