: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:#d9770659;--st-error:#dc2626;--st-success:#16a34a;--st-status-success-bg:#dcfce7;--st-status-success-text:#166534;--st-status-warning-bg:#fef3c7;--st-status-warning-text:#92400e;--st-status-error-bg:#fee2e2;--st-status-error-text:#991b1b;--st-status-info-bg:#dbeafe;--st-status-info-text:#1e40af;--st-nav-bg:#1a1a28;--st-nav-text:#c8c8d0;--st-nav-brand:#d97706;--st-shadow-sm:0 1px 2px #0000000f;--st-shadow-md:0 4px 12px #00000014;--st-shadow-lg:0 8px 24px #0000001f;--st-transition-fast:.15s ease;--st-transition-default:.25s ease;--st-radius:8px;--st-scanline:repeating-linear-gradient(0deg, transparent, transparent 2px, #ffffff04 2px, #ffffff04 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:#4ade804d;--st-error:#f87171;--st-success:#4ade80;--st-status-success-bg:#22c55e26;--st-status-success-text:#4ade80;--st-status-warning-bg:#eab30826;--st-status-warning-text:#facc15;--st-status-error-bg:#ef444426;--st-status-error-text:#f87171;--st-status-info-bg:#3b82f626;--st-status-info-text:#60a5fa;--st-nav-bg:#0a0a12;--st-nav-text:#a0a0b8;--st-nav-brand:#4ade80;--st-shadow-sm:0 1px 2px #0003;--st-shadow-md:0 4px 12px #0000004d;--st-shadow-lg:0 8px 24px #0006;--st-scanline:repeating-linear-gradient(0deg, transparent, transparent 2px, #4ade8005 2px, #4ade8005 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:#ffffff14;border:1px solid #ffffff1f;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:#ffffff14}.st-nav-links a:visited{color:var(--st-nav-text)}.st-nav-toggle-input{appearance:none;opacity:0;pointer-events:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;display:none!important}.st-nav-hamburger{display:none}.st-nav-collapse,.st-nav-right{display:contents}.st-nav-spacer{flex:1}.st-nav-center{pointer-events:auto;position:absolute;left:50%;transform:translate(-50%)}@media (width<=1024px){.st-nav-hamburger{cursor:pointer;z-index:2;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;padding:.4rem;display:flex}.st-nav-hamburger span{background:var(--st-nav-text);border-radius:1px;width:22px;height:2px;transition:transform .25s,opacity .25s;display:block}.st-nav-toggle-input:checked~.st-nav-hamburger span:first-child{transform:translateY(7px)rotate(45deg)}.st-nav-toggle-input:checked~.st-nav-hamburger span:nth-child(2){opacity:0}.st-nav-toggle-input:checked~.st-nav-hamburger span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.st-nav-collapse{background:var(--st-nav-bg);box-shadow:var(--st-shadow-md);z-index:9;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:none;position:absolute;top:48px;left:0;right:0}.st-nav-collapse:after{content:"";background:var(--st-scanline);pointer-events:none;position:absolute;inset:0}.st-nav-toggle-input:checked~.st-nav-collapse{display:flex}.st-nav-links{flex-direction:column;gap:0}.st-nav-links a{border-radius:4px;padding:.5rem .75rem}.st-nav-spacer{display:none}.st-nav-center{position:static;transform:none}.st-nav-right{flex-direction:column;gap:.5rem;width:100%;display:flex}.st-nav-right>*{flex-wrap:wrap}}.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{padding:0 .75rem}}.st-btn,.chat-input button{border:1px solid var(--st-border);border-radius:var(--st-radius);font-family:var(--st-font-ui);cursor:pointer;transition:background var(--st-transition-fast), border-color var(--st-transition-fast), color var(--st-transition-fast), opacity var(--st-transition-fast);background:var(--st-bg-surface);color:var(--st-text-primary);justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.st-btn:visited,.chat-input button:visited{color:var(--st-text-primary)}.st-btn:hover,.chat-input button:hover{background:var(--st-bg-elevated);border-color:var(--st-text-secondary)}.st-btn:active,.chat-input button:active{opacity:.8}.st-btn:focus-visible,.chat-input button:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}.st-btn:disabled,.chat-input button:disabled,.st-btn[aria-disabled=true],.chat-input button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.st-btn--primary{background:var(--st-accent);color:#fff;border-color:var(--st-accent)}.st-btn--primary:visited{color:#fff}.st-btn--primary:hover{background:var(--st-accent-hover);border-color:var(--st-accent-hover);color:#fff}.st-btn--danger{background:var(--st-error);color:#fff;border-color:var(--st-error)}.st-btn--danger:visited{color:#fff}.st-btn--danger:hover{opacity:.85;color:#fff}.st-btn--ghost{color:var(--st-text-secondary);background:0 0;border-color:#0000}.st-btn--ghost:visited{color:var(--st-text-secondary)}.st-btn--ghost:hover{background:var(--st-bg-elevated);color:var(--st-text-primary)}.st-btn--sm{padding:.3rem .75rem;font-size:.8rem}.st-btn--lg{padding:.75rem 1.5rem;font-size:1rem}.st-btn--full{text-align:center;width:100%;display:flex}.st-input,.st-select,.st-textarea{background:var(--st-bg-body);border:1px solid var(--st-border);width:100%;color:var(--st-text-primary);font-size:1rem;font-family:var(--st-font-ui);transition:border-color var(--st-transition-fast), box-shadow var(--st-transition-fast);border-radius:4px;padding:.6rem .75rem}.st-input::placeholder,.st-select::placeholder,.st-textarea::placeholder{color:var(--st-text-secondary);opacity:.6}.st-input:focus-visible,.st-select:focus-visible,.st-textarea:focus-visible{border-color:var(--st-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--st-accent) 20%, transparent);outline:none}.st-input:disabled,.st-select:disabled,.st-textarea:disabled{opacity:.5;cursor:not-allowed}.st-select{cursor:pointer}.st-textarea{resize:vertical;min-height:120px}.st-label{color:var(--st-text-secondary);margin-bottom:.35rem;font-size:.875rem;font-weight:500;display:block}.st-form-group{margin-bottom:1.25rem}.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%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 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}.st-privacy-page{width:100%;max-width:800px;margin:0 auto;line-height:1.6}.st-privacy-page h1{margin-bottom:.5rem}.st-privacy-page h2{margin-top:1.5rem;margin-bottom:.75rem}.st-privacy-page h3{margin-top:1rem;margin-bottom:.5rem}.st-privacy-page p{margin-bottom:.75rem}.st-privacy-page ul{margin-bottom:1rem;padding-left:1.5rem}.st-privacy-page ul li{margin-bottom:.35rem}.st-privacy-effective{color:var(--st-text-secondary);font-size:.9rem;margin-bottom:1.5rem!important}.st-privacy-footer{border-top:1px solid var(--st-border);color:var(--st-text-secondary);margin-top:2rem;padding-top:1rem;font-size:.9rem}.admin-users{max-width:1200px;margin:0 auto;padding:1rem}.admin-users h1{margin-bottom:1rem}.admin-users .admin-filter-toggle{gap:.5rem;margin-bottom:1rem;display:flex}.admin-users .admin-filter-toggle button{border:1px solid var(--st-border);color:var(--st-text-primary);cursor:pointer;background:0 0;border-radius:4px;padding:.4rem 1rem;font-size:.9rem}.admin-users .admin-filter-toggle button.active{background:var(--st-accent);color:var(--st-bg-body);border-color:var(--st-accent)}.admin-users .admin-filter-toggle button:hover:not(.active){background:var(--st-bg-elevated)}.admin-users__search{gap:.5rem;margin-bottom:1rem;display:flex}.admin-users__search input{border:1px solid var(--st-border);background:var(--st-bg-surface);color:var(--st-text-primary);border-radius:4px;flex:1;padding:.5rem;font-family:inherit;font-size:.875rem}.admin-users__search input::placeholder{color:var(--st-text-secondary);opacity:.6}.admin-users__search input:focus{border-color:var(--st-accent);outline:none}.admin-users__search button{background:var(--st-bg-elevated);color:var(--st-text-primary);border:1px solid var(--st-border);cursor:pointer;border-radius:4px;padding:.5rem 1rem;font-size:.875rem}.admin-users__search button:hover{background:var(--st-accent);color:var(--st-bg-body);border-color:var(--st-accent)}.admin-users__table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-users__table th,.admin-users__table td{text-align:left;vertical-align:top;padding:.5rem}.admin-users__table th{color:var(--st-text-secondary);vertical-align:bottom;font-weight:600}.admin-users__table thead tr,.admin-users__table tbody tr{border-bottom:1px solid var(--st-border)}.admin-users__table tbody tr:hover td{background:var(--st-bg-elevated)}.admin-users__roles{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.admin-users__role-chip{background:color-mix(in srgb, var(--st-accent) 20%, transparent);color:var(--st-accent);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}.admin-users__role-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:0;font-size:.75rem;line-height:1}.admin-users__role-remove:hover{opacity:1}.admin-users__role-add{background:var(--st-bg-surface);color:var(--st-text-secondary);border:1px solid var(--st-border);cursor:pointer;border-radius:4px;padding:.15rem .3rem;font-size:.75rem}.admin-users__actions{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:.25rem;display:flex}.admin-users__reset-inline{align-items:center;gap:.25rem;display:inline-flex}.admin-users__reset-inline input{background:var(--st-bg-surface);width:120px;color:var(--st-text-primary);border:1px solid var(--st-border);border-radius:4px;padding:.25rem;font-size:.75rem}.admin-users__confirm-inline{align-items:center;gap:.25rem;display:inline-flex}.admin-users__batch-bar{background:color-mix(in srgb, var(--st-accent) 10%, var(--st-bg-surface));border:1px solid color-mix(in srgb, var(--st-accent) 30%, transparent);border-radius:6px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.admin-users__batch-count{color:var(--st-accent);margin-right:.25rem;font-size:.85rem;font-weight:600}.admin-users__checkbox-col{text-align:center;width:2rem;padding-left:.25rem!important;padding-right:0!important}.admin-users__checkbox-col input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;accent-color:var(--st-accent)}.badge{border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge--enabled{background:color-mix(in srgb, var(--st-success) 15%, transparent);color:var(--st-success);border:1px solid color-mix(in srgb, var(--st-success) 30%, transparent)}.badge--disabled{background:color-mix(in srgb, var(--st-error) 15%, transparent);color:var(--st-error);border:1px solid color-mix(in srgb, var(--st-error) 30%, transparent)}.badge--verified{background:color-mix(in srgb, var(--st-success) 15%, transparent);color:var(--st-success);border:1px solid color-mix(in srgb, var(--st-success) 30%, transparent)}.badge--unverified{background:color-mix(in srgb, var(--st-accent) 15%, transparent);color:var(--st-accent);border:1px solid color-mix(in srgb, var(--st-accent) 30%, transparent)}.search-bar{gap:.5rem;display:flex}.search-bar input[type=search]{border:1px solid var(--st-border);background:var(--st-bg-surface);color:var(--st-text-primary);border-radius:4px;flex:1;padding:.4rem .8rem;font-size:.875rem}.search-bar button{border:1px solid var(--st-accent);background:var(--st-accent);color:var(--st-bg-body);cursor:pointer;border-radius:4px;padding:.4rem .8rem}.search-results{margin-top:1rem}.search-result{border-bottom:1px solid var(--st-border);padding:.75rem}.search-result a{color:var(--st-accent);text-decoration:none}.search-result a:hover{text-decoration:underline}.search-result .snippet{color:var(--st-text-secondary);margin-top:.25rem;font-size:.875rem}.search-result .snippet mark{background:color-mix(in srgb, var(--st-accent) 20%, transparent)}.favorite-btn{cursor:pointer;color:var(--st-text-secondary);vertical-align:middle;background:0 0;border:none;padding:0 .4rem;font-size:1.25rem;line-height:1;transition:color .15s;display:inline-block}.favorite-btn:hover{color:var(--st-accent)}.favorite-btn.active{color:#e25555}.favorite-btn:disabled{opacity:.5;cursor:not-allowed}.favorites-page .favorites-groups{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=600px){.favorites-page .favorites-groups{grid-template-columns:1fr}}.favorites-page .favorites-group{margin-bottom:2rem}.favorites-page .favorites-group h2{border-bottom:1px solid var(--st-border);margin-bottom:.75rem;padding-bottom:.5rem}.favorites-page .favorites-list{margin:0;padding:0;list-style:none}.favorites-page .favorites-list li{border-bottom:1px solid var(--st-border);padding:.5rem 0}.favorites-page .favorites-list li:last-child{border-bottom:none}.favorites-page .favorites-list a{color:var(--st-accent);text-decoration:none}.favorites-page .favorites-list a:hover{text-decoration:underline}.auth-form{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;max-width:400px;margin:3rem auto;padding:2rem}.auth-form h2{text-align:center;margin-bottom:1.5rem}.auth-form .form-group{margin-bottom:1.25rem}.auth-form .form-group label{color:var(--st-text-secondary);margin-bottom:.35rem;font-size:.875rem;font-weight:500;display:block}.auth-form .form-group input[type=email],.auth-form .form-group input[type=password],.auth-form .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:.6rem .75rem;font-size:1rem}.auth-form .form-group input[type=email]:focus,.auth-form .form-group input[type=password]:focus,.auth-form .form-group input[type=text]:focus{border-color:var(--st-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--st-accent) 20%, transparent);outline:none}.auth-form .st-btn,.auth-form .chat-input button,.chat-input .auth-form button{border-radius:6px;padding:.7rem 1rem;font-size:1rem}.auth-form .error{background:color-mix(in srgb, var(--st-error) 12%, transparent);border:1px solid var(--st-error);color:var(--st-error);border-radius:4px;margin-top:1rem;padding:.6rem .75rem;font-size:.875rem}.auth-form .success{background:color-mix(in srgb, var(--st-success) 12%, transparent);border:1px solid var(--st-success);color:var(--st-success);border-radius:4px;margin-top:1rem;padding:.6rem .75rem;font-size:.875rem}.auth-form .auth-link{text-align:center;color:var(--st-text-secondary);margin-top:1.25rem;font-size:.9rem}.auth-form .auth-link a{color:var(--st-accent)}.filter-bar{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-group label{color:var(--st-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.filter-group input[type=text]{border:1px solid var(--st-border);background:var(--st-bg-surface);color:var(--st-text-primary);border-radius:4px;outline:none;min-width:160px;padding:.4rem .8rem;font-family:inherit;font-size:.875rem}.filter-group input[type=text]::placeholder{color:var(--st-text-secondary);opacity:.6}.filter-group input[type=text]:focus{border-color:var(--st-accent);box-shadow:0 0 0 2px rgba(var(--st-accent-rgb,100, 149, 237), .15)}.filter-btn{border:1px solid var(--st-border);background:var(--st-bg-surface);color:var(--st-text-secondary);cursor:pointer;border-radius:4px;padding:.4rem .8rem;font-size:.875rem}.filter-btn.active{background:var(--st-accent);color:var(--st-bg-body);border-color:var(--st-accent)}.card{border:1px solid var(--st-border);background:var(--st-bg-surface);border-radius:8px;padding:1rem}.card h3{margin:0 0 .5rem}.card a{color:var(--st-text-primary);text-decoration:none}.card a:hover{color:var(--st-accent)}.tags,.characteristics-tags{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.tag{background:var(--st-bg-elevated);color:var(--st-text-secondary);border:1px solid var(--st-border);border-radius:3px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.card-meta{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.card-details{color:var(--st-text-secondary);font-size:.875rem}.data-table{border-collapse:collapse;width:100%;margin-top:1rem}.data-table th,.data-table td{text-align:left;vertical-align:top;padding:.5rem .75rem}.data-table th{color:var(--st-text-secondary);vertical-align:bottom;font-size:.875rem;font-weight:600}.data-table thead tr,.data-table tbody tr{border-bottom:1px solid var(--st-border)}.data-table td a{color:var(--st-accent);text-decoration:none}.data-table td a:hover{text-decoration:underline}.data-table .role-note{color:var(--st-text-secondary);font-size:.8125rem}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.related-section{border:1px solid var(--st-border);background:var(--st-bg-surface);border-radius:8px;margin-top:2rem;padding:1rem}.related-section h2{margin-top:0;margin-bottom:.75rem;font-size:1.125rem}.related-links{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.related-links li{display:inline-block}.related-links a{border:1px solid var(--st-border);color:var(--st-accent);border-radius:4px;padding:.3rem .6rem;font-size:.875rem;text-decoration:none;display:inline-block}.related-links a:hover{background:var(--st-bg-elevated);text-decoration:underline}.resource-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.resource-card .resource-badges{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.resource-card .manufacturer-badge,.resource-card .file-size-badge{background:var(--st-bg-elevated);color:var(--st-text-secondary);border:1px solid var(--st-border);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;display:inline-block}.resource-card .resource-title{color:var(--st-text-primary);text-decoration:none}.resource-card .resource-title:hover{color:var(--st-accent)}.resource-card .resource-title h3{margin:0 0 .5rem}.resource-card .resource-description{color:var(--st-text-secondary);font-size:.875rem;line-height:1.5}.resource-card .resource-source{color:var(--st-text-secondary);margin-top:.5rem;font-size:.8125rem;font-style:italic}.page h2{margin-top:2.5rem;margin-bottom:.75rem}.page>p{max-width:65ch;margin-bottom:1rem;line-height:1.6}.page ul,.page ol{margin-bottom:1.25rem;padding-left:1.5rem;line-height:1.7}.page ul li,.page ol li{margin-bottom:.4rem}.page{width:100%;max-width:960px;margin-left:auto;margin-right:auto;padding:1rem}.access-denied{text-align:center;color:var(--st-text-secondary,#888);padding:3rem}.edit-link,.new-link{background:var(--st-accent,#4a9eff);color:#fff;border-radius:4px;margin-left:1rem;padding:.3rem 1rem;font-size:.85rem;text-decoration:none;display:inline-block}.edit-link:visited,.new-link:visited{color:#fff}.edit-link:hover,.new-link:hover{opacity:.9;color:#fff}.admin-form{max-width:100%;margin:2rem auto}.admin-form .form-group{margin-bottom:1.2rem}.admin-form .form-group label{margin-bottom:.3rem;font-weight:500;display:block}.admin-form .form-group input,.admin-form .form-group select,.admin-form .form-group textarea{background:var(--st-bg-surface,#1a1a1a);width:100%;color:var(--st-text-primary,#e0e0e0);border:1px solid #444;border-radius:4px;padding:.5rem;font-size:1rem}.admin-form .form-group textarea{resize:vertical;min-height:250px}.admin-form .form-group select{cursor:pointer}.admin-form .submit-btn{background:var(--st-accent,#4a9eff);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.7rem 2rem;font-size:1rem}.admin-form .submit-btn:hover{opacity:.9}.admin-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.admin-form .error-msg{color:var(--st-error,#f44);margin-top:1rem}.form-row{gap:1rem;display:flex}.form-row .form-group{flex:1}.form-actions{gap:.75rem;margin-top:1rem;display:flex}.cancel-btn{border:1px solid var(--st-border);color:var(--st-text-primary);cursor:pointer;background:0 0;border-radius:4px;padding:.7rem 2rem;font-size:1rem}.cancel-btn:hover{background:var(--st-bg-elevated)}.delete-btn{border:1px solid var(--st-error,#f44);color:var(--st-error,#f44);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .5rem;font-size:.8rem}.delete-btn:hover{background:color-mix(in srgb, var(--st-error) 10%, transparent)}.nav-link,.nav-user{color:var(--st-nav-text,silver);padding:.25rem .5rem;font-size:.85rem;text-decoration:none}.nav-link:hover,.nav-user:hover{color:#fff}.nav-logout{cursor:pointer;color:var(--st-nav-text);background:0 0;border:none;padding:.25rem .5rem;font-size:.85rem}.nav-logout:hover{background:var(--st-bg-elevated);color:var(--st-text-primary)}@media (width<=1024px){.search-bar{width:100%}.nav-link,.nav-logout{text-align:left;border-radius:4px;width:100%;padding:.5rem .75rem;display:block}}@media (width<=600px){.page{padding:.75rem}.filter-bar{gap:.35rem;margin-bottom:1rem}.filter-btn{padding:.35rem .6rem;font-size:.8rem}.filter-group input[type=text]{width:100%;min-width:0}.resource-list{grid-template-columns:1fr;gap:.75rem}.table-scroll{margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem}.data-table{font-size:.8125rem}.data-table th,.data-table td{white-space:nowrap;padding:.4rem .5rem}.search-bar{flex-direction:column}.search-bar input[type=search],.search-bar button{width:100%}.admin-form{max-width:100%;margin:1rem auto}.admin-form .submit-btn{width:100%}.form-row{flex-direction:column;gap:0}h1{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.edit-link,.new-link{margin-left:0;font-size:.8rem}.related-section{padding:.75rem}.related-links{gap:.4rem}.search-result{padding:.5rem 0}}@media (width>=601px) and (width<=1024px){.page{padding:1rem 1.5rem}.resource-list{grid-template-columns:repeat(2,1fr)}.admin-form{max-width:100%}}.st-contact-page{max-width:600px;margin:2rem auto;padding:0 1rem}.st-contact-page h1{margin-bottom:.5rem}.st-contact-page p{color:var(--text-secondary);margin-bottom:1.5rem}.st-contact-form .form-group{margin-bottom:1rem}.st-contact-form .form-group label{color:var(--text-primary);margin-bottom:.25rem;font-weight:500;display:block}.st-contact-form .form-group input,.st-contact-form .form-group select,.st-contact-form .form-group textarea{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:4px;padding:.5rem;font-size:1rem}.st-contact-form .form-group input:focus,.st-contact-form .form-group select:focus,.st-contact-form .form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-light);outline:none}.st-contact-form .form-group textarea{resize:vertical;min-height:120px}.st-contact-form .form-group select{cursor:pointer}.st-contact-form .error{color:var(--error-color);margin-top:1rem}.st-contact-success{text-align:center;padding:2rem 0}.st-contact-success h2{margin-bottom:.5rem}.st-contact-success p{margin-bottom:1.5rem}.modal-overlay{z-index:1000;background:#0009;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:var(--st-radius);width:90%;max-width:400px;box-shadow:var(--st-shadow-lg);padding:1.5rem}.modal-title{color:var(--st-text-primary);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}.st-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin:1rem auto;display:flex}.st-pagination-page{border-radius:var(--st-radius);min-width:2rem;height:2rem;color:var(--st-text-secondary);font-family:var(--st-font-ui);cursor:pointer;transition:background var(--st-transition-fast), color var(--st-transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 .4rem;font-size:.85rem;display:inline-flex}.st-pagination-page:hover{background:var(--st-bg-elevated);color:var(--st-text-primary)}.st-pagination-active{background:var(--st-accent);color:#fff;cursor:default;font-weight:600}.st-pagination-active:hover{background:var(--st-accent);color:#fff}.st-pagination-ellipsis{min-width:1.5rem;height:2rem;color:var(--st-text-secondary);cursor:default;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.st-pagination-label{color:var(--st-text-secondary);margin-left:.5rem;font-size:.85rem}:root,[data-theme=light]{--st-nav-bg:#1a2332;--st-nav-text:#c8c8d0;--st-nav-brand:#c9a84c;--st-scanline:none;--st-accent:#2d6b3a;--st-accent-hover:#358544;--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;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Menlo", "Consolas", monospace;--color-gold:#c9a84c;--color-gold-hover:#d4b45e;--seat-pill-text:#7c6a1f;--seat-pill-bg:#b496281f;--seat-pill-border:#b496284d}[data-theme=dark]{--st-nav-bg:#0a0a12;--st-nav-text:#a0a0b8;--st-nav-brand:#c9a84c;--st-scanline:none;--st-accent:#3fb950;--st-accent-hover:#56d364;--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;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Menlo", "Consolas", monospace;--color-gold:#d4b45e;--color-gold-hover:#e0c472;--seat-pill-text:gold;--seat-pill-bg:#ffd7001a;--seat-pill-border:#ffd70033}body{font-family:var(--font-body);font-variant-emoji:text}h1,h2,h3{font-family:var(--font-display)}:root{--navbar-h:3.5rem;--card-w:40px;--card-h:56px;--card-font:.75rem;--card-rank-font:.85rem;--card-suit-font:1rem;--card-rank-w:1.2rem;--card-overlap:-16px;--suit-spacer-w:10px;--bid-btn-min-w:36px;--bid-btn-font:.75rem;--bid-btn-pad:.25rem .4rem;--card-table-pad:1.5rem;--suit-spades:#e8e8f0;--suit-hearts:#ef4444;--suit-diamonds:#ef4444;--suit-clubs:#e8e8f0;--suit-spades-on-light:#111827;--suit-hearts-on-light:#dc2626;--suit-diamonds-on-light:#dc2626;--suit-clubs-on-light:#111827;--card-bg:#fff;--card-border:#999;--table-green:#2d5a27;--highlight:gold}:root[data-suit-colors=four-color]{--suit-diamonds:#60a5fa;--suit-clubs:#4ade80;--suit-diamonds-on-light:#2563eb;--suit-clubs-on-light:#16a34a}.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-w:52px;--card-h:73px;--card-font:1rem;--card-rank-font:1rem;--card-suit-font:1.15rem;--card-rank-w:1.5rem;--card-overlap:-20px;--suit-spacer-w:20px;--bid-btn-min-w:47px;--bid-btn-font:1rem;--bid-btn-pad:.35rem .55rem;--card-table-pad: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-w:64px;--card-h:90px;--card-font:1.2rem;--card-rank-font:1.2rem;--card-suit-font:1.4rem;--card-rank-w:1.8rem;--card-overlap:-24px;--suit-spacer-w:26px;--bid-btn-min-w:58px;--bid-btn-font:1.2rem;--bid-btn-pad:.45rem .7rem;--card-table-pad: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}@media (height<=750px){:root{--card-w:36px;--card-h:50px;--card-font:.7rem;--card-rank-font:.8rem;--card-suit-font:.9rem;--card-rank-w:1.1rem;--card-overlap:-14px;--bid-btn-min-w:32px;--bid-btn-font:.7rem;--bid-btn-pad:.2rem .35rem;--card-table-pad:.75rem}:root[data-card-size=xlarge]{--card-w:56px;--card-h:78px;--card-font:1.1rem;--card-rank-font:1.1rem;--card-suit-font:1.25rem;--card-rank-w:1.6rem;--card-overlap:-22px;--bid-btn-min-w:52px;--bid-btn-font:1.1rem;--card-table-pad:1.5rem}}@media (height<=600px){:root{--card-w:32px;--card-h:44px;--card-font:.6rem;--card-rank-font:.7rem;--card-suit-font:.8rem;--card-rank-w:1rem;--card-overlap:-12px;--bid-btn-min-w:28px;--bid-btn-font:.6rem;--bid-btn-pad:.15rem .25rem;--card-table-pad:.5rem}:root[data-card-size=xlarge],:root[data-card-size=large]{--card-w:48px;--card-h:67px;--card-font:.95rem;--card-rank-font:.95rem;--card-suit-font:1.1rem;--card-rank-w:1.4rem;--card-overlap:-18px;--bid-btn-min-w:44px;--bid-btn-font:.95rem;--card-table-pad:1.25rem}}@media (height<=750px){.bidding-box{padding:.4rem}.bid-grid{gap:1px;margin-bottom:.25rem}.special-bids{gap:2px}.card-table-center{min-height:0}.trick-area{width:170px;height:120px}.trick-slot{min-width:2.5rem;min-height:1.8rem}.trick-card{min-width:2.75rem;padding:.2rem .4rem;font-size:.85rem}.table-info-bar{margin-bottom:.25rem;padding:.15rem .4rem;font-size:.75rem}}@media (height<=600px){.bidding-box{padding:.25rem}.bid-grid{gap:1px;margin-bottom:.15rem}.trick-area{width:140px;height:100px}.trick-slot{min-width:2rem;min-height:1.5rem}.trick-card{min-width:2.25rem;padding:.15rem .3rem;font-size:.75rem}.table-info-bar{margin-bottom:.15rem;padding:.1rem .3rem;font-size:.7rem}}:focus-visible,.st-btn:focus-visible,.chat-input button:focus-visible,.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-user-link{align-items:center;gap:.4rem;text-decoration:none;display:flex}.nav-avatar{object-fit:cover;color:#0000;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-primary{background:var(--st-accent);color:#fff;border-color:var(--st-accent)}.btn-primary:visited{color:#fff}.btn-primary:hover{opacity:.9;color:#fff}.btn-gold{background:var(--color-gold);color:#fff;border-color:var(--color-gold)}.btn-gold:visited{color:#fff}.btn-gold:hover{background:var(--color-gold-hover);border-color:var(--color-gold-hover);color:#fff}.form-group{margin-bottom:1rem}.form-group label{color:var(--st-text-secondary);margin-bottom:.25rem;font-size:.875rem;display:block}.form-group input[type=text],.form-group input[type=password],.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}.error{border:1px solid var(--st-error);color:var(--st-error);background:#f8514926;border-radius:4px;margin-bottom:1rem;padding:.5rem}.session-error-banner{z-index:999;color:#fff;background:#f85149f2;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:#fff3;border:1px solid #fff6;border-radius:4px;padding:.25rem .75rem;font-size:.8rem}.session-error-banner button:hover{background:#ffffff4d}.success{border:1px solid var(--st-success);color:var(--st-success);background:#3fb95026;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:1px solid var(--st-border);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)}.landing__hero{justify-content:center;align-items:center;gap:4rem;max-width:1100px;margin:0 auto;padding:5rem 2rem 4rem;display:flex;position:relative}.landing__hero-content{flex:1;max-width:520px}.landing__title{font-family:var(--font-display);color:var(--st-text-primary);margin-bottom:1rem;font-size:3.5rem;font-weight:700;line-height:1.1}.landing__title-accent{color:var(--color-gold)}.landing__tagline{color:var(--st-text-secondary);margin-bottom:2rem;font-size:1.25rem;line-height:1.5}.landing__actions{gap:1rem;display:flex}.btn-lg{padding:.75rem 1.75rem;font-size:1rem;font-weight:600}.landing__card-fan{flex-shrink:0;width:280px;height:320px;position:relative}.landing__card{transform-origin:bottom;background:#fff;border:1px solid #d0ccc4;border-radius:10px;width:120px;height:170px;padding:.5rem 0 0 .6rem;position:absolute;box-shadow:0 4px 20px #0000001f,0 1px 4px #00000014}.landing__card--spades{color:#1a1a2e}.landing__card--hearts,.landing__card--diamonds{color:#dc2626}.landing__card--clubs{color:#1a1a2e}.landing__card--1{animation:.6s ease-out .1s both card-deal-1;top:40px;left:10px}.landing__card--2{animation:.6s ease-out .25s both card-deal-2;top:15px;left:55px}.landing__card--3{animation:.6s ease-out .4s both card-deal-3;top:10px;left:100px}.landing__card--4{animation:.6s ease-out .55s both card-deal-4;top:25px;left:145px}.landing__card-inner{flex-direction:column;align-items:center;gap:.25rem;width:min-content;display:flex}.landing__card-rank{font-family:var(--font-display);font-variant-numeric:lining-nums;font-size:2rem;font-weight:700;line-height:1}.landing__card-suit{font-size:1.6rem;line-height:1}@keyframes card-deal-1{0%{opacity:0;transform:rotate(0)translateY(40px)scale(.85)}to{opacity:1;transform:rotate(-18deg)}}@keyframes card-deal-2{0%{opacity:0;transform:rotate(0)translateY(40px)scale(.85)}to{opacity:1;transform:rotate(-6deg)}}@keyframes card-deal-3{0%{opacity:0;transform:rotate(0)translateY(40px)scale(.85)}to{opacity:1;transform:rotate(6deg)}}@keyframes card-deal-4{0%{opacity:0;transform:rotate(0)translateY(40px)scale(.85)}to{opacity:1;transform:rotate(18deg)}}.landing__suits{pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing__float-suit{opacity:.06;font-size:2.5rem;animation:12s ease-in-out infinite alternate suit-drift;position:absolute}.landing__float-suit--1{color:#1a1a2e;animation-delay:0s;top:10%;left:5%}.landing__float-suit--2{color:#dc2626;animation-delay:-3s;top:60%;right:8%}.landing__float-suit--3{color:#dc2626;animation-delay:-6s;bottom:15%;left:12%}.landing__float-suit--4{color:#1a1a2e;animation-delay:-9s;top:20%;right:15%}@keyframes suit-drift{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-15px)rotate(8deg)}}.landing__features{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:960px;margin:0 auto;padding:3rem 2rem 4rem;display:grid}.landing__feature{text-align:center;border:1px solid var(--st-border);background:var(--st-bg-surface);border-radius:12px;padding:2rem 1.5rem;transition:border-color .2s,box-shadow .2s}.landing__feature:hover{border-color:var(--st-accent);box-shadow:0 2px 12px #2d6b3a1a}.landing__feature h3{font-family:var(--font-display);color:var(--st-text-primary);margin-bottom:.75rem;font-size:1.25rem}.landing__feature p{color:var(--st-text-secondary);font-size:.95rem;line-height:1.6}.landing__feature-icon{color:var(--st-accent);margin-bottom:1rem;font-size:2.5rem}.landing__howto{max-width:700px;margin:0 auto;padding:2rem 2rem 4rem}.landing__howto h2{font-family:var(--font-display);text-align:center;margin-bottom:2rem;font-size:2rem}.landing__steps{flex-direction:column;gap:1rem;display:flex}.landing__step{background:var(--st-bg-surface);border:1px solid var(--st-border);border-radius:8px;align-items:center;gap:1.25rem;padding:1rem 1.5rem;display:flex}.landing__step p{color:var(--st-text-primary);margin:0;font-size:1rem}.landing__step-num{background:var(--st-accent);color:#fff;width:2.25rem;height:2.25rem;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.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:#58a6ff1a;border-radius:3px;padding:.1rem .4rem;font-size:.75rem}.room-convention{color:var(--st-success);background:#3fb9501a;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%;height:calc(100dvh - var(--navbar-h));padding:0 1rem;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;display:flex;overflow:hidden}.status{border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.status.connected{color:var(--st-success);background:#3fb95033}.status.disconnected{color:var(--st-error);background:#f8514933}.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 #ffd70066}.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:#0000;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}.seat-bar{color:var(--st-text-secondary);flex-shrink:0;justify-content:space-between;gap:4px;padding:2px 6px;font-size:.7rem;display:flex}.seat-bar__item{background:0 0;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;transition:background .2s,color .2s;display:inline-flex}.seat-bar__item--active{color:var(--seat-pill-text);background:var(--seat-pill-bg);border:1px solid var(--seat-pill-border);font-weight:700}.seat-bar__item--dummy{font-style:italic}.seat-bar__item--you{color:var(--seat-pill-text);background:var(--seat-pill-bg);border:1px solid var(--seat-pill-border)}.seat-bar__dot{background:var(--highlight);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.table-wrapper{flex:1 1 0;grid-template:".north.""west center east"1fr".south."/auto 1fr auto;gap:.5rem;min-height:0;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:0;min-height:0;display:flex;overflow:hidden}.table-center .card-table{border-radius:0;flex:1;min-height:0}.pregame-content{text-align:center;color:#fffc;padding:2rem}.pregame-content .text-muted{color:#ffffff80}.board-number-badge{text-align:center;color:#ffffffb3;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 #f8514980;border-radius:3px;margin-left:.25rem;padding:.15rem .4rem;font-size:.65rem}.btn-leave:hover{background:#f8514926}.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:#f8514980;margin-left:.25rem}.btn-ai--remove:hover{background:#f8514926}.player-name--ai{color:var(--st-text-secondary);font-style:italic}.ai-badge{color:var(--st-accent);letter-spacing:.5px;background:#58a6ff26;border-radius:3px;padding:.05rem .35rem;font-size:.6rem;font-weight:600}.empty-seat-actions{gap:.25rem;display:flex}.game-area{flex-direction:column;flex:1 1 0;min-height:0;display:flex;position:relative}.game-area-left{flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex}.game-area-right{right:0;top:var(--navbar-h);width:min(340px,85vw);height:calc(100dvh - var(--navbar-h) - env(safe-area-inset-bottom,0));background:var(--st-bg-body);border-left:1px solid var(--st-border);z-index:100;flex-direction:column;gap:.75rem;padding:.75rem;transition:transform .25s;display:flex;position:fixed;bottom: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:min(340px,85vw)}.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 #0000;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:#ffffff08}.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(100dvh - var(--navbar-h) - 1.5rem);transition:none;position:static;top:auto;bottom:auto;right:auto;overflow-y:auto;transform:none}@media (width<=1024px){.sidebar-pin-btn{display:none}.sidebar-pinned{display:flex!important}.sidebar-pinned .game-area-right{right:0;top:var(--navbar-h);width:min(340px,85vw);height:calc(100dvh - var(--navbar-h) - env(safe-area-inset-bottom,0));z-index:100;position:fixed;bottom:0}}.card-table{background:var(--table-green);padding:var(--card-table-pad);-webkit-user-select:none;user-select:none;border-radius:12px;grid-template:"info info info""north north north""west center east"minmax(0,1fr)"south south south"/1fr 2fr 1fr;gap:.5rem;min-height:0;display:grid;position:relative;overflow:hidden}.card-table>.table-info-bar{grid-area:info}.card-table>.hand--north{grid-area:north;justify-self:center;min-height:0}.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:0;position:relative}.bidding-inline{justify-content:center;align-items:flex-start;gap:1rem;max-height:100%;padding:.5rem 0;display:flex;position:absolute;top:0;left:50%;overflow-y:auto;transform:translate(-50%)}.bidding-inline .auction-table{background:#0000004d;border:1px solid #ffffff26;border-radius:6px;min-width:180px;padding:.5rem}.bidding-inline .auction-table th{color:#fff9;border-bottom-color:#ffffff26}.bidding-inline .auction-table .bid-cell{color:#e0e0e0}.bidding-inline .auction-table .bid-cell--spades{color:var(--suit-spades)}.bidding-inline .auction-table .bid-cell--hearts{color:var(--suit-hearts)}.bidding-inline .auction-table .bid-cell--diamonds{color:var(--suit-diamonds)}.bidding-inline .auction-table .bid-cell--clubs{color:var(--suit-clubs)}.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-slot{min-width:3rem;min-height:2.25rem}.trick-slot--north{grid-area:north}.trick-slot--south{grid-area:south}.trick-slot--east{grid-area:east}.trick-slot--west{grid-area:west}.trick-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;min-width:3.25rem;font-size:1rem;font-weight:700;font-family:var(--font-display);-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .6rem;display:flex;box-shadow:0 2px 6px #0000001a}.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-card .card-rank{font-variant-numeric:lining-nums;font-size:1rem;font-weight:700;line-height:1}.trick-card .card-suit{font-variant-emoji:text;font-size:1.15rem;line-height:1}.trick-seat-label{color:#0006;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.55rem;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:#ffffffb3;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.hand-cards{flex-wrap:wrap;display:flex}.hand-cards .card{margin-left:var(--card-overlap)}.hand-cards .card:first-child{margin-left:0}.suit-spacer{width:var(--suit-spacer-w);flex-shrink:0}.suit-spacer+.card{margin-left:0}.hand--active .hand-label{color:var(--highlight)}.card{width:var(--card-w);height:var(--card-h);background:var(--card-bg);border:2px solid var(--card-border);font-family:var(--font-display);font-weight:700;font-size:var(--card-font);cursor:default;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1px 0 0 1px;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 #0000004d}.card--suggested{border-color:#4caf50;box-shadow:0 0 8px 2px #4caf5099}.card--facedown{background:linear-gradient(135deg,#1a365d,#2563eb);border-color:#1e40af}.card--facedown .card-rank,.card--facedown .card-suit{display:none}.card-rank{font-size:var(--card-rank-font);text-align:center;min-width:var(--card-rank-font);font-variant-numeric:lining-nums;font-weight:700;line-height:1;display:block}.card-suit{font-size:var(--card-suit-font);text-align:center;min-width:var(--card-rank-font);font-variant-emoji:text;line-height:1;display:block}.bidding-box{background:#0000004d;border:1px solid #fff3;border-radius:8px;max-height:100%;padding:.75rem;overflow-y:auto}.bidding-box.disabled{opacity:.5}.bid-grid{gap:2px;margin-bottom:.5rem;display:grid}.bid-row{gap:2px;display:flex}.bid-btn{padding:var(--bid-btn-pad);font-size:var(--bid-btn-font);color:#e0e0e0;cursor:pointer;min-width:var(--bid-btn-min-w);background:#0006;border:1px solid #ffffff26;border-radius:3px;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 #4caf5099}.special-bids{gap:4px;display:flex}.bidding-controls{background:#0000004d;border:1px solid #ffffff26;border-radius:6px;width:100%;max-width:300px;padding:.5rem}.bidding-controls.disabled{opacity:.5}.bid-level-bar,.bid-suit-row,.bid-special-row{gap:2px;margin-bottom:3px;display:flex}.bid-level-bar:last-child,.bid-suit-row:last-child,.bid-special-row:last-child{margin-bottom:0}.bid-lvl-btn{text-align:center;color:#e0e0e0;cursor:pointer;font-size:.85rem;font-weight:700;font-family:var(--font-display);background:#0006;border:1px solid #ffffff26;border-radius:3px;flex:1;padding:.4rem 0;transition:border-color .15s,background .15s}.bid-lvl-btn:hover:not(:disabled){border-color:var(--st-accent)}.bid-lvl-btn:disabled{opacity:.25;cursor:default}.bid-lvl-btn--selected{border:2px solid var(--highlight);color:var(--highlight);background:#ffffff26}.bid-lvl-btn--suggested{outline:2px solid #4caf50;box-shadow:0 0 8px 2px #4caf5099}.bid-lvl-btn--clubs{color:var(--suit-clubs)}.bid-lvl-btn--diamonds{color:var(--suit-diamonds)}.bid-lvl-btn--hearts{color:var(--suit-hearts)}.bid-lvl-btn--spades{color:var(--suit-spades)}.bid-lvl-btn--nt{color:#e0e0e0}.bid-lvl-btn--pass{background:#1a5c1a}.bid-lvl-btn--double{background:#7d1a1a}.bid-lvl-btn--redouble{background:#1a1a7d}.bid-submit-btn{background:var(--st-accent);color:#fff;width:100%;font-size:.9rem;font-weight:700;font-family:var(--font-display);cursor:pointer;border:1px solid #fff3;border-radius:4px;margin-top:6px;padding:.5rem 0;transition:background .15s,opacity .15s;display:block}.bid-submit-btn:hover:not(:disabled){background:var(--st-accent-hover)}.bid-submit-btn:disabled{opacity:.35;cursor:default}@media (width<=1024px){.bid-lvl-btn{padding:.5rem 0;font-size:.9rem}}.game-table{background:var(--table-green);min-height:0;padding:var(--card-table-pad);-webkit-user-select:none;user-select:none;border-radius:10px;flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}.game-table-inner{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.game-table-inner>.my-hand-area{flex-direction:column;flex-shrink:0;align-items:center;padding:.25rem 0;display:flex}.my-seat-label{text-align:center;color:var(--seat-pill-text);flex-shrink:0;padding:2px 0;font-size:.7rem}.table-phase-content{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.bidding-phase-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:0;display:flex;overflow-y:auto}@media (width>=768px){.bidding-phase-content{flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem}.bidding-phase-content .auction-table{flex:0 auto;min-width:200px}}.play-phase-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.play-phase--dummy-north{flex-direction:column}.play-phase--dummy-east{flex-direction:row}.play-phase--dummy-east .trick-area-container{flex:1;order:1}.play-phase--dummy-east .suit-group-hand--east{flex-shrink:0;order:2;align-self:center}.play-phase--dummy-west{flex-direction:row}.play-phase--dummy-west .suit-group-hand--west{flex-shrink:0;align-self:center}.play-phase--dummy-west .trick-area-container{flex:1}.trick-area-container{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.play-phase-content .trick-area{position:relative;top:auto;left:auto;transform:none}@media (height<=500px){.play-phase--dummy-north{flex-direction:row}.play-phase--dummy-north .hand--north{flex-shrink:0;align-self:center}.play-phase--dummy-north .trick-area-container{flex:1}}.table-info-bar{text-align:center;color:var(--highlight);white-space:nowrap;background:#0000004d;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:#fffc;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,.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}:root .bid-cell--spades,[data-theme=light] .bid-cell--spades{color:var(--suit-spades-on-light)}:root .bid-cell--hearts,[data-theme=light] .bid-cell--hearts{color:var(--suit-hearts-on-light)}:root .bid-cell--diamonds,[data-theme=light] .bid-cell--diamonds{color:var(--suit-diamonds-on-light)}:root .bid-cell--clubs,[data-theme=light] .bid-cell--clubs{color:var(--suit-clubs-on-light)}[data-theme=dark] .bid-cell--spades{color:var(--suit-spades)}[data-theme=dark] .bid-cell--hearts{color:var(--suit-hearts)}[data-theme=dark] .bid-cell--diamonds{color:var(--suit-diamonds)}[data-theme=dark] .bid-cell--clubs{color:var(--suit-clubs)}.suit-row{-webkit-user-select:none;user-select:none;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;font-variant-emoji:text;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:#f8514933}.vul-indicator.nv{color:var(--st-success);background:#3fb9501a}.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:#00000059;border-radius:8px;margin-top:.75rem;padding:.75rem}.deal-result-hands h4{color:#fffc;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:#ffffff0d;border-radius:6px;padding:.5rem}.deal-result-label{color:#ffffffb3;text-transform:uppercase;text-align:center;margin-bottom:.25rem;font-size:.7rem;font-weight:600}.suit-line{-webkit-user-select:none;user-select:none;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;font-variant-emoji:text;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:#fffc;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:var(--card-w);height:var(--card-h);font-size:var(--card-font);margin-left:var(--card-overlap)}.reveal-hand-cards .card:first-child{margin-left:0}.reveal-hand-cards .card-rank{font-size:var(--card-rank-font)}.reveal-hand-cards .card-suit{font-size:var(--card-suit-font)}.reveal-hand-cards .suit-spacer{width:var(--suit-spacer-w);flex-shrink:0}.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:.15rem;display:grid}.reveal-hand-cell--north{grid-area:north;justify-self:center}.reveal-hand-cell--south{grid-area:south;justify-self:center}.reveal-hand-cell--east{grid-area:east;align-self:center}.reveal-hand-cell--west{grid-area:west;align-self:center}.deal-result-ready{justify-content:center;align-items:center;gap:.75rem;margin-top:.4rem;display:flex}.deal-result-ready .ready-diamond{gap:.1rem;width:80px}.reveal-suit-groups{flex-direction:column;gap:.15rem;display:flex}.reveal-suit-row{display:flex}.reveal-suit-row .card{width:var(--card-w);height:var(--card-h);font-size:var(--card-font);margin-left:var(--card-overlap)}.reveal-suit-row .card:first-child{margin-left:0}.reveal-suit-row .card-rank{font-size:var(--card-rank-font)}.reveal-suit-row .card-suit{font-size:var(--card-suit-font)}.deal-result-summary{text-align:center;background:#0006;border:1px solid #fff3;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:#fff;font-size:1.1rem;font-weight:600}.deal-result-detail{color:#fffc;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:#fff9;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:50px;font-size:.65rem;overflow:hidden}.ready-dot{background:#ffffff4d;border-radius:50%;width:12px;height:12px;transition:background .2s;display:inline-block}.ready-dot--active{background:#4caf50}.btn-ready{color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff4d;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:#fff;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:#0000;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:#0000;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-filter-toggle{gap:.5rem;margin-bottom:1rem;display:flex}.admin-filter-toggle button{border:1px solid var(--st-border);color:var(--st-text-primary);cursor:pointer;background:0 0;border-radius:4px;padding:.4rem 1rem;font-size:.9rem}.admin-filter-toggle button.active{background:var(--st-accent);color:var(--st-bg-body);border-color:var(--st-accent)}.admin-filter-toggle button:hover:not(.active){background:var(--st-bg-elevated)}.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:#ffffff08}.admin-table code{background:#ffffff14;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:#0000;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:#f8514933}.role-chip-support{color:#58a6ff;background:#58a6ff33}.role-chip-tester{color:#3fb950;background:#3fb95033}.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:#dc35450d}.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-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 #0000001a}.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,.nav-dropdown:focus-within .nav-dropdown-menu{display:block}.mentor-banner-wrapper{flex:none;position:relative}.mentor-banner{background:var(--st-bg-card);border:1px solid #58a6ff59;border-left:3px solid var(--st-accent);color:var(--st-text-primary);border-radius:6px;min-height:2.2rem;max-height:2.5rem;margin:.25rem 0 0;padding:.4rem .75rem;font-size:.85rem;overflow:hidden}.mentor-banner--expanded{max-height:10rem;overflow-y:auto}.mentor-banner--empty{background:0 0;border-color:#0000}.mentor-banner:not(.mentor-banner--empty){animation:.25s ease-out mentor-banner-enter}.mentor-banner__row{align-items:center;gap:.5rem;min-height:1.5rem;display:flex}.mentor-banner__label{text-transform:uppercase;letter-spacing:.05em;color:var(--st-accent);background:#58a6ff33;border-radius:3px;flex-shrink:0;padding:.1rem .4rem;font-size:.7rem;font-weight:700}.mentor-banner__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mentor-banner--expanded .mentor-banner__text{white-space:normal;overflow:visible}.mentor-banner__toggle,.mentor-banner__history-toggle{color:var(--st-accent);cursor:pointer;background:0 0;border:1px solid #58a6ff4d;border-radius:4px;flex-shrink:0;padding:.1rem .4rem;font-size:.7rem}.mentor-banner__toggle:hover,.mentor-banner__history-toggle:hover{background:#58a6ff26}.mentor-banner__history{background:var(--st-bg-body);z-index:10;border:1px solid #58a6ff80;border-radius:6px;max-height:200px;margin-bottom:4px;padding:.5rem .5rem .5rem 1.6rem;font-size:.8rem;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 16px #0006}.mentor-banner__history li{color:var(--st-text-primary);padding:.2rem 0;line-height:1.4}@keyframes mentor-banner-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mentor-indicator{text-transform:uppercase;letter-spacing:.05em;color:#4caf50;pointer-events:none;vertical-align:middle;background:#4caf5033;border:1px solid #4caf5066;border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.6rem;font-weight:700;display:inline-block}.spectate-controls{text-align:center;padding:.5rem}.btn-spectate{color:#e0e0e0;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff80;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.btn-spectate:hover{background:#fff3}.watching-indicator{color:#ffffffb3;font-size:.85rem;font-weight:600}.dummy-message{text-align:center;color:#fff9;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:#ffffffb3;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:var(--card-overlap)}.suit-group-row .card:first-child{margin-left:0}.claim-buttons{flex-shrink:0;justify-content:flex-end;gap:.5rem;padding:.25rem 0;display:flex}.btn-claim{color:#e0e0e0;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff80;border-radius:6px;padding:.35rem 1rem;font-size:.8rem;font-weight:600}.btn-claim:hover{background:#fff3}.btn-concede{color:#f85149;cursor:pointer;background:#f8514926;border:1px solid #f85149;border-radius:6px;padding:.35rem 1rem;font-size:.8rem;font-weight:600}.btn-concede:hover{background:#f851494d}.claim-tricks-picker{z-index:2;text-align:center;background:#00000080;border:1px solid #fff3;border-radius:8px;max-width:280px;padding:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.claim-picker-label{color:#fffc;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:#000000b3;border:1px solid #ffd70066;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:.7rem}.claim-hand .card-suit{font-size:.8rem}.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 #ffffff59;border-radius:2px;width:28px;height:42px;position:absolute;top:0;left:0;box-shadow:0 1px 2px #0006}.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:#fff9;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 #0000;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<=1024px){.bridge-nav-right{flex-direction:column;align-items:stretch;width:100%}.nav-dropdown .nav-dropdown-menu{box-shadow:none;min-width:unset;border:none;padding:0;position:static}.nav-dropdown .nav-dropdown-menu a,.nav-user-link{padding:.5rem .75rem}}@media (width<=768px){.help-layout{flex-direction:column}.help-toc{min-width:unset;position:static}.lobby-panels{grid-template-columns:1fr}.card-table{grid-template-columns:auto 1fr auto}.trick-area{width:170px;height:130px}.trick-card{min-width:2.5rem;padding:.2rem .4rem;font-size:.8rem}.trick-slot{min-width:2.5rem;min-height:1.9rem}.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}.mentor-banner{margin:0 .25rem;font-size:.8rem}}@media (width<=480px){main{padding:.5rem}:root{--card-w:34px;--card-h:48px;--card-font:.65rem;--card-rank-font:.7rem;--card-suit-font:.8rem;--card-rank-w:1rem;--card-overlap:-12px;--suit-spacer-w:6px;--bid-btn-min-w:28px;--bid-btn-font:.65rem;--bid-btn-pad:.2rem .3rem;--card-table-pad:.75rem}:root[data-card-size=xlarge]{--card-w:48px;--card-h:67px;--card-font:.95rem;--card-rank-font:.95rem;--card-suit-font:1.1rem;--card-rank-w:1.4rem;--card-overlap:-18px;--bid-btn-min-w:44px;--bid-btn-font:.95rem;--card-table-pad:1rem}:root[data-card-size=large]{--card-w:44px;--card-h:62px;--card-font:.85rem;--card-rank-font:.85rem;--card-suit-font:1rem;--card-rank-w:1.3rem;--card-overlap:-14px;--bid-btn-min-w:38px;--bid-btn-font:.85rem;--card-table-pad:1rem}.card-table{grid-template-columns:auto 1fr auto}.bridge-nav-center{display:none}.bridge-nav-right{gap:.5rem;font-size:.85rem}.bridge-nav-right .nav-user{display:none}.landing__hero{text-align:center;flex-direction:column;gap:2rem;padding:3rem 1.5rem 2rem}.landing__actions{justify-content:center}.landing__features{grid-template-columns:1fr;padding:2rem 1.5rem}.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:100vw}.sidebar-open .sidebar-toggle{right:0;top:var(--navbar-h)}.trick-area{width:140px;height:110px}.trick-card{min-width:2rem;padding:.15rem .3rem;font-size:.7rem}.trick-slot{min-width:2rem;min-height:1.6rem}.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}.mentor-banner{border-radius:0;margin:0;padding:.3rem .5rem;font-size:.75rem}.mentor-banner__toggle,.mentor-banner__history-toggle{font-size:.65rem}.landing__title{font-size:2rem}.landing__tagline{font-size:1.05rem}.landing__card-fan{width:200px;height:230px}.landing__card{width:85px;height:120px}.landing__card-rank{font-size:1.3rem}.landing__card-suit{font-size:1.1rem}.landing__card--1{top:30px;left:0}.landing__card--2{top:12px;left:35px}.landing__card--3{top:8px;left:70px}.landing__card--4{top:18px;left:105px}.landing__actions{flex-direction:column;align-items:center}.btn-lg{text-align:center;width:100%}}.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 #0000004d}.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 #ffffff0d;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:#fff3;border:1px solid #fff6;border-radius:4px;padding:.3rem .8rem;font-size:.85rem}.ws-disconnected .ws-disconnected__btn:hover{background:#ffffff4d}.help-example{border:1px solid #ffffff1a;border-radius:6px;margin:.75rem 0;overflow:hidden}.help-example summary{cursor:pointer;color:#9ecbff;background:#ffffff08;padding:.5rem .75rem;font-size:.9rem}.help-example summary:hover{background:#ffffff0f}.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 #ffffff14;padding:.2rem .5rem}.example-auction th{color:#999;font-weight:600}.example-explanation{color:#aaa;margin-top:.5rem;font-size:.8rem;font-style:italic}