:root,[data-theme=light]{--st-font-ui:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--st-font-mono:"JetBrains Mono","Fira Code","Cascadia Code","Consolas",monospace;--st-bg-body:#f2f0ed;--st-bg-surface:#faf9f7;--st-bg-elevated:#eae8e4;--st-bg-code:#1e1e2e;--st-border:#d5d0c8;--st-text-primary:#2c2c2c;--st-text-secondary:#6b6560;--st-text-code:#cdd6f4;--st-accent:#d97706;--st-accent-hover:#b45309;--st-glow:rgba(217,119,6,.35);--st-error:#dc2626;--st-success:#16a34a;--st-nav-bg:#1a1a28;--st-nav-text:#c8c8d0;--st-nav-brand:#d97706;--st-shadow-sm:0 1px 2px rgba(0,0,0,.06);--st-shadow-md:0 4px 12px rgba(0,0,0,.08);--st-shadow-lg:0 8px 24px rgba(0,0,0,.12);--st-transition-fast:.15s ease;--st-transition-default:.25s ease;--st-radius:8px;--st-scanline:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.016) 2px,rgba(255,255,255,.016) 4px)}[data-theme=dark]{--st-bg-body:#0f0f17;--st-bg-surface:#1a1a28;--st-bg-elevated:#232336;--st-bg-code:#13131d;--st-border:#2a2a3c;--st-text-primary:#e0e0e8;--st-text-secondary:#8888a0;--st-text-code:#cdd6f4;--st-accent:#4ade80;--st-accent-hover:#22c55e;--st-glow:rgba(74,222,128,.3);--st-error:#f87171;--st-success:#4ade80;--st-nav-bg:#0a0a12;--st-nav-text:#a0a0b8;--st-nav-brand:#4ade80;--st-shadow-sm:0 1px 2px rgba(0,0,0,.2);--st-shadow-md:0 4px 12px rgba(0,0,0,.3);--st-shadow-lg:0 8px 24px rgba(0,0,0,.4);--st-scanline:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(74,222,128,.02) 2px,rgba(74,222,128,.02) 4px)}.st-theme-toggle{color:var(--st-nav-text);cursor:pointer;width:2.2rem;height:2.2rem;transition:transform var(--st-transition-fast),border-color var(--st-transition-fast),background var(--st-transition-fast);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:9999px;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.st-theme-toggle:hover{border-color:var(--st-accent);transform:scale(1.08)}.st-theme-toggle:active{transform:scale(.95)}.st-theme-toggle .st-theme-icon-system,.st-theme-toggle .st-theme-icon-light,.st-theme-toggle .st-theme-icon-dark{display:none}html:not([data-theme-mode]) .st-theme-icon-system,html[data-theme-mode=system] .st-theme-icon-system,html[data-theme-mode=light] .st-theme-icon-light,html[data-theme-mode=dark] .st-theme-icon-dark{display:inline}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--st-bg-body);height:100%;color:var(--st-text-primary);font-family:var(--st-font-ui);flex-direction:column;line-height:1.5;display:flex;overflow:hidden}a{color:var(--st-accent);text-decoration:none}a:hover{text-decoration:underline}a:visited{color:var(--st-accent-hover)}main{scroll-behavior:smooth;flex-direction:column;flex:1;min-height:0;padding:1rem;display:flex;overflow-y:auto}.st-nav{background:var(--st-nav-bg);height:48px;box-shadow:var(--st-shadow-md);z-index:10;align-items:center;gap:1.5rem;padding:0 1.5rem;display:flex;position:relative}.st-nav:after{content:"";background:var(--st-scanline);pointer-events:none;position:absolute;inset:0}.st-nav-brand{font-size:1.15rem;font-weight:700;font-family:var(--st-font-mono);letter-spacing:-.02em;text-shadow:0 0 8px var(--st-glow);color:var(--st-nav-brand)!important;text-decoration:none!important}.st-nav-brand:visited{color:var(--st-nav-brand)!important}.st-nav-links{gap:.25rem;display:flex}.st-nav-links a{color:var(--st-nav-text);transition:background var(--st-transition-fast),color var(--st-transition-fast);border-radius:9999px;padding:.3rem .75rem;font-size:.9rem;text-decoration:none}.st-nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}.st-nav-links a:visited{color:var(--st-nav-text)}.st-nav-spacer{flex:1}.st-nav-center{pointer-events:auto;position:absolute;left:50%;transform:translate(-50%)}.st-footer{background:var(--st-bg-elevated);border-top:1px solid var(--st-border);align-items:center;padding:.5rem 1rem;font-size:.8rem;display:flex}.st-footer a{color:var(--st-text-secondary)}.st-footer a:hover{color:var(--st-accent)}.st-footer a:visited{color:var(--st-text-secondary)}.st-footer-legal{gap:1rem;display:flex}.st-footer-brand{margin-left:auto}@media (width<=600px){.st-nav{gap:.75rem;padding:0 .75rem}}.st-code-textarea{background:var(--st-bg-code);width:100%;color:var(--st-text-code);border:1px solid var(--st-border);border-radius:var(--st-radius);font-family:var(--st-font-mono);resize:none;transition:box-shadow var(--st-transition-fast);outline:none;flex:1;padding:.75rem;font-size:14px;line-height:1.6}.st-code-textarea:focus{border-color:var(--st-accent);box-shadow:0 0 0 2px var(--st-glow)}.st-code-textarea::placeholder{color:var(--st-text-secondary)}.st-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.st-gallery-card{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:var(--st-radius);box-shadow:var(--st-shadow-sm);transition:transform var(--st-transition-fast),box-shadow var(--st-transition-fast),border-color var(--st-transition-fast);padding:1.25rem}.st-gallery-card:hover{box-shadow:var(--st-shadow-md),0 0 0 1px var(--st-glow);border-color:var(--st-accent);transform:translateY(-2px)}.st-gallery-card h3{color:var(--st-text-primary);margin-bottom:.5rem;font-size:1.1rem}.st-gallery-card a{color:var(--st-accent);margin-top:.5rem;display:inline-block}.st-gallery-card a:hover{text-decoration:underline}.st-gallery-preview{background:var(--st-bg-code);color:var(--st-text-code);border:1px solid var(--st-border);font-family:var(--st-font-mono);white-space:pre;border-radius:4px;max-height:7em;padding:.75rem;font-size:.8rem;line-height:1.4;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent 100%);mask-image:linear-gradient(#000 60%,transparent 100%)}.st-help-page{gap:1.5rem;width:100%;max-width:1100px;margin:0 auto;display:flex}.st-help-sidebar{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:var(--st-radius);width:200px;box-shadow:var(--st-shadow-sm);flex-shrink:0;align-self:flex-start;padding:1rem;position:sticky;top:1rem}.st-help-sidebar h3{color:var(--st-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.st-help-sidebar ul{list-style:none}.st-help-sidebar ul li{margin-bottom:.15rem}.st-help-sidebar ul a{color:var(--st-text-primary);transition:background var(--st-transition-fast),color var(--st-transition-fast);border-radius:9999px;padding:.25rem .5rem;font-size:.85rem;text-decoration:none;display:block}.st-help-sidebar ul a:hover{background:var(--st-glow);color:var(--st-accent)}.st-help-sidebar ul a:visited{color:var(--st-text-primary)}.st-help-content{scroll-behavior:smooth;flex:1;min-width:0;line-height:1.6}.st-help-content h2{border-bottom:1px solid var(--st-border);margin-top:2rem;margin-bottom:.75rem;padding-bottom:.5rem}.st-help-content h2:first-child{margin-top:0}.st-help-content p{margin-bottom:.75rem}.st-help-content pre{background:var(--st-bg-code);color:var(--st-text-code);border:1px solid var(--st-border);border-radius:var(--st-radius);font-family:var(--st-font-mono);margin-bottom:1rem;padding:.75rem;font-size:.85rem;overflow-x:auto}.st-help-table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.9rem}.st-help-table th{background:var(--st-bg-elevated);color:var(--st-text-primary);text-align:left;font-weight:600}.st-help-table th,.st-help-table td{border:1px solid var(--st-border);padding:.4rem .6rem}.st-help-table td:first-child{font-family:var(--st-font-mono);white-space:nowrap;font-size:.85rem}.st-help-table tr:nth-child(2n){background:var(--st-bg-elevated)}@media (width<=768px){.st-help-page{flex-direction:column}.st-help-sidebar{width:100%;position:static}}.st-about-page{width:100%;max-width:700px;margin:0 auto;line-height:1.6}.st-about-page h1{margin-bottom:1rem}.st-about-page h2{margin-top:1.5rem;margin-bottom:.75rem}.st-about-page p{margin-bottom:.75rem}.st-about-page ul{margin-bottom:1rem;padding-left:1.5rem}.st-about-page ul li{margin-bottom:.35rem}.st-about-page strong{color:var(--st-text-primary)}.st-about-footer{border-top:1px solid var(--st-border);color:var(--st-text-secondary);margin-top:2rem;padding-top:1rem;font-size:.9rem}.st-terms-page{width:100%;max-width:800px;margin:0 auto;line-height:1.6}.st-terms-page h1{margin-bottom:.5rem}.st-terms-page h2{margin-top:1.5rem;margin-bottom:.75rem}.st-terms-page p{margin-bottom:.75rem}.st-terms-page ul{margin-bottom:1rem;padding-left:1.5rem}.st-terms-page ul li{margin-bottom:.35rem}.st-terms-effective{color:var(--st-text-secondary);font-size:.9rem;margin-bottom:1.5rem!important}.st-terms-footer{border-top:1px solid var(--st-border);color:var(--st-text-secondary);margin-top:2rem;padding-top:1rem;font-size:.9rem}:root,[data-theme=light]{--st-nav-bg:#1a2332;--st-nav-text:#c8c8d0;--st-nav-brand:#58a6ff;--st-scanline:none;--st-accent:#58a6ff;--st-accent-hover:#79b8ff;--st-bg-body:#f2f0ed;--st-bg-surface:#faf9f7;--st-bg-elevated:#eae8e4;--st-border:#d5d0c8;--st-text-primary:#2c2c2c;--st-text-secondary:#6b6560;--st-error:#dc2626;--st-success:#16a34a}[data-theme=dark]{--st-nav-bg:#0a0a12;--st-nav-text:#a0a0b8;--st-nav-brand:#58a6ff;--st-scanline:none;--st-accent:#58a6ff;--st-accent-hover:#79b8ff;--st-bg-body:#0d1117;--st-bg-surface:#161b22;--st-bg-elevated:#1c2333;--st-border:#30363d;--st-text-primary:#e6edf3;--st-text-secondary:#8b949e;--st-error:#f85149;--st-success:#3fb950}:root{--suit-spades:#c8c8d0;--suit-hearts:#ef4444;--suit-diamonds:#ef4444;--suit-clubs:#c8c8d0;--card-bg:#fff;--card-border:#999;--table-green:#2d5a27;--highlight:gold}:root[data-suit-colors=four-color]{--suit-diamonds:#60a5fa;--suit-clubs:#4ade80}.card,.trick-card{--suit-spades:#111827;--suit-hearts:#dc2626;--suit-diamonds:#dc2626;--suit-clubs:#111827}:root[data-suit-colors=four-color] .card,:root[data-suit-colors=four-color] .trick-card{--suit-spades:#111827;--suit-hearts:#dc2626;--suit-diamonds:#2563eb;--suit-clubs:#16a34a}:root[data-card-size=large] .card{width:52px;height:73px;font-size:1rem}:root[data-card-size=large] .card-rank{width:1.3rem;font-size:1.1rem}:root[data-card-size=large] .card-suit{width:1.3rem;font-size:1rem}:root[data-card-size=large] .hand-cards .card{margin-left:-20px}:root[data-card-size=large] .hand-cards .card:first-child{margin-left:0}:root[data-card-size=large] .suit-spacer{width:20px}:root[data-card-size=large] .suit-spacer+.card{margin-left:0}:root[data-card-size=large] .bid-btn{min-width:47px;padding:.35rem .55rem;font-size:1rem}:root[data-card-size=large] .table-wrapper{min-height:650px}:root[data-card-size=large] .table-center{min-height:580px}:root[data-card-size=large] .card-table{min-height:580px;padding:1.75rem}:root[data-card-size=large] .table-info-bar{font-size:.95rem}:root[data-card-size=large] .trick-card{min-width:3.5rem;font-size:1rem}:root[data-card-size=large] .trick-seat-label{font-size:.7rem}:root[data-card-size=large] .hand-label,:root[data-card-size=large] .seat-slot strong{font-size:.85rem}:root[data-card-size=large] .seat-avatar{width:26px;height:26px}:root[data-card-size=large] .auction-table table{font-size:.95rem}:root[data-card-size=large] .mentor-hint{font-size:1rem}:root[data-card-size=large] .mentor-hint-label{font-size:.8rem}:root[data-card-size=large] .dummy-message{font-size:1rem}:root[data-card-size=large] .claim-picker-label{font-size:.95rem}:root[data-card-size=large] .claim-overlay-label{font-size:1rem}:root[data-card-size=xlarge] .card{width:64px;height:90px;font-size:1.2rem}:root[data-card-size=xlarge] .card-rank{width:1.6rem;font-size:1.35rem}:root[data-card-size=xlarge] .card-suit{width:1.6rem;font-size:1.2rem}:root[data-card-size=xlarge] .hand-cards .card{margin-left:-24px}:root[data-card-size=xlarge] .hand-cards .card:first-child{margin-left:0}:root[data-card-size=xlarge] .suit-spacer{width:26px}:root[data-card-size=xlarge] .suit-spacer+.card{margin-left:0}:root[data-card-size=xlarge] .bid-btn{min-width:58px;padding:.45rem .7rem;font-size:1.2rem}:root[data-card-size=xlarge] .table-wrapper{min-height:760px}:root[data-card-size=xlarge] .table-center{min-height:680px}:root[data-card-size=xlarge] .card-table{min-height:680px;padding:2rem}:root[data-card-size=xlarge] .table-info-bar{font-size:1.1rem}:root[data-card-size=xlarge] .trick-card{min-width:4rem;font-size:1.2rem}:root[data-card-size=xlarge] .trick-seat-label{font-size:.8rem}:root[data-card-size=xlarge] .hand-label,:root[data-card-size=xlarge] .seat-slot strong{font-size:1rem}:root[data-card-size=xlarge] .seat-avatar{width:30px;height:30px}:root[data-card-size=xlarge] .auction-table table{font-size:1.1rem}:root[data-card-size=xlarge] .mentor-hint{font-size:1.15rem}:root[data-card-size=xlarge] .mentor-hint-label{font-size:.9rem}:root[data-card-size=xlarge] .dummy-message{font-size:1.15rem}:root[data-card-size=xlarge] .claim-picker-label{font-size:1.1rem}:root[data-card-size=xlarge] .claim-overlay-label{font-size:1.15rem}:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}.chat-input button:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}.bid-btn:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}.card--playable:focus-visible{outline:2px solid var(--highlight);outline-offset:1px}.bridge-nav-right{align-items:center;gap:1rem;display:flex}.bridge-nav-center{color:#d4a843;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:50vw;font-size:.9rem;font-weight:600;overflow:hidden}.nav-link{color:var(--st-nav-text);font-size:.9rem;text-decoration:none}.nav-link:hover{color:#fff}.nav-link:visited{color:var(--st-nav-text)}.nav-user{color:var(--st-text-secondary)}.nav-user-link{align-items:center;gap:.4rem;text-decoration:none;display:flex}.nav-avatar{object-fit:cover;color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:0;display:inline-flex;overflow:hidden}.about-page{width:100%;max-width:700px;margin:0 auto;line-height:1.6}.about-page h1{margin-bottom:1rem}.about-page h2{margin-top:1.5rem;margin-bottom:.75rem}.about-page p{margin-bottom:.75rem}.about-page ul{margin-bottom:1rem;padding-left:1.5rem}.about-page ul li{margin-bottom:.35rem}.about-footer{border-top:1px solid var(--st-border);color:var(--st-text-secondary);margin-top:2rem;padding-top:1rem;font-size:.9rem}.btn,.chat-input button{border:1px solid var(--st-border);background:var(--st-bg-surface);color:var(--st-text-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-block}.btn:hover,.chat-input button:hover{border-color:var(--st-accent)}.btn-primary{background:var(--st-accent);color:#fff;border-color:var(--st-accent)}.btn-primary:hover{opacity:.9;color:#fff}a.btn-primary,a.btn-primary:hover{color:#fff}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--st-text-secondary);margin-bottom:.25rem;font-size:.875rem;display:block}.form-group select{background:var(--st-bg-body);border:1px solid var(--st-border);width:100%;color:var(--st-text-primary);border-radius:4px;padding:.5rem;font-size:1rem}.form-group input[type=text]{background:var(--st-bg-body);border:1px solid var(--st-border);width:100%;color:var(--st-text-primary);border-radius:4px;padding:.5rem;font-size:1rem}.form-group input[type=password]{background:var(--st-bg-body);border:1px solid var(--st-border);width:100%;color:var(--st-text-primary);border-radius:4px;padding:.5rem;font-size:1rem}.error{border:1px solid var(--st-error);color:var(--st-error);background:rgba(248,81,73,.15);border-radius:4px;margin-bottom:1rem;padding:.5rem}.session-error-banner{z-index:999;color:#fff;background:rgba(248,81,73,.95);justify-content:center;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex;position:fixed;top:3rem;left:0;right:0}.session-error-banner button{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:.25rem .75rem;font-size:.8rem}.session-error-banner button:hover{background:rgba(255,255,255,.3)}.modal-overlay{z-index:1000;background:rgba(0,0,0,.6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;width:90%;max-width:400px;padding:1.5rem}.modal-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.modal-message{color:var(--st-text-secondary);margin-bottom:1.5rem}.modal-input{background:var(--st-bg-body);border:1px solid var(--st-border);width:100%;color:var(--st-text-primary);border-radius:4px;margin-bottom:1rem;padding:.5rem;font-size:1rem}.modal-input:focus{border-color:var(--st-accent);outline:none}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.success{border:1px solid var(--st-success);color:var(--st-success);background:rgba(63,185,80,.15);border-radius:4px;margin-bottom:1rem;padding:.5rem}.auth-loading{min-height:200px;color:var(--st-text-secondary);justify-content:center;align-items:center;font-size:1rem;display:flex}.auth-page{max-width:400px;margin:2rem auto}.auth-page h2{margin-bottom:1.5rem}.auth-page form{margin-bottom:1rem}.auth-page .form-links{text-align:right;margin-top:-.5rem;margin-bottom:1rem;font-size:.9rem}.auth-page .form-links a{color:var(--st-accent)}.auth-page .contact-link{text-align:center;color:var(--st-text-secondary);margin-top:1rem;font-size:.85rem}.auth-page .auth-links{text-align:center;margin-top:1rem;font-size:.9rem}.auth-page .auth-links a{color:var(--st-accent)}.auth-page .auth-card{background:var(--st-bg-surface);border-radius:8px;padding:1.5rem}.verification-sent{text-align:center;padding:1rem}.verification-sent h3{color:var(--st-success);margin-bottom:1rem}.verification-sent .verification-message{color:var(--st-text-secondary);margin-bottom:.5rem}.verification-sent .verification-email{margin-bottom:1.5rem}.verification-sent .verification-actions{justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.verification-sent .resend-message{color:var(--st-text-secondary);margin-top:1rem;font-size:.9rem}.verify-email-page{text-align:center}.verify-email-page .verify-status{padding:2rem 1rem}.verify-email-page .verify-message{margin-bottom:1.5rem;font-size:1.1rem}.verify-email-page .verify-success .verify-message{color:var(--st-success)}.verify-email-page .verify-failed .verify-message{color:var(--st-error)}.verify-email-page .verify-actions{justify-content:center;gap:.75rem;display:flex}.verify-email-page .verify-loading{color:var(--st-text-secondary)}.home-page{text-align:center;padding:3rem 1rem}.home-page h1{margin-bottom:.5rem;font-size:3rem}.home-page p{color:var(--st-text-secondary);margin-bottom:2rem}.home-actions{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.home-info{text-align:left;max-width:500px;margin:0 auto}.home-info h2{margin-bottom:1rem}.home-info ol{padding-left:1.5rem}.home-info li{color:var(--st-text-secondary);margin-bottom:.5rem}.lobby-page{max-width:800px;margin:0 auto}.lobby-panels{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.lobby-page>.lobby-panel{margin-top:1rem}.lobby-panel{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;padding:1rem}.lobby-panel h3{margin-bottom:1rem;font-size:1rem}.room-list{flex-direction:column;gap:.5rem;display:flex}.room-item{background:var(--st-bg-body);border-radius:4px;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.room-name{font-weight:500}.room-mode{color:var(--st-accent);background:rgba(88,166,255,.1);border-radius:3px;padding:.1rem .4rem;font-size:.75rem}.room-convention{color:var(--st-success);background:rgba(63,185,80,.1);border-radius:3px;padding:.1rem .4rem;font-size:.75rem}.room-players{color:var(--st-text-secondary);font-size:.875rem}.empty{color:var(--st-text-secondary);font-style:italic}.game-room{width:100%;padding:0 1rem}.status{border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.status.connected{color:var(--st-success);background:rgba(63,185,80,.2)}.status.disconnected{color:var(--st-error);background:rgba(248,81,73,.2)}.game-status{background:var(--st-bg-surface);border:1px solid var(--st-border);text-align:center;border-radius:8px;margin-bottom:1rem;padding:1rem}.text-muted{color:var(--st-text-secondary)}.seats-panel{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.seat-slot{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:6px;align-items:center;gap:.5rem;min-width:120px;padding:.5rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.seat-slot strong{color:var(--st-text-secondary);font-size:.75rem}.seat-slot--active{border-color:var(--highlight);box-shadow:0 0 6px rgba(255,215,0,.4)}.seat-slot--active strong{color:var(--highlight)}.seat-slot--disconnected{border-color:var(--st-error);opacity:.6}.seat-slot--disconnected strong{color:var(--st-error)}.disconnect-indicator{color:var(--st-error);font-size:.75rem;font-style:italic}.player-info{align-items:center;gap:.4rem;display:flex}.seat-avatar{object-fit:cover;color:transparent;border-radius:50%;flex-shrink:0;width:22px;height:22px;font-size:0;overflow:hidden}.player-name{color:var(--st-accent)}.empty-seat{color:var(--st-text-secondary);font-size:.875rem;font-style:italic}.table-wrapper{grid-template:".north.""west center east"1fr".south."/auto 1fr auto;gap:.5rem;min-height:560px;display:grid}.table-seat{justify-content:center;align-items:center;padding:.25rem;display:flex}.table-seat.north{grid-area:north}.table-seat.south{grid-area:south}.table-seat.west{grid-area:west}.table-seat.east{grid-area:east}.table-seat .seat-slot{white-space:nowrap}.table-seat.west .seat-slot,.table-seat.east .seat-slot{writing-mode:vertical-lr;min-width:unset;padding:.5rem}.table-seat.west .seat-slot .seat-avatar,.table-seat.east .seat-slot .seat-avatar{writing-mode:horizontal-tb;transform:rotate(90deg)}.table-seat.west .seat-slot{transform:rotate(180deg)}.table-center{background:var(--table-green);border-radius:12px;flex-direction:column;grid-area:center;justify-content:center;min-width:450px;min-height:500px;display:flex}.table-center .card-table{border-radius:0;flex:1;min-height:auto}.pregame-content{text-align:center;color:rgba(255,255,255,.8);padding:2rem}.pregame-content .text-muted{color:rgba(255,255,255,.5)}.board-number-badge{text-align:center;color:rgba(255,255,255,.7);letter-spacing:.5px;margin-bottom:.25rem;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.btn-leave{color:var(--st-error);cursor:pointer;background:0 0;border:1px solid rgba(248,81,73,.5);border-radius:3px;margin-left:.25rem;padding:.15rem .4rem;font-size:.65rem}.btn-leave:hover{background:rgba(248,81,73,.15)}.btn-ai{border:1px dashed var(--st-text-secondary);color:var(--st-text-secondary);cursor:pointer;background:0 0;border-radius:3px;padding:.2rem .5rem;font-size:.7rem;transition:border-color .2s,color .2s}.btn-ai:hover{border-color:var(--st-accent);color:var(--st-accent)}.btn-ai--remove{color:var(--st-error);border-color:rgba(248,81,73,.5);margin-left:.25rem}.btn-ai--remove:hover{background:rgba(248,81,73,.15)}.player-name--ai{color:var(--st-text-secondary);font-style:italic}.ai-badge{color:var(--st-accent);letter-spacing:.5px;background:rgba(88,166,255,.15);border-radius:3px;padding:.05rem .35rem;font-size:.6rem;font-weight:600}.empty-seat-actions{gap:.25rem;display:flex}.game-area{margin-bottom:1rem;display:block;position:relative}.game-area-left{min-width:0}.game-area-right{background:var(--st-bg-body);border-left:1px solid var(--st-border);z-index:100;flex-direction:column;gap:.75rem;width:340px;padding:.75rem;transition:transform .25s;display:flex;position:fixed;top:3.5rem;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.game-area-right .chat-panel{flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex;overflow:hidden}.sidebar-open .game-area-right{transform:translate(0)}.sidebar-toggle{z-index:101;background:var(--st-bg-surface);border:1px solid var(--st-border);cursor:pointer;color:var(--st-text-primary);border-right:none;border-radius:6px 0 0 6px;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .35rem;font-size:1.1rem;transition:right .25s;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.sidebar-toggle:hover{border-color:var(--st-accent);color:var(--st-accent)}.sidebar-open .sidebar-toggle{right:340px}.sidebar-toggle .unread-dot{margin-left:0;position:static}.sidebar-header{flex-shrink:0;justify-content:flex-end;margin-bottom:.25rem;display:flex}.sidebar-pin-btn{cursor:pointer;opacity:.5;background:0 0;border:1px solid transparent;border-radius:4px;padding:.15rem .35rem;font-size:.85rem;line-height:1;transition:opacity .15s,border-color .15s}.sidebar-pin-btn:hover{opacity:.8;border-color:var(--st-border)}.sidebar-pin-btn.active{opacity:1;border-color:var(--st-accent)}.sidebar-tab-bar,.chat-tab-bar{border-bottom:1px solid var(--st-border);display:flex}.sidebar-tab,.chat-tab{border:1px solid var(--st-border);color:var(--st-text-secondary);cursor:pointer;background:0 0;border-bottom:none;border-radius:6px 6px 0 0;flex:1;padding:.5rem .75rem;font-size:.85rem;transition:background .15s,color .15s;position:relative}.sidebar-tab:hover,.chat-tab:hover{color:var(--st-text-primary);background:rgba(255,255,255,.03)}.sidebar-tab--active,.chat-tab--active{background:var(--st-bg-surface);color:var(--st-text-primary);border-bottom-color:var(--st-bg-surface)}.sidebar-tab-bar{flex-shrink:0;margin-bottom:.5rem}.game-area-right .scoreboard,.game-area-right .rubber-scoreboard{flex:1;min-height:0;overflow-y:auto}main:has(.sidebar-pinned){max-width:100%}.sidebar-pinned{grid-template-columns:1fr clamp(340px,28vw,420px);display:grid!important}.sidebar-pinned .game-area-left{justify-content:center;display:flex}.sidebar-pinned .table-wrapper{width:100%;max-width:1000px}.sidebar-pinned .game-area-right{z-index:auto;width:auto;height:auto;max-height:calc(100vh - 5rem);transition:none;position:static;top:auto;bottom:auto;right:auto;overflow-y:auto;transform:none}.card-table{background:var(--table-green);-webkit-user-select:none;user-select:none;border-radius:12px;grid-template:"info info info""north north north""west center east"1fr"south south south"/1fr 2fr 1fr;gap:.5rem;min-height:500px;padding:1.5rem;display:grid;position:relative}.card-table>.table-info-bar{grid-area:info}.card-table>.hand--north{grid-area:north;justify-self:center;min-height:80px}.card-table>.hand--south{grid-area:south;justify-self:center}.card-table>.my-hand-area{flex-direction:column;grid-area:south;justify-self:center;align-items:center;display:flex;position:relative}.card-table>.suit-group-hand--west{grid-area:west;min-width:0;overflow:hidden}.card-table>.suit-group-hand--east{grid-area:east;min-width:0;overflow:hidden}.card-table>.card-table-center{grid-area:center}.card-table>.hand--north .hand-cards,.card-table>.hand--south .hand-cards{justify-content:center}.card-table>.reveal-hands-grid{grid-area:2/1/-1/-1}.card-table-center{min-height:180px;position:relative}.bidding-inline{justify-content:center;align-items:flex-start;gap:1rem;padding:.5rem 0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bidding-inline .auction-table{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);border-radius:6px;min-width:180px;padding:.5rem}.bidding-inline .auction-table th{color:rgba(255,255,255,.6);border-bottom-color:rgba(255,255,255,.15)}.bidding-inline .auction-table .bid-cell,.bidding-inline .auction-table .bid-cell--nt{color:#e0e0e0}.bidding-inline .auction-table .bid-cell--pass{color:#4caf50}.trick-area{grid-template:".north."1fr"west center east"1fr".south."1fr/1fr 1fr 1fr;place-items:center;gap:.25rem;width:200px;height:150px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trick-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:4px;min-width:3rem;padding:.25rem .5rem;font-family:Menlo,Consolas,Monaco,monospace;font-size:.875rem;font-weight:700}.trick-card--spades{color:var(--suit-spades)}.trick-card--hearts{color:var(--suit-hearts)}.trick-card--diamonds{color:var(--suit-diamonds)}.trick-card--clubs{color:var(--suit-clubs)}.trick-seat-label{color:rgba(0,0,0,.5);margin-bottom:1px;font-size:.6rem;display:block}.trick-area--fading{opacity:.4;filter:grayscale(.8);transition:opacity .3s,filter .3s}.trick-north{grid-area:north}.trick-south{grid-area:south}.trick-east{grid-area:east}.trick-west{grid-area:west}.hand{margin:.5rem 0}.hand-label{color:rgba(255,255,255,.7);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.hand-cards{flex-wrap:wrap;display:flex}.hand-cards .card{margin-left:-16px}.hand-cards .card:first-child{margin-left:0}.suit-spacer{flex-shrink:0;width:10px}.suit-spacer+.card{margin-left:0}.hand--active .hand-label{color:var(--highlight)}.card{background:var(--card-bg);border:2px solid var(--card-border);cursor:default;border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:40px;height:56px;padding:2px 0 0 1px;font-size:.75rem;font-weight:700;transition:transform .15s,border-color .15s;display:flex;position:relative}.card--spades{color:var(--suit-spades)}.card--hearts{color:var(--suit-hearts)}.card--diamonds{color:var(--suit-diamonds)}.card--clubs{color:var(--suit-clubs)}.card--playable{cursor:pointer;border-color:var(--highlight)}.card--selected{border-color:#fff;transform:translateY(-8px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.card--suggested{border-color:#4caf50;box-shadow:0 0 8px 2px rgba(76,175,80,.6)}.card--facedown{background:linear-gradient(135deg,#1a365d,#2563eb);border-color:#1e40af}.card--facedown .card-rank,.card--facedown .card-suit{display:none}.card-rank{text-align:center;width:1rem;font-size:.875rem;line-height:1;display:block}.card-suit{text-align:center;width:1rem;font-size:.75rem;line-height:1;display:block}.bidding-box{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem}.bidding-box.disabled{opacity:.5}.bid-grid{gap:2px;margin-bottom:.5rem;display:grid}.bid-row{gap:2px;display:flex}.bid-btn{color:#e0e0e0;cursor:pointer;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.15);border-radius:3px;min-width:36px;padding:.25rem .4rem;font-size:.75rem;font-weight:700;transition:transform .1s,box-shadow .1s}.bid-btn:hover:not(:disabled){border-color:var(--st-accent)}.bid-btn:disabled{opacity:.3;cursor:default}.bid-btn--spades{color:var(--suit-spades)}.bid-btn--hearts{color:var(--suit-hearts)}.bid-btn--diamonds{color:var(--suit-diamonds)}.bid-btn--clubs{color:var(--suit-clubs)}.bid-btn--nt{color:#e0e0e0}.bid-btn--pass{background:#1a5c1a}.bid-btn--double{background:#7d1a1a}.bid-btn--redouble{background:#1a1a7d}.bid-btn--selected{box-shadow:0 0 8px 2px var(--st-accent);border-color:var(--st-accent);z-index:1;position:relative;transform:scale(1.15)}.bid-btn--suggested{outline:2px solid #4caf50;box-shadow:0 0 8px 2px rgba(76,175,80,.6)}.special-bids{gap:4px;display:flex}.table-info-bar{text-align:center;color:var(--highlight);white-space:nowrap;background:rgba(0,0,0,.3);border-radius:4px;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.8rem;font-weight:700}.bidding-hand{background:var(--table-green);border-radius:8px;margin-top:1rem;padding:1rem}.bidding-hand h4{color:rgba(255,255,255,.8);text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem}.bidding-suit-row{gap:2px;margin-bottom:4px;display:flex}.auction-area h3{margin-bottom:.5rem}.auction-content{align-items:flex-start;gap:1rem;display:flex}.auction-table{background:var(--st-bg-body);border:1px solid var(--st-border);border-radius:6px;flex:1;min-width:160px;padding:.5rem}.auction-table table{border-collapse:collapse;width:100%;font-size:.8rem}.auction-table th{color:var(--st-text-secondary);border-bottom:1px solid var(--st-border);text-align:center;padding:.2rem .4rem;font-weight:600}.auction-table td{text-align:center;padding:.2rem .4rem;font-weight:700}.bid-cell{color:var(--st-text-primary)}.bid-cell--spades{color:var(--suit-spades)}.bid-cell--hearts{color:var(--suit-hearts)}.bid-cell--diamonds{color:var(--suit-diamonds)}.bid-cell--clubs{color:var(--suit-clubs)}.bid-cell--nt{color:var(--st-text-primary)}.bid-cell--pass{color:var(--st-success)}.bid-cell--double{color:#e74c3c}.bid-cell--redouble{color:#5b8dee}.suit-row{align-items:center;gap:.25rem;padding:.15rem 0;font-size:.95rem;font-weight:700;display:flex}.suit-row--spades{color:var(--suit-spades)}.suit-row--hearts{color:var(--suit-hearts)}.suit-row--diamonds{color:var(--suit-diamonds)}.suit-row--clubs{color:var(--suit-clubs)}.suit-symbol{text-align:center;width:1.2rem;font-size:1.1rem}.suit-ranks{letter-spacing:.05em;font-family:Menlo,Consolas,Monaco,monospace}.scoreboard{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;padding:.75rem}.scoreboard h3{margin-bottom:.5rem;font-size:1rem}.score-table{border-collapse:collapse;width:100%;font-size:.75rem}.score-table th,.score-table td{text-align:center;border-bottom:1px solid var(--st-border);padding:.25rem .5rem}.score-table th{color:var(--st-text-secondary);font-weight:500}.score-detail-row .score-detail{color:var(--st-text-secondary);border-bottom:1px solid var(--st-border);padding:0 .5rem .25rem;font-size:.65rem;font-style:italic}.rubber-scoreboard{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;margin-bottom:.5rem;padding:.75rem}.rubber-scoreboard h3{margin-bottom:.5rem;font-size:1rem}.rubber-scoreboard h4{color:var(--st-text-secondary);margin-top:.75rem;margin-bottom:.25rem;font-size:.875rem}.rubber-games{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;display:flex}.rubber-label{color:var(--st-text-secondary)}.rubber-games-won{color:var(--st-accent);font-weight:600}.rubber-table{border-collapse:collapse;width:100%;font-size:.8rem}.rubber-table th,.rubber-table td{text-align:center;border-bottom:1px solid var(--st-border);padding:.25rem .5rem}.rubber-table th{color:var(--st-text-secondary);font-weight:500}.rubber-table .row-label{text-align:left;color:var(--st-text-secondary);font-size:.75rem}.line-separator td{border-bottom:3px double var(--st-accent);height:4px;padding:0}.above-line td{color:var(--st-text-primary)}.below-line td{color:var(--st-accent);font-weight:600}.below-note-row td{border-bottom:none}.rubber-below-note{color:var(--st-text-secondary);text-align:center;padding:0 .25rem .15rem;font-size:.6rem;font-style:italic}.rubber-hint{color:var(--st-text-secondary);font-size:.55rem;font-style:italic;font-weight:400}.total-row td{border-top:1px solid var(--st-border);font-weight:700}.vul-indicator{border-radius:3px;padding:.1rem .3rem;font-size:.7rem;font-weight:600}.vul-indicator.vul{color:var(--st-error);background:rgba(248,81,73,.2)}.vul-indicator.nv{color:var(--st-success);background:rgba(63,185,80,.1)}.rubber-history{border-top:1px solid var(--st-border);padding-top:.5rem}.rubber-history-item{color:var(--st-text-secondary);padding:.15rem 0;font-size:.75rem}.rubber-winner{color:var(--st-success);font-weight:600}.deal-result-hands{background:rgba(0,0,0,.35);border-radius:8px;margin-top:.75rem;padding:.75rem}.deal-result-hands h4{color:rgba(255,255,255,.8);text-transform:uppercase;text-align:center;margin-bottom:.5rem;font-size:.85rem}.deal-result-row{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.deal-result-hand{background:rgba(255,255,255,.05);border-radius:6px;padding:.5rem}.deal-result-label{color:rgba(255,255,255,.7);text-transform:uppercase;text-align:center;margin-bottom:.25rem;font-size:.7rem;font-weight:600}.suit-line{align-items:center;gap:.2rem;padding:.05rem 0;font-size:.8rem;font-weight:700;display:flex}.suit-line--spades{color:var(--suit-spades)}.suit-line--hearts{color:var(--suit-hearts)}.suit-line--diamonds{color:var(--suit-diamonds)}.suit-line--clubs{color:var(--suit-clubs)}.suit-line .suit-symbol{text-align:center;width:1rem;font-size:.9rem}.suit-line .suit-ranks{letter-spacing:.05em;font-family:Menlo,Consolas,Monaco,monospace}.reveal-hand-row{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.reveal-seat-label{color:rgba(255,255,255,.8);text-transform:uppercase;text-align:right;flex-shrink:0;width:3rem;font-size:.75rem;font-weight:700}.reveal-hand-cards{flex-wrap:wrap;display:flex}.reveal-hand-cards .card{width:34px;height:48px;margin-left:-14px;font-size:.65rem}.reveal-hand-cards .card:first-child{margin-left:0}.reveal-hand-cards .card-rank{font-size:.75rem}.reveal-hand-cards .card-suit{font-size:.65rem}.reveal-hand-cards .suit-spacer{flex-shrink:0;width:8px}.reveal-hand-cards .suit-spacer+.card{margin-left:0}.reveal-hands-grid{flex:1;grid-template:"north north north""west mid east"1fr"south south south"/auto 1fr auto;gap:.25rem;display:grid}.reveal-hand-cell--north{grid-area:north}.reveal-hand-cell--south{grid-area:south}.reveal-hand-cell--east{grid-area:east;align-self:center}.reveal-hand-cell--west{grid-area:west;align-self:center}.reveal-suit-groups{flex-direction:column;gap:.15rem;display:flex}.reveal-suit-row{display:flex}.reveal-suit-row .card{width:34px;height:48px;margin-left:-14px;font-size:.65rem}.reveal-suit-row .card:first-child{margin-left:0}.reveal-suit-row .card-rank{font-size:.75rem}.reveal-suit-row .card-suit{font-size:.65rem}.deal-result-summary{text-align:center;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);border-radius:8px;flex-direction:column;grid-area:mid;justify-content:center;place-self:center;align-items:center;gap:.25rem;max-width:240px;padding:.5rem 1rem;display:flex}.deal-result-contract{color:var(--st-text-primary);font-size:1.1rem;font-weight:600}.deal-result-detail{color:var(--st-text-secondary);font-size:.85rem}.ready-panel{flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.ready-panel.post-deal{margin-top:.75rem}.ready-diamond{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);place-items:center;gap:.25rem;width:120px;display:grid}.ready-diamond-cell{flex-direction:column;align-items:center;gap:.15rem;display:flex}.ready-diamond-cell.top{grid-area:1/2}.ready-diamond-cell.left{grid-area:2/1}.ready-diamond-cell.right{grid-area:2/3}.ready-diamond-cell.bottom{grid-area:3/2}.ready-label{color:rgba(255,255,255,.6);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:50px;font-size:.65rem;overflow:hidden}.ready-dot{background:rgba(255,255,255,.3);border-radius:50%;width:12px;height:12px;transition:background .2s;display:inline-block}.ready-dot--active{background:#4caf50}.btn-ready{color:#e0e0e0;cursor:pointer;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-block}.btn-ready:hover{border-color:#4caf50}.btn-ready.is-ready{color:#000;background:#4caf50;border-color:#4caf50}.chat-panel{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;margin-top:1rem;padding:.75rem}.chat-messages{flex:1;height:0;margin-bottom:.5rem;overflow-y:scroll}.chat-msg{padding:.25rem 0;font-size:.875rem}.chat-timestamp{color:var(--st-text-secondary);font-size:.8rem}.chat-input{gap:.5rem;display:flex}.chat-input input{background:var(--st-bg-body);border:1px solid var(--st-border);color:var(--st-text-primary);border-radius:4px;flex:1;padding:.375rem .5rem}.chat-input button{padding:.375rem .75rem}.chat-tabs-container{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.unread-dot{background:var(--st-accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:.4rem;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.chat-tabs-container .chat-panel{border-top:none;border-radius:0 0 8px 8px;flex-direction:column;flex:1;min-height:0;margin-top:0;display:flex}.game-area-right .chat-tabs-container{flex:1;min-height:0}.online-panel{margin-bottom:1rem}.online-list{flex-direction:column;gap:.4rem;max-height:150px;display:flex;overflow-y:auto}.online-user{align-items:center;gap:.5rem;display:inline-flex}.online-avatar{object-fit:cover;color:transparent;border-radius:50%;flex-shrink:0;width:24px;height:24px;font-size:0;overflow:hidden}.online-avatar-empty{background:var(--st-border);border-radius:50%;flex-shrink:0;width:24px;height:24px;display:block}.online-name{font-size:.9rem}.lobby-chat-panel{margin-top:1rem}.lobby-chat-panel .chat-panel{margin-top:0}.lobby-chat-panel .chat-messages{min-height:250px;max-height:250px}.profile-page{max-width:500px;margin:2rem auto}.profile-page h2{margin-bottom:1.5rem}.profile-page form{margin-bottom:1rem}.btn-back{border:1px solid var(--st-border);color:var(--st-text-secondary);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.3rem;margin-bottom:.75rem;padding:.3rem .75rem;font-size:.8rem;display:inline-flex}.btn-back:hover{border-color:var(--st-accent);color:var(--st-accent)}.btn-back:before{content:"←"}.profile-avatar-section{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.avatar-preview{object-fit:cover;background:var(--st-bg-surface);border:2px solid var(--st-border);width:80px;height:80px;color:var(--st-text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex;overflow:hidden}img.avatar-preview{color:transparent;font-size:0}.avatar-controls{flex-direction:column;gap:.5rem;display:flex}.avatar-upload-label{cursor:pointer}.avatar-placeholder{background:var(--st-bg-surface);color:var(--st-text-secondary)}.form-help{color:var(--st-text-secondary);margin-bottom:.5rem;font-size:.8rem}.toggle-group{border:1px solid var(--st-border);border-radius:6px;gap:0;display:flex;overflow:hidden}.toggle-group button{background:var(--st-bg-body);color:var(--st-text-secondary);border:none;border-right:1px solid var(--st-border);cursor:pointer;flex:1;padding:.4rem .75rem;font-size:.85rem;transition:background .15s,color .15s}.toggle-group button:last-child{border-right:none}.toggle-group button:hover{color:var(--st-text-primary)}.toggle-group button.active{background:var(--st-accent);color:#000;font-weight:600}.card-preview{vertical-align:middle;font-size:.85rem;display:inline-block}.card-preview-large{vertical-align:middle;font-size:1.1rem;display:inline-block}.card-preview-xlarge{vertical-align:middle;font-size:1.4rem;display:inline-block}.form-group input[type=email]{background:var(--st-bg-body);border:1px solid var(--st-border);width:100%;color:var(--st-text-primary);border-radius:4px;padding:.5rem;font-size:1rem}.form-group input[type=email]:disabled{opacity:.6;cursor:not-allowed}.admin-page{max-width:1000px;margin:0 auto}.admin-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.admin-header h2{margin:0}.admin-search{gap:.5rem;margin-bottom:1rem;display:flex}.admin-search input{background:var(--st-bg-body);border:1px solid var(--st-border);color:var(--st-text-primary);border-radius:4px;flex:1;padding:.5rem;font-size:.9rem}.admin-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--st-border);padding:.5rem .75rem}.admin-table th{color:var(--st-text-secondary);text-transform:uppercase;font-size:.8rem;font-weight:600}.admin-table td{font-size:.9rem}.admin-table tr:hover td{background:rgba(255,255,255,.03)}.admin-table code{background:rgba(255,255,255,.08);border-radius:3px;padding:.15rem .4rem;font-size:.85rem}.email-cell-inner{align-items:center;gap:.5rem;display:inline-flex}.admin-avatar-slot{flex-shrink:0;width:28px;height:28px;overflow:hidden}.admin-avatar{object-fit:cover;color:transparent;border-radius:50%;width:28px;height:28px;font-size:0}.admin-avatar-empty{width:28px;height:28px;display:block}.admin-actions{flex-wrap:wrap;gap:.3rem;display:flex}.admin-badge{background:var(--st-accent);color:#fff;border-radius:3px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.verified-badge{color:var(--success,#28a745);font-weight:600}.active-badge{color:var(--success,#28a745);font-size:.85rem}.disabled-badge{background:var(--danger,#dc3545);color:#fff;border-radius:3px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.role-chips{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.role-chip{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.role-chip-admin{color:#f85149;background:rgba(248,81,73,.2)}.role-chip-support{color:#58a6ff;background:rgba(88,166,255,.2)}.role-chip-tester{color:#3fb950;background:rgba(63,185,80,.2)}.role-chip-remove{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;padding:0;font-size:.75rem;line-height:1}.role-chip-remove:hover{opacity:1}.role-add-select{border:1px solid var(--st-border);background:var(--st-bg-surface);color:var(--st-text-secondary);cursor:pointer;border-radius:4px;padding:.15rem .3rem;font-size:.75rem}.disabled-row{opacity:.6;background:rgba(220,53,69,.05)}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{color:var(--st-text-primary);text-decoration:underline}.sort-arrow{font-size:.7rem}.session-dot{background:var(--st-success);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:.4rem;display:inline-block}.session-dot.ws-active{background:var(--highlight)}.last-login-cell{white-space:nowrap;font-size:.85rem}.admin-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.admin-pagination span{color:var(--st-text-secondary);font-size:.9rem}.admin-divider{border:none;border-top:1px solid var(--st-border);margin:2rem 0}.admin-section h3{margin-bottom:.5rem}.history-controls{align-items:center;gap:1rem;margin:1rem 0;display:flex}.history-controls label{align-items:center;gap:.5rem;display:flex}.history-controls input[type=date]{border:1px solid var(--st-border);background:var(--st-bg-body);color:var(--st-text-primary);border-radius:4px;padding:.4rem .6rem}.history-preview{background:var(--st-bg-surface);border-radius:6px;margin-top:1rem;padding:1rem}.history-preview p{margin-bottom:1rem}.btn-danger{background:var(--st-error)!important;color:#fff!important;border-color:var(--st-error)!important}.btn-danger:hover{opacity:.85}.btn-warning{color:#fff!important;background:#d29922!important;border-color:#d29922!important}.btn-warning:hover{opacity:.85}.nav-admin-link{font-weight:600;color:#d29922!important}.nav-dropdown{position:relative}.nav-dropdown .nav-dropdown-toggle{cursor:pointer}.nav-dropdown .nav-dropdown-menu{background:var(--st-bg-surface);border:1px solid var(--st-border);z-index:1001;border-radius:6px;min-width:140px;padding:.25rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.nav-dropdown .nav-dropdown-menu a{color:var(--st-text-primary);padding:.4rem 1rem;text-decoration:none;display:block}.nav-dropdown .nav-dropdown-menu a:hover{background:var(--st-bg-body)}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown:focus-within .nav-dropdown-menu{display:block}.mentor-hint{z-index:5;white-space:normal;text-align:left;max-width:min(90vw,500px);color:var(--st-accent);pointer-events:none;background:rgba(88,166,255,.12);border:1px solid rgba(88,166,255,.3);border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:-3px;padding:6px 12px;font-size:.85rem;animation:.3s ease-out mentor-fade-in;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.mentor-hint-label{text-transform:uppercase;letter-spacing:.05em;background:rgba(88,166,255,.2);border-radius:3px;flex-shrink:0;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.mentor-hint-text{flex:1}@keyframes mentor-fade-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.mentor-indicator{z-index:5;text-transform:uppercase;letter-spacing:.05em;color:#4caf50;pointer-events:none;background:rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.4);border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.mentor-history{z-index:4;color:var(--st-text-secondary);pointer-events:auto;font-size:.75rem;position:absolute;bottom:.5rem;left:.5rem}.mentor-history summary{cursor:pointer;color:rgba(88,166,255,.7);font-size:.7rem}.mentor-history summary:hover{color:var(--st-accent)}.mentor-history-list{white-space:normal;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15);border-radius:6px;min-width:200px;max-height:160px;margin-bottom:.25rem;padding:.4rem .4rem .4rem 1.4rem;position:absolute;bottom:100%;left:0;overflow-y:auto}.mentor-history-list li{color:rgba(255,255,255,.7);padding:.1rem 0}.spectate-controls{text-align:center;padding:.5rem}.btn-spectate{border:1px solid var(--st-accent);color:var(--st-accent);cursor:pointer;background:rgba(88,166,255,.15);border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.btn-spectate:hover{background:rgba(88,166,255,.3)}.watching-indicator{color:var(--st-accent);opacity:.8;font-size:.85rem;font-weight:600}.dummy-message{text-align:center;color:rgba(255,255,255,.6);padding:.5rem;font-size:.85rem;font-style:italic}.suit-group-hand{flex-direction:column;align-self:center;gap:.15rem;padding:.25rem;display:flex}.suit-group-hand .hand-label{color:rgba(255,255,255,.7);text-transform:uppercase;margin-bottom:.15rem;font-size:.75rem;font-weight:700}.suit-group-hand--active .hand-label{color:var(--highlight)}.suit-group-row{display:flex}.suit-group-row .card{margin-left:-16px}.suit-group-row .card:first-child{margin-left:0}.claim-buttons{z-index:5;gap:.5rem;display:flex;position:absolute;bottom:.75rem;right:.75rem}.btn-claim{border:1px solid var(--st-accent);color:var(--st-accent);cursor:pointer;background:rgba(88,166,255,.15);border-radius:6px;padding:.35rem 1rem;font-size:.8rem;font-weight:600}.btn-claim:hover{background:rgba(88,166,255,.3)}.btn-concede{border:1px solid var(--st-error);color:var(--st-error);cursor:pointer;background:rgba(248,81,73,.15);border-radius:6px;padding:.35rem 1rem;font-size:.8rem;font-weight:600}.btn-concede:hover{background:rgba(248,81,73,.3)}.claim-tricks-picker{z-index:2;text-align:center;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2);border-radius:8px;max-width:280px;padding:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.claim-picker-label{color:rgba(255,255,255,.8);margin-bottom:.5rem;font-size:.8rem}.claim-picker-controls{justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.claim-picker-btn{border:1px solid var(--st-border);background:var(--st-bg-surface);width:32px;height:32px;color:var(--st-text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.claim-picker-btn:hover{border-color:var(--st-accent)}.claim-picker-value{color:var(--highlight);text-align:center;min-width:2rem;font-size:1.5rem;font-weight:700}.claim-picker-actions{justify-content:center;gap:.5rem;display:flex}.btn-claim-confirm{background:var(--st-accent);color:#000;cursor:pointer;border:none;border-radius:6px;padding:.35rem 1rem;font-size:.8rem;font-weight:600}.btn-claim-confirm:hover{opacity:.85}.btn-claim-cancel{border:1px solid var(--st-border);color:var(--st-text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:.35rem 1rem;font-size:.8rem}.btn-claim-cancel:hover{border-color:var(--st-text-primary)}.claim-overlay{z-index:2;text-align:center;background:rgba(0,0,0,.7);border:1px solid rgba(255,215,0,.4);border-radius:8px;padding:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.claim-overlay-label{color:var(--highlight);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.claim-hand{flex-wrap:wrap;justify-content:center;gap:2px;margin-bottom:.5rem;display:flex}.claim-hand .card{width:34px;height:48px;margin-left:-10px;font-size:.65rem}.claim-hand .card:first-child{margin-left:0}.claim-hand .card-rank{font-size:.75rem}.claim-hand .card-suit{font-size:.65rem}.claim-response-buttons{justify-content:center;gap:.5rem;display:flex}.btn-accept{background:var(--st-success);color:#000;cursor:pointer;border:none;border-radius:6px;padding:.4rem 1.25rem;font-size:.85rem;font-weight:600}.btn-accept:hover{opacity:.85}.btn-reject{background:var(--st-error);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.4rem 1.25rem;font-size:.85rem;font-weight:600}.btn-reject:hover{opacity:.85}.trick-stack{z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute}.trick-stack--south{bottom:0;right:10%}.trick-stack--north{top:0;left:50%;transform:translate(-50%)}.trick-stack--west{top:50%;left:0;transform:translateY(-50%)}.trick-stack--east{top:50%;right:0;transform:translateY(-50%)}.trick-stack-card{border:1px solid rgba(255,255,255,.35);border-radius:2px;width:28px;height:42px;position:absolute;top:0;left:0;box-shadow:0 1px 2px rgba(0,0,0,.4)}.trick-stack-card--blue{background:linear-gradient(135deg,#1a365d,#2563eb)}.trick-stack-card--red{background:linear-gradient(135deg,#7f1d1d,#dc2626)}.trick-stack-card--book{background:linear-gradient(135deg,#4a3728,#8b6914);justify-content:center;align-items:center;display:flex}.trick-stack-card--book span{color:#fff;font-size:14px;font-weight:700;line-height:1}.claim-waiting{text-align:center;color:rgba(255,255,255,.6);padding:.5rem;font-size:.85rem;font-style:italic;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.history-page{max-width:1000px;margin:0 auto}.history-page h2{margin-bottom:1rem}.history-players{font-size:.8rem;line-height:1.4}.history-player{white-space:nowrap;align-items:center;gap:.3rem;display:flex}.seat-avatar-spacer{flex-shrink:0;width:22px;display:inline-block}.replay-page{max-width:1000px;margin:0 auto}.replay-header{margin-bottom:1rem}.replay-header h2{margin-bottom:.25rem}.replay-controls{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem;display:flex}.replay-step-counter{text-align:center;min-width:5rem;color:var(--st-text-secondary);font-size:.9rem}.replay-hands-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.replay-hand{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;padding:.75rem}.replay-hand-label{color:var(--st-accent);text-transform:uppercase;align-items:center;gap:.3rem;margin-bottom:.25rem;font-size:.8rem;font-weight:700;display:flex}.replay-detail{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.replay-auction,.replay-tricks{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;padding:.75rem}.replay-auction h4,.replay-tricks h4{color:var(--st-text-secondary);margin-bottom:.5rem;font-size:.9rem}.replay-trick-list{flex-direction:column;gap:.25rem;display:flex}.replay-trick{align-items:center;gap:.35rem;font-size:.85rem;display:flex}.replay-trick-num{color:var(--st-text-secondary);text-align:right;min-width:1.5rem;font-size:.75rem}.replay-nav-back{text-align:center;margin-top:1rem}.stats-page{width:100%;max-width:900px;margin:0 auto}.stats-page h2{margin-bottom:1rem}.stats-tabs{max-width:300px;margin-bottom:1.5rem}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat-card{background:var(--st-bg-surface);border:1px solid var(--st-border);text-align:center;border-radius:8px;padding:1rem}.stat-value{color:var(--st-accent);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-card--highlight .stat-value{color:var(--st-success)}.stat-label{color:var(--st-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem;font-size:.75rem}.stats-section-title{color:var(--st-text-secondary);margin:1.5rem 0 .75rem;font-size:1rem}.partner-list{flex-direction:column;gap:.5rem;display:flex}.partner-item{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:6px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.partner-info{flex-direction:column;display:flex}.partner-name{font-size:.9rem;font-weight:600}.partner-stats-text{color:var(--st-text-secondary);font-size:.8rem}.stats-daily-section{margin-top:1.5rem}.stats-daily-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.stats-daily-header h3{color:var(--st-text-secondary);margin:0;font-size:1rem}.stats-date-select{background:var(--st-bg-body);border:1px solid var(--st-border);color:var(--st-text-primary);cursor:pointer;border-radius:4px;padding:.35rem .5rem;font-size:.85rem}.stats-board-table .mp-good{color:var(--st-success);font-weight:600}.stats-board-table .mp-bad{color:var(--st-error);font-weight:600}.stats-overall-row td{border-top:2px solid var(--st-border);font-weight:700}.stats-empty{text-align:center;margin-top:2rem;font-size:1.1rem}.stats-filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1.25rem;display:flex}.stats-filter-group{flex-direction:column;gap:.25rem;display:flex}.stats-filter-group label{color:var(--st-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.stats-filter-input{background:var(--st-bg-body);border:1px solid var(--st-border);color:var(--st-text-primary);border-radius:4px;min-width:130px;padding:.35rem .5rem;font-size:.85rem}.stats-filter-input:focus{border-color:var(--st-accent);outline:none}.stats-clear-btn{border:1px solid var(--st-border);color:var(--st-text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.35rem .75rem;font-size:.8rem}.stats-clear-btn:hover{border-color:var(--st-text-secondary);color:var(--st-text-primary)}.help-page{max-width:1000px;color:var(--st-text-primary);scroll-behavior:smooth;margin:2rem auto;padding:0 1rem}.help-page>h1{margin-bottom:1.25rem;font-size:1.5rem}.help-layout{gap:2rem;display:flex}.help-toc{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;flex-shrink:0;align-self:flex-start;min-width:180px;padding:1rem 1.5rem;position:sticky;top:4.5rem}.help-toc h3{text-transform:uppercase;color:var(--st-text-secondary);letter-spacing:.04em;margin-bottom:.5rem;font-size:.8rem}.help-toc ul{flex-direction:column;gap:.4rem;list-style:none;display:flex}.help-toc a{color:var(--st-accent);border-left:2px solid transparent;padding:.15rem 0 .15rem .5rem;font-size:.9rem;text-decoration:none;transition:border-color .2s,font-weight .2s;display:block}.help-toc a:hover{text-decoration:underline}.help-toc a.active{color:var(--st-accent);border-left-color:var(--st-accent);font-weight:600}.help-content{flex:1;min-width:0}.help-section{margin-bottom:2.5rem;scroll-margin-top:4.5rem}.help-section h2{color:var(--st-text-primary);border-bottom:1px solid var(--st-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem}.help-section h3{color:var(--st-text-primary);margin:1.25rem 0 .5rem;font-size:1.05rem}.help-section p,.help-section li{color:var(--st-text-secondary);font-size:.95rem;line-height:1.6}.help-section ul,.help-section ol{margin-bottom:.75rem;margin-left:1.5rem}.help-section li{margin-bottom:.25rem}.help-section a{color:var(--st-accent);text-decoration:none}.help-section a:hover{text-decoration:underline}.help-convention-table{border-collapse:collapse;width:100%;margin:.75rem 0;font-size:.9rem}.help-convention-table th,.help-convention-table td{text-align:left;border-bottom:1px solid var(--st-border);padding:.4rem .75rem}.help-convention-table th{color:var(--st-text-primary);text-transform:uppercase;font-size:.8rem;font-weight:600}.help-convention-table td{color:var(--st-text-secondary)}.help-convention-table td:first-child{color:var(--st-text-primary);white-space:nowrap;font-weight:500}@media (width<=768px){.help-layout{flex-direction:column}.help-toc{min-width:unset;position:static}.sidebar-pin-btn{display:none}.game-area-right{width:300px}.sidebar-open .sidebar-toggle{right:300px}.lobby-panels{grid-template-columns:1fr}.table-wrapper{min-height:400px}.card-table{grid-template-columns:auto 1fr auto;min-height:380px;padding:1rem}.table-center{min-width:350px;min-height:380px}.hand-cards .card{margin-left:-14px}.hand-cards .card:first-child{margin-left:0}.suit-group-row .card{margin-left:-14px}.suit-group-row .card:first-child{margin-left:0}.trick-area{width:170px;height:130px}.trick-card{min-width:2.5rem;padding:.2rem .4rem;font-size:.8rem}.deal-result-row{grid-template-columns:repeat(2,1fr)}.admin-table{display:block;overflow-x:auto}.bridge-nav-center{display:none}.replay-detail{grid-template-columns:1fr}.stats-cards{grid-template-columns:repeat(2,1fr)}.stats-daily-header{flex-direction:column;align-items:flex-start;gap:.5rem}.stats-filters{flex-direction:column;align-items:stretch}}@media (width<=480px){main{padding:.5rem}.card{width:34px;height:48px;font-size:.65rem}.card-rank{font-size:.75rem}.card-suit{font-size:.65rem}.hand-cards .card{margin-left:-12px}.hand-cards .card:first-child{margin-left:0}.bid-btn{min-width:28px;padding:.2rem .3rem;font-size:.65rem}.table-wrapper{min-height:320px}.card-table{grid-template-columns:auto 1fr auto;min-height:300px;padding:.75rem}.table-center{min-width:280px;min-height:300px}.bridge-nav-center{display:none}.bridge-nav-right{gap:.5rem;font-size:.85rem}.bridge-nav-right .nav-user{display:none}.home-page h1{font-size:2rem}.auth-page,.profile-page{margin:1rem auto;padding:0 .5rem}.deal-result-row{grid-template-columns:1fr}.table-info-bar{white-space:normal;flex-wrap:wrap}.bidding-inline{flex-direction:column;align-items:center}.game-area-right{width:100%}.sidebar-open .sidebar-toggle{top:3.5rem;right:0}.trick-area{width:140px;height:110px}.trick-card{min-width:2rem;padding:.15rem .3rem;font-size:.7rem}.replay-hands-grid,.replay-detail,.stats-cards{grid-template-columns:1fr}.stats-board-table{font-size:.8rem}.stats-board-table th,.stats-board-table td{padding:.35rem .5rem}}.legal-page{max-width:800px;margin:0 auto}.legal-page h1{margin-bottom:.5rem}.legal-page .legal-updated{color:var(--st-text-secondary);margin-bottom:2rem;font-size:.9rem}.legal-page h2{margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem}.legal-page h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.05rem}.legal-page p{margin-bottom:.75rem}.legal-page ul{margin-bottom:.75rem;padding-left:1.5rem}.legal-page ul li{margin-bottom:.35rem}.legal-page a{color:var(--st-accent);text-decoration:none}.legal-page a:hover{text-decoration:underline}.toast-container{z-index:1001;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast{pointer-events:auto;background:var(--st-bg-surface);color:var(--st-text-primary);border-left:4px solid var(--st-border);border-radius:6px;max-width:360px;padding:.75rem 1.25rem;font-size:.9rem;animation:.25s ease-out toast-slide-in;box-shadow:0 4px 12px rgba(0,0,0,.3)}.toast--success{border-left-color:var(--st-success)}.toast--error{border-left-color:var(--st-error)}.toast-exit{opacity:0;transition:opacity .3s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton,.skeleton-stat-cards .skeleton-stat,.skeleton-avatar,.skeleton-row .skeleton-cell,.skeleton-text--short,.skeleton-text{background:linear-gradient(90deg,#2a2a3e 25%,#353550 50%,#2a2a3e 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text{width:60%;height:1em;margin:.5em 0}.skeleton-text--short{width:40%;height:1em;margin:.5em 0}.skeleton-row{border-bottom:1px solid rgba(255,255,255,.05);gap:1rem;padding:.75rem 0;display:flex}.skeleton-row .skeleton-cell{flex:1;height:1em}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.skeleton-table{width:100%}.skeleton-table .skeleton-row:last-child{border-bottom:none}.skeleton-stat-cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1rem 0;display:grid}.skeleton-stat-cards .skeleton-stat{border-radius:8px;height:80px}.ws-disconnected{color:#fff;text-align:center;background:#c33;border-radius:6px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.ws-disconnected .ws-disconnected__btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:.3rem .8rem;font-size:.85rem}.ws-disconnected .ws-disconnected__btn:hover{background:rgba(255,255,255,.3)}.help-example{border:1px solid rgba(255,255,255,.1);border-radius:6px;margin:.75rem 0;overflow:hidden}.help-example summary{cursor:pointer;color:#9ecbff;background:rgba(255,255,255,.03);padding:.5rem .75rem;font-size:.9rem}.help-example summary:hover{background:rgba(255,255,255,.06)}.help-example summary::marker{color:#666}.help-example .help-example__body{grid-template-columns:auto 1fr;gap:1rem;padding:.75rem;font-size:.85rem;display:grid}@media (width<=600px){.help-example .help-example__body{grid-template-columns:1fr}}.example-hand{white-space:nowrap;font-family:monospace;line-height:1.6}.example-hand .suit-spades{color:#4a90d9}.example-hand .suit-hearts{color:#e74c3c}.example-hand .suit-diamonds{color:#f39c12}.example-hand .suit-clubs{color:#27ae60}.example-auction{border-collapse:collapse;font-size:.8rem}.example-auction th,.example-auction td{text-align:center;border-bottom:1px solid rgba(255,255,255,.08);padding:.2rem .5rem}.example-auction th{color:#999;font-weight:600}.example-explanation{color:#aaa;margin-top:.5rem;font-size:.8rem;font-style:italic}