:root{--cards-nav-height:50px;--cards-radius:12px;--cards-radius-sm:8px;--cards-bg:#0a0a0c;--cards-bg-alt:#121218;--cards-surface:#16161f;--cards-surface-2:#1e1e2a;--cards-fg:#f2f2f5;--cards-fg-dim:#c8c8d4;--cards-fg-muted:#8b8b9e;--cards-border:#c30;--cards-border-dim:#c306;--cards-accent:#f60;--cards-accent-soft:#ff660024;--cards-error:#f55;--cards-error-bg:#ff55551f;--cards-success:#4caf7a;--cards-success-bg:#4caf7a1f;--cards-nav-bg:#0a0a0c;--cards-glow:0 0 14px #ff660059;--cards-heading-glow:0 0 8px #ff660047;--cards-tint:#cc33001a;--cards-tint-strong:#cc33002e;--cards-link:#7a9fd4;--cards-font:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--cards-bg-pattern:none;--cards-chat-text:var(--cards-fg);--cards-back-image:none;--cards-back-1:#234a82;--cards-back-2:#0f2347;--cards-back-3:#1a3568;--cards-back-border:#ffffffe0;--cards-back-edge:#000}[data-theme=casino]{--cards-bg:#0a0612;--cards-bg-alt:#120a1c;--cards-surface:#1a1028;--cards-surface-2:#26153a;--cards-fg:#f7e7c3;--cards-fg-dim:#dcc9a0;--cards-fg-muted:#9a8568;--cards-border:#d4af37;--cards-border-dim:#d4af3766;--cards-accent:#ff2d95;--cards-accent-soft:#ff2d9524;--cards-error:#ff5c6a;--cards-error-bg:#ff5c6a24;--cards-success:#3dd68c;--cards-success-bg:#3dd68c1f;--cards-nav-bg:#0a0612;--cards-glow:0 0 16px #ff2d9559;--cards-heading-glow:0 0 10px #d4af3759;--cards-tint:#d4af3714;--cards-tint-strong:#ff2d9524;--cards-link:#ff7eb8;--cards-font:"Segoe UI",Georgia,"Times New Roman",serif;--cards-bg-pattern:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none'%3E%3Ccircle cx='40' cy='40' r='18' stroke='%23d4af37' stroke-width='.6' stroke-opacity='.1'/%3E%3Ccircle cx='40' cy='40' r='8' stroke='%23ff2d95' stroke-width='.5' stroke-opacity='.08'/%3E%3Cpath d='M40 8v8m0 48v8M8 40h8m48 0h8' stroke='%23d4af37' stroke-width='.5' stroke-opacity='.07'/%3E%3C/g%3E%3C/svg%3E");--cards-chat-text:var(--cards-fg);--cards-back-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='360'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%234a1a5c'/%3E%3Cstop offset='50%25' stop-color='%2314081f'/%3E%3Cstop offset='100%25' stop-color='%232d1040'/%3E%3C/linearGradient%3E%3Cpattern id='b' width='32' height='32' patternUnits='userSpaceOnUse'%3E%3Cpath d='m16 0 16 16-16 16L0 16Z' fill='none' stroke='%23d4af37' stroke-opacity='.2'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h256v360H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h256v360H0z'/%3E%3Ccircle cx='128' cy='180' r='52' fill='none' stroke='%23d4af37' stroke-opacity='.55' stroke-width='2.5'/%3E%3Ccircle cx='128' cy='180' r='36' fill='none' stroke='%23ff2d95' stroke-opacity='.4' stroke-width='1.5'/%3E%3Cpath d='m128 140 30 40-30 40-30-40Z' fill='none' stroke='%23d4af37' stroke-opacity='.7' stroke-width='2'/%3E%3C/svg%3E");--cards-back-1:#4a1a5c;--cards-back-2:#14081f;--cards-back-3:#2d1040;--cards-back-border:#d4af37e6;--cards-back-edge:#0a0410}[data-theme=fadeddreamz]{--cards-bg:#0a0a0c;--cards-bg-alt:#121218;--cards-surface:#16161f;--cards-surface-2:#1e1e2a;--cards-fg:#f2f2f5;--cards-fg-dim:#c8c8d4;--cards-fg-muted:#8b8b9e;--cards-border:#c30;--cards-border-dim:#c306;--cards-accent:#f60;--cards-accent-soft:#ff660024;--cards-error:#f55;--cards-error-bg:#ff55551f;--cards-success:#4caf7a;--cards-success-bg:#4caf7a1f;--cards-nav-bg:#0a0a0c;--cards-glow:0 0 14px #ff660059;--cards-heading-glow:0 0 8px #ff660047;--cards-tint:#cc33001a;--cards-tint-strong:#cc33002e;--cards-link:#7a9fd4;--cards-font:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--cards-bg-pattern:none;--cards-chat-text:var(--cards-fg);--cards-back-image:none;--cards-back-1:#234a82;--cards-back-2:#0f2347;--cards-back-3:#1a3568;--cards-back-border:#ffffffe0;--cards-back-edge:#000}[data-theme=terminal]{--cards-bg:#080808;--cards-bg-alt:#0d0d0d;--cards-surface:#101010;--cards-surface-2:#161616;--cards-fg:#0f0;--cards-fg-dim:#0c0;--cards-fg-muted:#0a0;--cards-border:#0f0;--cards-border-dim:#00ff0059;--cards-accent:#0f8;--cards-accent-soft:#00ff881f;--cards-error:#f44;--cards-error-bg:#ff44441f;--cards-success:#0f8;--cards-success-bg:#00ff881a;--cards-nav-bg:#080808;--cards-glow:0 0 12px #00ff0059;--cards-heading-glow:0 0 6px #0f06;--cards-tint:#00ff0014;--cards-tint-strong:#00ff0026;--cards-link:#0c0;--cards-font:"Fira Code","Courier New",monospace;--cards-bg-pattern:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='none' stroke='%230f0' stroke-width='.5' stroke-opacity='.1' d='M0 50h100M50 0v100M10 10h80v80H10zm10 10h60v60H20z'/%3E%3C/svg%3E");--cards-chat-text:var(--cards-fg);--cards-back-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='360'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23003d00'/%3E%3Cstop offset='50%25' stop-color='%23001a00'/%3E%3Cstop offset='100%25' stop-color='%23050'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h256v360H0z'/%3E%3Cg stroke='%230f6' stroke-opacity='.22' fill='none'%3E%3Cpath d='M0 40h256M0 80h256M0 120h256M0 160h256M0 200h256M0 240h256M0 280h256M0 320h256M32 0v360M64 0v360M96 0v360M128 0v360M160 0v360M192 0v360M224 0v360'/%3E%3C/g%3E%3Crect x='28' y='40' width='200' height='280' rx='8' fill='none' stroke='%230f8' stroke-opacity='.35' stroke-width='2'/%3E%3Ctext x='128' y='190' text-anchor='middle' fill='%230f6' fill-opacity='.45' font-family='Courier New,monospace' font-size='28'%3E01%3C/text%3E%3C/svg%3E");--cards-back-1:#003d00;--cards-back-2:#001a00;--cards-back-3:#050;--cards-back-border:#00ff64bf;--cards-back-edge:#001000}[data-theme=thezoo]{--cards-bg:#0e1a0c;--cards-bg-alt:#152414;--cards-surface:#1c2e18;--cards-surface-2:#253a20;--cards-fg:#f4dea4;--cards-fg-dim:#e0c988;--cards-fg-muted:#a89462;--cards-border:#6faf1b;--cards-border-dim:#6faf1b6b;--cards-accent:#7ec42a;--cards-accent-soft:#6faf1b29;--cards-error:#e85a4a;--cards-error-bg:#e85a4a24;--cards-success:#6faf1b;--cards-success-bg:#6faf1b24;--cards-nav-bg:#0e1a0c;--cards-glow:0 0 14px #e0b02052;--cards-heading-glow:0 0 8px #6faf1b59;--cards-tint:#6faf1b1a;--cards-tint-strong:#d0902029;--cards-link:#e0b020;--cards-font:Tahoma,"Segoe UI",Geneva,Verdana,sans-serif;--cards-bg-pattern:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%236faf1b' stroke-width='.8' stroke-opacity='.09'%3E%3Cpath d='M10 90c18-28 32-48 50-70 12 22 22 40 30 70'/%3E%3Cpath d='M55 95c10-22 18-38 28-58 8 16 14 30 18 50M0 40h120M0 80h120'/%3E%3C/g%3E%3Ccircle cx='95' cy='22' r='3' fill='%23e0b020' fill-opacity='.08'/%3E%3C/svg%3E");--cards-chat-text:#ff0;--cards-back-image:url(/cards/static/media/zoo-back.c88c6b13725838877dda.svg);--cards-back-1:#1a4a12;--cards-back-2:#0c2c0a;--cards-back-3:#0e2610;--cards-back-border:#c4dc7873;--cards-back-edge:#061206}*,:after,:before{box-sizing:border-box}body{background-color:var(--cards-bg);background-image:var(--cards-bg-pattern);background-repeat:repeat;color:var(--cards-fg);font-family:var(--cards-font);font-size:16px;line-height:1.5;margin:0;padding:0}#root,body{min-height:100vh}.main-content{min-height:calc(100vh - var(--cards-nav-height));padding-top:var(--cards-nav-height)}a{color:var(--cards-fg-dim);color:var(--cards-link,var(--cards-fg-dim))}a:hover,h1,h2,h3{color:var(--cards-fg);text-shadow:var(--cards-heading-glow)}button,input,select,textarea{font-family:inherit}input,select,textarea{background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:6px;color:var(--cards-fg)}input:focus,select:focus,textarea:focus{border-color:var(--cards-fg);box-shadow:var(--cards-glow);outline:none}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}.error-message{background:var(--cards-error-bg);border:1px solid var(--cards-error);border-radius:6px;color:var(--cards-error);padding:8px 12px}.success-message{background:var(--cards-success-bg);border:1px solid var(--cards-success);border-radius:6px;color:var(--cards-success);padding:8px 12px}.login-container{align-items:center;display:flex;position:relative}.login-buttons{align-items:center;display:flex;gap:8px}.login-button--signup{border-color:var(--cards-border-dim)}.login-button{background-color:var(--cards-bg);border:2px solid var(--cards-border);border-radius:8px;color:var(--cards-fg);cursor:pointer;font-size:14px;padding:8px 16px;text-shadow:var(--cards-heading-glow);transition:all .2s ease}.login-button:hover{background-color:var(--cards-fg);box-shadow:var(--cards-glow);color:var(--cards-bg)}.modal-overlay{bottom:0;left:0;right:0;top:0;z-index:1005}.modal-content{border:2px solid var(--cards-border);border-radius:12px;box-shadow:var(--cards-glow);box-sizing:border-box;max-width:400px;position:relative}.modal-content h2{margin:0 0 16px;text-align:center}.close-button{background:#0000;border:none;color:var(--cards-fg);cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.modal-content input[type=email],.modal-content input[type=password],.modal-content input[type=text]{box-sizing:border-box;font-size:16px;margin:8px 0;padding:10px;width:100%}.submit-button{background-color:var(--cards-bg);border:2px solid var(--cards-border);border-radius:8px;color:var(--cards-fg);cursor:pointer;font-size:16px;margin-top:8px;padding:10px;width:100%}.submit-button:hover{background-color:var(--cards-fg);color:var(--cards-bg)}.login-signup-link{color:var(--cards-fg-muted);font-size:.9rem;margin:14px 0 0;text-align:center}.link-button,.login-signup-link a{color:var(--cards-fg)}.link-button{background:none;border:none;cursor:pointer;font:inherit;padding:0;text-decoration:underline}.link-button:hover{text-shadow:0 0 8px var(--cards-fg)}.login-modal-hint{color:var(--cards-fg-muted);font-size:.85rem;line-height:1.4;margin:-8px 0 12px;text-align:center}@media (max-width:768px){.modal-content{padding:16px;width:calc(100% - 20px)}}.top-nav{background-color:var(--cards-nav-bg);border-bottom:2px solid var(--cards-border-dim);box-shadow:0 2px 12px var(--cards-tint-strong);color:var(--cards-fg);height:var(--cards-nav-height);justify-content:space-between;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.nav-links,.top-nav{align-items:center;display:flex}.nav-links{gap:20px}.nav-link{color:var(--cards-fg);font-size:15px;font-weight:700;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.nav-link:hover{color:var(--cards-fg-dim);text-decoration:none;text-shadow:0 0 10px var(--cards-fg)}.user-info{gap:15px;margin-left:auto}.user-account,.user-info{align-items:center;display:flex}.user-account{gap:8px}.username{color:var(--cards-fg-muted);font-size:14px}.user-settings-link{align-items:center;border-radius:6px;color:var(--cards-fg-muted);display:inline-flex;height:30px;justify-content:center;text-decoration:none;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease;width:30px}.user-settings-link:hover{background-color:var(--cards-tint);box-shadow:var(--cards-glow);color:var(--cards-fg);text-decoration:none}.user-settings-icon{display:block;font-size:1.15rem;line-height:1}.admin-panel-container{display:flex;min-height:calc(100vh - var(--cards-nav-height));width:100%}.admin-panel-content{background-color:initial;flex-grow:1;padding:32px 40px;transition:margin-left .3s ease}.admin-panel-content h1{color:var(--cards-fg);font-size:2rem;margin:0 0 20px}.admin-forbidden{color:var(--cards-error);padding:40px;text-align:center}.user-management-section{margin-bottom:20px;max-width:100%}.add-user-section h2,.edit-user-header h2,.user-management-section h2{color:var(--cards-fg);font-size:1.75rem;margin:0 0 8px}.user-management-section .user-list table{border-collapse:collapse;width:100%}.user-management-section .user-list td,.user-management-section .user-list th{border:1px solid var(--cards-border-dim);padding:10px 12px;text-align:left}.user-management-section .user-list th{background:var(--cards-surface-2);color:var(--cards-fg-dim)}.user-actions-cell{white-space:nowrap}.user-action-btn{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:6px;color:var(--cards-fg);cursor:pointer;font-size:.9rem;margin-right:6px;padding:6px 12px}.user-action-btn--danger{border-color:var(--cards-error);color:var(--cards-error)}.user-action-btn:hover:not(:disabled){background:#00ff001a;border-color:var(--cards-fg)}.user-action-btn:disabled{cursor:not-allowed;opacity:.45}.pagination-controls{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:20px}.pagination-controls button{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:6px;color:var(--cards-fg);cursor:pointer;padding:8px 16px}.pagination-controls button:disabled{cursor:not-allowed;opacity:.4}.add-user-section,.edit-user-section{margin-bottom:20px;max-width:560px}.add-user-hint{color:var(--cards-fg-muted);font-size:.92rem;line-height:1.45;margin:0 0 20px}.add-user-panel,.edit-user-panel{background:var(--cards-surface-2);border:1px solid var(--cards-border-dim);border-radius:10px;padding:16px}.add-user-form,.edit-user-form{background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:10px;display:flex;flex-direction:column;gap:14px;padding:18px}.add-user-field{display:flex;flex-direction:column;gap:6px}.add-user-label{color:var(--cards-fg-dim);font-size:.9rem;font-weight:600}.add-user-form input,.add-user-form select,.add-user-form textarea,.add-user-role-placeholder,.edit-user-form input,.edit-user-form select,.edit-user-form textarea{box-sizing:border-box;font-size:1rem;padding:10px 12px}.add-user-role-placeholder{color:var(--cards-fg-muted);font-style:italic}.add-user-submit{align-self:flex-start;background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:8px;color:var(--cards-fg);cursor:pointer;font-size:.95rem;margin-top:4px;padding:8px 16px}.add-user-submit:hover:not(:disabled){background:#00ff001a;border-color:var(--cards-fg)}.add-user-submit:disabled{cursor:not-allowed;opacity:.5}.admin-form-message{border-radius:8px;font-size:.92rem;margin-bottom:16px;padding:10px 12px}.admin-form-message--error{background:var(--cards-error-bg);border:1px solid var(--cards-error);color:var(--cards-error)}.admin-form-message--success{background:var(--cards-success-bg);border:1px solid var(--cards-success);color:var(--cards-success)}.edit-user-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.user-edit-back-btn{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:6px;color:var(--cards-fg);cursor:pointer;padding:6px 12px}.edit-user-contact-block{background:var(--cards-surface-2);border-radius:8px;padding:12px}.edit-user-contact-block h3{color:var(--cards-fg-muted);font-size:.95rem;margin:0 0 10px}.edit-user-readonly{color:var(--cards-fg-muted);font-style:italic}.edit-user-hint{color:var(--cards-fg-muted);font-size:.82rem}.edit-user-checkbox{align-items:center;color:var(--cards-fg-dim);display:flex;font-size:.95rem;gap:8px}.user-edit-loading{color:var(--cards-fg-muted)}.admin-delete-modal{position:relative}.admin-delete-modal .close-button{background:#0000;border:none;color:var(--cards-fg);cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.admin-delete-actions{display:flex;gap:10px;margin-top:16px}.modal-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-content{background:var(--cards-surface);border:2px solid var(--cards-border-dim);border-radius:10px;color:var(--cards-fg);max-width:420px;padding:24px;width:90%}.edit-user-admin-block,.edit-user-contact-block,.edit-user-meta-block{border-top:1px solid var(--cards-border-dim);margin:1.25rem 0;padding-top:1rem}.edit-user-admin-block h3,.edit-user-contact-block h3,.edit-user-meta-block h3{font-size:1rem;margin:0 0 .75rem}.edit-user-meta-grid{grid-gap:.35rem 1rem;color:var(--cards-fg-muted);display:grid;font-size:.85rem;gap:.35rem 1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.edit-user-club-card{background:var(--cards-bg-alt);border:1px solid var(--cards-border-dim);border-radius:8px;padding:.6rem .75rem}.edit-user-club-slug{margin-left:.5rem}.edit-user-club-meta,.edit-user-club-slug{color:var(--cards-fg-muted);font-size:.8rem}.edit-user-club-meta{margin-top:.35rem}.edit-user-empty-note,.edit-user-sensitive-hint{color:var(--cards-fg-muted);font-size:.85rem;margin:0 0 .5rem}.edit-user-sensitive-tag{color:var(--cards-fg-muted);font-size:.75rem}.user-edit-masked{font-family:monospace;letter-spacing:.12em}.edit-user-extra-profile h4{font-size:.9rem;margin:.75rem 0 .5rem}.admin-sidebar{background-color:var(--cards-surface);border-right:2px solid var(--cards-border-dim);box-sizing:border-box;height:calc(100vh - var(--cards-nav-height));left:-250px;padding:20px;position:fixed;top:var(--cards-nav-height);transition:left .3s ease;width:250px;z-index:999}.admin-sidebar.open{left:0}.admin-sidebar.closed{left:-250px}.admin-sidebar ul{list-style-type:none;margin:0;padding:0}.admin-sidebar ul li{border-bottom:1px solid var(--cards-border-dim);color:var(--cards-fg-muted);cursor:pointer;padding:10px 12px;transition:background .2s ease,color .2s ease}.admin-sidebar ul li:hover{background:#00ff000f;color:var(--cards-fg)}.admin-sidebar ul li.active{background-color:#00ff0026;border-left:3px solid var(--cards-fg);color:var(--cards-fg);text-shadow:0 0 6px #0f06}.chat-badge{display:inline-block;flex-shrink:0;height:1em;margin-right:.2em;max-height:32px;max-width:32px;object-fit:contain;vertical-align:-.15em;width:1em}.chat-badge svg{display:block;height:100%;width:100%}.chat-badges{align-items:center;display:inline-flex;gap:.1em;vertical-align:-.15em}.badge-uploader{border-bottom:1px solid var(--cards-border-dim);margin-bottom:1rem;padding-bottom:1rem}.badge-uploader h4{font-size:.9rem;margin:0 0 .35rem}.badge-uploader-hint{color:var(--cards-fg-muted);font-size:.78rem;line-height:1.4;margin:0 0 .5rem}.badge-uploader-preview{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.badge-uploader-empty,.badge-uploader-filename{color:var(--cards-fg-muted);font-size:.8rem}.badge-uploader-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.badge-uploader-input{display:none}.badge-uploader-btn{background:var(--cards-bg-alt);border:1px solid var(--cards-border);border-radius:6px;color:inherit;cursor:pointer;font-size:.85rem;padding:.35rem .75rem}.badge-uploader-btn--danger{border-color:#c44;border-color:var(--cards-danger,#c44);color:#e55;color:var(--cards-danger,#e55)}.badge-uploader-btn:disabled{cursor:not-allowed;opacity:.6}.role-management-section{background:#0000;box-shadow:none;margin:0 auto;max-width:960px;padding:0}.role-management-section h2{color:var(--cards-fg);font-size:1.75rem;margin:0 0 8px}.role-management-hint{color:var(--cards-fg-muted);font-size:.92rem;line-height:1.45;margin:0 0 20px}.role-badge-editor{border-bottom:1px solid var(--cards-border-dim);margin-bottom:1rem;padding-bottom:1rem}.role-badge-editor h4{font-size:.9rem;font-weight:600;margin:0 0 .5rem}.role-badge-preview{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.role-badge-empty,.role-badge-preview-label{color:var(--cards-fg-muted);font-size:.8rem}.role-badge-field{display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;margin-bottom:.5rem}.role-badge-field input,.role-badge-field textarea{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:6px;color:inherit;font-size:.85rem;padding:.4rem .5rem}.role-badge-save{background:var(--cards-bg-alt);border:1px solid var(--cards-border);border-radius:6px;color:inherit;cursor:pointer;padding:.35rem .75rem}.role-management-section h3{color:var(--cards-fg-dim);font-size:1.05rem;font-weight:600;margin:0 0 12px}.add-role-section{margin-bottom:20px}.add-role-row{display:flex;flex-wrap:wrap;gap:10px}.add-role-row input{flex:1 1;font-size:1rem;min-width:200px;padding:10px 12px}.add-role-row button,.role-action-btn,.role-delete-confirm{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:8px;color:var(--cards-fg);cursor:pointer;font-size:.9rem;padding:8px 14px}.add-role-row button:hover,.role-action-btn:hover:not(:disabled){background:#00ff001f;border-color:var(--cards-fg)}.roles-list{margin-top:8px}.role-cards{background:var(--cards-surface-2);border:1px solid var(--cards-border-dim);border-radius:10px;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;min-height:120px;padding:12px}.role-cards--dragging .role-card:not(.role-card--slot){transition:transform .22s cubic-bezier(.2,0,0,1),margin .22s cubic-bezier(.2,0,0,1)}.role-drop-end{align-items:center;border:2px dashed var(--cards-border-dim);border-radius:10px;box-sizing:border-box;display:flex;justify-content:center;list-style:none;min-height:64px;transition:border-color .2s ease,background .2s ease}.role-drop-end--active{background:#00ff0014;border-color:var(--cards-fg)}.role-drop-end-label{color:var(--cards-fg-muted);font-size:.75rem;pointer-events:none}.role-drop-end--active .role-drop-end-label{color:var(--cards-fg);font-weight:600}.role-card{background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:10px;box-shadow:0 2px 8px #00000059;box-sizing:border-box;overflow:hidden;position:relative}.role-card--slot{background:#0000;border:none;box-shadow:none;overflow:visible}.role-card-chrome{pointer-events:none;position:absolute;right:6px;top:6px;z-index:4}.role-card-chrome .role-drag-handle{pointer-events:auto}.role-drag-handle{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:6px;cursor:grab;line-height:1;padding:4px;touch-action:none}.role-drag-handle:active{cursor:grabbing}.role-drag-dots{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(3,5px);height:21px;width:13px}.role-drag-dots span{background:var(--cards-fg-muted);border-radius:50%;height:5px;width:5px}.role-drag-slot{background:#00ff000f;border:2px dashed var(--cards-border-dim);border-radius:10px;box-sizing:border-box;min-height:48px}.role-drag-ghost{background:var(--cards-surface);border:1px solid var(--cards-fg);border-radius:10px;box-shadow:var(--cards-glow);overflow:hidden;pointer-events:none;position:fixed;transform:scale(1.02);z-index:1200}.role-card-header{align-items:center;box-sizing:border-box;display:flex;gap:8px;min-height:48px;padding:8px 10px 8px 8px}.role-card--has-handle .role-card-header{padding-right:36px}.role-expand-btn{align-items:center;align-self:center;background:#0000;border:none;border-radius:6px;color:var(--cards-fg);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;width:28px}.role-expand-btn:hover{background:#00ff001a}.role-expand-icon{font-size:.75rem;line-height:1;transition:transform .15s ease}.role-card--expanded .role-expand-icon{transform:rotate(90deg)}.role-card-line{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;font:inherit;gap:10px;min-width:0;padding:4px 0;text-align:left}.role-card-title{color:var(--cards-fg);flex-shrink:1;font-size:1rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-card-meta{color:var(--cards-fg-muted);flex-shrink:0;font-size:.82rem;margin-left:auto;white-space:nowrap}.role-card-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.role-action-btn--danger{border-color:var(--cards-error);color:var(--cards-error)}.role-action-btn--danger:hover:not(:disabled){background:var(--cards-error-bg)}.role-action-btn:disabled{cursor:not-allowed;opacity:.45}.role-signup-default-global-hint{background:#00ff000f;border:1px solid var(--cards-border-dim);border-radius:8px;color:var(--cards-fg-muted);font-size:.9rem;line-height:1.45;margin:0 0 16px;padding:10px 12px}.role-signup-default{border-bottom:1px solid var(--cards-border-dim);margin-bottom:14px;padding-bottom:14px}.role-signup-default-item{align-items:center;color:var(--cards-fg);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px}.role-signup-default-item input{accent-color:#0f0;accent-color:var(--cards-accent,#0f0);height:16px;width:16px}.role-permissions-panel{background:#0003;border-top:1px solid var(--cards-border-dim);padding:12px 14px 14px 44px}.role-permissions-note{color:var(--cards-fg-muted);font-size:.9rem;margin:0}.role-permissions-grid{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.role-permission-item{align-items:center;color:var(--cards-fg-dim);cursor:pointer;display:flex;font-size:.88rem;gap:8px}.role-permission-item--locked{color:var(--cards-fg-muted);cursor:not-allowed;opacity:.7}.role-delete-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.role-delete-dialog{background:var(--cards-surface);border:2px solid var(--cards-border-dim);border-radius:10px;box-shadow:var(--cards-glow);max-width:420px;padding:24px;width:100%}.role-delete-dialog h3{margin:0 0 12px}.role-delete-blocked{color:var(--cards-error);font-size:.9rem;line-height:1.45;margin:12px 0}.role-delete-reassign{display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:6px;margin:16px 0}.role-delete-reassign select{font-weight:400;padding:8px 10px}.role-delete-actions{display:flex;gap:10px;justify-content:flex-end}.role-delete-confirm{background:var(--cards-error);border-color:var(--cards-error);color:#fff}.role-delete-cancel{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:8px;color:var(--cards-fg);cursor:pointer;padding:8px 14px}@media (max-width:640px){.role-card-meta{display:none}.role-card-header{flex-wrap:wrap}.role-card-actions{justify-content:flex-end;padding-left:36px;width:100%}}.lobby-editor-section{margin:0 auto;max-width:1100px}.lobby-editor-section h2{margin:0 0 8px}.lobby-editor-hint{color:var(--cards-fg-muted);font-size:.92rem;margin:0 0 20px}.lobby-editor-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(280px,380px) 1fr}.lobby-editor-form,.lobby-list-panel{background:var(--cards-surface-2);border:1px solid var(--cards-border-dim);border-radius:10px;padding:18px}.lobby-editor-form h3,.lobby-list-panel h3{color:var(--cards-fg-dim);font-size:1.05rem;margin:0 0 14px}.lobby-editor-settings-block{border-top:1px solid var(--cards-border-dim);margin:14px 0;padding:12px 0 4px}.lobby-editor-settings-block h4{color:var(--cards-fg-dim);font-size:.92rem;margin:0 0 6px}.lobby-editor-settings-hint{color:var(--cards-fg-muted);font-size:.78rem;margin:0 0 10px}.lobby-editor-spades-settings{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.lobby-editor-spades-settings .spades-host-setting select{font-size:.82rem}.lobby-field{display:flex;flex-direction:column;font-size:.9rem;gap:6px;margin-bottom:12px}.lobby-field span{color:var(--cards-fg-dim);font-weight:600}.lobby-field--disabled span{color:var(--cards-fg-muted)}.lobby-field--disabled input:disabled{background:var(--cards-surface);cursor:not-allowed;opacity:.45}.lobby-field input,.lobby-field select,.lobby-field textarea{font-size:1rem;padding:10px 12px}.lobby-checkbox{align-items:center;color:var(--cards-fg-dim);display:flex;font-size:.9rem;gap:8px;margin-bottom:10px}.lobby-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.lobby-btn{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:8px;color:var(--cards-fg);cursor:pointer;font-size:.9rem;padding:8px 14px}.lobby-btn:hover:not(:disabled){background:#00ff001a;border-color:var(--cards-fg)}.lobby-btn:disabled{cursor:not-allowed;opacity:.5}.lobby-btn--secondary{color:var(--cards-fg-muted)}.lobby-btn--danger{border-color:var(--cards-error);color:var(--cards-error)}.lobby-admin-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.lobby-admin-item{background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:8px;padding:12px}.lobby-admin-item-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.lobby-admin-slug{color:var(--cards-fg-muted);font-size:.82rem}.lobby-admin-desc{color:var(--cards-fg-muted);font-size:.88rem;margin:8px 0 0}.lobby-admin-meta{color:var(--cards-fg-muted);font-size:.8rem;margin-top:8px}.lobby-admin-actions{display:flex;gap:8px;margin-top:10px}.lobby-empty,.lobby-loading{color:var(--cards-fg-muted);font-size:.9rem}.lobby-delete-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.lobby-delete-dialog{background:var(--cards-surface);border:2px solid var(--cards-border-dim);border-radius:10px;box-shadow:var(--cards-glow);max-width:400px;padding:24px;width:100%}.lobby-delete-dialog h3{margin:0 0 12px}@media (max-width:900px){.lobby-editor-layout{grid-template-columns:1fr}}.club-editor-section{max-width:960px}.club-editor-hint,.club-editor-note{color:var(--cards-fg-muted);font-size:.9rem}.club-editor-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1rem}@media (max-width:800px){.club-editor-layout{grid-template-columns:1fr}}.club-editor-form,.club-list-panel{background:var(--cards-surface);border:2px solid var(--cards-border-dim);border-radius:12px;padding:1rem}.club-field{display:flex;flex-direction:column;font-size:.85rem;gap:.25rem;margin-bottom:.75rem}.club-field input,.club-field textarea{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:6px;color:inherit;padding:.4rem .5rem}.club-checkbox{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.club-owner-panel{margin:.75rem 0}.club-members-panel,.club-owner-panel,.club-requests-panel{border-top:1px solid var(--cards-border-dim);padding-top:.75rem}.club-members-panel,.club-requests-panel{margin:1rem 0}.club-requests-panel h4{margin:0 0 .5rem}.club-field select{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:6px;color:var(--cards-fg);padding:8px 10px;width:100%}.club-members-panel h4{margin:0 0 .5rem}.club-members-list{font-size:.85rem;list-style:none;margin:0 0 .75rem;padding:0}.club-members-list li{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.club-add-member-field{margin-bottom:.35rem}.club-member-search-status{color:var(--cards-fg-muted);font-size:.8rem;margin:0 0 .35rem}.club-member-suggestions{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:8px;list-style:none;margin:0 0 .5rem;max-height:160px;overflow-y:auto;padding:0}.club-member-suggestion-btn{background:#0000;border:none;color:inherit;cursor:pointer;display:block;font-size:.85rem;padding:.45rem .6rem;text-align:left;width:100%}.club-member-suggestion-btn:hover{background:var(--cards-surface)}.club-member-selected{color:var(--cards-fg-muted);font-size:.85rem;margin:0 0 .5rem}.club-member-role{color:var(--cards-fg-muted);font-size:.75rem}.club-members-empty{color:var(--cards-fg-muted);font-style:italic}.club-add-member{display:flex;flex-wrap:wrap;gap:.5rem}.club-add-member input{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:6px;color:inherit;flex:1 1;min-width:120px;padding:.35rem .5rem}.club-admin-actions,.club-form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.club-btn{background:var(--cards-bg-alt);border:1px solid var(--cards-border);border-radius:8px;color:inherit;cursor:pointer;padding:.4rem .85rem}.club-btn--small{font-size:.75rem;padding:.2rem .5rem}.club-btn--secondary{background:#0000}.club-btn--danger{border-color:#c44;border-color:var(--cards-danger,#c44);color:#e55;color:var(--cards-danger,#e55)}.club-admin-list{list-style:none;margin:0;padding:0}.club-admin-item{border-bottom:1px solid var(--cards-border-dim);padding:.75rem 0}.club-admin-item:last-child{border-bottom:none}.club-admin-slug{margin-left:.5rem}.club-admin-meta,.club-admin-slug{color:var(--cards-fg-muted);font-size:.8rem}.club-admin-meta{margin:.25rem 0}.club-delete-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.club-delete-dialog{background:var(--cards-surface);border:2px solid var(--cards-border);border-radius:12px;max-width:22rem;padding:1.25rem}.avatar-moderation h2{margin:0 0 1rem;text-shadow:none}.avatar-mod-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.avatar-mod-item{align-items:center;background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:10px;display:flex;gap:1rem;padding:.75rem}.avatar-mod-preview{border-radius:10px;height:72px;object-fit:cover;width:72px}.avatar-mod-meta{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.avatar-mod-actions{display:flex;gap:.5rem}.avatar-mod-btn{background:#0000;border:1px solid var(--cards-border);border-radius:8px;color:var(--cards-fg);cursor:pointer;padding:.4rem .75rem}.avatar-mod-btn--approve{border-color:var(--cards-success);color:var(--cards-success)}.avatar-mod-btn--reject{border-color:#e88;color:#e88}.avatar-mod-error{color:#e88}.avatar-mod-empty,.user-options-login-prompt{color:var(--cards-fg-muted)}.user-options-login-prompt{padding:40px 24px;text-align:center}.user-options{margin:0 auto;max-width:640px;padding:32px 24px 48px}.user-options h1{font-size:1.75rem;margin:0 0 20px}.user-options-warning{background:var(--cards-tint);border:1px solid var(--cards-border-dim);border-left:4px solid var(--cards-fg-muted);border-radius:6px;color:var(--cards-fg-muted);font-size:.92rem;line-height:1.45;margin-bottom:20px;padding:12px 16px}.user-options-theme-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.user-options-theme-card{align-items:flex-start;background:var(--cards-bg-alt);border:2px solid var(--cards-border-dim);border-radius:10px;color:var(--cards-fg);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px;text-align:left;transition:border-color .15s,box-shadow .15s}.user-options-theme-card:hover:not(:disabled){border-color:var(--cards-border);box-shadow:var(--cards-glow)}.user-options-theme-card--selected{border-color:var(--cards-accent);box-shadow:var(--cards-glow)}.user-options-theme-card:disabled{cursor:wait;opacity:.7}.user-options-theme-swatches{display:flex;gap:6px;margin-bottom:4px}.user-options-theme-swatch{border:1px solid #fff3;border-radius:50%;height:22px;width:22px}.user-options-theme-label{font-size:.95rem;font-weight:700}.user-options-theme-desc{color:var(--cards-fg-muted);font-size:.78rem;line-height:1.35}.user-options-theme-check{color:var(--cards-accent);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-top:2px;text-transform:uppercase}.user-options-avatar-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.user-options-avatar-grid--solo{grid-template-columns:1fr;max-width:280px}.user-options-avatar-block h3{font-size:1rem;margin:0 0 .5rem;text-shadow:none}.user-options-avatar-preview{height:96px;margin-bottom:.5rem;width:96px}.user-options-avatar-img{border:2px solid var(--cards-border-dim);border-radius:12px;height:96px;object-fit:cover;width:96px}.user-options-avatar-placeholder{align-items:center;background:var(--cards-bg-alt);border:2px dashed var(--cards-border-dim);border-radius:12px;color:var(--cards-fg-muted);display:flex;font-size:1.5rem;height:96px;justify-content:center;width:96px}.user-options-avatar-pending{color:var(--cards-accent);font-size:.8rem;margin:0 0 .5rem}.user-options-file input[type=file]{font-size:.85rem}@media (max-width:600px){.user-options-avatar-grid{grid-template-columns:1fr}}.user-options-section{background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:8px;box-shadow:0 2px 12px var(--cards-tint);margin-bottom:20px;padding:20px 24px}.user-options-section h2{font-size:1.1rem;margin:0 0 16px;text-shadow:none}.user-options-hint{color:var(--cards-fg-muted);font-size:.88rem;margin:-8px 0 16px}.user-options-field-note{color:var(--cards-fg-muted);font-size:.82rem;font-weight:400;line-height:1.35}.user-options-form,.user-options-readonly-grid{display:flex;flex-direction:column;gap:14px}.user-options-form label,.user-options-readonly-grid label{color:var(--cards-fg-dim);display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:6px}.user-options-checkbox{align-items:flex-start;flex-direction:row!important;font-weight:500!important;gap:10px!important}.user-options-checkbox input[type=checkbox]{accent-color:var(--cards-fg);flex-shrink:0;height:18px;margin-top:2px;width:18px}.user-options-checkbox span{color:var(--cards-fg-muted);font-weight:400;line-height:1.4}.user-options-form input,.user-options-form select,.user-options-form textarea,.user-options-readonly-grid input{font-size:1rem;font-weight:400;padding:10px 12px}.user-options-readonly-grid input:disabled{background:var(--cards-surface-2);color:var(--cards-fg-muted);cursor:not-allowed}.user-options-form textarea{min-height:72px;resize:vertical}.user-options-form button{align-self:flex-start;background:#0000;border:1px solid var(--cards-border);border-radius:6px;color:var(--cards-fg);cursor:pointer;font-size:.95rem;margin-top:4px;padding:10px 18px;transition:box-shadow .2s ease,background .2s ease}.user-options-form button:hover:not(:disabled){background:var(--cards-tint);box-shadow:var(--cards-glow)}.user-options-form button:disabled{cursor:not-allowed;opacity:.55}.user-options-message{border-radius:6px;font-size:.95rem;margin-bottom:16px;padding:10px 14px}.user-options-message--success{background:var(--cards-success-bg);border:1px solid var(--cards-success);color:var(--cards-success)}.user-options-message--error{background:var(--cards-error-bg);border:1px solid var(--cards-error);color:var(--cards-error)}.user-options-external-link{color:var(--cards-fg)}.user-options-club-current{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.user-options-club-badge{border:1px solid var(--cards-success);border-radius:4px;color:var(--cards-success);font-size:.85rem;padding:2px 8px}.user-options-club-block{margin-top:16px}.user-options-club-block h3{font-size:1rem;margin:0 0 8px}.user-options-club-list{list-style:none;margin:0;padding:0}.user-options-club-list li{border:1px solid var(--cards-border-dim);border-radius:6px;margin:10px 0;padding:10px 12px}.user-options-club-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.user-options-club-actions button,.user-options-club-leave{background:var(--cards-bg);border:1px solid var(--cards-border);border-radius:6px;color:var(--cards-fg);cursor:pointer;padding:6px 12px}.user-options-club-secondary{opacity:.85}.user-options-club-confirm{background:var(--cards-tint);border:1px solid var(--cards-border);border-radius:6px;margin-top:12px;padding:12px}.home-page{margin:0 auto;max-width:720px;padding:32px 20px 48px}.home-header{margin-bottom:36px;text-align:center}.home-header h1{font-size:2.2rem;margin:0 0 8px}.home-subtitle{color:var(--cards-fg-muted);font-size:1rem;margin:0}.home-section{background:var(--cards-surface);border:2px solid var(--cards-border-dim);border-radius:16px;box-shadow:0 0 12px var(--cards-tint);margin-bottom:24px;padding:24px}.home-section h2{font-size:1.4rem;margin:0 0 12px;text-align:left}.home-status{color:var(--cards-fg-muted);font-size:.95rem;margin:0 0 16px}.home-lobby-list{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.home-lobby-item{background:var(--cards-surface-2);border:1px solid var(--cards-border-dim);border-radius:12px;padding:14px 16px;transition:border-color .2s ease,box-shadow .2s ease}.home-lobby-item:hover{border-color:var(--cards-fg);box-shadow:var(--cards-glow)}.home-lobby-item--offline{opacity:.72}.home-lobby-item--offline:hover{border-color:var(--cards-border-dim);box-shadow:none}.home-lobby-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.home-lobby-link{background:var(--cards-bg);border:2px solid var(--cards-border);border-radius:12px;color:var(--cards-fg);display:inline-block;font-weight:600;padding:8px 16px;text-decoration:none;text-shadow:var(--cards-heading-glow);transition:all .2s ease}.home-lobby-link:hover{background:var(--cards-fg);box-shadow:var(--cards-glow);color:var(--cards-bg);text-decoration:none}.home-lobby-link--offline{border-color:var(--cards-border-dim);cursor:not-allowed;opacity:.85;text-shadow:none}.home-lobby-link--offline,.home-lobby-link--offline:hover{background:var(--cards-bg-alt);color:var(--cards-fg-muted)}.home-lobby-link--offline:hover{box-shadow:none}.home-lobby-count{color:var(--cards-fg-muted);font-size:.85rem;white-space:nowrap}.home-lobby-count--offline{color:#c88;font-weight:600}.home-lobby-offline-hint{color:#c88;font-size:.8rem;margin:8px 0 0}.home-lobby-desc{color:var(--cards-fg-muted);font-size:.88rem;margin:10px 0 0}.home-toy p{color:var(--cards-fg-muted);margin:0 0 16px}.home-toy-link{background:var(--cards-bg);border:2px solid var(--cards-border);border-radius:12px;color:var(--cards-fg);display:inline-block;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .2s ease}.home-toy-link:hover{background:var(--cards-fg);box-shadow:var(--cards-glow);color:var(--cards-bg);text-decoration:none}.user-mod-menu{background:var(--cards-surface);border:2px solid var(--cards-border-dim);border-radius:10px;box-shadow:0 8px 24px #00000059;max-width:240px;min-width:200px;padding:.6rem .75rem}.user-mod-menu-head{font-size:.95rem;margin-bottom:.5rem}.user-mod-field{color:var(--cards-fg-muted);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;margin-bottom:.5rem}.user-mod-field input{background:var(--cards-bg);border:1px solid var(--cards-border-dim);border-radius:6px;color:inherit;font-size:.85rem;padding:.35rem .5rem}.user-mod-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.user-mod-group-label{color:var(--cards-fg-muted);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.user-mod-btn{background:var(--cards-bg-alt);border:1px solid var(--cards-border-dim);border-radius:6px;color:inherit;cursor:pointer;font-size:.85rem;padding:.4rem .5rem;text-align:left;width:100%}.user-mod-btn:hover:not(:disabled){border-color:var(--cards-accent)}.user-mod-btn:disabled{cursor:not-allowed;opacity:.6}.user-mod-btn--danger{color:#e55;color:var(--cards-danger,#e55)}.user-mod-btn--ghost{background:#0000;margin-top:.25rem}.user-mod-timeout{display:flex;flex-direction:column;gap:.35rem}.user-mod-error{color:#e55;color:var(--cards-danger,#e55);font-size:.8rem;margin:.35rem 0 0}.lobby-room-page{box-sizing:border-box;padding:12px 16px 24px}.lobby-shell{grid-gap:.5rem;box-sizing:border-box;display:grid;gap:.5rem;grid-template-areas:"top top" "main sidebar" "chat sidebar";grid-template-columns:1fr 220px;grid-template-rows:auto 1fr auto;min-height:calc(100vh - var(--cards-nav-height) - 2rem)}.lobby-shell--at-table{grid-template-areas:"top" "main" "chat";grid-template-columns:1fr}@media (min-width:768px) and (min-height:520px){.lobby-shell--at-table{grid-template-areas:"top top" "main chat";grid-template-columns:minmax(0,1fr) minmax(240px,300px);grid-template-rows:auto minmax(0,1fr);height:calc(100vh - var(--cards-nav-height) - 1.25rem);max-height:calc(100vh - var(--cards-nav-height) - 1.25rem);min-height:0}.lobby-shell--at-table .lobby-main{height:100%;min-height:0;overflow:hidden;padding:.5rem}.lobby-shell--at-table .lobby-chat--at-table{display:flex;flex-direction:column;height:100%;max-height:none;min-height:0}.lobby-shell--at-table .lobby-chat--at-table .lobby-chat-tabs{display:flex}.lobby-shell--at-table .lobby-chat--at-table .lobby-messages{display:block;flex:1 1;max-height:none;min-height:0}.lobby-shell--at-table .table-view--spades{height:100%;min-height:0}.lobby-shell--at-table .spades-table-wrap{align-items:center;flex:1 1;height:100%;justify-content:center;min-height:0}.lobby-shell--at-table .spades-felt{aspect-ratio:auto;height:min(100%,calc(100vh - var(--cards-nav-height) - 7.5rem));max-height:calc(100vh - var(--cards-nav-height) - 7.5rem);max-width:100%;width:min(100%,min(88vh,920px))}}.lobby-shell--inactive{filter:blur(2px);pointer-events:none;-webkit-user-select:none;user-select:none}.lobby-top{align-items:center;background:var(--cards-surface);border:2px solid var(--cards-border-dim);border-radius:12px;display:flex;grid-area:top;justify-content:space-between;padding:.5rem 1rem}.lobby-top h1{font-size:1.3rem;margin:0;text-shadow:none}.lobby-count{align-items:center;color:var(--cards-fg-muted);display:flex;font-size:.95rem;gap:8px}.lobby-live-dot{background:var(--cards-success);border-radius:50%;box-shadow:0 0 8px var(--cards-success);height:8px;width:8px}.lobby-main{background:var(--cards-bg-alt);border:2px solid var(--cards-border-dim);border-radius:12px;display:flex;flex-direction:column;grid-area:main;min-height:480px;overflow:hidden;padding:.75rem}.lobby-top-title{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .5rem}.lobby-game-tags{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.3rem}.lobby-game-tag{background:var(--cards-surface);border-radius:6px;color:var(--cards-accent);font-size:.75rem;font-weight:600;margin-left:0;padding:.15rem .5rem;vertical-align:middle;white-space:nowrap}.lobby-game-tag--soon{font-weight:500;opacity:.55}.lobby-sidebar .spades-scoreboard{border-top:1px solid var(--cards-border-dim);margin-top:auto}.lobby-table-error{color:#e88;font-size:.75rem}.table-grid{display:flex;flex-direction:column;height:100%;width:100%}.table-grid-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.table-grid-head h2{font-size:1.1rem;margin:0;text-shadow:none}.table-grid-add{background:#0000;border:1px solid var(--cards-border);border-radius:8px;color:var(--cards-fg);cursor:pointer;font-size:.85rem;padding:.35rem .75rem}.table-grid-add:hover{box-shadow:var(--cards-glow)}.table-grid-hint{color:var(--cards-fg-muted);font-size:.75rem;margin:0 0 .75rem;text-align:center}.table-grid-list{grid-gap:.75rem;align-content:start;display:grid;flex:1 1;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;margin:0;overflow-y:auto;padding:0}.table-grid-item{align-items:flex-start;display:flex;gap:.35rem}.table-grid-card{align-items:center;background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:.5rem}.table-mini-felt--gin .table-mini-seat--east,.table-mini-felt--gin .table-mini-seat--west{display:none}.table-mini-felt{background:radial-gradient(ellipse at center,#1a6b3a 0,#0d4a28 55%,#083820 100%);border:4px solid #5c3d1e;border-radius:50%;box-shadow:inset 0 0 20px #00000059;cursor:pointer;height:120px;position:relative;width:120px}.table-mini-felt:hover{box-shadow:inset 0 0 20px #00000059,0 0 12px #4a9eff59}.table-mini-label{align-items:center;color:#ffffffbf;display:flex;font-size:.55rem;inset:32%;justify-content:center;line-height:1.1;z-index:1}.table-mini-hint,.table-mini-label{pointer-events:none;position:absolute;text-align:center}.table-mini-hint{animation:table-mini-hint-fade 5s ease forwards;background:#000000d1;border-radius:8px;box-shadow:0 2px 12px #00000073;color:#ffd54a;font-size:.58rem;font-weight:600;left:50%;line-height:1.25;max-width:92%;padding:.35rem .5rem;top:50%;transform:translate(-50%,-50%);z-index:5}@keyframes table-mini-hint-fade{0%,75%{opacity:1}to{opacity:0}}.table-mini-seat{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;width:36px;z-index:2}.table-mini-seat--north{left:50%;top:-10px;transform:translateX(-50%)}.table-mini-seat--south{bottom:-10px;left:50%;transform:translateX(-50%)}.table-mini-seat--west{left:-12px;top:50%;transform:translateY(-50%)}.table-mini-seat--east{right:-12px;top:50%;transform:translateY(-50%)}.table-mini-dot{align-items:center;border-radius:50%;display:flex;height:22px;justify-content:center;position:relative;width:22px}.table-mini-emoji{display:block;font-size:.85rem;line-height:1;pointer-events:none}.table-mini-dot--empty{background:#0000;border:1px dashed #ffffff59}.table-mini-dot--player{background:#4a9eff;border:1px solid #7cb8ff}.table-mini-dot--bot{background:#888;border:1px solid #aaa}.table-grid-meta-block{text-align:center;width:100%}.table-grid-title{color:var(--cards-success);display:block;font-size:.9rem;font-weight:600}.table-grid-host,.table-grid-meta{color:var(--cards-fg-muted);font-size:.8rem}.table-grid-remove{background:#0000;border:1px solid var(--cards-border-dim);border-radius:8px;color:var(--cards-fg-muted);cursor:pointer;font-size:1.2rem;line-height:1;width:2rem}.table-grid-remove:hover{border-color:#e88;color:#e88}.table-grid-empty{color:var(--cards-fg-muted);margin:auto;text-align:center}.table-grid-empty--loading{align-items:center;display:flex;flex-direction:column;gap:.75rem}.table-grid-back-btn{background:#00000040;border:1px solid #fff3;border-radius:8px;color:var(--cards-fg);cursor:pointer;font:inherit;padding:.45rem .9rem}.table-grid-back-btn:hover{background:#ffffff14}.table-view{display:flex;flex-direction:column;gap:.75rem;height:100%;width:100%}.table-view-toolbar{align-items:center;display:flex;gap:1rem}.table-view-back{background:#0000;border:1px solid var(--cards-border-dim);border-radius:8px;color:var(--cards-fg-muted);cursor:pointer;font-size:.85rem;padding:.35rem .65rem}.table-view-back:hover{color:var(--cards-fg)}.table-view-title-wrap{align-items:center;display:flex;gap:.5rem}.table-view-title-wrap h2{font-size:1.1rem;margin:0;text-shadow:none}.table-view-status{background:var(--cards-surface);border-radius:6px;color:var(--cards-fg-muted);font-size:.75rem;padding:.15rem .5rem}.table-view-status--playing{color:var(--cards-accent)}.table-view-hint-slot{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:2.6rem;padding:.15rem .5rem .35rem}.table-view-hint-slot .table-view-hint{margin:0;width:100%}.table-view-hint{color:var(--cards-fg-muted);font-size:.8rem;line-height:1.3;margin:0;min-height:1.05rem;text-align:center}.table-seat--pickable{cursor:pointer}.table-seat--pickable:hover .table-seat-dot--bot,.table-seat--pickable:hover .table-seat-dot--empty{box-shadow:0 0 10px #ffd54a99}.table-felt-wrap{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:220px}.table-felt{background:radial-gradient(ellipse at center,#1a6b3a 0,#0d4a28 55%,#083820 100%);border:6px solid #5c3d1e;border-radius:50%;box-shadow:inset 0 0 40px #00000059,0 4px 16px #0006;height:min(320px,90vw);position:relative;width:min(320px,90vw)}.table-felt-center{align-items:center;color:#ffffffd9;display:flex;flex-direction:column;font-size:.85rem;inset:28%;justify-content:center;pointer-events:none;position:absolute;text-align:center}.table-felt-host{color:#ffffff8c;font-size:.7rem;margin-top:.25rem}.table-seat{align-items:center;background:none;border:none;color:#ffffffe6;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:.15rem;padding:.25rem;position:absolute}.table-seat--north{left:50%;top:-8%;transform:translateX(-50%)}.table-seat--south{bottom:-8%;left:50%;transform:translateX(-50%)}.table-seat--east{right:-12%;top:50%;transform:translateY(-50%)}.table-seat--west{left:-12%;top:50%;transform:translateY(-50%)}.table-seat-dot--empty{background:#0000;border:2px dashed #ffffff59;box-shadow:none;height:28px;width:28px}.table-seat-dot{border-radius:50%;box-shadow:0 2px 8px #00000073;display:block;height:36px;width:36px}.table-seat-dot--player{background:#4a9eff;border:2px solid #7cb8ff}.table-seat-dot--bot{background:#888;border:2px solid #aaa}.table-seat-dot--you{background:#ffd54a;border:2px solid #ffe082}.table-seat-label{font-size:.65rem;letter-spacing:.05em;opacity:.7;text-transform:uppercase}.table-seat-bot-label,.table-seat-name{font-size:.65rem;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-view-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:center;position:relative;z-index:8}.table-view-toolbar .table-action-btn--stand{flex-shrink:0;margin-left:auto}.table-action-btn{background:var(--cards-surface);border:1px solid var(--cards-border);border-radius:8px;color:var(--cards-fg);cursor:pointer;font-size:.85rem;padding:.4rem .75rem}.table-action-btn:hover:not(:disabled){box-shadow:var(--cards-glow)}.table-action-btn:disabled{cursor:not-allowed;opacity:.5}.table-action-btn--small{font-size:.75rem;padding:.25rem .5rem}.table-action-btn--host{border-color:var(--cards-accent);color:var(--cards-accent)}.table-action-hint{color:var(--cards-fg-muted);font-size:.8rem}.table-bot-actions,.table-bot-remove,.table-host-panel{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.table-bot-label,.table-host-label{color:var(--cards-fg-muted);font-size:.75rem;margin-right:.25rem}.lobby-user-host,.lobby-user-seat{font-size:.7rem;margin-left:.25rem}.lobby-user-host{align-items:center;background:#ffd54a;border-radius:4px;color:#1a1200;display:inline-flex;font-size:.65rem;font-weight:800;height:1rem;justify-content:center;line-height:1;min-width:1rem;padding:0 .2rem}.lobby-user-seat{color:var(--cards-fg-muted)}.lobby-user-seat:before{content:"·";margin-right:.2rem}.lobby-user-watcher{font-size:.7rem;line-height:1;margin-left:.25rem}.lobby-user-watcher:before{content:"·";margin-right:.2rem}.lobby-chat-tabs{border-bottom:1px solid var(--cards-border-dim);display:flex}.lobby-chat-tab{background:#0000;border:none;color:var(--cards-fg-muted);cursor:pointer;flex:1 1;font-size:.8rem;padding:.4rem .5rem}.lobby-chat-tab--active{border-bottom:2px solid var(--cards-success);color:var(--cards-success);margin-bottom:-1px}@keyframes lobby-chat-tab-glow{0%,to{box-shadow:inset 0 0 0 0 #0000;color:var(--cards-fg-muted);text-shadow:none}50%{box-shadow:inset 0 0 10px var(--cards-accent-soft);color:var(--cards-success);text-shadow:var(--cards-heading-glow)}}@keyframes lobby-chat-tab-glow-important{0%,to{box-shadow:inset 0 0 0 0 #0000;color:var(--cards-fg-muted);text-shadow:none}50%{box-shadow:inset 0 0 12px #ffa02847;color:#fc6;text-shadow:0 0 10px #ffb43ca6}}.lobby-chat-tab--unread{animation:lobby-chat-tab-glow 2.2s ease-in-out infinite}.lobby-chat-tab--unread-important{animation:lobby-chat-tab-glow-important 1.7s ease-in-out infinite}.lobby-msg--highlight{background:#ffaa321a;border-left:3px solid #ffb43cbf;border-radius:0 4px 4px 0;margin:.1rem -.5rem;padding:.15rem .5rem}.lobby-sidebar{background:var(--cards-surface);border:2px solid var(--cards-border-dim);border-radius:12px;display:flex;flex-direction:column;grid-area:sidebar;overflow:hidden}.lobby-sidebar h2{border-bottom:1px solid var(--cards-border-dim);font-size:1rem;margin:0;padding:.5rem .75rem;text-shadow:none}.lobby-user-list{flex:1 1;font-size:.85rem;list-style:none;margin:0;overflow-y:auto;padding:.5rem}.lobby-user-list li{padding:.2rem 0}.lobby-user-btn,.lobby-user-line{align-items:center;display:inline-flex;gap:.35rem}.lobby-user-name{flex:1 1;min-width:0}.lobby-user-avatar-wrap{display:inline-flex;flex-shrink:0;position:relative}.lobby-user-avatar-img,.lobby-user-avatar-placeholder{border:1px solid #ffffff4d;border-radius:6px;box-shadow:0 1px 4px #00000059;display:block;object-fit:cover}.lobby-user-avatar-placeholder{align-items:center;background:#00000059;color:#ffffffe6;display:flex;font-size:.65rem;font-weight:700;justify-content:center}.seat-avatar-wrap{display:inline-flex;flex-shrink:0;position:relative;z-index:1}.avatar-badge-chip{align-items:center;border:1.5px solid #0006;border-radius:50%;box-shadow:0 1px 4px #00000080;display:flex;font-size:.58rem;font-weight:800;height:16px;justify-content:center;line-height:1;pointer-events:none;position:absolute;width:16px;z-index:1}.avatar-badge-chip--host{background:linear-gradient(145deg,#ffe082,#f9a825 55%,#b8860b);color:#1a1200;left:-4px;top:-4px}.avatar-badge-chip--dealer{background:linear-gradient(145deg,#ef5350,#c62828 55%,#6a0000);color:#fff8f0;right:-4px;text-shadow:0 1px 1px #00000059;top:-4px}.lobby-user-avatar-wrap .avatar-badge-chip{border-width:1px;font-size:.48rem;height:11px;left:-2px;top:-2px;width:11px}.lobby-user-btn{background:none;border:none;color:var(--cards-success);cursor:pointer;font:inherit;font-size:inherit;padding:0}.lobby-user-btn:hover{text-decoration:underline}.lobby-username{align-items:center;color:var(--cards-success);display:inline-flex;font-weight:600}.lobby-username--mod{background:none;border:none;cursor:pointer;font:inherit;font-size:inherit;padding:0}.lobby-username--mod:hover span{text-decoration:underline}.lobby-msg-colon{color:var(--cards-success)}.lobby-mod-flash{color:var(--cards-accent);font-size:.75rem}.lobby-chat{background:var(--cards-surface);border:2px solid var(--cards-border-dim);border-radius:12px;display:flex;flex-direction:column;grid-area:chat;min-height:180px}.lobby-messages{flex:1 1;font-size:.85rem;max-height:200px;overflow-y:auto;padding:.5rem .75rem}.lobby-msg{margin:.15rem 0;word-break:break-word}.lobby-msg.user{color:var(--cards-fg);color:var(--cards-chat-text,var(--cards-fg))}.lobby-msg.system{color:var(--cards-fg-muted);font-style:italic}.lobby-msg.user .who{color:var(--cards-success)}.lobby-chat-form{align-items:flex-end;border-top:1px solid var(--cards-border-dim);display:flex;gap:.5rem;padding:.5rem}.lobby-chat-input-wrap{flex:1 1;min-width:0;position:relative}.lobby-chat-form input{box-sizing:border-box;font-size:16px;padding:.4rem .6rem;width:100%}.lobby-chat-cmd-suggest{background:var(--cards-surface);background:var(--cards-surface-2,var(--cards-surface));border:1px solid var(--cards-border-dim);border-radius:8px;bottom:calc(100% + 4px);box-shadow:0 8px 24px #00000073;left:0;list-style:none;margin:0;max-height:10rem;overflow-y:auto;padding:.25rem;position:absolute;right:0;z-index:40}.lobby-chat-cmd-suggest-item{align-items:flex-start;background:#0000;border:none;border-radius:6px;color:var(--cards-fg);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:.1rem;padding:.4rem .5rem;text-align:left;width:100%}.lobby-chat-cmd-suggest-item--active,.lobby-chat-cmd-suggest-item:hover{background:#ffffff14;background:var(--cards-accent-soft,#ffffff14)}.lobby-chat-cmd-suggest-name{color:var(--cards-accent);font-size:.88rem;font-weight:700}.lobby-chat-cmd-suggest-desc{color:var(--cards-fg-muted);font-size:.72rem;line-height:1.3}.lobby-chat-send{background:#0000;border:1px solid var(--cards-border);border-radius:8px;color:var(--cards-fg);cursor:pointer;padding:.4rem .8rem}.lobby-chat-send:hover:not(:disabled){box-shadow:var(--cards-glow)}.lobby-chat-send:disabled{cursor:not-allowed;opacity:.5}.lobby-overlay{align-items:center;background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1006}.lobby-overlay-panel{background:var(--cards-surface);border:2px solid var(--cards-border);border-radius:12px;box-shadow:var(--cards-glow);max-width:24rem;padding:24px;text-align:center}.lobby-overlay-panel h2{margin:0 0 12px;text-shadow:none}.lobby-overlay-panel p{color:var(--cards-fg-muted);margin:0 0 16px}.lobby-overlay-btn{border:2px solid var(--cards-border);border-radius:12px;color:var(--cards-fg);display:inline-block;font-weight:600;padding:10px 18px;text-decoration:none}.lobby-overlay-btn:hover{background:var(--cards-fg);color:var(--cards-bg);text-decoration:none}.table-view--spades{display:flex;flex-direction:column;height:100%;min-height:0;position:relative}.table-view-game{color:var(--cards-accent);font-size:.75rem;font-weight:600}.spades-table-wrap{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:visible;position:relative;z-index:35}.spades-score-dock{bottom:auto;display:none;left:.4rem;max-width:200px;pointer-events:auto;position:absolute;right:auto;top:.4rem;z-index:2}.spades-felt-chrome{inset:0;overflow:visible;pointer-events:none;position:absolute;z-index:40}.spades-felt-chrome>*{pointer-events:auto}.table-presence{position:absolute;right:.4rem;top:.4rem;z-index:50}.table-presence-btn{align-items:center;background:#0000008c;border:1px solid #ffffff59;border-radius:999px;box-shadow:0 2px 8px #00000059;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.25rem;line-height:1;padding:.28rem .5rem}.table-presence-btn--open,.table-presence-btn:hover{border-color:#ffd54a;box-shadow:0 0 10px #ffd54a59}.table-presence-btn--watchers{border-color:#78b4ffa6}.table-presence-icon{font-size:1rem}.table-presence-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;min-width:.9rem}.table-presence-panel{background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:10px;box-shadow:0 10px 28px #0000008c;color:var(--cards-fg);max-height:220px;overflow:auto;padding:.45rem .5rem .55rem;position:absolute;right:0;top:calc(100% + .35rem);width:min(240px,72vw);z-index:100}.table-presence-panel-head{align-items:center;display:flex;font-size:.78rem;justify-content:space-between;margin-bottom:.35rem;padding:0 .15rem}.table-presence-panel-meta{color:var(--cards-fg-muted)}.table-presence-list{list-style:none;margin:0;padding:0}.table-presence-list li{margin:.15rem 0}.table-presence-empty{color:var(--cards-fg-muted);font-size:.75rem;padding:.35rem}.table-presence-user-btn,.table-presence-user-line{align-items:center;background:none;border:none;border-radius:6px;color:inherit;display:flex;font:inherit;font-size:.8rem;gap:.3rem;padding:.2rem .15rem;text-align:left;width:100%}.table-presence-user-btn{cursor:pointer}.table-presence-user-btn:hover{background:var(--cards-tint)}.table-presence-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-presence-tag{color:var(--cards-fg-muted);flex-shrink:0;font-size:.7rem}.table-presence-tag--seat{letter-spacing:.03em;text-transform:uppercase}.spades-scoreboard--dock{background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:8px;box-shadow:0 4px 16px #00000059;color:var(--cards-fg);padding:.3rem .4rem .35rem}.spades-seat-score{background:#0000009e;border:1px solid #ffffff40;border-radius:6px;color:#fff;font-size:.62rem;font-weight:700;line-height:1.2;padding:.12rem .28rem;pointer-events:none;position:absolute;white-space:nowrap;z-index:16}.spades-seat-score .spades-score-bags-line{gap:.15rem}.spades-seat-score .spades-score-bag-label{display:none}.spades-seat-score--south{left:calc(100% + 2.55rem);top:38%;transform:translateY(-50%)}.spades-seat-score--north{right:calc(100% + 2.55rem);top:38%;transform:translateY(-50%)}.spades-seat-score--east{bottom:calc(100% + .3rem);left:auto;right:calc(50% + .85rem);transform:none}.spades-seat-score--west{left:calc(50% + .85rem);top:calc(100% + .3rem);transform:none}.spades-scoreboard--compact h3{font-size:.72rem;margin:0 0 .2rem}.spades-scoreboard--compact .spades-score-row{font-size:.72rem;gap:.25rem;padding:.2rem .3rem}.spades-scoreboard--compact .spades-score-partners{font-size:.7rem;max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spades-scoreboard--dock .spades-score-partners{font-size:.72rem;max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spades-scoreboard--compact .spades-score-bags-line{font-size:.7rem}.spades-scoreboard--compact .spades-score-bag-label{display:none}.spades-scoreboard--dock .spades-scoreboard-hint{color:var(--cards-fg-muted);font-size:.65rem;margin:0}.spades-scoreboard--dock .spades-score-teams-unified{border-color:var(--cards-border-dim)}@media (min-width:960px) and (min-height:640px){.spades-seat-score{display:none}}.table-chat-bubbles{flex-direction:column;gap:.35rem;top:12%;width:min(86%,320px);z-index:18}.table-chat-bubbles,.table-rule-toast-slot{display:flex;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.table-rule-toast-slot{bottom:22%;justify-content:center;width:min(90%,340px);z-index:28}.table-rule-toast{animation:table-chat-bubble-in .2s ease-out;background:#1c140aeb;border-color:#ffb4508c;color:#f2f2f5;color:var(--cards-chat-text,#f2f2f5);font-weight:600;max-width:100%;text-align:center}@media (max-width:720px){.table-rule-toast-slot{bottom:28%;width:min(94%,300px)}.table-rule-toast{font-size:.78rem;padding:.45rem .7rem}}.table-chat-bubble{animation:table-chat-bubble-in .25s ease-out;background:#0c0c10e0;border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 4px 14px #0006;color:#f2f2f5;color:var(--cards-chat-text,#f2f2f5);font-size:.8rem;line-height:1.3;padding:.4rem .65rem;word-break:break-word}.table-chat-bubble strong{color:var(--cards-success)}.table-chat-bubble--system{border-color:#ffffff1a;color:#c8c8d4;color:var(--cards-fg-muted,#c8c8d4);font-style:italic}.table-chat-bubble--highlight{background:#281c08eb;border-color:#ffb43cbf}@keyframes table-chat-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lobby-chat--at-table{min-height:120px}.spades-felt{grid-gap:.05rem;aspect-ratio:4/5;background:linear-gradient(160deg,#1a6b3a,#0d4a28 45%,#083820);border:4px solid #5c3d1e;border-radius:16px;box-shadow:inset 0 0 48px #00000059;display:grid;flex-shrink:0;gap:.05rem;grid-template-areas:". north ." "west center east" "south south south";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(36px,auto) minmax(0,1fr) minmax(72px,auto);height:auto;max-height:min(86vh,780px);overflow:hidden;padding:.05rem .05rem .12rem;position:relative;width:min(100%,min(80vh,700px))}.spades-seat--north{align-self:start;grid-area:north;justify-self:center;margin-top:0;transform:translateY(-2px)}.spades-seat--south{align-self:end;grid-area:south;justify-self:stretch;margin-bottom:0;max-width:100%;padding-bottom:0;width:100%}.spades-seat--west{align-self:center;grid-area:west;justify-self:start;transform:none}.spades-seat--west .spades-seat-avatar-block{transform:translateX(28px)}.spades-seat--east{align-self:center;grid-area:east;justify-self:end;transform:none}.spades-seat--north .spades-hand-zone{margin-bottom:.1rem;margin-top:0}.spades-seat--east .spades-hand-zone,.spades-seat--west .spades-hand-zone{margin-left:2px;margin-right:0}.spades-seat--east,.spades-seat--north,.spades-seat--west{gap:.15rem}.spades-seat{align-items:center;display:flex;gap:.4rem;justify-content:center;position:relative;z-index:12}.spades-seat--east,.spades-seat--west{z-index:10}.spades-seat--north{z-index:12}.spades-seat--south{z-index:22}.spades-seat--north,.spades-seat--south{flex-direction:column}.spades-seat--east,.spades-seat--west{flex-direction:row}.spades-seat-btn{align-items:center;background:none;border:none;color:#fffffff2;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;padding:.25rem}.spades-seat-btn--pickable:hover .seat-avatar{box-shadow:0 0 12px #ffd54a8c}.spades-seat-btn--turn .seat-avatar{animation:spades-turn-pulse 1.4s ease-in-out infinite;border-color:#ffd54a;box-shadow:0 0 16px #ffd54ad9,0 0 4px #ffd54a99}@keyframes spades-turn-pulse{0%,to{box-shadow:0 0 12px #ffd54aa6}50%{box-shadow:0 0 22px #ffd54af2}}.spades-seat-core{justify-content:center}.spades-seat-avatar-block,.spades-seat-core{align-items:center;display:flex;position:relative}.spades-seat-avatar-block{flex-direction:column}.spades-seat-bid{background:#00000059;border-radius:4px;color:#ffd54a;font-size:.7rem;font-weight:700;padding:.1rem .35rem;pointer-events:none;position:absolute;white-space:nowrap;z-index:16}.spades-seat-bid--south{left:calc(100% + .35rem);top:38%;transform:translateY(-50%)}.spades-seat-bid--north{right:calc(100% + .35rem);top:38%;transform:translateY(-50%)}.spades-seat-bid--east{bottom:calc(100% + .3rem);left:50%;transform:translateX(-50%)}.spades-seat-bid--west{left:50%;top:calc(100% + .3rem);transform:translateX(-50%)}.spades-trick-stack-slot{flex-shrink:0;height:38px;pointer-events:none;position:absolute;width:30px;z-index:4}.spades-trick-stack-slot--south{right:calc(100% + .95rem);top:42%;transform:translate(-6px,-50%)}.spades-trick-stack-slot--north{left:calc(100% + .35rem);top:38%;transform:translateY(-50%)}.spades-trick-stack-slot--east{left:50%;top:calc(100% + .3rem);transform:translateX(-50%)}.spades-trick-stack-slot--west{bottom:calc(100% + .65rem);left:50%;transform:translateX(-50%) translateY(-6px)}.spades-trick-stack{flex-shrink:0;height:100%;position:relative;width:100%}.spades-trick-stack-cards{height:30px;position:relative;width:22px}.spades-trick-stack-card{filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.spades-trick-stack-card--layer{left:0;position:absolute;top:0}.spades-trick-stack-card--placeholder{opacity:0;pointer-events:none}.spades-trick-stack-count{align-items:center;background:#000000b8;border:1px solid #ffd54a73;border-radius:50%;bottom:-5px;color:#ffd54a;display:flex;font-size:.55rem;font-weight:700;height:15px;justify-content:center;line-height:1;min-width:15px;padding:0 2px;position:absolute;right:-5px;z-index:8}.spades-trick-stack-count--points{border-color:#ff8c788c;border-radius:8px;color:#ffb4a8;font-size:.58rem;min-width:17px;padding:0 3px}.spades-trick-stack-slot--empty .spades-trick-stack-count{display:none}.spades-trick-stack-slot--points .spades-trick-stack-count{display:flex}.spades-trick-stack-slot--points.spades-trick-stack-slot--empty{opacity:.85}.spades-hand-card--rotated-side{transform-origin:center center}.spades-hand-cards--stacked .spades-hand-card.playing-card--raised{transform:translateY(-20%);z-index:auto}.spades-hand-zone--yours .spades-hand-card.playing-card{outline:none}.spades-hand-zone--yours .spades-hand-card.playing-card:focus,.spades-hand-zone--yours .spades-hand-card.playing-card:focus-visible{box-shadow:none;outline:none}.spades-hand-zone--yours .spades-hand-card.playing-card--raised{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.spades-hand-card{cursor:default}.spades-hand-card--stub{opacity:1}.spades-hand-card--placeholder{background:#0000;border:none;z-index:0}.spades-hand-card--placeholder,.spades-hand-card--reserve-visible{opacity:0;pointer-events:none;visibility:hidden}.spades-hand-zone--reserve-visible{pointer-events:none}.spades-hand-zone--yours .spades-hand-card{cursor:pointer}.spades-table-overlay{align-items:center;bottom:32%;display:flex;flex-direction:column;gap:.5rem;justify-content:center;left:20%;pointer-events:none;position:absolute;right:20%;top:22%;z-index:90}.spades-table-overlay--host{bottom:28%;top:14%}.spades-float-layer{align-items:center;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:.5rem;pointer-events:none;position:absolute;z-index:100}.gin-table-outer{display:flex;justify-content:center;width:100%}.spades-felt.gin-felt{align-items:center;aspect-ratio:auto;display:flex;flex-direction:column;gap:.55rem;grid-template-areas:none;grid-template-columns:none;grid-template-rows:none;justify-content:space-between;max-height:min(86vh,780px);max-width:900px;min-height:min(72vh,560px);overflow:auto;padding:.55rem 0 .7rem;width:min(100%,min(88vh,860px))}@media (max-height:500px) and (max-width:920px),(max-width:480px){.spades-felt.gin-felt{gap:.28rem;height:auto;justify-content:flex-start;max-height:calc(100dvh - 50px - 4.5rem);max-height:calc(100dvh - var(--cards-nav-height, 50px) - 4.5rem);max-width:100%;min-height:0;overflow:hidden;padding:.28rem 0 .35rem;width:min(100%,98vw)}.gin-table-outer{max-width:100%;width:100%}.gin-score-bar{gap:.25rem}.gin-score-chip{font-size:.72rem;padding:.12rem .35rem}.gin-center{gap:.65rem;margin:.15rem 0;min-height:0}.gin-opp-row{gap:.35rem}.gin-melds-preview{font-size:.72rem;gap:.2rem}.gin-action-bar{gap:.3rem;padding-bottom:.15rem}.gin-action-bar .spades-bid-btn{font-size:.78rem;padding:.28rem .55rem}.gin-hand{padding:.05rem 0 .1rem}.table-view--gin-body .table-view-hint-slot{min-height:1.1rem}.table-view--gin-body .table-view-hint{font-size:.75rem;margin:.1rem 0}}.gin-table-wrap{align-items:center;display:flex;flex-direction:column;gap:.65rem;margin:0 auto;max-width:900px;padding:.5rem .2rem 1rem;width:100%}.gin-score-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.gin-score-chip{align-items:center;background:#00000073;border:1px solid #ffffff2e;border-radius:8px;color:#f2f2f5;display:flex;font-size:.85rem;gap:.45rem;padding:.25rem .55rem}.gin-score-chip--meta{font-size:.78rem;opacity:.85}.gin-opp-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.gin-opp-seat{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-width:100px;text-align:center}.gin-opp-name{color:#f2f2f5;display:block;font-weight:600}.gin-opp-count{color:#e0e0e8;font-size:.8rem;opacity:.85}.gin-opp-hand{flex-shrink:0;margin:.2rem auto .25rem;min-height:36px;position:relative}.gin-opp-hand--facedown{transform:rotate(180deg)}.gin-opp-hand--anim .gin-opp-hand-card{transition:left .28s ease}.gin-opp-hand--reveal{transform:none}.gin-opp-hand--reveal-in{animation:gin-reveal-flip .55s ease both}@keyframes gin-reveal-flip{0%{opacity:.2;transform:rotateX(70deg) scale(.92)}to{opacity:1;transform:rotateX(0) scale(1)}}.gin-opp-hand-card{left:0;pointer-events:none;position:absolute;top:0;transition:left .22s ease}.gin-opp-hand-card .playing-card{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.gin-hand-meld-box,.gin-opp-hand-card--faceup{pointer-events:none}.gin-hand-meld-box{border-radius:10px;box-sizing:border-box;position:absolute;z-index:1}.gin-hand-meld-box--set{background:#50b47824;border:2px solid #78dc968c;box-shadow:0 0 10px #50b4782e}.gin-hand-meld-box--run{background:#5a8cd224;border:2px solid #82b4f08c;box-shadow:0 0 10px #5a8cd22e}.gin-flyer{filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition-property:left,top;transition-timing-function:cubic-bezier(.22,.8,.28,1);will-change:left,top;z-index:120}.gin-hand--grouped .gin-hand-cards{position:relative}.gin-hand--grouped .gin-hand-card-btn{transition:left .22s ease,transform .18s ease}.gin-melds-preview,.gin-pile-label{color:#f0f0f4}.gin-deadwood-chip{color:#ffe08a}.gin-center{align-items:flex-end;display:flex;gap:1.25rem;justify-content:center;min-height:110px}.gin-pile{align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.3rem;padding:.25rem}.gin-pile:disabled{cursor:default;opacity:.85}.gin-pile:not(:disabled):hover{background:#ffffff0f}.gin-pile-label{font-size:.72rem;opacity:.85}.gin-hand{align-items:flex-end;box-sizing:border-box;display:flex;justify-content:center;overflow:visible;padding:.15rem 0 .25rem;-webkit-user-select:none;user-select:none}.gin-hand,.gin-hand--spread{max-width:100%;width:100%}.gin-hand-cards{flex-shrink:0;max-width:100%;position:relative}.gin-hand-cards .gin-hand-card-btn{left:0;margin:0;position:absolute;top:0;transition:left .18s ease,transform .18s ease}.gin-warn-toast{background:#281808f0;border:1px solid #ffb4508c;border-radius:12px;bottom:18%;box-shadow:0 6px 20px #0006;color:#fff4e0;font-size:.85rem;font-weight:600;left:50%;max-width:min(340px,92vw);padding:.5rem .85rem;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%);z-index:90}.gin-select-hint{color:#ffe08a;font-size:.8rem;opacity:.9}.gin-meld-chip--btn{color:inherit;cursor:pointer;font:inherit}.gin-meld-chip--btn:hover{filter:brightness(1.12)}.gin-pile{cursor:grab}.gin-pile--disabled{cursor:default;opacity:.55;pointer-events:none}.spades-hand-zone--spread{box-sizing:border-box;max-width:100%;width:100%}.spades-hand-zone--spread .spades-hand-cards--stacked{max-width:100%}.spades-hand-zone--south.spades-hand-zone--spread,.spades-seat--south .spades-hand-zone{flex-shrink:1;max-width:100%;min-width:0;width:100%}.gin-hand--dragging{cursor:grabbing}.gin-hand-card-btn{background:none;border:2px solid #0000;border-radius:6px;box-sizing:border-box;cursor:grab;filter:drop-shadow(0 0 4px rgba(255,213,74,.35));padding:0;touch-action:none}.gin-hand-card-btn--selected{background:#ffc8501f;border-color:#ffc850d9;filter:drop-shadow(0 0 8px rgba(255,200,80,.55))}.gin-hand-card-btn--meld{box-shadow:0 0 0 1px #64c88c73}.gin-hand-card-btn--fresh{background:#50a0ff29;border-color:#78c8ffe6;box-shadow:0 0 0 2px #78c8ff8c,0 0 12px #64b4ff73;z-index:auto}.gin-hand-card-btn--fresh .playing-card{transform:none}.gin-hand-card-btn--ghost{opacity:.25}.gin-hand-card-btn .playing-card{display:block}.gin-drag-ghost{filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));pointer-events:none;position:fixed;transform:translate(-50%,-60%) rotate(-4deg);z-index:80}.gin-table-melds{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;padding:.25rem 0;width:100%}.gin-table-meld{align-items:flex-end;background:#00000047;border:1px solid #fff3;border-radius:8px;display:flex;gap:2px;padding:.3rem .4rem .25rem;position:relative}.gin-table-meld--set{border-color:#78c88c73}.gin-table-meld--run{border-color:#78a0dc80}.gin-table-meld-tag{background:#0000008c;border-radius:4px;color:#f2f2f5;font-size:.62rem;font-weight:700;left:.35rem;padding:0 .3rem;position:absolute;top:-.45rem}.gin-table-melds--opp .gin-table-meld{transform:scale(.92)}.gin-table-meld--withdrawable{color:inherit;cursor:pointer;font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.gin-table-meld--withdrawable:hover:not(:disabled){border-color:#ffc850bf;box-shadow:0 0 0 1px #ffc85059}.gin-table-meld--withdrawable:disabled{cursor:default;opacity:.95}.gin-card-strip{align-items:flex-end;display:flex;gap:2px}.gin-card-strip--layoff .playing-card{border-radius:4px;outline:1px solid #ffc8508c}.gin-reveal-melds{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.4rem .55rem;justify-content:flex-start}.gin-pile--discard.gin-drop-hot{border-radius:10px;outline:2px solid #ffc850b3}.gin-action-bar{gap:.45rem}.gin-action-bar,.gin-melds-preview{display:flex;flex-wrap:wrap;justify-content:center}.gin-melds-preview{align-items:center;font-size:.8rem;gap:.35rem}.gin-melds-label{margin-right:.25rem;opacity:.75}.gin-meld-chip{background:#508c6440;border:1px solid #78c88c59;border-radius:6px;padding:.12rem .4rem}.gin-meld-chip--run{background:#506ea047;border-color:#78a0dc66}.gin-deadwood-chip{font-weight:650;padding:.12rem .4rem}.gin-results-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04080c8c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:.45rem;pointer-events:auto;position:absolute;z-index:120}.gin-hand-results{background:#0c0c10f0;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 12px 40px #0000008c,0 0 0 1px #ffd54a2e;max-width:320px;padding:.85rem 1rem;pointer-events:auto;text-align:center}.gin-hand-results--full,.gin-hand-results--reveal{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-height:min(100%,calc(100dvh - 4.5rem));max-width:min(100%,920px);overflow:auto;overscroll-behavior:contain;padding:.75rem .9rem .85rem;text-align:left;width:min(100%,920px)}.gin-hand-results--full .spades-bid-prompt,.gin-hand-results--reveal .spades-bid-prompt{font-size:1rem;margin:0 0 .45rem;text-align:center}.gin-results-game-over-title{color:#ffe08a;font-size:1.15rem;font-weight:700;letter-spacing:.01em;margin:0 0 .4rem;text-align:center}.gin-results-game-over-title strong{color:#fff6c8}.gin-results-meta{font-size:.78rem;margin:.15rem 0 .5rem;opacity:.75;text-align:center}.gin-results-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.35rem}.gin-reveal-body{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:1fr;margin:.35rem 0 .25rem}@media (min-width:640px){.gin-reveal-body{align-items:start;gap:.65rem;grid-template-columns:1fr 1fr}}.gin-reveal-seat{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;min-width:0;padding:.5rem .55rem}.gin-reveal-seat-title{color:#ffe08a;font-size:.88rem;font-weight:700;margin-bottom:.4rem}.gin-reveal-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.4rem .55rem;margin-bottom:.35rem}.gin-reveal-label{color:#e0e0e8;flex:0 0 auto;font-size:.74rem;font-weight:650;min-width:4.25rem;opacity:.8;padding-top:.4rem}.gin-reveal-note{font-size:.75rem;font-style:italic;margin:.25rem 0 0;opacity:.75}.gin-results-list{background:#00000038;border:1px solid #ffffff14;border-radius:8px;list-style:none;margin:.45rem 0 .55rem;padding:.4rem .5rem;text-align:left}.gin-results-list li{align-items:baseline;display:flex;font-size:.92rem;gap:1rem;justify-content:space-between;padding:.28rem .15rem}.gin-results-list li strong{color:#ffe08a;font-size:1.05rem}@media (max-height:500px) and (max-width:920px),(max-width:480px){.gin-results-overlay{padding:.25rem}.gin-hand-results--full,.gin-hand-results--reveal{max-height:min(100%,calc(100dvh - 3.5rem));padding:.55rem .55rem .65rem}.gin-reveal-body{gap:.4rem}.gin-results-game-over-title{font-size:1rem}}.hearts-pass-panel .hearts-pass-hint{font-size:.9rem;margin:.25rem 0 .5rem;opacity:.9}.hearts-pass-panel .hearts-pass-count{font-weight:600;margin:.35rem 0 .65rem}.hearts-pass-status-list{display:flex;flex-wrap:wrap;font-size:.8rem;gap:.35rem .75rem;list-style:none;margin:.5rem 0 0;opacity:.85;padding:0}.hearts-pass-status--done{font-weight:600;opacity:1}.hearts-received-cards{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:.5rem 0 .75rem}.hearts-received-cards--compact{gap:.28rem;margin:.4rem 0 .55rem}.hearts-received-card{border-radius:4px;box-shadow:0 3px 10px #00000059}.hearts-pass-panel--received{max-width:min(280px,92vw);padding:.65rem .85rem .75rem;text-align:center}.hearts-received-title{font-size:.95rem;font-weight:650;line-height:1.25;margin:0 0 .15rem}.hearts-received-ok{min-width:5.5rem;padding:.35rem 1.1rem}.hearts-moon-banner{color:#e8c070;color:var(--accent,#e8c070);font-weight:700;margin:0 0 .5rem}.hearts-hand-pts{font-size:.85em;opacity:.75}.spades-bid-panel{background:var(--cards-surface);border:1px solid var(--cards-border);border-radius:10px;margin:.35rem 0 .5rem;padding:.6rem .75rem;text-align:center}.spades-bid-panel--float{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--cards-surface);box-shadow:0 10px 36px #0000008c,0 0 0 1px #ffd54a40;box-sizing:border-box;margin:0;max-height:min(92%,calc(100dvh - 5rem));max-width:min(28rem,calc(100% - 1rem));min-width:min(22rem,calc(100% - 1rem));overflow:hidden;overflow-y:auto;padding:.75rem 1rem .85rem;pointer-events:auto;width:-webkit-max-content;width:max-content}.spades-player-dock{align-self:end;flex-direction:column;grid-area:south;justify-self:center;min-height:52px;z-index:22}.spades-last-trick-toggle{background:#0000008c;border:1px solid #ffffff59;border-radius:999px;box-shadow:0 2px 8px #00000059;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;line-height:1.2;padding:.28rem .55rem}.spades-last-trick-toggle--open,.spades-last-trick-toggle:hover{border-color:#ffd54a;box-shadow:0 0 10px #ffd54a59}.spades-last-trick-toggle:disabled{cursor:not-allowed;opacity:.45}.spades-last-trick-panel{background:#000000b8;border:1px solid #ffffff40;border:1px solid var(--cards-border-dim,#ffffff40);border-radius:10px;box-shadow:0 8px 22px #00000080;color:#fff;padding:.45rem .5rem .55rem;width:100%}.spades-last-trick-head{align-items:baseline;color:#ffffffd9;display:flex;font-size:.72rem;gap:.5rem;justify-content:space-between;margin-bottom:.35rem}.spades-last-trick-winner{color:#ffd54a;font-weight:700}.spades-last-trick-stage{flex-shrink:0;margin:.15rem auto 0;position:relative}.spades-last-trick-card{filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));left:50%;pointer-events:none;position:absolute;top:50%}.spades-felt>.spades-last-trick-dock{bottom:auto;top:auto}.spades-top-left-tools{align-items:flex-start;display:flex;flex-direction:column;gap:.35rem;left:.4rem;max-width:min(220px,44vw);pointer-events:none;position:absolute;top:.4rem;z-index:3}.spades-top-left-tools>*{pointer-events:auto}.spades-top-left-tools .spades-last-trick-dock,.spades-top-left-tools .spades-score-dock{max-width:100%;position:static}.spades-game-pick-list{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:.35rem 0 .65rem}.spades-game-pick-btn{min-width:6.5rem}.spades-game-pick-btn--soon{opacity:.55}.spades-host-btn--wide{margin-top:.25rem;width:100%}.spades-hand-zone--opponent .spades-hand-cards--fan .spades-hand-card{transition:transform .12s ease-out}.spades-hand-zone--east,.spades-hand-zone--north,.spades-hand-zone--west{max-width:100%}.spades-player-dock-core{align-items:center;display:flex;gap:.35rem;justify-content:center}.spades-player-avatar-dock{align-items:center;color:#fffffff2;display:flex;flex-direction:column;gap:.15rem}.spades-player-avatar-dock--turn .seat-avatar{animation:spades-turn-pulse 1.4s ease-in-out infinite;border-color:#ffd54a;box-shadow:0 0 16px #ffd54ad9,0 0 4px #ffd54a99}.spades-player-hand-float{align-items:flex-end;bottom:.05rem;display:flex;justify-content:center;left:.35rem;pointer-events:none;position:absolute;right:.35rem;z-index:22}.spades-hand-zone--arc{max-width:100%;overflow:visible}.spades-hand-zone--flat{overflow:visible}.spades-seat--east .spades-hand-zone,.spades-seat--north .spades-hand-zone,.spades-seat--west .spades-hand-zone{max-height:100%;max-width:100%}.spades-host-panel{box-sizing:border-box;max-width:min(94%,440px);padding:.75rem .85rem;text-align:left;width:min(22rem,100%)}.spades-host-panel.spades-bid-panel--float{-webkit-overflow-scrolling:touch;max-height:min(92%,calc(100dvh - 6rem));max-width:min(26rem,calc(100% - .75rem));min-width:min(17rem,calc(100% - .75rem));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.85rem 1rem .95rem;text-align:left;width:min(22.5rem,calc(100% - .75rem))}.spades-host-note{color:var(--cards-fg-muted);font-size:.78rem;margin:0 0 .35rem}.spades-host-actions{display:flex;justify-content:center;margin-bottom:.45rem}.spades-host-toggles{grid-gap:.4rem;box-sizing:border-box;display:grid;gap:.4rem;grid-template-columns:1fr 1fr;margin-bottom:.15rem;margin-top:.15rem;width:100%}.spades-host-btn--wide{font-weight:700;min-width:8rem;padding:.45rem 1rem}.spades-host-btn--toggle{box-sizing:border-box;font-size:.72rem;min-width:0;padding:.42rem .45rem;white-space:nowrap;width:100%}.spades-host-settings{border-bottom:1px solid var(--cards-border-dim);display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem;padding-bottom:.45rem}.spades-host-setting{color:var(--cards-fg-muted);display:flex;flex-direction:column;font-size:.72rem;gap:.15rem}.spades-host-setting select{background:var(--cards-surface);border:1px solid var(--cards-border-dim);border-radius:6px;color:var(--cards-fg);font-size:.78rem;padding:.3rem .4rem}.spades-host-setting--check{align-items:center;cursor:pointer;flex-direction:row;gap:.4rem}.spades-host-setting--check input{accent-color:var(--cards-accent);height:1rem;width:1rem}.spades-host-tournament-hint{color:var(--cards-accent);font-size:.72rem;margin:0 0 .45rem;text-align:center}.spades-host-lock-row{border-top:1px dashed var(--cards-border-dim);margin-top:.25rem;padding-top:.35rem}.spades-bid-btn:disabled{cursor:not-allowed;opacity:.45}.spades-hand-results-panel{box-sizing:border-box;max-width:min(94%,420px);padding:.75rem .85rem .65rem;position:relative;width:100%;z-index:95}.spades-hand-results-panel.spades-bid-panel--float{-webkit-overflow-scrolling:touch;max-height:min(92%,calc(100dvh - 5rem));max-width:min(30rem,calc(100% - .75rem));min-width:min(18rem,calc(100% - .75rem));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.85rem 1rem .9rem;width:min(26rem,calc(100% - .75rem))}.spades-hand-results-panel.spades-bid-panel--float .spades-hand-results-row{align-items:start;grid-template-columns:minmax(0,1fr) auto}.spades-hand-results-panel.spades-bid-panel--float .spades-hand-results-list{gap:.5rem}.spades-hand-results-list{display:flex;flex-direction:column;gap:.45rem;list-style:none;margin:0 0 .5rem;padding:0}.spades-hand-results-row{grid-gap:.15rem .5rem;background:#0003;border-radius:8px;display:grid;font-size:.78rem;gap:.15rem .5rem;grid-template-columns:minmax(0,1fr) auto;min-width:0;padding:.4rem .45rem}.spades-hand-results-name{font-weight:600;grid-column:1}.spades-hand-results-seat{color:var(--cards-fg-muted);display:block;font-size:.68rem;font-weight:400}.spades-hand-results-bid{color:var(--cards-fg-muted);font-size:.7rem;grid-column:1}.spades-hand-results-delta{align-self:center;font-size:.9rem;font-weight:700;grid-column:2;grid-row:1/span 2}.spades-hand-results-delta--pos{color:var(--cards-success)}.spades-hand-results-delta--neg{color:#ef9a9a}.spades-hand-results-row .spades-score-bags-line{grid-column:1/-1}.spades-hand-results-per-seat{color:var(--cards-fg-muted);display:flex;flex-wrap:wrap;font-size:.68rem;gap:.25rem .75rem;margin-bottom:.5rem}.spades-hand-results-seat-line{display:flex;gap:.35rem}.spades-hand-results-wait{color:var(--cards-fg-muted);font-size:.78rem;margin:.25rem 0 0;text-align:center}.spades-vacancy-panel{max-width:min(92%,380px);padding:.75rem .85rem .65rem;width:100%}.spades-vacancy-detail{color:var(--cards-fg-muted);font-size:.82rem;margin:0 0 .55rem;text-align:center}.spades-vacancy-actions{align-items:center;display:flex;flex-direction:column;gap:.4rem}.spades-seat-host-debug{align-items:center;background:#ffd54a;border-radius:3px;color:#1a1200;display:inline-flex;font-size:.6rem;font-weight:800;height:.95rem;justify-content:center;line-height:1;margin-left:.25rem;min-width:.95rem;padding:0 .15rem;vertical-align:middle}.spades-watcher-bot-menu-backdrop{align-items:center;background:#00000059;border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}.spades-watcher-bot-menu{background:var(--cards-surface);border:2px solid var(--cards-accent);border-radius:12px;box-shadow:0 10px 36px #0000008c;display:flex;flex-direction:column;gap:.5rem;max-width:min(92%,300px);padding:1rem 1.1rem;position:relative;z-index:101}.spades-watcher-bot-menu h4{font-size:.95rem;margin:0 0 .25rem;text-align:center;text-shadow:none}.spades-watcher-bot-menu-seat{color:var(--cards-fg-muted);font-size:.85rem;font-weight:400}.spades-game-over{align-items:center;background:#0000008c;border-radius:12px;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.spades-game-over-panel{background:var(--cards-surface);border:2px solid var(--cards-accent);border-radius:12px;box-shadow:0 12px 40px #00000080;max-width:min(92%,360px);padding:1.25rem 1.5rem;text-align:center}.spades-game-over-panel h3{margin:0 0 .5rem;text-shadow:none}.spades-game-over-winner{color:var(--cards-accent);font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.spades-game-over-scores{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.spades-game-over-team{border:1px solid var(--cards-border-dim);border-radius:8px;display:flex;flex-direction:column;gap:.15rem;padding:.5rem}.spades-game-over-team strong{color:var(--cards-success);font-size:1.4rem}.spades-game-over-bags{color:var(--cards-fg-muted);font-size:.7rem}.spades-game-over-hand{color:var(--cards-fg-muted);font-size:.75rem;margin:0 0 .75rem}.spades-game-over-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.spades-player-hand-float .spades-hand-zone{max-width:100%;pointer-events:auto}.spades-bid-prompt{color:var(--cards-fg);font-size:.85rem;margin:0 0 .5rem;text-align:center;width:100%}.spades-bid-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.spades-bid-grid{grid-gap:.35rem;box-sizing:border-box;display:grid;gap:.35rem;grid-template-columns:repeat(7,minmax(2.15rem,1fr));margin:0 auto;min-width:15.5rem;width:100%}.spades-bid-btn{background:var(--cards-bg-alt);border:1px solid var(--cards-border);border-radius:6px;box-sizing:border-box;color:var(--cards-fg);cursor:pointer;font-size:.8rem;font-weight:600;min-width:2.15rem;padding:.35rem .5rem}.spades-bid-btn:hover{border-color:var(--cards-accent);box-shadow:var(--cards-glow)}.spades-bid-btn--primary{border-color:var(--cards-accent);color:var(--cards-accent)}.spades-bid-btn--nil{border-color:#c44;color:#e88}.spades-seat-name{font-size:.75rem;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spades-seat-name--afk{opacity:.9}.spades-seat-afk-tag{font-size:.58rem;letter-spacing:.04em}.spades-seat-afk-tag,.table-presence-tag--afk{color:#fc6;font-weight:800}.spades-hand-zone{flex-shrink:0;max-width:100%;min-width:0;padding:.1rem;position:relative;z-index:18}.spades-seat--south .spades-hand-zone{max-width:none}.spades-hand-cards{align-items:flex-end;display:flex;justify-content:flex-start;position:relative}.spades-hand-cards--stacked{flex-shrink:0}.spades-hand-cards--stacked .spades-hand-card{left:0;position:absolute;top:0;transition:left .22s ease,top .22s ease,transform .22s ease}.spades-hand-cards--stacked.spades-hand-cards--column .spades-hand-card{left:0}.spades-hand-zone--north .spades-hand-cards,.spades-hand-zone--south .spades-hand-cards{flex-direction:row}.spades-hand-zone--east .spades-hand-cards,.spades-hand-zone--west .spades-hand-cards{flex-direction:column}.spades-hand-cards .playing-card{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));flex-shrink:0}.spades-hand-zone--yours .spades-hand-card.playing-card:not(.playing-card--raised){filter:drop-shadow(0 0 4px rgba(255,213,74,.35))}.spades-hand-zone--peek,.spades-seat--yours .spades-hand-zone{z-index:20}.spades-deal-fly,.spades-trick-sprite{z-index:28}.spades-seat--yours .spades-hand-zone{pointer-events:auto}.spades-hand-zone--peek{pointer-events:none}.spades-seat--peek-target .spades-seat-btn{border-radius:8px;outline:2px solid #ffd54a8c;outline-offset:2px}.spades-seat-btn--bot-menu .seat-avatar{box-shadow:0 0 8px #aaaaaa73;cursor:pointer}.table-view-hint--peek{color:var(--cards-accent)}.spades-hand-zone--north .spades-hand-cards--stacked,.spades-hand-zone--south .spades-hand-cards--stacked{margin-left:auto;margin-right:auto}.spades-hand-zone--north,.spades-hand-zone--south{max-width:100%}.spades-hand-zone--east,.spades-hand-zone--west{flex-shrink:0;max-height:100%}.spades-hand-zone--east .spades-hand-cards--stacked,.spades-hand-zone--west .spades-hand-cards--stacked{margin-bottom:auto;margin-top:auto}.spades-trick-sprite{left:50%;pointer-events:none;position:absolute;top:50%}.spades-trick-sprite--flying{animation:spades-play-fly .38s ease-out forwards;animation:spades-play-fly var(--play-fly-ms,.38s) ease-out forwards;animation-fill-mode:forwards;filter:drop-shadow(0 3px 10px rgba(0,0,0,.55));z-index:4}.spades-trick-sprite--resting{animation:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));transform:translate(-50%,-50%) rotate(0deg);transform:translate(calc(-50% + var(--off-x, 0px)),calc(-50% + var(--off-y, 0px))) rotate(var(--off-r,0deg))}.spades-trick-sprite--gathering{animation:spades-trick-gather .78s ease-in-out forwards;animation:spades-trick-gather var(--trick-gather-ms,.78s) ease-in-out forwards;animation-delay:0ms;animation-delay:var(--g-delay,0ms);animation-fill-mode:forwards;filter:drop-shadow(0 3px 10px rgba(0,0,0,.55));will-change:transform,opacity}.spades-play-fly{animation:spades-play-fly .38s ease-out forwards;filter:drop-shadow(0 3px 10px rgba(0,0,0,.55));left:50%;pointer-events:none;position:absolute;top:50%;z-index:4}@keyframes spades-play-fly{0%{opacity:.6;transform:translate(calc(-50% + var(--fly-x0)),calc(-50% + var(--fly-y0))) rotate(var(--fly-r0))}to{opacity:1;transform:translate(calc(-50% + var(--fly-x1)),calc(-50% + var(--fly-y1))) rotate(var(--fly-r1))}}.spades-center{align-items:center;border:1px dashed #ffffff26;border-radius:12px;box-sizing:border-box;color:#ffffffe6;display:flex;flex-direction:column;gap:.35rem;height:48%;justify-content:center;left:50%;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;padding:.15rem;text-align:center;top:50%;transform:translate(-50%,-50%);width:48%;z-index:28}.spades-center,.spades-deck{pointer-events:none;position:absolute}.spades-deck{height:56px;width:40px}.spades-deck-card{left:0;position:absolute;top:0}.spades-deck-card--back{transform:translate(-2px,-2px)}.spades-deck-card--mid{transform:translate(0)}.spades-deck-card--top{transform:translate(2px,2px)}.spades-trick-area{inset:0;pointer-events:none;position:absolute}.spades-trick-card{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0deg);transform:translate(calc(-50% + var(--off-x, 0px)),calc(-50% + var(--off-y, 0px))) rotate(var(--off-r,0deg))}.spades-trick-gather-area{z-index:5}.spades-trick-gather-card{animation:spades-trick-gather .78s ease-in-out forwards;animation:spades-trick-gather var(--trick-gather-ms,.78s) ease-in-out forwards;animation-delay:0ms;animation-delay:var(--g-delay,0ms);filter:drop-shadow(0 3px 10px rgba(0,0,0,.55));left:50%;position:absolute;top:50%;will-change:transform,opacity}@keyframes spades-trick-gather{0%{opacity:1;transform:translate(calc(-50% + var(--gx0)),calc(-50% + var(--gy0))) rotate(var(--gr0)) scale(1)}38%{opacity:1;transform:translate(calc(-50% + var(--gxs)),calc(-50% + var(--gys))) rotate(var(--gr1)) scale(.84)}to{opacity:.1;transform:translate(calc(-50% + var(--gx1)),calc(-50% + var(--gy1))) rotate(var(--gr1)) scale(.36)}}.spades-deal-fly{animation:spades-deal-fly .12s ease-out forwards;pointer-events:none;position:absolute;z-index:2}@keyframes spades-deal-fly{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.spades-deal-fly--north{animation-name:spades-deal-to-north}.spades-deal-fly--south{animation-name:spades-deal-to-south}.spades-deal-fly--east{animation-name:spades-deal-to-east}.spades-deal-fly--west{animation-name:spades-deal-to-west}@keyframes spades-deal-to-north{0%{opacity:1;transform:translate(0)}to{opacity:.2;transform:translateY(-90px);transform:translateY(calc(var(--deal-fly-dist, 90px)*-1))}}@keyframes spades-deal-to-south{0%{opacity:1;transform:translate(0)}to{opacity:.2;transform:translateY(90px);transform:translateY(var(--deal-fly-dist,90px))}}@keyframes spades-deal-to-east{0%{opacity:1;transform:translate(0)}to{opacity:.2;transform:translate(90px);transform:translate(var(--deal-fly-dist,90px))}}@keyframes spades-deal-to-west{0%{opacity:1;transform:translate(0)}to{opacity:.2;transform:translate(-90px);transform:translate(calc(var(--deal-fly-dist, 90px)*-1))}}.spades-center-info{align-items:center;display:flex;flex-direction:column;gap:.25rem;margin-top:0;position:relative;z-index:1}.spades-center-title{font-size:1rem;font-weight:600}.spades-center-host,.spades-center-rules{color:#fff9;font-size:.7rem}.seat-avatar{border:2px solid #ffffff59;border-radius:10px;box-shadow:0 2px 10px #00000073;display:block;object-fit:cover}.seat-avatar--placeholder{align-items:center;background:#00000059;color:#ffffffd9;display:flex;font-size:1.25rem;font-weight:700;justify-content:center}.seat-avatar--you{border-color:#ffd54a}.seat-avatar--bot{border-color:#aaa;opacity:.9}.spades-scoreboard{font-size:.8rem;padding:.5rem .75rem .75rem}.spades-scoreboard h3{font-size:.9rem;margin:0 0 .25rem;text-shadow:none}.spades-scoreboard-mode{font-size:.65rem;margin:0 0 .5rem}.spades-score-roster{border-top:1px solid var(--cards-border-dim);font-size:.68rem;list-style:none;margin:.35rem 0 0;padding:.25rem 0 0}.spades-score-roster li{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:1.1rem 1fr auto;padding:.1rem 0}.spades-score-seat{color:var(--cards-fg-muted);font-weight:600}.spades-score-bid{font-feature-settings:"tnum";color:var(--cards-fg-muted);font-variant-numeric:tabular-nums}.spades-scoreboard-singles{font-size:.75rem;list-style:none;margin:0;padding:0}.spades-scoreboard-singles li{display:flex;justify-content:space-between;padding:.15rem 0}.spades-score-teams-unified{border:1px solid var(--cards-border-dim);border-radius:8px;overflow:hidden}.spades-score-row{grid-gap:.35rem;align-items:center;display:grid;gap:.35rem;grid-template-columns:1fr auto;padding:.4rem .5rem}.spades-score-divider{background:var(--cards-border-dim);height:1px}.spades-score-partners{font-size:.72rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis}.spades-score-value{color:var(--cards-success);font-size:1.1rem;font-weight:700}.spades-score-bags-line{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:.25rem}.spades-score-bag-sep{font-size:.85rem;line-height:1}.spades-score-bag-count{color:var(--cards-fg-muted);font-size:.75rem;font-weight:600}.spades-score-bag-label{color:var(--cards-fg-muted);font-size:.65rem}.spades-scoreboard-mode{color:var(--cards-fg-muted);font-size:.68rem;letter-spacing:.04em;margin:0 0 .35rem;text-transform:uppercase}.spades-score-bags{color:var(--cards-fg-muted);font-size:.65rem}.spades-scoreboard-hint,.spades-scoreboard-rules{color:var(--cards-fg-muted);font-size:.7rem;margin:.35rem 0 0}.spades-seat-bids{font-size:.7rem;list-style:none;margin:.5rem 0 0;padding:0}.spades-seat-bids li{display:flex;justify-content:space-between;padding:.1rem 0}.spades-seat-bid,.spades-seat-name,.spades-trick-stack-count{transform:none;writing-mode:horizontal-tb}@media (min-width:481px){.spades-felt{row-gap:.2rem}}@media (min-width:960px) and (min-height:640px){.spades-score-dock,.spades-top-left-tools .spades-score-dock{display:block}}@media (max-width:700px){.lobby-shell{grid-template-areas:"top" "sidebar" "main" "chat";grid-template-columns:1fr;min-height:auto}.lobby-shell--at-table{grid-template-areas:"top" "main" "chat";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;max-height:none}.lobby-shell--at-table .lobby-chat--at-table{min-height:0}.lobby-shell--at-table .lobby-chat--at-table .lobby-chat-tabs,.lobby-shell--at-table .lobby-chat--at-table .lobby-messages{display:none}.lobby-shell--at-table .lobby-chat--at-table .lobby-chat-form{border-top:none}.lobby-shell--at-table .lobby-main{min-height:0}.lobby-shell--at-table .spades-felt{aspect-ratio:4/5}}@media (max-height:500px) and (max-width:920px),(max-width:480px){.spades-felt{aspect-ratio:4/5;gap:.12rem .08rem;grid-template-columns:minmax(36px,auto) minmax(0,1fr) minmax(36px,auto);grid-template-rows:minmax(36px,auto) minmax(0,1fr) minmax(100px,auto);max-height:min(84vh,100%);padding:.3rem .12rem .45rem;width:min(100%,min(96vw,82vh))}.spades-seat--east{align-self:center;justify-self:end;margin-right:0;max-width:100%;padding-right:0}.spades-seat--west{align-self:center;justify-self:start;margin-left:0;max-width:100%;padding-left:0}.spades-seat--south{justify-self:stretch;max-width:100%;width:100%}.spades-hand-zone--south,.spades-seat--south .spades-hand-zone{margin-left:0;margin-right:0;max-width:100%;width:100%}.spades-center{height:52%;padding:.1rem;width:52%}.spades-trick-stack-slot--south{right:calc(100% + .75rem);transform:translate(-4px,-50%)}.table-presence{right:.25rem;top:.25rem}.spades-seat-score{font-size:.58rem;padding:.08rem .22rem}.table-chat-bubbles{top:10%;width:min(90%,280px)}.lobby-shell--at-table .lobby-top h1{font-size:1.05rem}.lobby-shell--at-table .lobby-top{padding:.35rem .65rem}.spades-table-overlay{align-items:center;bottom:26%;gap:.4rem;justify-content:center;left:0;right:0;top:20%}.spades-table-overlay--host{bottom:22%;top:12%}.spades-host-panel.spades-bid-panel--float{max-height:min(90%,calc(100dvh - 5rem));max-width:calc(100% - .5rem);overflow-y:auto;padding:.7rem .8rem .75rem;width:min(22rem,calc(100% - .5rem))}.spades-host-toggles{gap:.32rem}.spades-bid-panel--float{background:var(--cards-surface);max-width:min(24rem,calc(100% - .5rem));min-width:min(18rem,calc(100% - .5rem));overflow:hidden;padding:.6rem .75rem .7rem}.spades-bid-grid{gap:.28rem;grid-template-columns:repeat(7,minmax(1.6rem,1fr))}.spades-bid-btn{font-size:.75rem;padding:.32rem .35rem}.spades-deck-card--back{transform:translate(-1px,-1px)}.spades-deck-card--top{transform:translate(1px,1px)}.spades-player-hand-float{bottom:1px;left:2px;right:2px}.spades-hand-zone--east,.spades-hand-zone--west{max-height:none;max-width:none;overflow:visible}.spades-seat--east,.spades-seat--west{max-width:none;overflow:visible}.spades-seat--east .spades-hand-zone,.spades-seat--west .spades-hand-zone{flex-shrink:0}.spades-trick-stack-slot{height:30px;width:24px}.spades-seat-bid{font-size:.62rem;padding:.08rem .28rem}.spades-seat-name{font-size:.68rem;max-width:72px}}@media (max-height:500px) and (max-width:920px){.spades-felt{gap:.1rem .06rem;grid-template-columns:minmax(32px,auto) minmax(0,1fr) minmax(32px,auto);grid-template-rows:minmax(28px,auto) minmax(0,1fr) minmax(72px,auto);max-height:82vh;padding:.2rem .1rem .35rem;width:min(96vw,82vh)}.spades-hand-zone--east,.spades-hand-zone--west{max-width:none;overflow:visible}.spades-hand-zone--north,.spades-hand-zone--south{max-width:100%}.spades-seat{gap:.2rem}.spades-table-overlay{bottom:14%;left:2%;right:2%;top:8%}.spades-bid-panel--float{background:var(--cards-surface);box-sizing:border-box;max-width:min(22rem,calc(100% - .5rem));min-width:min(16.5rem,calc(100% - .5rem));overflow:hidden;padding:.5rem .65rem .55rem}.spades-host-panel.spades-bid-panel--float{max-height:min(94%,calc(100dvh - 3.5rem))}.spades-hand-results-panel.spades-bid-panel--float,.spades-host-panel.spades-bid-panel--float{-webkit-overflow-scrolling:touch;max-width:calc(100% - .5rem);overflow-x:hidden;overflow-y:auto;padding:.55rem .7rem .65rem;width:min(22rem,calc(100% - .5rem))}.spades-hand-results-panel.spades-bid-panel--float{max-height:min(92%,calc(100dvh - 3.5rem));min-width:min(16rem,calc(100% - .5rem))}.spades-hand-results-row{font-size:.72rem;padding:.32rem .38rem}.spades-host-settings{gap:.32rem;margin-bottom:.4rem;padding-bottom:.35rem}.spades-host-setting{font-size:.68rem}.spades-host-setting select{font-size:.74rem;padding:.28rem .35rem}.spades-bid-prompt{margin:0 0 .35rem}.spades-bid-grid{gap:.22rem;grid-template-columns:repeat(7,minmax(1.35rem,1fr))}.spades-bid-actions{margin-top:.25rem}.spades-bid-btn{font-size:.68rem;padding:.25rem .3rem}.spades-bid-btn--nil,.spades-bid-btn--primary{min-width:4.5rem;padding:.32rem .55rem}}
/*# sourceMappingURL=main.a98efe26.css.map*/