:root{--bg: #0b132b;--bg-2: #1c2541;--panel: #1f2a48;--panel-2: #26365c;--felt: #14532d;--felt-line: #1c6b3c;--accent: #5bc0be;--accent-2: #6fffe9;--text: #e9eef5;--muted: #9fb0c8;--danger: #ff6b6b;--gold: #ffd166;--red-suit: #ff5d5d;--black-suit: #1c2541;--radius: 14px;--shadow: 0 6px 20px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#1c2541 0%,var(--bg) 60%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input{font:inherit}.app-shell{flex:1;display:flex;flex-direction:column;width:100%;max-width:720px;margin:0 auto;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom)}.btn{background:var(--accent);color:#04282a;border:none;border-radius:10px;padding:12px 16px;font-weight:700;min-height:48px;transition:transform .05s ease,filter .15s ease}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{background:#2c3a5c;color:#6c7c96}.btn.secondary{background:var(--panel-2);color:var(--text)}.btn.ghost{background:transparent;color:var(--accent-2);border:1px solid #2c3a5c}.btn.danger{background:var(--danger);color:#2a0606}.card-panel{background:var(--panel);border:1px solid #2a3960;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:13px;color:var(--muted)}.field input,.field select{background:#11192f;border:1px solid #2c3a5c;color:var(--text);border-radius:10px;padding:12px;min-height:48px}.field input:focus,.field select:focus{outline:2px solid var(--accent)}.muted{color:var(--muted)}.error-text{color:var(--danger);font-size:13px}.row{display:flex;gap:10px}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}h1.brand{font-size:26px;margin:8px 0 0;letter-spacing:.5px}.tabs{display:flex;gap:6px;margin-bottom:14px}.tab{flex:1;padding:10px;border-radius:10px;background:var(--panel-2);color:var(--muted);border:none;font-weight:600}.tab.active{background:var(--accent);color:#04282a}.ad-slot{border:1px dashed #3a4a72;border-radius:12px;background:repeating-linear-gradient(45deg,#16203a,#16203a 10px,#18233f 10px,#18233f 20px);color:var(--muted);text-align:center;padding:18px;font-size:12px;letter-spacing:1px}.toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--danger);color:#2a0606;padding:12px 16px;border-radius:10px;font-weight:700;box-shadow:var(--shadow);z-index:50;max-width:90vw}.table-wrap{flex:1;display:flex;flex-direction:column;gap:12px}.table-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.felt{position:relative;background:radial-gradient(circle at 50% 40%,var(--felt-line),var(--felt) 70%);border:4px solid #0c3b22;border-radius:24px;padding:14px;min-height:280px;box-shadow:inset 0 0 40px #00000073}.seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.seat{background:#0b132bb3;border:1px solid #2a3960;border-radius:12px;padding:8px 10px;font-size:13px}.seat.turn{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.seat .seat-name{font-weight:700;display:flex;align-items:center;gap:6px}.seat .badge{font-size:10px;padding:1px 6px;border-radius:6px;background:#2c3a5c;color:var(--muted)}.seat .badge.bot{background:#3a2c5c;color:#c8b0ff}.seat .badge.you{background:var(--accent);color:#04282a}.seat .badge.off{background:#5c2c2c;color:#ffb0b0}.seat-stats{display:flex;gap:10px;margin-top:4px;color:var(--muted)}.seat-stats b{color:var(--text)}.trick{margin:14px 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:76px;align-items:center}.trick .empty-trick{color:#ffffff8c;font-style:italic}.pcard{width:46px;height:64px;border-radius:8px;background:#fbfbfb;color:var(--black-suit);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;box-shadow:var(--shadow);border:1px solid #d8d8d8;position:relative;-webkit-user-select:none;user-select:none}.pcard.red{color:var(--red-suit)}.pcard .rank{font-size:16px;line-height:1}.pcard .suit{font-size:18px;line-height:1}.pcard .who{position:absolute;top:-16px;font-size:10px;color:var(--muted);white-space:nowrap}.hand{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 0}.hand-card{border:none;background:transparent;padding:0;transition:transform .08s ease}.hand-card:not(:disabled):hover{transform:translateY(-8px)}.hand-card:disabled .pcard{filter:grayscale(.6) brightness(.7)}.hand-card.legal .pcard{outline:2px solid var(--accent-2)}.bid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:8px}.bid-btn{min-height:48px;border-radius:10px;border:1px solid #2c3a5c;background:var(--panel-2);color:var(--text);font-weight:800;font-size:18px}.bid-btn:disabled{opacity:.35}.bid-btn.legal{background:var(--accent);color:#04282a;border-color:var(--accent-2)}.action-bar{background:var(--panel);border:1px solid #2a3960;border-radius:var(--radius);padding:14px}.action-title{font-weight:800;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline}.countdown{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:800}.waiting{text-align:center;color:var(--muted);padding:14px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050914b3;display:flex;align-items:center;justify-content:center;padding:16px;z-index:40}.scoreboard table{width:100%;border-collapse:collapse;margin-top:8px}.scoreboard th,.scoreboard td{text-align:left;padding:8px 10px;border-bottom:1px solid #2a3960}.scoreboard td.num{text-align:right;font-variant-numeric:tabular-nums}.rank-medal{margin-right:6px}.trump-pill{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border-radius:999px;padding:4px 12px;font-weight:700}.trump-pill.red{color:var(--red-suit)}