.reconnect-overlay[data-v-03c00b8f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.reconnect-card[data-v-03c00b8f]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:32px 40px;text-align:center}.status-text[data-v-03c00b8f]{color:var(--color-text);font-size:16px;margin:16px 0}.spinner[data-v-03c00b8f]{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-03c00b8f .8s linear infinite;margin:0 auto}@keyframes spin-03c00b8f{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a2e;--color-surface: #16213e;--color-primary: #e94560;--color-secondary: #0f3460;--color-text: #eaeaea;--color-text-muted: #9ba3af;--color-border: #2d3748;--color-success: #48bb78;--color-warning: #ecc94b;--color-danger: #fc8181;--radius: 8px;--shadow: 0 4px 6px rgba(0,0,0,.3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;font-size:14px}button{cursor:pointer;border:none;border-radius:var(--radius);padding:8px 16px;font-size:14px;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--color-secondary);color:#fff;border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){filter:brightness(1.2)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-border)}input,select{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);padding:8px 12px;font-size:14px;width:100%;outline:none;transition:border-color .2s}input:focus,select:focus{border-color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-primary{color:var(--color-primary)}@media(max-width:1023px){body{font-size:13px}}@media(max-width:639px){body{font-size:12px}button,.card-sprite{touch-action:manipulation}button{min-height:40px}.my-hand,.hand-cards{-webkit-user-select:none;user-select:none}}