@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap";.login-container{--purple-left:#5b1fa8;--purple-mid:#3d1578;--indigo-right:#0d0618;--accent-yellow:#ffd600;--accent-yellow-hover:#ffe44d;--text-white:#fff;--text-dark:#1a0a2e;--error-bg:#ef444433;--error-border:#f8717180;--error-text:#fecaca;--radius:10px;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;min-height:100vh;font-family:var(--font);color:var(--text-white);-webkit-font-smoothing:antialiased;background:#fff;flex-direction:column;display:flex}.login-hero{background:linear-gradient(90deg, var(--purple-left) 0%, var(--purple-mid) 45%, var(--indigo-right) 100%);flex-direction:column;flex:1;min-height:78vh;display:flex;position:relative;overflow:hidden}.login-nav{z-index:2;justify-content:flex-end;align-items:center;gap:1.25rem;padding:1.25rem 2.5rem;display:flex;position:relative}.login-nav-link{color:var(--text-white);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-family:inherit;font-size:1rem;font-weight:500}.login-nav-link:hover{opacity:.85;text-decoration:underline}.login-nav-link.is-active{font-weight:700;text-decoration:underline}.login-auth-tabs{border-radius:var(--radius);background:#ffffff24;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:.35rem;padding:4px;display:grid}.login-auth-tab{color:#ffffffd1;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.55rem .7rem;font-family:inherit;font-size:.92rem;font-weight:700}.login-auth-tab.is-active{color:var(--text-dark);background:#fff}.login-admin-heading{color:var(--text-white);text-align:center;margin:0 0 .35rem;font-size:1.1rem}.login-hero-content{z-index:2;flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;width:100%;max-width:1100px;margin:0 auto;padding:1rem 3rem 7rem;display:grid;position:relative}.login-logo{letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1}.login-logo-img{object-fit:contain;width:auto;max-width:min(100%,18rem);height:clamp(2.75rem,6vw,4rem);display:block}.login-tagline{letter-spacing:.04em;text-transform:uppercase;color:var(--text-white);margin:0 0 1.35rem;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:700;line-height:1.25}.login-feature-list{flex-direction:column;gap:.55rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.login-feature-list li{color:#fffffff2;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:500;line-height:1.4}.login-cta{background:var(--accent-yellow);min-width:11rem;min-height:3.1rem;color:var(--text-dark);letter-spacing:.06em;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-family:inherit;font-size:1.05rem;font-weight:800;display:inline-flex}.login-cta:hover:not(:disabled){background:var(--accent-yellow-hover)}.login-cta:disabled{opacity:.75;cursor:not-allowed}.login-container--admin .login-cta{display:none}.login-right-panel{justify-content:flex-end;align-items:center;width:100%;display:flex}.login-product-stack{flex-direction:column;gap:1.15rem;width:100%;max-width:28rem;display:flex}.login-product-card{box-sizing:border-box;text-align:left;cursor:pointer;border:none;border-radius:22px;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:7.5rem;padding:1.5rem 1.75rem;font-family:inherit;transition:transform .15s;display:flex}.login-product-card:hover{transform:translateY(-2px)}.login-product-openplay{background:var(--accent-yellow);color:#512bb4;box-shadow:0 12px 28px #0003}.login-product-tournament{color:#512bb4;background:#fff;border:1px solid #ffffffe6;box-shadow:0 12px 28px #0000002e}.login-product-title{letter-spacing:-.02em;font-size:clamp(1.85rem,3vw,2.35rem);font-weight:800;line-height:1.1}.login-product-sub{letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin-top:.35rem;font-size:.95rem;font-weight:700}.login-auth-panel{justify-content:center;align-items:center;width:100%;display:flex}.login-back-products{color:#fffc;cursor:pointer;background:0 0;border:none;margin-top:.25rem;padding:.25rem 0;font-family:inherit;font-size:.85rem}.login-back-products:hover{color:var(--text-white);text-decoration:underline}.login-auth-form{flex-direction:column;gap:1rem;width:100%;max-width:340px;display:flex}.login-form-group{flex-direction:column;gap:.35rem;display:flex}.login-form-label{color:var(--text-white);font-size:.9rem;font-weight:500}.login-form-input{border-radius:var(--radius);color:#111827;box-sizing:border-box;background:#fff;border:none;outline:none;width:100%;padding:.7rem .85rem;font-family:inherit;font-size:1rem}.login-form-input:focus{box-shadow:0 0 0 3px #ffd60073}.login-form-input:disabled{opacity:.7;cursor:not-allowed}.login-auth-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:var(--radius);padding:.75rem .9rem;font-size:.875rem;line-height:1.4}.login-auth-success{color:#bbf7d0;border-radius:var(--radius);background:#22c55e2e;border:1px solid #4ade8073;padding:.75rem .9rem;font-size:.875rem;line-height:1.4}.login-verify-copy{color:#ffffffeb;margin:0;font-size:.95rem;line-height:1.5}.login-cta-block{width:100%;margin-top:.25rem}.login-secondary-btn{border-radius:var(--radius);width:100%;color:var(--text-white);cursor:pointer;background:0 0;border:1px solid #ffffff59;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600}.login-secondary-btn:hover:not(:disabled){background:#ffffff14}.login-secondary-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-primary{border-radius:var(--radius);background:var(--accent-yellow);width:100%;color:var(--text-dark);cursor:pointer;border:none;margin-top:.35rem;padding:.8rem 1rem;font-family:inherit;font-size:1.05rem;font-weight:700}.login-btn-primary:hover:not(:disabled){background:var(--accent-yellow-hover)}.login-btn-primary:disabled{opacity:.75;cursor:not-allowed}.login-switch-account{color:var(--accent-yellow);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;font-weight:700}.login-switch-account:hover{text-decoration:underline}.login-auth-footer{text-align:center;color:#ffffffe6;margin:.25rem 0 0;font-size:.9rem}.login-auth-footer button{color:var(--accent-yellow);font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.login-auth-footer button:hover{text-decoration:underline}.login-waves{pointer-events:none;z-index:1;height:160px;position:absolute;bottom:0;left:0;right:0}.login-waves svg{width:100%;height:100%;display:block}.login-bottom-band{background:#fff;flex-shrink:0;min-height:72px}@media (width<=800px){.login-hero-content{grid-template-columns:1fr;align-items:start;gap:2.5rem;padding:.5rem 1.5rem 6rem}.login-right-panel{justify-content:stretch}.login-product-stack{max-width:none}.login-auth-panel{justify-content:stretch}.login-auth-form{max-width:100%}.login-nav{padding:1rem 1.25rem}.login-container--admin .login-hero{min-height:100vh}.login-container--admin .login-hero-content{flex-direction:column;gap:1.25rem;padding:1.25rem 1.25rem 5.5rem;display:flex}.login-container--admin .login-right-panel{order:-1}.login-container--admin .login-brand-block{order:1}.login-container--admin .login-feature-list,.login-container--admin .login-cta{display:none}.login-container--admin .login-tagline{margin-bottom:0;font-size:1rem}.login-container--admin .login-logo{margin-bottom:.35rem}.login-container--admin .login-logo-img{height:2.25rem}.login-container--admin .login-auth-form{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000038;border-radius:14px;gap:.85rem;padding:1rem}.login-container--admin .login-form-input,.login-container--admin .login-btn-primary{min-height:48px;font-size:16px}.login-container--admin .login-waves{height:96px}}:root{--color-primary-25:#f4f1ff;--color-primary-50:#ece7ff;--color-primary-100:#dad1ff;--color-primary-200:#b8acff;--color-primary-300:#9686ff;--color-primary-400:#7b62fe;--color-primary-500:#8152f7;--color-primary-600:#6a39e0;--color-primary-700:#5527c0;--color-primary-800:#2b1180;--color-primary-900:#010243;--color-lime-300:#dfff4f;--color-lime-400:#cf0;--color-lime-500:#b2e600;--color-lime-600:#9c0;--color-dirty-white:#ebebe4;--color-dirty-white-darker:#b0b0a8;--color-dark-gray:#1a1a1a;--color-medium-gray:#2d2d2d;--color-light-gray-border:#404040;--color-secondary-50:#fffdf0;--color-secondary-100:#fffbe0;--color-secondary-200:#fff6b3;--color-secondary-300:#ffef85;--color-secondary-400:#ffe857;--color-secondary-500:#f6d803;--color-secondary-600:#d9bf03;--color-secondary-700:#b39d02;--color-secondary-800:#8c7b02;--color-secondary-900:#665901;--color-success-25:#f0fdf4;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-200:#bfdbfe;--color-info-300:#93c5fd;--color-info-400:#60a5fa;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-info-700:#1d4ed8;--color-info-800:#1e40af;--color-info-900:#1e3a8a;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-surface-primary:#fff;--color-surface-secondary:#f5f5f5;--color-surface-tertiary:#e5e7eb;--color-surface-elevated:#fff;--color-surface-overlay:#00000080;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-text-tertiary:var(--color-gray-500);--color-text-inverse:#fff;--color-text-disabled:var(--color-gray-400);--color-border-primary:var(--color-gray-200);--color-border-secondary:var(--color-gray-300);--color-border-focus:var(--color-primary-500);--color-border-error:var(--color-error-500);--color-border-success:var(--color-success-500);--font-primary:"JetBrains Mono", "Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--container-xs:100%;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--container-3xl:1920px;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014;--shadow-base:0 2px 4px 0 #00000014;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 8px 12px -2px #0000001a;--shadow-xl:0 12px 16px -3px #0000001a;--shadow-2xl:0 16px 24px -4px #0000001f;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-none:0 0 #0000;--shadow-focus-primary:0 0 0 3px #667eea1a;--shadow-focus-error:0 0 0 3px #ef44441a;--shadow-focus-success:0 0 0 3px #10b9811a;--shadow-focus-warning:0 0 0 3px #f59e0b1a;--shadow-primary:0 2px 8px #667eea1f;--shadow-secondary:0 2px 8px #d946ef1f;--shadow-success:0 2px 8px #10b9811f;--shadow-warning:0 2px 8px #f59e0b1f;--shadow-error:0 2px 8px #ef44441f;--shadow-info:0 2px 8px #3b82f61f;--elevation-1:var(--shadow-sm);--elevation-2:var(--shadow-base);--elevation-3:var(--shadow-md);--elevation-4:var(--shadow-lg);--elevation-5:var(--shadow-xl);--duration-75:75ms;--duration-100:.1s;--duration-150:.15s;--duration-200:.2s;--duration-300:.3s;--duration-400:.4s;--duration-500:.5s;--duration-700:.7s;--duration-1000:1s;--duration-1500:1.5s;--duration-2000:2s;--duration-3000:3s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic:cubic-bezier(.175, .885, .32, 1.275);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--ease-anticipate:cubic-bezier(.25, .46, .45, .94);--ease-overshoot:cubic-bezier(.25, .46, .45, .94);--ease-smooth:cubic-bezier(.25, .1, .25, 1);--ease-sharp:cubic-bezier(.4, 0, .6, 1);--ease-emphasized:cubic-bezier(.2, 0, 0, 1);--ease-decelerated:cubic-bezier(0, 0, .2, 1);--ease-accelerated:cubic-bezier(.4, 0, 1, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-button:cubic-bezier(.25, .46, .45, .94);--ease-card:cubic-bezier(.25, .1, .25, 1);--ease-modal:cubic-bezier(.2, 0, 0, 1);--ease-tooltip:cubic-bezier(.25, .46, .45, .94);--ease-drag:cubic-bezier(.25, .1, .25, 1);--transition-fast:all var(--duration-150) var(--ease-out);--transition-base:all var(--duration-200) var(--ease-out);--transition-slow:all var(--duration-300) var(--ease-in-out);--transition-colors:color var(--duration-150) var(--ease-out), background-color var(--duration-150) var(--ease-out), border-color var(--duration-150) var(--ease-out);--transition-transform:transform var(--duration-200) var(--ease-out);--transition-opacity:opacity var(--duration-200) var(--ease-out);--transition-shadow:box-shadow var(--duration-200) var(--ease-out);--transition-button:all var(--duration-200) var(--ease-button);--transition-card:all var(--duration-300) var(--ease-card);--transition-modal:all var(--duration-400) var(--ease-modal);--transition-tooltip:all var(--duration-200) var(--ease-tooltip);--transition-drag:all var(--duration-200) var(--ease-drag);--delay-0:0s;--delay-75:75ms;--delay-100:.1s;--delay-150:.15s;--delay-200:.2s;--delay-300:.3s;--delay-500:.5s;--delay-700:.7s;--delay-1000:1s;--stagger-1:var(--delay-75);--stagger-2:var(--delay-150);--stagger-3:var(--delay-200);--stagger-4:var(--delay-300);--stagger-5:var(--delay-500);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--breakpoint-3xl:1920px;--breakpoint-4xl:2560px;--space-multiplier-xs:.75;--space-multiplier-sm:.875;--space-multiplier-md:1;--space-multiplier-lg:1.125;--space-multiplier-xl:1.25;--space-multiplier-2xl:1.5;--text-multiplier-xs:.875;--text-multiplier-sm:.9375;--text-multiplier-md:1;--text-multiplier-lg:1.0625;--text-multiplier-xl:1.125;--text-multiplier-2xl:1.25;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--grid-cols-xs:1;--grid-cols-sm:2;--grid-cols-md:3;--grid-cols-lg:4;--grid-cols-xl:5;--grid-cols-2xl:6}.container{width:100%;padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (width>=480px){.container{max-width:var(--container-xs);padding-left:var(--space-6);padding-right:var(--space-6)}}@media (width>=640px){.container{max-width:var(--container-sm)}}@media (width>=768px){.container{max-width:var(--container-md);padding-left:var(--space-8);padding-right:var(--space-8)}}@media (width>=1024px){.container{max-width:var(--container-lg)}}@media (width>=1280px){.container{max-width:var(--container-xl)}}@media (width>=1536px){.container{max-width:var(--container-2xl)}}@media (width>=1920px){.container{max-width:var(--container-3xl)}}.hidden-xs,.hidden-sm,.hidden-md,.hidden-lg,.hidden-xl,.hidden-2xl{display:none}@media (width>=480px){.hidden-xs{display:initial}.show-xs-only{display:none}}@media (width>=640px){.hidden-sm{display:initial}.show-sm-only{display:none}}@media (width>=768px){.hidden-md{display:initial}.show-md-only{display:none}}@media (width>=1024px){.hidden-lg{display:initial}.show-lg-only{display:none}}@media (width>=1280px){.hidden-xl{display:initial}.show-xl-only{display:none}}@media (width>=1536px){.hidden-2xl{display:initial}.show-2xl-only{display:none}}@media (width<=479px){.text-center-xs{text-align:center}.text-left-xs{text-align:left}.text-right-xs{text-align:right}}@media (width>=480px) and (width<=639px){.text-center-sm{text-align:center}.text-left-sm{text-align:left}.text-right-sm{text-align:right}}@media (width>=640px) and (width<=767px){.text-center-md{text-align:center}.text-left-md{text-align:left}.text-right-md{text-align:right}}@media (width>=768px) and (width<=1023px){.text-center-lg{text-align:center}.text-left-lg{text-align:left}.text-right-lg{text-align:right}}@media (width>=1024px){.text-center-xl{text-align:center}.text-left-xl{text-align:left}.text-right-xl{text-align:right}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{text-rendering:optimizespeed;min-height:100vh;line-height:var(--leading-normal);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-surface-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button{cursor:pointer;background:0 0;border:none}input,textarea,select{background:0 0;border:none;outline:none}fieldset{border:none;margin:0;padding:0}legend{padding:0}table{border-collapse:collapse;border-spacing:0}hr{background:var(--color-border-primary);border:none;height:1px}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-2)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight)}h2{font-size:var(--text-3xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-medium)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary-600);transition:var(--transition-colors);text-decoration:none}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-1);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}blockquote{border-left:4px solid var(--color-primary-200);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-secondary);font-style:italic}code{font-family:var(--font-mono);background-color:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);color:var(--color-text-primary);font-size:.875em}pre{font-family:var(--font-mono);background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-4) 0;overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}small{font-size:var(--text-sm);color:var(--color-text-tertiary)}strong,b{font-weight:var(--font-semibold);color:var(--color-text-primary)}em,i{font-style:italic}mark{background-color:var(--color-warning-200);color:var(--color-warning-900);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.text-disabled{color:var(--color-text-disabled)}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-auto-fit-xs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-auto-fit-xl{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-auto-fill-xs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-auto-fill-sm{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-auto-fill-md{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-auto-fill-lg{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.grid-auto-fill-xl{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.z-auto{z-index:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.z-tooltip{z-index:var(--z-tooltip)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-min{min-height:min-content}.min-h-max{min-height:max-content}.min-h-fit{min-height:fit-content}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-min{max-height:min-content}.max-h-max{max-height:max-content}.max-h-fit{max-height:fit-content}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.max-w-none{max-width:none}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.m-24{margin:var(--space-24)}.m-auto{margin:auto}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.p-24{padding:var(--space-24)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pr-6{padding-right:var(--space-6)}.pr-8{padding-right:var(--space-8)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.pl-6{padding-left:var(--space-6)}.pl-8{padding-left:var(--space-8)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-primary-800{background-color:var(--color-primary-800)}.bg-primary-900{background-color:var(--color-primary-900)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-info-50{background-color:var(--color-info-50)}.bg-info-100{background-color:var(--color-info-100)}.bg-info-500{background-color:var(--color-info-500)}.bg-info-600{background-color:var(--color-info-600)}.bg-surface-primary{background-color:var(--color-surface-primary)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-tertiary{background-color:var(--color-surface-tertiary)}.text-white{color:#fff}.text-black{color:#000}.text-primary-500{color:var(--color-primary-500)}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-warning-600{color:var(--color-warning-600)}.text-warning-700{color:var(--color-warning-700)}.text-error-600{color:var(--color-error-600)}.text-error-700{color:var(--color-error-700)}.text-info-600{color:var(--color-info-600)}.text-info-700{color:var(--color-info-700)}.border-transparent{border-color:#0000}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-primary-500{border-color:var(--color-primary-500)}.border-success-500{border-color:var(--color-success-500)}.border-warning-500{border-color:var(--color-warning-500)}.border-error-500{border-color:var(--color-error-500)}.border-0{border-width:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.hover-lift{transition:var(--transition-base)}.hover-lift-sm:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.hover-lift-lg:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.hover-scale{transition:var(--transition-transform)}.hover-scale-sm:hover{transform:scale(1.01)}.hover-scale-lg:hover{transform:scale(1.05)}.hover-glow{transition:var(--transition-shadow)}.hover-glow-success:hover{box-shadow:var(--shadow-success)}.hover-glow-warning:hover{box-shadow:var(--shadow-warning)}.hover-glow-error:hover{box-shadow:var(--shadow-error)}.hover-brighten{transition:var(--transition-colors)}.hover-brighten:hover{filter:brightness(1.05)}.hover-saturate:hover{filter:saturate(1.2)}.interactive{cursor:pointer;transition:var(--transition-base);-webkit-user-select:none;user-select:none}.interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.interactive:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.interactive-card{cursor:pointer;transition:var(--transition-base)}.interactive-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.interactive-card:active{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-enhanced{transition:var(--transition-base);position:relative;overflow:hidden}.btn-enhanced:before{content:"";width:100%;height:100%;transition:left var(--duration-500) var(--ease-out);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.btn-enhanced:hover:before{left:100%}.btn-enhanced:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-enhanced:active{box-shadow:var(--shadow-md);transform:translateY(0)}.focus-enhanced:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none;transform:translateY(-1px)}.focus-ring-enhanced:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;box-shadow:var(--shadow-focus-primary)}.pulse-subtle{animation:pulse-subtle 3s var(--ease-in-out) infinite}.pulse-glow{animation:pulse-glow 2s var(--ease-in-out) infinite}.pulse-scale{animation:pulse-scale 2s var(--ease-in-out) infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:var(--shadow-lg)}}@keyframes pulse-scale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}}.animate-slide-down{animation:slideDown var(--duration-300) var(--ease-out)}.animate-bounce-in{animation:bounceIn var(--duration-500) var(--ease-bounce)}.animate-elastic-in{animation:elasticIn var(--duration-700) var(--ease-elastic)}.animate-stagger-1{animation-delay:var(--duration-100)}.animate-stagger-2{animation-delay:var(--duration-200)}.animate-stagger-3{animation-delay:var(--duration-300)}.animate-stagger-4{animation-delay:var(--duration-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0,0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes elasticIn{0%{opacity:0;transform:scale(.1)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)}90%{transform:translateY(-4px)}}.animate-shimmer{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);animation:shimmer var(--duration-1000) var(--ease-in-out) infinite;background-size:200% 100%}@keyframes shimmer{0%,to{transform:translate(-100%)translateY(-100%)rotate(45deg)}50%{transform:translate(100%)translateY(100%)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.transition-all,.transition-fast,.transition-slow,.transition-colors,.transition-transform,.transition-opacity,.transition-shadow,.hover-lift,.hover-lift:hover,.hover-lift-sm:hover,.hover-lift-lg:hover,.hover-scale,.hover-scale:hover,.hover-scale-sm:hover,.hover-scale-lg:hover,.interactive:hover,.interactive:active,.interactive-card:hover,.interactive-card:active,.btn-enhanced:hover,.btn-enhanced:active,.focus-enhanced:focus-visible,.animate-fade-in,.animate-fade-in-up,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-slide-up,.animate-slide-down,.animate-scale-in,.animate-bounce-in,.animate-elastic-in,.animate-spin,.animate-ping,.animate-bounce,.animate-shimmer,.pulse-subtle,.pulse-glow,.pulse-scale{transition:none!important;animation:none!important;transform:none!important}.btn-enhanced:before{display:none}}.dragging{opacity:.7;z-index:var(--z-modal);box-shadow:var(--shadow-xl);transition:var(--transition-base);transform:rotate(3deg)scale(1.02);cursor:grabbing!important}.dragging,.dragging *,body.is-dragging,body.is-dragging *{cursor:grabbing!important}.dragging:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#667eea1a 0%,#667eea0d 100%);position:absolute;inset:0}.drag-preview{opacity:.9;z-index:var(--z-modal);animation:drag-float var(--duration-1000) var(--ease-in-out) infinite alternate;transform:rotate(5deg)scale(1.05);box-shadow:0 20px 25px #00000026,0 10px 10px #0000000a;cursor:grabbing!important}@keyframes drag-float{0%{transform:rotate(5deg)scale(1.05)translateY(0)}to{transform:rotate(5deg)scale(1.05)translateY(-2px)}}.drag-ghost{opacity:.3;filter:grayscale(.5);transition:var(--transition-base);transform:scale(.95)}.drop-zone{transition:var(--transition-base);position:relative;overflow:hidden}.drop-zone:before{content:"";opacity:0;transition:var(--transition-opacity);pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#0000 0%,#10b9810d 100%);position:absolute;inset:0}.drop-zone-active{box-shadow:var(--shadow-success);animation:drop-zone-pulse var(--duration-1000) var(--ease-in-out) infinite;transform:scale(1.02);border-color:var(--color-success-400)!important;background:var(--color-success-50)!important}.drop-zone-active:before{opacity:1}.drop-zone-active:after{content:"";border:2px dashed var(--color-success-500);border-radius:calc(var(--radius-xl) - 2px);animation:dash-flow var(--duration-1000) linear infinite;pointer-events:none;position:absolute;inset:2px}@keyframes drop-zone-pulse{0%,to{box-shadow:var(--shadow-success);transform:scale(1.02)}50%{box-shadow:0 0 20px #10b9814d, var(--shadow-success);transform:scale(1.04)}}@keyframes dash-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:20px}}.drop-zone-court{min-height:120px}.drop-zone-court.drop-zone-active{background:linear-gradient(135deg, var(--color-success-50) 0%, var(--color-success-25) 100%)!important}.drop-zone-next{min-height:80px}.drop-zone-next.drop-zone-active{box-shadow:var(--shadow-primary);background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-primary-25) 100%)!important;border-color:var(--color-primary-400)!important}.drop-zone-next.drop-zone-active:after{border-color:var(--color-primary-500)}.drop-indicator{align-items:center;gap:var(--space-2);color:var(--color-success-600);font-weight:var(--font-semibold);opacity:0;transition:var(--transition-opacity);pointer-events:none;z-index:1;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drop-zone-active .drop-indicator{opacity:1;animation:drop-indicator-bounce var(--duration-500) var(--ease-bounce)}.drop-indicator-icon{animation:drop-icon-pulse var(--duration-700) var(--ease-in-out) infinite;font-size:2rem}.drop-indicator-text{font-size:var(--text-sm);text-align:center;white-space:nowrap}@keyframes drop-indicator-bounce{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes drop-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.drag-handle{cursor:grab;transition:var(--transition-colors);padding:var(--space-2);border-radius:var(--radius-base)}.drag-handle:hover{background:var(--color-gray-100);color:var(--color-primary-600)}.drag-handle:active{cursor:grabbing;background:var(--color-gray-200)}.drag-feedback{pointer-events:none;z-index:var(--z-modal);opacity:.9;box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);animation:drag-feedback-float var(--duration-1000) var(--ease-in-out) infinite alternate;position:fixed;top:0;left:0;transform:scale(1.05)}@keyframes drag-feedback-float{0%{transform:scale(1.05)translateY(0)}to{transform:scale(1.05)translateY(-3px)}}.snap-animation{animation:snap-to-position var(--duration-300) var(--ease-out)}@keyframes snap-to-position{0%{transform:scale(1.05)}50%{transform:scale(.95)}to{transform:scale(1)}}.swap-animation{animation:swap-positions var(--duration-500) var(--ease-in-out)}@keyframes swap-positions{0%{transform:scale(1)}25%{transform:scale(1.1)rotate(5deg)}50%{transform:scale(.9)rotate(-5deg)}75%{transform:scale(1.05)rotate(2deg)}to{transform:scale(1)rotate(0)}}.drop-invalid{animation:invalid-shake var(--duration-300) var(--ease-in-out);border-color:var(--color-error-400)!important;background:var(--color-error-50)!important}@keyframes invalid-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.drag-preview-enhanced{position:relative;overflow:visible}.drag-preview-enhanced:before{content:"";background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));border-radius:calc(var(--radius-xl) + 4px);opacity:.2;animation:drag-glow var(--duration-1000) var(--ease-in-out) infinite alternate;z-index:-1;position:absolute;inset:-4px}@keyframes drag-glow{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.02)}}.team-section-enhanced{transition:var(--transition-base);position:relative}.team-section-enhanced.drop-zone-active{animation:team-ready var(--duration-500) var(--ease-bounce)}@keyframes team-ready{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1.02)}}.player-slot-enhanced{transition:var(--transition-base);position:relative}.player-slot-enhanced.drop-zone-active{animation:slot-ready var(--duration-300) var(--ease-bounce)}.player-slot-enhanced.drop-zone-active:before{content:"👤";animation:slot-icon-bounce var(--duration-500) var(--ease-bounce) infinite;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes slot-ready{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}@keyframes slot-icon-bounce{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.2)}}@media (prefers-reduced-motion:reduce){.dragging,.drag-preview,.drag-ghost,.drop-zone-active,.drop-indicator,.drag-feedback,.snap-animation,.swap-animation,.drop-invalid,.drag-preview-enhanced,.team-section-enhanced,.player-slot-enhanced{transition:none!important;animation:none!important;transform:none!important}.drag-preview-enhanced:before,.drop-zone:before,.drop-zone-active:after,.player-slot-enhanced.drop-zone-active:before{display:none}}@media (width<=479px){.block-xs{display:block!important}.inline-block-xs{display:inline-block!important}.inline-xs{display:inline!important}.flex-xs{display:flex!important}.inline-flex-xs{display:inline-flex!important}.grid-xs{display:grid!important}.hidden-xs{display:none!important}}@media (width>=480px) and (width<=639px){.block-sm{display:block!important}.inline-block-sm{display:inline-block!important}.inline-sm{display:inline!important}.flex-sm{display:flex!important}.inline-flex-sm{display:inline-flex!important}.grid-sm{display:grid!important}.hidden-sm{display:none!important}}@media (width>=640px) and (width<=767px){.block-md{display:block!important}.inline-block-md{display:inline-block!important}.inline-md{display:inline!important}.flex-md{display:flex!important}.inline-flex-md{display:inline-flex!important}.grid-md{display:grid!important}.hidden-md{display:none!important}}@media (width>=768px) and (width<=1023px){.block-lg{display:block!important}.inline-block-lg{display:inline-block!important}.inline-lg{display:inline!important}.flex-lg{display:flex!important}.inline-flex-lg{display:inline-flex!important}.grid-lg{display:grid!important}.hidden-lg{display:none!important}}@media (width>=1024px) and (width<=1279px){.block-xl{display:block!important}.inline-block-xl{display:inline-block!important}.inline-xl{display:inline!important}.flex-xl{display:flex!important}.inline-flex-xl{display:inline-flex!important}.grid-xl{display:grid!important}.hidden-xl{display:none!important}}@media (width>=1280px){.block-2xl{display:block!important}.inline-block-2xl{display:inline-block!important}.inline-2xl{display:inline!important}.flex-2xl{display:flex!important}.inline-flex-2xl{display:inline-flex!important}.grid-2xl{display:grid!important}.hidden-2xl{display:none!important}}@media (width<=479px){.flex-col-xs{flex-direction:column!important}.flex-row-xs{flex-direction:row!important}}@media (width>=480px) and (width<=639px){.flex-col-sm{flex-direction:column!important}.flex-row-sm{flex-direction:row!important}}@media (width>=640px) and (width<=767px){.flex-col-md{flex-direction:column!important}.flex-row-md{flex-direction:row!important}}@media (width>=768px) and (width<=1023px){.flex-col-lg{flex-direction:column!important}.flex-row-lg{flex-direction:row!important}}@media (width>=1024px) and (width<=1279px){.flex-col-xl{flex-direction:column!important}.flex-row-xl{flex-direction:row!important}}@media (width>=1280px){.flex-col-2xl{flex-direction:column!important}.flex-row-2xl{flex-direction:row!important}}@media (width<=479px){.grid-cols-1-xs{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-xs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width>=480px) and (width<=639px){.grid-cols-1-sm{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-sm{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-sm{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width>=640px) and (width<=767px){.grid-cols-1-md{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-md{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-md{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4-md{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (width>=768px) and (width<=1023px){.grid-cols-1-lg{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-lg{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-lg{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4-lg{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5-lg{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@media (width>=1024px) and (width<=1279px){.grid-cols-1-xl{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-xl{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-xl{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4-xl{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5-xl{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6-xl{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media (width>=1280px){.grid-cols-1-2xl{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2-2xl{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3-2xl{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4-2xl{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-cols-5-2xl{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-6-2xl{grid-template-columns:repeat(6,minmax(0,1fr))!important}.grid-cols-8-2xl{grid-template-columns:repeat(8,minmax(0,1fr))!important}.grid-cols-12-2xl{grid-template-columns:repeat(12,minmax(0,1fr))!important}}@media (width<=479px){.p-2-xs{padding:calc(var(--space-2) * var(--space-multiplier-xs))!important}.p-3-xs{padding:calc(var(--space-3) * var(--space-multiplier-xs))!important}.p-4-xs{padding:calc(var(--space-4) * var(--space-multiplier-xs))!important}.p-6-xs{padding:calc(var(--space-6) * var(--space-multiplier-xs))!important}.p-8-xs{padding:calc(var(--space-8) * var(--space-multiplier-xs))!important}.m-2-xs{margin:calc(var(--space-2) * var(--space-multiplier-xs))!important}.m-3-xs{margin:calc(var(--space-3) * var(--space-multiplier-xs))!important}.m-4-xs{margin:calc(var(--space-4) * var(--space-multiplier-xs))!important}.m-6-xs{margin:calc(var(--space-6) * var(--space-multiplier-xs))!important}.m-8-xs{margin:calc(var(--space-8) * var(--space-multiplier-xs))!important}.gap-2-xs{gap:calc(var(--space-2) * var(--space-multiplier-xs))!important}.gap-3-xs{gap:calc(var(--space-3) * var(--space-multiplier-xs))!important}.gap-4-xs{gap:calc(var(--space-4) * var(--space-multiplier-xs))!important}.gap-6-xs{gap:calc(var(--space-6) * var(--space-multiplier-xs))!important}}@media (width>=480px) and (width<=639px){.p-2-sm{padding:calc(var(--space-2) * var(--space-multiplier-sm))!important}.p-3-sm{padding:calc(var(--space-3) * var(--space-multiplier-sm))!important}.p-4-sm{padding:calc(var(--space-4) * var(--space-multiplier-sm))!important}.p-6-sm{padding:calc(var(--space-6) * var(--space-multiplier-sm))!important}.p-8-sm{padding:calc(var(--space-8) * var(--space-multiplier-sm))!important}.m-2-sm{margin:calc(var(--space-2) * var(--space-multiplier-sm))!important}.m-3-sm{margin:calc(var(--space-3) * var(--space-multiplier-sm))!important}.m-4-sm{margin:calc(var(--space-4) * var(--space-multiplier-sm))!important}.m-6-sm{margin:calc(var(--space-6) * var(--space-multiplier-sm))!important}.m-8-sm{margin:calc(var(--space-8) * var(--space-multiplier-sm))!important}.gap-2-sm{gap:calc(var(--space-2) * var(--space-multiplier-sm))!important}.gap-3-sm{gap:calc(var(--space-3) * var(--space-multiplier-sm))!important}.gap-4-sm{gap:calc(var(--space-4) * var(--space-multiplier-sm))!important}.gap-6-sm{gap:calc(var(--space-6) * var(--space-multiplier-sm))!important}}@media (width>=1280px){.p-2-xl{padding:calc(var(--space-2) * var(--space-multiplier-xl))!important}.p-3-xl{padding:calc(var(--space-3) * var(--space-multiplier-xl))!important}.p-4-xl{padding:calc(var(--space-4) * var(--space-multiplier-xl))!important}.p-6-xl{padding:calc(var(--space-6) * var(--space-multiplier-xl))!important}.p-8-xl{padding:calc(var(--space-8) * var(--space-multiplier-xl))!important}.m-2-xl{margin:calc(var(--space-2) * var(--space-multiplier-xl))!important}.m-3-xl{margin:calc(var(--space-3) * var(--space-multiplier-xl))!important}.m-4-xl{margin:calc(var(--space-4) * var(--space-multiplier-xl))!important}.m-6-xl{margin:calc(var(--space-6) * var(--space-multiplier-xl))!important}.m-8-xl{margin:calc(var(--space-8) * var(--space-multiplier-xl))!important}.gap-2-xl{gap:calc(var(--space-2) * var(--space-multiplier-xl))!important}.gap-3-xl{gap:calc(var(--space-3) * var(--space-multiplier-xl))!important}.gap-4-xl{gap:calc(var(--space-4) * var(--space-multiplier-xl))!important}.gap-6-xl{gap:calc(var(--space-6) * var(--space-multiplier-xl))!important}}@media (width>=1536px){.p-2-2xl{padding:calc(var(--space-2) * var(--space-multiplier-2xl))!important}.p-3-2xl{padding:calc(var(--space-3) * var(--space-multiplier-2xl))!important}.p-4-2xl{padding:calc(var(--space-4) * var(--space-multiplier-2xl))!important}.p-6-2xl{padding:calc(var(--space-6) * var(--space-multiplier-2xl))!important}.p-8-2xl{padding:calc(var(--space-8) * var(--space-multiplier-2xl))!important}.m-2-2xl{margin:calc(var(--space-2) * var(--space-multiplier-2xl))!important}.m-3-2xl{margin:calc(var(--space-3) * var(--space-multiplier-2xl))!important}.m-4-2xl{margin:calc(var(--space-4) * var(--space-multiplier-2xl))!important}.m-6-2xl{margin:calc(var(--space-6) * var(--space-multiplier-2xl))!important}.m-8-2xl{margin:calc(var(--space-8) * var(--space-multiplier-2xl))!important}.gap-2-2xl{gap:calc(var(--space-2) * var(--space-multiplier-2xl))!important}.gap-3-2xl{gap:calc(var(--space-3) * var(--space-multiplier-2xl))!important}.gap-4-2xl{gap:calc(var(--space-4) * var(--space-multiplier-2xl))!important}.gap-6-2xl{gap:calc(var(--space-6) * var(--space-multiplier-2xl))!important}}@media (width<=479px){.text-xs-xs{font-size:calc(var(--text-xs) * var(--text-multiplier-xs))!important}.text-sm-xs{font-size:calc(var(--text-sm) * var(--text-multiplier-xs))!important}.text-base-xs{font-size:calc(var(--text-base) * var(--text-multiplier-xs))!important}.text-lg-xs{font-size:calc(var(--text-lg) * var(--text-multiplier-xs))!important}.text-xl-xs{font-size:calc(var(--text-xl) * var(--text-multiplier-xs))!important}.text-2xl-xs{font-size:calc(var(--text-2xl) * var(--text-multiplier-xs))!important}}@media (width>=480px) and (width<=639px){.text-xs-sm{font-size:calc(var(--text-xs) * var(--text-multiplier-sm))!important}.text-sm-sm{font-size:calc(var(--text-sm) * var(--text-multiplier-sm))!important}.text-base-sm{font-size:calc(var(--text-base) * var(--text-multiplier-sm))!important}.text-lg-sm{font-size:calc(var(--text-lg) * var(--text-multiplier-sm))!important}.text-xl-sm{font-size:calc(var(--text-xl) * var(--text-multiplier-sm))!important}.text-2xl-sm{font-size:calc(var(--text-2xl) * var(--text-multiplier-sm))!important}}@media (width>=1280px){.text-xs-xl{font-size:calc(var(--text-xs) * var(--text-multiplier-xl))!important}.text-sm-xl{font-size:calc(var(--text-sm) * var(--text-multiplier-xl))!important}.text-base-xl{font-size:calc(var(--text-base) * var(--text-multiplier-xl))!important}.text-lg-xl{font-size:calc(var(--text-lg) * var(--text-multiplier-xl))!important}.text-xl-xl{font-size:calc(var(--text-xl) * var(--text-multiplier-xl))!important}.text-2xl-xl{font-size:calc(var(--text-2xl) * var(--text-multiplier-xl))!important}}@media (width>=1536px){.text-xs-2xl{font-size:calc(var(--text-xs) * var(--text-multiplier-2xl))!important}.text-sm-2xl{font-size:calc(var(--text-sm) * var(--text-multiplier-2xl))!important}.text-base-2xl{font-size:calc(var(--text-base) * var(--text-multiplier-2xl))!important}.text-lg-2xl{font-size:calc(var(--text-lg) * var(--text-multiplier-2xl))!important}.text-xl-2xl{font-size:calc(var(--text-xl) * var(--text-multiplier-2xl))!important}.text-2xl-2xl{font-size:calc(var(--text-2xl) * var(--text-multiplier-2xl))!important}}@media (width<=479px){.w-full-xs{width:100%!important}.w-auto-xs{width:auto!important}.h-auto-xs{height:auto!important}.min-h-screen-xs{min-height:100vh!important}}@media (width>=480px) and (width<=639px){.w-full-sm{width:100%!important}.w-auto-sm{width:auto!important}.h-auto-sm{height:auto!important}.min-h-screen-sm{min-height:100vh!important}}@media (width>=640px) and (width<=767px){.w-full-md{width:100%!important}.w-auto-md{width:auto!important}.h-auto-md{height:auto!important}.min-h-screen-md{min-height:100vh!important}}@media (width>=768px) and (width<=1023px){.w-full-lg{width:100%!important}.w-auto-lg{width:auto!important}.h-auto-lg{height:auto!important}.min-h-screen-lg{min-height:100vh!important}}@media (width>=1024px) and (width<=1279px){.w-full-xl{width:100%!important}.w-auto-xl{width:auto!important}.h-auto-xl{height:auto!important}.min-h-screen-xl{min-height:100vh!important}}@media (width>=1280px){.w-full-2xl{width:100%!important}.w-auto-2xl{width:auto!important}.h-auto-2xl{height:auto!important}.min-h-screen-2xl{min-height:100vh!important}}@media (width<=479px){.relative-xs{position:relative!important}.absolute-xs{position:absolute!important}.fixed-xs{position:fixed!important}.static-xs{position:static!important}}@media (width>=480px) and (width<=639px){.relative-sm{position:relative!important}.absolute-sm{position:absolute!important}.fixed-sm{position:fixed!important}.static-sm{position:static!important}}@media (width>=640px) and (width<=767px){.relative-md{position:relative!important}.absolute-md{position:absolute!important}.fixed-md{position:fixed!important}.static-md{position:static!important}}@media (width>=768px) and (width<=1023px){.relative-lg{position:relative!important}.absolute-lg{position:absolute!important}.fixed-lg{position:fixed!important}.static-lg{position:static!important}}@media (width>=1024px) and (width<=1279px){.relative-xl{position:relative!important}.absolute-xl{position:absolute!important}.fixed-xl{position:fixed!important}.static-xl{position:static!important}}@media (width>=1280px){.relative-2xl{position:relative!important}.absolute-2xl{position:absolute!important}.fixed-2xl{position:fixed!important}.static-2xl{position:static!important}}@media (resolution>=1.25x){:root{--space-multiplier-zoom:1.1;--text-multiplier-zoom:1.05}.zoom-responsive{font-size:calc(1em * var(--text-multiplier-zoom));padding:calc(var(--space-4) * var(--space-multiplier-zoom))}}@media (resolution>=1.5x){:root{--space-multiplier-zoom:1.15;--text-multiplier-zoom:1.08}}@media (resolution>=2x){:root{--space-multiplier-zoom:1.2;--text-multiplier-zoom:1.1}}@media (orientation:landscape){.landscape-only{display:block!important}.portrait-only{display:none!important}.landscape-flex-row{flex-direction:row!important}.landscape-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (orientation:portrait){.landscape-only{display:none!important}.portrait-only{display:block!important}.portrait-flex-col{flex-direction:column!important}.portrait-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}}@media print{.print-hidden{display:none!important}.print-block{display:block!important}.print-inline{display:inline!important}.print-text-sm{font-size:12px!important}.print-text-base{font-size:14px!important}.print-text-lg{font-size:16px!important}.print-p-2{padding:8px!important}.print-p-4{padding:16px!important}.print-m-2{margin:8px!important}.print-m-4{margin:16px!important}.print-break-before{page-break-before:always!important}.print-break-after{page-break-after:always!important}.print-break-inside-avoid{page-break-inside:avoid!important}}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min);justify-content:center;align-items:center;display:flex}.touch-target-comfortable{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable)}.touch-target-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large)}.touch-spacing{padding:var(--space-3) var(--space-4);margin:var(--space-2)}.touch-spacing-comfortable{padding:var(--space-4) var(--space-5);margin:var(--space-3)}.touch-spacing-large{padding:var(--space-5) var(--space-6);margin:var(--space-4)}.touch-active{transition:transform .1s ease-out;transform:scale(.98)}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:after{content:"";pointer-events:none;background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .3s ease-out,height .3s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-feedback:active:after{width:200px;height:200px}@media (hover:hover) and (pointer:fine){.touch-hover:hover{background-color:var(--color-gray-100);box-shadow:var(--shadow-md);transform:translateY(-1px)}.touch-hover-primary:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-300)}.touch-hover-success:hover{background-color:var(--color-success-50);border-color:var(--color-success-300)}.touch-hover-warning:hover{background-color:var(--color-warning-50);border-color:var(--color-warning-300)}.touch-hover-error:hover{background-color:var(--color-error-50);border-color:var(--color-error-300)}}@media (hover:none) and (pointer:coarse){.touch-only-active:active{background-color:var(--color-gray-100);transform:scale(.98)}.touch-only-primary:active{background-color:var(--color-primary-100);border-color:var(--color-primary-400)}.touch-only-success:active{background-color:var(--color-success-100);border-color:var(--color-success-400)}.touch-only-warning:active{background-color:var(--color-warning-100);border-color:var(--color-warning-400)}.touch-only-error:active{background-color:var(--color-error-100);border-color:var(--color-error-400)}.touch-hover:hover,.touch-hover-primary:hover,.touch-hover-success:hover,.touch-hover-warning:hover,.touch-hover-error:hover{background-color:initial;box-shadow:initial;border-color:initial;transform:none}}.touch-draggable{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}.touch-draggable:active{cursor:grabbing}.touch-drag-handle{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);background:var(--color-gray-100);border-radius:var(--radius-base);border:2px solid var(--color-gray-300);transition:var(--transition-base);justify-content:center;align-items:center;display:flex}.touch-drag-handle:active{background:var(--color-primary-100);border-color:var(--color-primary-400);transform:scale(1.05)}.touch-drag-handle:before{content:"⋮⋮";font-size:var(--text-lg);color:var(--color-gray-600);letter-spacing:-2px;line-height:1}.touch-drop-zone{min-height:var(--touch-target-large);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);background:var(--color-gray-50);transition:var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative}.touch-drop-zone:before{content:"📱";font-size:var(--text-2xl);opacity:.5;margin-bottom:var(--space-2)}.touch-drop-zone-active{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-primary);transform:scale(1.02)}.touch-drop-zone-active:before{content:"✨";opacity:1;animation:.5s ease-in-out infinite alternate bounce}.touch-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow:auto}.touch-scroll-horizontal{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow:auto hidden}.touch-scroll-vertical{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow:hidden auto}.touch-input{min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md);border:2px solid var(--color-border-primary);transition:var(--transition-base)}.touch-input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #667eea1a}.touch-select{min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md);border:2px solid var(--color-border-primary);background:var(--color-surface-primary);cursor:pointer;transition:var(--transition-base)}.touch-select:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #667eea1a}.touch-button{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);justify-content:center;align-items:center;gap:var(--space-2);border:none;display:flex;position:relative;overflow:hidden}.touch-button:active{transform:scale(.98)}.touch-button-primary{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));color:#fff;box-shadow:var(--shadow-sm)}.touch-button-primary:active{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));box-shadow:var(--shadow-md)}.touch-button-secondary{background:var(--color-surface-primary);color:var(--color-text-primary);border:2px solid var(--color-border-primary);box-shadow:var(--shadow-sm)}.touch-button-secondary:active{background:var(--color-gray-50);border-color:var(--color-gray-400)}.touch-nav{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.touch-nav-item{min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex}.touch-nav-item:active{transform:scale(.98)}.touch-nav-item-active{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-sm)}.touch-nav-item-active:active{background:var(--color-primary-600)}.touch-swipeable{touch-action:pan-x;-webkit-user-select:none;user-select:none}.touch-pinchable{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none}.touch-pannable{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.touch-accessible{outline:none}.touch-accessible:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.touch-loading{pointer-events:none;opacity:.7;position:relative}.touch-loading:after{content:"";border:2px solid var(--color-primary-200);border-top-color:var(--color-primary-500);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:before{content:"";opacity:0;pointer-events:none;background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-ripple:active:before{opacity:1;width:300px;height:300px;transition:width .1s ease-out,height .1s ease-out,opacity .1s ease-out}@media (pointer:coarse){.touch-adaptive{padding:calc(var(--space-4) * 1.2);margin:calc(var(--space-2) * 1.2)}.touch-adaptive-gap{gap:calc(var(--space-3) * 1.2)}.touch-adaptive-text{font-size:calc(var(--text-base) * 1.1)}.hover-only{display:none}}@media (pointer:fine){.pointer-adaptive{padding:var(--space-3);margin:var(--space-1)}.pointer-adaptive-gap{gap:var(--space-2)}.touch-only{display:none}}.icon{transition:var(--transition-colors);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-xs{width:12px;height:12px;font-size:12px}.icon-sm{width:16px;height:16px;font-size:16px}.icon-md{width:20px;height:20px;font-size:20px}.icon-lg{width:24px;height:24px;font-size:24px}.icon-xl{width:32px;height:32px;font-size:32px}.icon-2xl{width:40px;height:40px;font-size:40px}.icon-3xl{width:48px;height:48px;font-size:48px}.icon-primary{color:var(--color-primary-500)}.icon-secondary{color:var(--color-text-secondary)}.icon-success{color:var(--color-success-500)}.icon-warning{color:var(--color-warning-500)}.icon-error{color:var(--color-error-500)}.icon-muted{color:var(--color-text-tertiary)}.icon-inverse{color:var(--color-text-inverse)}.icon-bg{border-radius:var(--radius-md);padding:var(--space-2);transition:var(--transition-base)}.icon-bg-primary{background:var(--color-primary-100);color:var(--color-primary-600)}.icon-bg-success{background:var(--color-success-100);color:var(--color-success-600)}.icon-bg-warning{background:var(--color-warning-100);color:var(--color-warning-600)}.icon-bg-error{background:var(--color-error-100);color:var(--color-error-600)}.icon-bg-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.icon-btn{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);color:var(--color-text-secondary);min-width:var(--touch-target-min);min-height:var(--touch-target-min);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-gray-100);color:var(--color-text-primary);transform:scale(1.05)}.icon-btn:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.icon-btn:active{transform:scale(.95)}.icon-btn-primary{color:var(--color-primary-500)}.icon-btn-primary:hover{background:var(--color-primary-100);color:var(--color-primary-600)}.icon-btn-success{color:var(--color-success-500)}.icon-btn-success:hover{background:var(--color-success-100);color:var(--color-success-600)}.icon-btn-warning{color:var(--color-warning-500)}.icon-btn-warning:hover{background:var(--color-warning-100);color:var(--color-warning-600)}.icon-btn-error{color:var(--color-error-500)}.icon-btn-error:hover{background:var(--color-error-100);color:var(--color-error-600)}.icon-spin{animation:spin var(--duration-1000) linear infinite}.icon-pulse{animation:pulse var(--duration-2000) var(--ease-in-out) infinite}.icon-bounce{animation:bounce var(--duration-1000) var(--ease-bounce) infinite}.icon-wiggle{animation:wiggle var(--duration-500) var(--ease-in-out) infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.icon-text{align-items:center;gap:var(--space-2);display:inline-flex}.icon-text-vertical{align-items:center;gap:var(--space-1);flex-direction:column;display:inline-flex}.skill-icon{border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-inverse);text-shadow:0 1px 2px #0000001a;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.skill-icon:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.skill-beginner{background:linear-gradient(135deg, var(--color-success-400), var(--color-success-500))}.skill-intermediate{background:linear-gradient(135deg, var(--color-warning-400), var(--color-warning-500))}.skill-advanced{background:linear-gradient(135deg, var(--color-error-400), var(--color-error-500))}.skill-expert{background:linear-gradient(135deg, var(--color-primary-400), var(--color-primary-500))}.status-icon{border-radius:var(--radius-full);width:20px;height:20px;font-size:var(--text-xs);justify-content:center;align-items:center;display:inline-flex;position:relative}.status-active{background:var(--color-success-500);color:var(--color-text-inverse);animation:pulse-glow var(--duration-2000) var(--ease-in-out) infinite}.status-waiting{background:var(--color-warning-500);color:var(--color-text-inverse);animation:pulse var(--duration-3000) var(--ease-in-out) infinite}.status-ready{background:var(--color-info-500);color:var(--color-text-inverse)}.status-inactive{background:var(--color-gray-400);color:var(--color-text-inverse)}.court-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));width:32px;height:32px;color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-bold);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.court-icon:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff4d 0%,#0000 50%);position:absolute;inset:0}.court-icon-active{background:linear-gradient(135deg, var(--color-success-500), var(--color-success-600));animation:pulse-glow var(--duration-2000) var(--ease-in-out) infinite}.action-icon{border-radius:var(--radius-md);width:28px;height:28px;font-size:var(--text-sm);transition:var(--transition-base);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.action-play{background:linear-gradient(135deg, var(--color-success-500), var(--color-success-600));color:var(--color-text-inverse);box-shadow:var(--shadow-success)}.action-play:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.action-pause{background:linear-gradient(135deg, var(--color-warning-500), var(--color-warning-600));color:var(--color-text-inverse);box-shadow:var(--shadow-warning)}.action-pause:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.action-stop{background:linear-gradient(135deg, var(--color-error-500), var(--color-error-600));color:var(--color-text-inverse);box-shadow:var(--shadow-error)}.action-stop:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.action-info{background:linear-gradient(135deg, var(--color-info-500), var(--color-info-600));color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.action-info:hover{box-shadow:var(--shadow-lg);transform:scale(1.1)}.decorative-dot{border-radius:var(--radius-full);opacity:.5;background:currentColor;width:4px;height:4px}.decorative-line{opacity:.3;background:linear-gradient(90deg,#0000,currentColor,#0000);height:1px}.decorative-separator{align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);display:flex}.decorative-separator:before,.decorative-separator:after{content:"";opacity:.3;background:linear-gradient(90deg,#0000,currentColor,#0000);flex:1;height:1px}.visual-glow{position:relative}.visual-glow:before{content:"";background:linear-gradient(135deg, var(--color-primary-500), var(--color-secondary-500));border-radius:inherit;z-index:-1;opacity:0;transition:var(--transition-opacity);position:absolute;inset:-2px}.visual-glow:hover:before{opacity:.3}.visual-shimmer{position:relative;overflow:hidden}.visual-shimmer:before{content:"";width:100%;height:100%;transition:left var(--duration-1000) var(--ease-out);background:linear-gradient(90deg,#0000,#fff6,#0000);position:absolute;top:0;left:-100%}.visual-shimmer:hover:before{left:100%}@media (pointer:coarse){.icon-btn{min-width:var(--touch-target-comfortable);min-height:var(--touch-target-comfortable);padding:var(--space-3)}.icon-xs{width:16px;height:16px;font-size:16px}.icon-sm{width:20px;height:20px;font-size:20px}.icon-md{width:24px;height:24px;font-size:24px}.icon-lg{width:28px;height:28px;font-size:28px}.icon-xl{width:36px;height:36px;font-size:36px}.icon-2xl{width:44px;height:44px;font-size:44px}.icon-3xl{width:52px;height:52px;font-size:52px}.skill-icon{width:28px;height:28px;font-size:var(--text-sm)}.status-icon{width:24px;height:24px;font-size:var(--text-sm)}.court-icon{width:36px;height:36px;font-size:var(--text-base)}.action-icon{width:32px;height:32px;font-size:var(--text-base)}}.gradient-primary{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600))}.gradient-secondary{background:linear-gradient(135deg, var(--color-secondary-500), var(--color-secondary-600))}.gradient-success{background:linear-gradient(135deg, var(--color-success-500), var(--color-success-600))}.gradient-warning{background:linear-gradient(135deg, var(--color-warning-500), var(--color-warning-600))}.gradient-error{background:linear-gradient(135deg, var(--color-error-500), var(--color-error-600))}.gradient-subtle{background:linear-gradient(135deg, var(--color-surface-primary), var(--color-surface-secondary))}.gradient-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:1px solid #fff3}.border-gradient{background:var(--color-surface-primary);border-radius:var(--radius-lg);position:relative}.border-gradient:before{content:"";background:linear-gradient(135deg, var(--color-primary-500), var(--color-secondary-500));border-radius:inherit;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.border-animated{position:relative;overflow:hidden}.border-animated:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary-500), transparent);animation:border-flow var(--duration-2000) linear infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes border-flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.depth-1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.depth-2{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.depth-3{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.depth-4{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.depth-5{box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038}.shadow-colored{box-shadow:0 4px 14px #667eea40}.shadow-success-colored{box-shadow:0 4px 14px #10b98140}.shadow-warning-colored{box-shadow:0 4px 14px #f59e0b40}.shadow-error-colored{box-shadow:0 4px 14px #ef444440}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.shadow-inner-lg{box-shadow:inset 0 4px 8px #0000001f}.text-gradient{background:linear-gradient(135deg, var(--color-primary-500), var(--color-secondary-500));-webkit-text-fill-color:transparent;font-weight:var(--font-bold);-webkit-background-clip:text;background-clip:text}.text-shadow{text-shadow:0 1px 3px #0000004d}.text-shadow-lg{text-shadow:0 2px 4px #0006}.text-glow{text-shadow:0 0 10px}.text-outline{-webkit-text-stroke:1px var(--color-text-primary);text-stroke:1px var(--color-text-primary)}.space-y-fluid>*+*{margin-top:clamp(var(--space-2), 2vw, var(--space-6))}.space-x-fluid>*+*{margin-left:clamp(var(--space-2), 2vw, var(--space-6))}.container-fluid{width:100%;max-width:min(100% - var(--space-8), 1200px);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:16/9}.aspect-photo{aspect-ratio:4/3}.interactive-lift{transition:var(--transition-base)}.interactive-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.interactive-lift:active{box-shadow:var(--shadow-md);transform:translateY(0)}.interactive-scale{transition:var(--transition-transform)}.interactive-scale:hover{transform:scale(1.02)}.interactive-scale:active{transform:scale(.98)}.interactive-glow{transition:var(--transition-base);position:relative}.interactive-glow:before{content:"";background:linear-gradient(135deg, var(--color-primary-500), var(--color-secondary-500));border-radius:inherit;z-index:-1;opacity:0;transition:var(--transition-opacity);filter:blur(4px);position:absolute;inset:-2px}.interactive-glow:hover:before{opacity:.4}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text:last-child{width:60%;margin-bottom:0}.skeleton-circle{border-radius:var(--radius-full);aspect-ratio:1}.skeleton-button{height:var(--space-10);width:120px}.feedback-success{background:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);animation:feedback-slide-in var(--duration-300) var(--ease-out)}.feedback-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-200);color:var(--color-warning-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);animation:feedback-slide-in var(--duration-300) var(--ease-out)}.feedback-error{background:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);animation:feedback-slide-in var(--duration-300) var(--ease-out)}.feedback-info{background:var(--color-info-50);border:1px solid var(--color-info-200);color:var(--color-info-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);animation:feedback-slide-in var(--duration-300) var(--ease-out)}@keyframes feedback-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.overlay-dark{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.overlay-light{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc}.overlay-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.pattern-dots{background-image:radial-gradient(circle, var(--color-gray-300) 1px, transparent 1px);opacity:.5;background-size:20px 20px}.pattern-grid{background-image:linear-gradient(var(--color-gray-200) 1px, transparent 1px), linear-gradient(90deg, var(--color-gray-200) 1px, transparent 1px);opacity:.3;background-size:20px 20px}.pattern-diagonal{background-image:repeating-linear-gradient(45deg, transparent, transparent 10px, var(--color-gray-100) 10px, var(--color-gray-100) 20px);opacity:.5}.divider{background:var(--color-border-primary);height:1px;margin:var(--space-4) 0}.divider-gradient{background:linear-gradient(90deg, transparent, var(--color-border-primary), transparent);height:1px;margin:var(--space-4) 0}.divider-thick{background:var(--color-border-primary);height:2px;margin:var(--space-6) 0}.divider-dashed{background-image:linear-gradient(90deg, var(--color-border-primary) 50%, transparent 50%);height:1px;margin:var(--space-4) 0;background-size:10px 1px}.corner-cut{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.corner-notch{position:relative}.corner-notch:before{content:"";background:var(--color-surface-secondary);clip-path:polygon(0 0,100% 100%,0 100%);width:10px;height:10px;position:absolute;top:0;right:0}.shape-hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.shape-arrow{clip-path:polygon(0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%)}.hide-mobile{display:block}.show-mobile{display:none}@media (width<=768px){.hide-mobile{display:none}.show-mobile{display:block}.mobile-stack{flex-direction:column!important}.mobile-full{width:100%!important}.mobile-center{text-align:center!important}}@media print{.no-print{display:none!important}.print-only{display:block!important}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}.print-no-break{page-break-inside:avoid}}.focus-trap{position:relative}.focus-trap:before,.focus-trap:after{content:"";opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-scroll{will-change:scroll-position}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@media (prefers-color-scheme:dark){.dark-invert{filter:invert()}.dark-dim{opacity:.8}.dark-hide{display:none}}@media (prefers-reduced-motion:reduce){.motion-safe{transition:none!important;animation:none!important;transform:none!important}.motion-safe *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.space-px{margin:1px}.space-0-5{margin:2px}.space-1-5{margin:6px}.space-2-5{margin:10px}.space-3-5{margin:14px}.space-x-px>*+*{margin-left:1px}.space-x-0-5>*+*{margin-left:2px}.space-x-1-5>*+*{margin-left:6px}.space-x-2-5>*+*{margin-left:10px}.space-x-3-5>*+*{margin-left:14px}.space-y-px>*+*{margin-top:1px}.space-y-0-5>*+*{margin-top:2px}.space-y-1-5>*+*{margin-top:6px}.space-y-2-5>*+*{margin-top:10px}.space-y-3-5>*+*{margin-top:14px}.-m-px{margin:-1px}.-m-0-5{margin:-2px}.-m-1{margin:calc(-1 * var(--space-1))}.-m-2{margin:calc(-1 * var(--space-2))}.-m-3{margin:calc(-1 * var(--space-3))}.-m-4{margin:calc(-1 * var(--space-4))}.-mt-px{margin-top:-1px}.-mt-0-5{margin-top:-2px}.-mt-1{margin-top:calc(-1 * var(--space-1))}.-mt-2{margin-top:calc(-1 * var(--space-2))}.-mt-3{margin-top:calc(-1 * var(--space-3))}.-mt-4{margin-top:calc(-1 * var(--space-4))}.-ml-px{margin-left:-1px}.-ml-0-5{margin-left:-2px}.-ml-1{margin-left:calc(-1 * var(--space-1))}.-ml-2{margin-left:calc(-1 * var(--space-2))}.-ml-3{margin-left:calc(-1 * var(--space-3))}.-ml-4{margin-left:calc(-1 * var(--space-4))}.optical-align-left{margin-left:-.05em}.optical-align-right{margin-right:-.05em}.optical-align-center{margin-left:-.025em;margin-right:-.025em}.baseline-align{vertical-align:baseline}.baseline-top{vertical-align:top}.baseline-middle{vertical-align:middle}.baseline-bottom{vertical-align:bottom}.baseline-text-top{vertical-align:text-top}.baseline-text-bottom{vertical-align:text-bottom}.flex-align-start{align-items:flex-start}.flex-align-end{align-items:flex-end}.flex-align-center{align-items:center}.flex-align-baseline{align-items:baseline}.flex-align-stretch{align-items:stretch}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.flex-justify-evenly{justify-content:space-evenly}.flex-self-start{align-self:flex-start}.flex-self-end{align-self:flex-end}.flex-self-center{align-self:center}.flex-self-baseline{align-self:baseline}.flex-self-stretch{align-self:stretch}.grid-align-start{align-items:start}.grid-align-end{align-items:end}.grid-align-center{align-items:center}.grid-align-stretch{align-items:stretch}.grid-justify-start{justify-items:start}.grid-justify-end{justify-items:end}.grid-justify-center{justify-items:center}.grid-justify-stretch{justify-items:stretch}.grid-content-start{justify-content:start}.grid-content-end{justify-content:end}.grid-content-center{justify-content:center}.grid-content-between{justify-content:space-between}.grid-content-around{justify-content:space-around}.grid-content-evenly{justify-content:space-evenly}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.position-static{position:static}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.top-1{top:var(--space-1)}.top-2{top:var(--space-2)}.top-3{top:var(--space-3)}.top-4{top:var(--space-4)}.top-auto{top:auto}.right-0{right:0}.right-1{right:var(--space-1)}.right-2{right:var(--space-2)}.right-3{right:var(--space-3)}.right-4{right:var(--space-4)}.right-auto{right:auto}.bottom-0{bottom:0}.bottom-1{bottom:var(--space-1)}.bottom-2{bottom:var(--space-2)}.bottom-3{bottom:var(--space-3)}.bottom-4{bottom:var(--space-4)}.bottom-auto{bottom:auto}.left-0{left:0}.left-1{left:var(--space-1)}.left-2{left:var(--space-2)}.left-3{left:var(--space-3)}.left-4{left:var(--space-4)}.left-auto{left:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.float-left{float:left}.float-right{float:right}.float-none{float:none}.clearfix:after{content:"";clear:both;display:table}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-bottom{object-position:bottom}.object-center{object-position:center}.object-left{object-position:left}.object-left-bottom{object-position:left bottom}.object-left-top{object-position:left top}.object-right{object-position:right}.object-right-bottom{object-position:right bottom}.object-right-top{object-position:right top}.object-top{object-position:top}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.resize-none{resize:none}.resize{resize:both}.resize-x{resize:horizontal}.resize-y{resize:vertical}.scroll-smooth{scroll-behavior:smooth}.scroll-auto{scroll-behavior:auto}.snap-none{scroll-snap-type:none}.snap-x{scroll-snap-type:x mandatory}.snap-y{scroll-snap-type:y mandatory}.snap-both{scroll-snap-type:both mandatory}.snap-start{scroll-snap-align:start}.snap-end{scroll-snap-align:end}.snap-center{scroll-snap-align:center}.touch-auto{touch-action:auto}.touch-none{touch-action:none}.touch-pan-x{touch-action:pan-x}.touch-pan-y{touch-action:pan-y}.touch-manipulation{touch-action:manipulation}@media (width<=768px){.mobile-space-reduce>*+*{margin-top:calc(var(--space-4) * .75)}.mobile-space-increase>*+*{margin-top:calc(var(--space-4) * 1.25)}.mobile-compact{padding:var(--space-3)!important}.mobile-spacious{padding:var(--space-6)!important}}@media (width>=1200px){.desktop-space-increase>*+*{margin-top:calc(var(--space-4) * 1.5)}.desktop-spacious{padding:var(--space-8)!important}}.stagger-children>:first-child{animation-delay:var(--stagger-1)}.stagger-children>:nth-child(2){animation-delay:var(--stagger-2)}.stagger-children>:nth-child(3){animation-delay:var(--stagger-3)}.stagger-children>:nth-child(4){animation-delay:var(--stagger-4)}.stagger-children>:nth-child(5){animation-delay:var(--stagger-5)}.stagger-children>:nth-child(n+6){animation-delay:calc(var(--stagger-5) + (var(--stagger-1) * (var(--nth) - 5)))}.animate-fade-in-up{animation:fadeInUp var(--duration-500) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-500) var(--ease-out) both}.animate-fade-in-left{animation:fadeInLeft var(--duration-500) var(--ease-out) both}.animate-fade-in-right{animation:fadeInRight var(--duration-500) var(--ease-out) both}.animate-slide-in-up{animation:slideInUp var(--duration-500) var(--ease-emphasized) both}.animate-slide-in-down{animation:slideInDown var(--duration-500) var(--ease-emphasized) both}.animate-zoom-in{animation:zoomIn var(--duration-400) var(--ease-back) both}.animate-rotate-in{animation:rotateIn var(--duration-500) var(--ease-back) both}.animate-flip-in-x{animation:flipInX var(--duration-600) var(--ease-back) both}.animate-flip-in-y{animation:flipInY var(--duration-600) var(--ease-back) both}.animate-fade-out{animation:fadeOut var(--duration-300) var(--ease-in) both}.animate-fade-out-up{animation:fadeOutUp var(--duration-300) var(--ease-in) both}.animate-fade-out-down{animation:fadeOutDown var(--duration-300) var(--ease-in) both}.animate-scale-out{animation:scaleOut var(--duration-300) var(--ease-in) both}.animate-slide-out-up{animation:slideOutUp var(--duration-300) var(--ease-accelerated) both}.animate-slide-out-down{animation:slideOutDown var(--duration-300) var(--ease-accelerated) both}.animate-bounce{animation:bounce var(--duration-1000) var(--ease-bounce) infinite}.animate-shake{animation:shake var(--duration-500) var(--ease-in-out)}.animate-wobble{animation:wobble var(--duration-1000) var(--ease-in-out)}.animate-swing{animation:swing var(--duration-1000) var(--ease-in-out)}.animate-tada{animation:tada var(--duration-1000) var(--ease-in-out)}.animate-jello{animation:jello var(--duration-1000) var(--ease-in-out)}.animate-heartbeat{animation:heartbeat var(--duration-1500) var(--ease-in-out) infinite}.animate-spin{animation:spin var(--duration-1000) linear infinite}.animate-ping{animation:ping var(--duration-1000) var(--ease-in-out) infinite}.animate-float{animation:float var(--duration-3000) var(--ease-in-out) infinite}.animate-sway{animation:sway var(--duration-2000) var(--ease-in-out) infinite}.animate-glow{animation:glow var(--duration-2000) var(--ease-in-out) infinite}@keyframes slideInUp{0%{visibility:visible;transform:translateY(100%)}to{transform:translate(0,0)}}@keyframes slideInDown{0%{visibility:visible;transform:translateY(-100%)}to{transform:translate(0,0)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes rotateIn{0%{transform-origin:50%;opacity:0;transform:rotate(-200deg)}to{transform-origin:50%;opacity:1;transform:translate(0,0)}}@keyframes flipInX{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateY(-20deg)}60%{opacity:1;transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translateY(-100%)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes slideOutUp{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(-100%)}}@keyframes slideOutDown{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(100%)}}@keyframes shake{0%,to{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes wobble{0%{transform:translate(0,0)}15%{transform:translate(-25%)rotate(-5deg)}30%{transform:translate(20%)rotate(3deg)}45%{transform:translate(-15%)rotate(-3deg)}60%{transform:translate(10%)rotate(2deg)}75%{transform:translate(-5%)rotate(-1deg)}to{transform:translate(0,0)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}to{transform:scale(1)}}@keyframes jello{0%,11.1%,to{transform:translate(0,0)}22.2%{transform:skew(-12.5deg)skewY(-12.5deg)}33.3%{transform:skew(6.25deg)skewY(6.25deg)}44.4%{transform:skew(-3.125deg)skewY(-3.125deg)}55.5%{transform:skew(1.5625deg)skewY(1.5625deg)}66.6%{transform:skew(-.78125deg)skewY(-.78125deg)}77.7%{transform:skew(.390625deg)skewY(.390625deg)}88.8%{transform:skew(-.195313deg)skewY(-.195313deg)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px}50%{box-shadow:0 0 20px,0 0 30px}}.animation-paused{animation-play-state:paused}.animation-running{animation-play-state:running}.animation-delay-75{animation-delay:var(--delay-75)}.animation-delay-100{animation-delay:var(--delay-100)}.animation-delay-150{animation-delay:var(--delay-150)}.animation-delay-200{animation-delay:var(--delay-200)}.animation-delay-300{animation-delay:var(--delay-300)}.animation-delay-500{animation-delay:var(--delay-500)}.animation-delay-700{animation-delay:var(--delay-700)}.animation-delay-1000{animation-delay:var(--delay-1000)}.animation-duration-75{animation-duration:var(--duration-75)}.animation-duration-100{animation-duration:var(--duration-100)}.animation-duration-150{animation-duration:var(--duration-150)}.animation-duration-200{animation-duration:var(--duration-200)}.animation-duration-300{animation-duration:var(--duration-300)}.animation-duration-500{animation-duration:var(--duration-500)}.animation-duration-700{animation-duration:var(--duration-700)}.animation-duration-1000{animation-duration:var(--duration-1000)}.animation-iteration-1{animation-iteration-count:1}.animation-iteration-infinite{animation-iteration-count:infinite}.animation-direction-normal{animation-direction:normal}.animation-direction-reverse{animation-direction:reverse}.animation-direction-alternate{animation-direction:alternate}.animation-direction-alternate-reverse{animation-direction:alternate-reverse}.animation-fill-none{animation-fill-mode:none}.animation-fill-forwards{animation-fill-mode:forwards}.animation-fill-backwards{animation-fill-mode:backwards}.animation-fill-both{animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.animate-fade-in-up,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-scale-in,.animate-slide-in-up,.animate-slide-in-down,.animate-zoom-in,.animate-rotate-in,.animate-flip-in-x,.animate-flip-in-y,.animate-fade-out,.animate-fade-out-up,.animate-fade-out-down,.animate-scale-out,.animate-slide-out-up,.animate-slide-out-down,.animate-bounce,.animate-pulse,.animate-shake,.animate-wobble,.animate-swing,.animate-tada,.animate-jello,.animate-heartbeat,.animate-spin,.animate-ping,.animate-float,.animate-sway,.animate-glow{animation:none!important}.stagger-children>*{animation-delay:0s!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-tight);cursor:pointer;transition:var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap;min-height:var(--touch-target-min);min-width:var(--touch-target-min);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:2px solid #0000;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);box-shadow:var(--shadow-md)}.btn-primary:active{box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-secondary-500);color:var(--color-primary-900);border-color:var(--color-secondary-600);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-600);border-color:var(--color-secondary-700);box-shadow:var(--shadow-md)}.btn-secondary:active{box-shadow:var(--shadow-sm)}.btn-success{background:var(--color-success-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:var(--color-success-600);box-shadow:var(--shadow-md)}.btn-success:active{box-shadow:var(--shadow-sm)}.btn-warning{background:var(--color-warning-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){background:var(--color-warning-600);box-shadow:var(--shadow-md)}.btn-warning:active{box-shadow:var(--shadow-sm)}.btn-error{background:var(--color-error-500);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-error:hover:not(:disabled){background:var(--color-error-600);box-shadow:var(--shadow-md)}.btn-error:active{box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-primary)}.btn-ghost:active{background:var(--color-gray-200)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);gap:var(--space-1-5)}.btn-md{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);gap:var(--space-2)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base);gap:var(--space-2-5)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-lg);gap:var(--space-3)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.btn-icon.btn-sm{padding:var(--space-2)}.btn-icon.btn-lg{padding:var(--space-4)}.btn-icon.btn-xl{padding:var(--space-5)}.btn-group{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:inline-flex;overflow:hidden}.btn-group .btn{box-shadow:none;border-right-width:0;border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:2px}.btn-loading:before{display:none!important}.btn-loading:after{content:"";width:1rem;height:1rem;animation:spin var(--duration-1000) linear infinite;border:2px solid #0000;border-radius:50%;margin:-.5rem 0 0 -.5rem;position:absolute;top:50%;left:50%}.btn-loading.btn-success:after,.btn-loading.btn-warning:after,.btn-loading.btn-error:after{border-color:#fff #ffffff4d #ffffff4d}.btn-loading.btn-ghost:after{border-top-color:var(--color-text-secondary);border-right-color:var(--color-gray-300);border-bottom-color:var(--color-gray-300);border-left-color:var(--color-gray-300)}@media (pointer:coarse){.btn{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--space-4) var(--space-5);font-size:var(--text-base)}.btn-sm{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.btn-lg{min-height:var(--touch-target-large);min-width:var(--touch-target-large);padding:var(--space-5) var(--space-7);font-size:var(--text-lg)}.btn-xl{min-height:calc(var(--touch-target-large) + var(--space-2));min-width:calc(var(--touch-target-large) + var(--space-2));padding:var(--space-6) var(--space-10);font-size:var(--text-xl)}.btn:hover:before{left:-100%}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-success:hover:not(:disabled),.btn-warning:hover:not(:disabled),.btn-error:hover:not(:disabled),.btn-ghost:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:none}.btn:active:not(:disabled){transition:transform .1s ease-out;transform:scale(.98)}.btn-primary:active:not(:disabled){background:var(--color-primary-700)}.btn-secondary:active:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-success:active:not(:disabled){background:var(--color-success-700)}.btn-warning:active:not(:disabled){background:var(--color-warning-700)}.btn-error:active:not(:disabled){background:var(--color-error-700)}.btn-ghost:active:not(:disabled){background:var(--color-gray-200)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";opacity:0;pointer-events:none;background:#fff6;border-radius:50%;width:0;height:0;transition:width .3s ease-out,height .3s ease-out,opacity .3s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-ripple:active:after{opacity:1;width:200px;height:200px;transition:width .1s ease-out,height .1s ease-out,opacity .1s ease-out}}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){box-shadow:var(--shadow-md)}}.next-cascade-animating{animation:cascade-slide var(--duration-400) var(--ease-out);z-index:10;position:relative}@keyframes cascade-slide{0%{opacity:1;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(-10px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.next-fill-animating{animation:next-fill-pop var(--duration-400) var(--ease-bounce)}@keyframes next-fill-pop{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-md);border:none}.card-elevated:hover{box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer;transition:var(--transition-base)}.card-interactive:hover{box-shadow:var(--shadow-md)}.card-interactive:active{box-shadow:var(--shadow-sm)}.card-selected{border-color:var(--color-primary-500);box-shadow:var(--shadow-primary)}.card-error{border-color:var(--color-error-500);background:var(--color-error-50)}.card-success{border-color:var(--color-success-500);background:var(--color-success-50)}.card-warning{border-color:var(--color-warning-500);background:var(--color-warning-50)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-primary);background:var(--color-surface-secondary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--color-border-primary);background:var(--color-surface-secondary)}.card-header-sm,.card-body-sm,.card-footer-sm{padding:var(--space-4)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-title-sm{font-size:var(--text-base);font-weight:var(--font-medium)}.card-title-lg{font-size:var(--text-xl);font-weight:var(--font-bold)}.card-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.card-actions{gap:var(--space-3);margin-top:var(--space-4);justify-content:flex-end;align-items:center;display:flex}.card-actions-start{justify-content:flex-start}.card-actions-center{justify-content:center}.card-actions-between{justify-content:space-between}.card-dragging{opacity:.7;z-index:var(--z-modal);box-shadow:var(--shadow-lg);cursor:grabbing!important}.card-drag-over{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-primary)}.card-drop-target{border:2px dashed var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-primary)}.player-card{cursor:move;-webkit-user-select:none;user-select:none;min-width:0;transition:var(--transition-base);position:relative}.player-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md)}.player-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.player-card-avatar{border-radius:var(--radius-full);background:var(--color-primary-500);width:40px;height:40px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.player-initials{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-inverse);text-transform:uppercase}.player-card-info{flex:1;min-width:0}.player-card-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skill-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);transition:var(--transition-colors);border:1px solid;display:inline-flex}.player-card-stats{gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--color-border-primary);display:flex}.stat-item{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}.stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);padding:var(--space-1) var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-base);text-align:center;min-width:24px;transition:var(--transition-colors)}.stat-highlight{background:var(--color-secondary-100);color:var(--color-secondary-800)}.player-card-highlight{border-color:var(--color-secondary-500);background:var(--color-secondary-50);box-shadow:var(--shadow-warning)}.player-card-highlight .player-card-avatar{background:var(--color-secondary-500)}.skill-dot{border-radius:var(--radius-full);border:2px solid var(--color-surface-primary);width:12px;height:12px;box-shadow:var(--shadow-sm);flex-shrink:0}.skill-dot-sm{width:8px;height:8px}.skill-dot-lg{width:16px;height:16px}.court-card{min-height:300px;transition:var(--transition-base);position:relative;overflow:visible}.court-card-active{border-color:var(--color-success-500);background:var(--color-success-50);box-shadow:var(--shadow-success)}.court-card-header{justify-content:center;align-items:center;gap:var(--space-4);display:flex;position:relative}.court-title{gap:var(--space-2);flex-direction:column;align-items:center;width:100%;display:flex}.court-number{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);justify-content:center;align-items:center;gap:var(--space-2);transition:var(--transition-base);box-shadow:none;text-align:center;background:0 0;border:none;border-radius:0;width:100%;padding:0;display:flex}.court-status{margin-top:var(--space-1)}.court-actions{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-primary);justify-content:center;align-items:center;display:flex}.court-actions .btn{box-shadow:var(--shadow-sm);transition:var(--transition-base);border:1px solid #0000}.court-actions .btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.court-actions .btn-primary:hover{box-shadow:var(--shadow-primary)}.court-actions .btn-success:hover{box-shadow:var(--shadow-success)}.court-empty{min-height:200px;color:var(--color-text-tertiary);text-align:center;background:var(--color-surface-secondary);border-radius:var(--radius-lg);border:2px dashed var(--color-border-secondary);transition:var(--transition-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.court-empty .empty-icon{margin-bottom:var(--space-3);opacity:.5;box-shadow:var(--shadow-success);font-size:3rem}.team-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-3);padding:var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-base)}.team-a .team-label{background:var(--color-info-100);color:var(--color-info-700)}.team-b .team-label{background:var(--color-secondary-100);color:var(--color-secondary-800)}.team-players{gap:var(--space-2);flex-direction:column;width:100%;min-width:0;display:flex}.player-slot-empty{padding:var(--space-4);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);color:var(--color-text-tertiary);background:var(--color-surface-tertiary);transition:var(--transition-base);flex-direction:column;justify-content:center;align-items:center;min-height:60px;display:flex;position:relative;overflow:hidden}.player-slot-empty:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-600);box-shadow:var(--shadow-sm)}.team-section-drag-over .player-slot-empty{border-color:var(--color-success-400);background:var(--color-success-100);color:var(--color-success-700)}.slot-icon{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-1);opacity:.7}.slot-text{font-size:var(--text-xs);font-weight:var(--font-medium)}.status-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition-base);border:1px solid #0000;display:inline-flex}.status-active{background:var(--color-success-100);color:var(--color-success-700);border-color:var(--color-success-300);box-shadow:var(--shadow-sm)}.status-ready{background:var(--color-info-100);color:var(--color-info-700);border-color:var(--color-info-300);box-shadow:var(--shadow-sm)}.status-waiting{background:var(--color-gray-100);color:var(--color-gray-700);border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.status-dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px;position:relative;box-shadow:0 0 4px}.next-card{height:auto;min-height:200px;max-height:none;transition:var(--transition-base);position:relative;overflow:visible}.next-card:hover{box-shadow:var(--shadow-md)}.next-card-full{border-color:var(--color-success-500);background:var(--color-success-50);box-shadow:var(--shadow-success)}.next-card.card-drag-over{border-color:var(--color-secondary-500);background:var(--color-secondary-50);box-shadow:var(--shadow-warning)}.next-card-header{justify-content:center;align-items:center;gap:var(--space-4);display:flex;position:relative}.next-title{gap:var(--space-2);flex-direction:column;align-items:center;width:100%;display:flex}.next-number{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);justify-content:center;align-items:center;gap:var(--space-2);transition:var(--transition-base);box-shadow:none;text-align:center;background:0 0;border:none;border-radius:0;width:100%;padding:0;display:flex}.next-status{margin-top:var(--space-1)}.player-count-badge{align-items:center;gap:var(--space-1);background:var(--color-gray-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-weight:var(--font-semibold);border:1px solid var(--color-gray-300);box-shadow:var(--shadow-sm);transition:var(--transition-base);right:var(--space-6);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.next-card-full .player-count-badge{background:var(--color-success-100);border-color:var(--color-success-300);box-shadow:var(--shadow-sm)}.count-current{color:var(--color-primary-600);font-size:var(--text-base);transition:var(--transition-colors)}.next-card-full .count-current{color:var(--color-success-700);font-weight:var(--font-bold)}.count-separator{color:var(--color-text-tertiary);font-size:var(--text-sm)}.count-total{color:var(--color-text-secondary);font-size:var(--text-sm)}.next-players{gap:var(--space-3);grid-template-columns:repeat(2,1fr);min-height:150px;display:grid;overflow:visible}.next-empty{min-height:150px;color:var(--color-text-tertiary);text-align:center;background:var(--color-surface-secondary);border-radius:var(--radius-lg);border:2px dashed var(--color-border-secondary);transition:var(--transition-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.next-empty .empty-icon{margin-bottom:var(--space-3);opacity:.5;font-size:2.5rem}.next-empty .empty-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-1);transition:var(--transition-colors)}.next-empty .empty-subtext{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:var(--transition-colors)}.next-player-wrapper{transition:var(--transition-base)}.next-slot-empty{min-height:50px;padding:var(--space-3)}.modal-overlay{background:var(--color-surface-overlay);z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.score-inputs{gap:var(--space-4);display:flex}@media (pointer:coarse){.card{min-height:var(--touch-target-comfortable);padding:var(--space-1)}.card-header,.card-body,.card-footer{padding:var(--space-5)}.card-header-sm,.card-body-sm,.card-footer-sm{padding:var(--space-4)}.card-interactive{min-height:var(--touch-target-large)}.player-card{min-height:var(--touch-target-large);padding:var(--space-4)}.player-card-header{gap:var(--space-4);margin-bottom:var(--space-4)}.player-card-avatar{width:48px;height:48px}.player-card-name{font-size:calc(var(--text-base) * 1.1)}.skill-badge{padding:var(--space-2) var(--space-3);font-size:calc(var(--text-xs) * 1.1);min-height:var(--space-6)}.player-card-stats{gap:var(--space-5);padding-top:var(--space-3)}.stat-item{gap:var(--space-2)}.stat-value{font-size:calc(var(--text-sm) * 1.1);padding:var(--space-2) var(--space-3);min-width:32px;min-height:var(--space-6)}.court-card{min-height:calc(var(--touch-target-large) * 4);padding:var(--space-4)}.court-card-header{gap:var(--space-5)}.court-number{font-size:calc(var(--text-base) * 1.1)}.court-actions{gap:var(--space-3)}.court-teams{gap:var(--space-5)}.court-vs{width:48px;height:48px;font-size:calc(var(--text-lg) * 1.1)}.team-section{padding:var(--space-5);min-height:calc(var(--touch-target-large) * 2)}.team-label{margin-bottom:var(--space-4);padding:var(--space-3);font-size:calc(var(--text-xs) * 1.1)}.team-players{gap:var(--space-3)}.player-slot-empty{padding:var(--space-5);min-height:var(--touch-target-large)}.slot-icon{font-size:calc(var(--text-xl) * 1.2)}.slot-text{font-size:calc(var(--text-xs) * 1.1)}.next-card{min-height:calc(var(--touch-target-large) * 3);padding:var(--space-4)}.next-card-header{gap:var(--space-5)}.next-number{font-size:calc(var(--text-base) * 1.1)}.player-count-badge{padding:var(--space-3) var(--space-4);min-height:var(--touch-target-min)}.count-current{font-size:calc(var(--text-base) * 1.1)}.next-players{gap:var(--space-3);min-height:calc(var(--touch-target-large) * 2)}.next-empty{min-height:calc(var(--touch-target-large) * 2);padding:var(--space-6)}.next-empty .empty-icon{margin-bottom:var(--space-4);font-size:3rem}.next-empty .empty-text{font-size:calc(var(--text-base) * 1.1)}.next-empty .empty-subtext{font-size:calc(var(--text-sm) * 1.1)}.next-slot-empty{min-height:var(--touch-target-comfortable);padding:var(--space-4)}.status-badge{padding:var(--space-2) var(--space-4);font-size:calc(var(--text-xs) * 1.1);min-height:var(--space-6)}.status-dot{width:8px;height:8px}.card:hover,.card-interactive:hover,.player-card:hover,.court-card:hover,.next-card:hover{box-shadow:var(--shadow-sm);transform:none}.card:hover:before,.court-card:hover:before,.next-card:hover:before,.court-card:hover .court-empty:before,.next-card:hover .next-empty:before{opacity:0}.court-card:hover .court-empty .empty-icon,.next-card:hover .next-empty .empty-icon{opacity:.5;transform:none}.card-interactive:active:not(.card-dragging),.player-card:active:not(.dragging){transition:transform .1s ease-out;transform:scale(.98)}.court-card:active,.next-card:active{transition:transform .1s ease-out;transform:scale(.99)}.card-dragging{z-index:calc(var(--z-modal) + 10);box-shadow:var(--shadow-2xl);opacity:.9;transform:rotate(2deg)scale(1.05)}.card-drag-over,.team-section-drag-over,.next-card.card-drag-over{animation:.8s ease-in-out infinite touch-drop-pulse;transform:scale(1.03)}@keyframes touch-drop-pulse{0%,to{box-shadow:var(--shadow-primary)}50%{box-shadow:0 0 30px #667eea66, var(--shadow-primary)}}.player-slot-empty:hover{border-color:var(--color-border-secondary);background:var(--color-surface-tertiary);transform:none}.team-section-drag-over .player-slot-empty{border-color:var(--color-success-400);background:var(--color-success-100);transform:scale(1.02)}.team-section-drag-over .player-slot-empty:before{font-size:2rem;animation:.6s ease-in-out infinite alternate touch-slot-bounce}@keyframes touch-slot-bounce{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.3)}}.card-ripple{position:relative;overflow:hidden}.card-ripple:after{content:"";opacity:0;pointer-events:none;background:#667eea33;border-radius:50%;width:0;height:0;transition:width .4s ease-out,height .4s ease-out,opacity .4s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-ripple:active:after{opacity:1;width:300px;height:300px;transition:width .1s ease-out,height .1s ease-out,opacity .1s ease-out}}@media (hover:hover) and (pointer:fine){.card:hover{transform:translateY(-1px)}.card-interactive:hover,.player-card:hover{transform:translateY(-2px)}.court-card:hover{transform:translateY(-3px)}.next-card:hover{transform:translateY(-2px)}}.form-group{margin-bottom:var(--space-4)}.form-group-sm{margin-bottom:var(--space-3)}.form-group-lg{margin-bottom:var(--space-6)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2);display:block}.form-label-required:after{content:" *";color:var(--color-error-500)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-primary);color:var(--color-text-primary);background:var(--color-surface-primary);transition:var(--transition-base);min-height:var(--touch-target-min);-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative}.form-input::placeholder{color:var(--color-text-tertiary);transition:var(--transition-opacity)}.form-input:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-primary);outline:none;transform:translateY(-1px)}.form-input:focus::placeholder{opacity:.7}.form-input:disabled{background:var(--color-gray-100);color:var(--color-text-disabled);cursor:not-allowed}.form-input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.form-input-error{border-color:var(--color-border-error)}.form-input-error:focus{border-color:var(--color-border-error);box-shadow:var(--shadow-focus-error)}.form-input-success{border-color:var(--color-border-success)}.form-input-success:focus{border-color:var(--color-border-success);box-shadow:var(--shadow-focus-success)}.form-floating{position:relative}.form-floating .form-input{padding-top:var(--space-5);padding-bottom:var(--space-2)}.form-floating .form-label{top:0;left:var(--space-4);height:100%;padding:var(--space-3) 0;pointer-events:none;transform-origin:0 0;transition:all var(--duration-200) var(--ease-out);background:var(--color-surface-primary);border-radius:var(--radius-base);border:1px solid #0000;margin-bottom:0;position:absolute}.form-floating .form-input:focus~.form-label,.form-floating .form-input:not(:placeholder-shown)~.form-label{opacity:.8;color:var(--color-primary-600);padding:0 var(--space-2);transform:scale(.85)translateY(-.5rem)translate(.15rem)}.form-floating .form-input:focus~.form-label{color:var(--color-primary-600)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;padding-right:var(--space-10);background-repeat:no-repeat;background-size:1rem}.form-textarea{resize:vertical;min-height:100px}.form-check{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.form-check-input{border:2px solid var(--color-border-primary);border-radius:var(--radius-base);background:var(--color-surface-primary);cursor:pointer;width:1rem;height:1rem;transition:var(--transition-base);position:relative}.form-check-input:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.form-check-input:checked{background:var(--color-primary-500);border-color:var(--color-primary-500);transform:scale(1.05)}.form-check-input:checked:after{content:"✓";color:#fff;animation:checkmark var(--duration-200) var(--ease-bounce);font-size:.75rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-check-input:focus{box-shadow:var(--shadow-focus-primary);outline:none}.form-check-input[type=radio]{border-radius:var(--radius-full)}.form-check-input[type=radio]:checked:after{content:"";border-radius:var(--radius-full);width:6px;height:6px;animation:radiomark var(--duration-200) var(--ease-bounce);background:#fff}.form-check-label{font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors)}.form-check:hover .form-check-label{color:var(--color-primary-600)}@keyframes checkmark{0%{transform:translate(-50%,-50%)scale(0)}50%{transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes radiomark{0%{transform:translate(-50%,-50%)scale(0)}50%{transform:translate(-50%,-50%)scale(1.3)}to{transform:translate(-50%,-50%)scale(1)}}.form-error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-error-600);display:block}.form-success{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-success-600);display:block}.form-help{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);display:block}.input-group{align-items:stretch;display:flex}.input-group .form-input{border-right-width:0;border-radius:0}.input-group .form-input:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group .form-input:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:2px}.input-group-text{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:var(--color-gray-100);border:2px solid var(--color-border-primary);border-right-width:0;align-items:center;display:flex}.input-group-text:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group-text:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:2px}.form-row{gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.form-col{flex:1}.form-col-auto{flex:none}.form-actions{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-primary);justify-content:flex-end;align-items:center;display:flex}.form-actions-start{justify-content:flex-start}.form-actions-center{justify-content:center}.form-actions-between{justify-content:space-between}@media (pointer:coarse){.form-input{min-height:var(--touch-target-comfortable);padding:var(--space-4) var(--space-5);font-size:calc(var(--text-base) * 1.1)}.form-input-sm{min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.form-input-lg{min-height:var(--touch-target-large);padding:var(--space-5) var(--space-6);font-size:calc(var(--text-lg) * 1.1)}.form-select{min-height:var(--touch-target-comfortable);padding:var(--space-4) var(--space-10) var(--space-4) var(--space-5);font-size:calc(var(--text-base) * 1.1)}.form-textarea{min-height:calc(var(--touch-target-comfortable) * 2);padding:var(--space-4) var(--space-5);font-size:calc(var(--text-base) * 1.1)}.form-check-input{width:1.25rem;height:1.25rem;min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.form-check{gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2)}.form-check-label{font-size:calc(var(--text-sm) * 1.1);padding:var(--space-2)}.form-floating .form-input{padding-top:var(--space-6);padding-bottom:var(--space-3)}.input-group-text{padding:var(--space-4) var(--space-5);font-size:calc(var(--text-sm) * 1.1)}.form-input:hover,.form-check-input:hover{border-color:var(--color-border-primary);box-shadow:none;transform:none}.form-check:hover .form-check-label{color:var(--color-text-primary)}.form-input:active:not(:disabled){transition:transform .1s ease-out;transform:scale(.99)}.form-check-input:active:not(:disabled){transition:transform .1s ease-out;transform:scale(.95)}.form-select:active:not(:disabled){transition:transform .1s ease-out;transform:scale(.99)}.form-input-touch-feedback{position:relative;overflow:hidden}.form-input-touch-feedback:after{content:"";opacity:0;pointer-events:none;border-radius:inherit;background:#667eea1a;transition:opacity .2s ease-out;position:absolute;inset:0}.form-input-touch-feedback:focus:after{opacity:1}}@media (hover:hover) and (pointer:fine){.form-input:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.form-input:focus{transform:translateY(-1px)}.form-check-input:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.form-check:hover .form-check-label{color:var(--color-primary-600)}}@media (pointer:coarse){.form-group{margin-bottom:var(--space-5)}.form-row{gap:var(--space-5);margin-bottom:var(--space-5)}.form-actions{gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-8)}.form-error,.form-success,.form-help{font-size:calc(var(--text-xs) * 1.1);margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius-base)}.form-error{background:var(--color-error-50);border-left:3px solid var(--color-error-500)}.form-success{background:var(--color-success-50);border-left:3px solid var(--color-success-500)}.form-help{background:var(--color-gray-50);border-left:3px solid var(--color-gray-300)}}.spinner{border:2px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);width:1rem;height:1rem;animation:spin var(--duration-1000) linear infinite;display:inline-block}.spinner-sm{border-width:1.5px;width:.75rem;height:.75rem}.spinner-lg{border-width:3px;width:1.5rem;height:1.5rem}.spinner-xl{border-width:3px;width:2rem;height:2rem}.spinner-primary{border-color:var(--color-primary-200);border-top-color:var(--color-primary-500)}.spinner-success{border-color:var(--color-success-200);border-top-color:var(--color-success-500)}.spinner-warning{border-color:var(--color-warning-200);border-top-color:var(--color-warning-500)}.spinner-error{border-color:var(--color-error-200);border-top-color:var(--color-error-500)}.spinner-white{border-color:#fff #ffffff4d #ffffff4d}.dots-loader{gap:var(--space-1);align-items:center;display:inline-flex}.dots-loader .dot{background:var(--color-primary-500);border-radius:var(--radius-full);width:.5rem;height:.5rem;animation:dots-bounce var(--duration-1000) var(--ease-in-out) infinite}.dots-loader .dot:first-child{animation-delay:0s}.dots-loader .dot:nth-child(2){animation-delay:.15s}.dots-loader .dot:nth-child(3){animation-delay:.3s}@keyframes dots-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.pulse-loader{background:var(--color-primary-500);border-radius:var(--radius-full);width:1rem;height:1rem;animation:pulse-scale var(--duration-1000) var(--ease-in-out) infinite;display:inline-block}.pulse-loader-sm{width:.75rem;height:.75rem}.pulse-loader-lg{width:1.5rem;height:1.5rem}.progress{background:var(--color-gray-200);border-radius:var(--radius-full);width:100%;height:.5rem;position:relative;overflow:hidden}.progress-sm{height:.25rem}.progress-lg{height:.75rem}.progress-xl{height:1rem}.progress-bar{background:linear-gradient(90deg, var(--color-primary-500), var(--color-primary-600));border-radius:var(--radius-full);height:100%;transition:width var(--duration-300) var(--ease-out);position:relative;overflow:hidden}.progress-bar:before{content:"";animation:progress-shimmer var(--duration-1000) var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;inset:0}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-success{background:linear-gradient(90deg, var(--color-success-500), var(--color-success-600))}.progress-bar-warning{background:linear-gradient(90deg, var(--color-warning-500), var(--color-warning-600))}.progress-bar-error{background:linear-gradient(90deg, var(--color-error-500), var(--color-error-600))}.progress-indeterminate .progress-bar{animation:progress-indeterminate var(--duration-1000) var(--ease-in-out) infinite;width:30%!important}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.progress-circle{width:2rem;height:2rem;display:inline-block;position:relative}.progress-circle-sm{width:1.5rem;height:1.5rem}.progress-circle-lg{width:3rem;height:3rem}.progress-circle-xl{width:4rem;height:4rem}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:var(--color-gray-200);stroke-width:2px}.progress-circle-bar{fill:none;stroke:var(--color-primary-500);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset var(--duration-300) var(--ease-out)}.loading{pointer-events:none;position:relative;overflow:hidden}.loading:before{content:"";z-index:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fffc;position:absolute;inset:0}.loading:after{content:"";border:2px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;animation:spin var(--duration-1000) linear infinite;z-index:2;margin:-.75rem 0 0 -.75rem;position:absolute;top:50%;left:50%}.loading-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-overlay-content{align-items:center;gap:var(--space-4);padding:var(--space-8);background:var(--color-surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-primary);flex-direction:column;display:flex}.loading-overlay-spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);width:3rem;height:3rem;animation:spin var(--duration-1000) linear infinite}.loading-overlay-text{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:center}.loading-overlay-subtext{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.skeleton{background:linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);animation:skeleton-shimmer var(--duration-1000) var(--ease-in-out) infinite;border-radius:var(--radius-base);background-size:200% 100%}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-text-sm{height:.75rem}.skeleton-text-lg{height:1.25rem}.skeleton-title{width:60%;height:1.5rem;margin-bottom:var(--space-3)}.skeleton-avatar{border-radius:var(--radius-full);width:2.5rem;height:2.5rem}.skeleton-avatar-sm{width:2rem;height:2rem}.skeleton-avatar-lg{width:3rem;height:3rem}.skeleton-button{border-radius:var(--radius-lg);width:5rem;height:2.5rem}.skeleton-card{border-radius:var(--radius-xl);height:8rem}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn-loading:after{content:"";border-radius:var(--radius-full);width:1rem;height:1rem;animation:spin var(--duration-1000) linear infinite;border:2px solid #0000;border-top-color:currentColor;margin:-.5rem 0 0 -.5rem;position:absolute;top:50%;left:50%}.btn-loading.btn-primary:after{border-color:#fff #ffffff4d #ffffff4d}.btn-loading.btn-secondary:after{border-top-color:var(--color-text-primary);border-right-color:var(--color-gray-300);border-bottom-color:var(--color-gray-300);border-left-color:var(--color-gray-300)}.steps{align-items:center;gap:var(--space-2);display:flex}.step{align-items:center;gap:var(--space-2);flex:1;display:flex}.step-indicator{border-radius:var(--radius-full);width:2rem;height:2rem;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:var(--transition-base);justify-content:center;align-items:center;display:flex}.step-pending .step-indicator{background:var(--color-gray-200);color:var(--color-text-secondary)}.step-active .step-indicator{background:var(--color-primary-500);color:#fff;animation:step-pulse var(--duration-1000) var(--ease-in-out) infinite}.step-completed .step-indicator{background:var(--color-success-500);color:#fff}.step-completed .step-indicator:after{content:"✓"}.step-line{background:var(--color-gray-200);height:2px;margin:0 var(--space-2);transition:var(--transition-colors);flex:1}.step-completed+.step .step-line,.step-active .step-line{background:var(--color-primary-500)}@keyframes step-pulse{0%,to{transform:scale(1);box-shadow:0 0 #667eeab3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #667eea00}}.loading-card{padding:var(--space-6);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.loading-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.loading-card-content{gap:var(--space-2);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.spinner,.dots-loader .dot,.pulse-loader,.progress-bar:before,.progress-indeterminate .progress-bar,.loading:after,.loading-overlay-spinner,.skeleton,.btn-loading:after,.step-active .step-indicator{animation:none!important}.progress-bar:before{display:none}}.queueing-tab{gap:var(--space-3);height:100%;padding:var(--space-6);transform-origin:0 0;flex-direction:column;width:105.263%;min-height:105.263%;display:flex;overflow-y:auto;transform:scale(.95)}.controls-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;min-height:50px;display:flex}.court-setup{align-items:center;gap:var(--space-1);display:flex}.smart-assign-section{align-items:center;gap:var(--space-2);flex-direction:row;margin-left:auto;display:flex}.smart-assign-controls{align-items:center;gap:var(--space-2);display:flex}.strategy-info-panel{z-index:var(--z-dropdown);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);min-width:400px;margin-top:var(--space-2);position:absolute;top:100%;right:0}.strategy-info-panel h4{margin:0 0 var(--space-3) 0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.strategy-info-panel ul{margin:0;padding:0;list-style:none}.strategy-info-panel li{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-base)}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;align-items:center;gap:var(--space-2);display:flex}.section-title:before{content:"";width:4px;height:var(--space-6);background:var(--color-secondary-500);border-radius:var(--radius-full)}.courts-section{margin-bottom:var(--space-2);padding-bottom:var(--space-2);flex-shrink:0;position:relative;border-bottom:none!important}@keyframes separator-running-light{0%{background-position:100% 0}to{background-position:-100% 0}}.courts-section:after{content:"";background:linear-gradient(90deg, var(--color-border-primary,#e2e8f0) 0%, var(--color-secondary-500,#fdb927) 50%, var(--color-border-primary,#e2e8f0) 100%);z-index:10;background-size:200% 100%;width:100%;height:2px;animation:2s linear infinite separator-running-light;position:absolute;bottom:0;left:0;right:0}.courts-grid{gap:var(--space-6);grid-template-columns:repeat(var(--court-cols,4), minmax(0, 1fr));align-items:start;display:grid}.queue-layout{grid-template-columns:minmax(0, var(--next-flex,1fr)) minmax(0, var(--waiting-flex,1fr));gap:var(--space-6);flex:1;align-items:start;min-height:0;display:grid}.next-section{flex:1;min-height:0}.next-grid{gap:var(--space-4);grid-template-columns:repeat(var(--next-cols,2), minmax(0, 1fr));align-items:start;display:grid}@media (width<=479px){.queueing-tab{transform-origin:initial;width:100%;min-height:0;padding:calc(var(--space-3) * var(--space-multiplier-xs));gap:calc(var(--space-3) * var(--space-multiplier-xs));font-size:calc(var(--text-base) * var(--text-multiplier-xs));transform:none}.controls-bar{align-items:stretch;gap:calc(var(--space-2) * var(--space-multiplier-xs));padding:calc(var(--space-3) * var(--space-multiplier-xs));flex-direction:column}.court-setup{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.smart-assign-section{order:3;width:100%;margin-left:0}.smart-assign-controls{gap:var(--space-2);flex-direction:column;align-items:stretch}.courts-grid,.queue-layout,.next-grid{gap:calc(var(--space-3) * var(--space-multiplier-xs));grid-template-columns:1fr}.section-title{font-size:calc(var(--text-lg) * var(--text-multiplier-xs))}.strategy-info-panel{top:var(--space-2);left:var(--space-2);right:var(--space-2);min-width:auto;max-height:85vh;z-index:calc(var(--z-modal) + 10);position:fixed;bottom:auto;overflow-y:auto;transform:none}}@media (width>=480px) and (width<=639px){.queueing-tab{transform-origin:initial;width:100%;min-height:0;padding:calc(var(--space-4) * var(--space-multiplier-sm));gap:calc(var(--space-4) * var(--space-multiplier-sm));font-size:calc(var(--text-base) * var(--text-multiplier-sm));transform:none}.controls-bar{align-items:stretch;gap:calc(var(--space-3) * var(--space-multiplier-sm));padding:calc(var(--space-3) * var(--space-multiplier-sm));flex-direction:column}.smart-assign-section{margin-left:0}.smart-assign-controls{justify-content:center;gap:var(--space-2);flex-wrap:wrap}.courts-grid{gap:calc(var(--space-4) * var(--space-multiplier-sm));grid-template-columns:repeat(2,minmax(0,1fr))}.queue-layout{gap:calc(var(--space-4) * var(--space-multiplier-sm));grid-template-columns:1fr}.next-grid{gap:calc(var(--space-3) * var(--space-multiplier-sm));grid-template-columns:repeat(2,1fr)}.strategy-info-panel{min-width:85vw;max-width:450px;max-height:80vh;position:fixed;top:50%;left:50%;right:auto;overflow-y:auto;transform:translate(-50%,-50%)}}@media (width<=767px){.queueing-tab{transform-origin:initial;width:100%;min-height:0;transform:none}.queue-layout{grid-template-columns:1fr}.queue-layout:before{display:none}.courts-grid,.next-grid,.waiting-players-grid{grid-template-columns:1fr}}@media (width>=640px) and (width<=767px){.queueing-tab{padding:var(--space-5);gap:var(--space-5)}.controls-bar{align-items:center;gap:var(--space-4);flex-flow:wrap}.smart-assign-section{flex:1;min-width:300px;margin-left:auto}.courts-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.queue-layout{gap:var(--space-5);grid-template-columns:1fr auto}.next-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width>=768px) and (width<=1023px){.queueing-tab{padding:var(--space-6);gap:var(--space-6)}.controls-bar{align-items:center;gap:var(--space-4);flex-direction:row}.smart-assign-section{margin-left:auto}.smart-assign-controls{flex-wrap:wrap;justify-content:flex-end}.courts-grid{grid-template-columns:repeat(var(--court-cols,4), minmax(0, 1fr));gap:var(--space-6)}.queue-layout{gap:var(--space-6);grid-template-columns:1fr auto}.next-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.strategy-info-panel{min-width:70vw;max-width:600px;position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}}@media (width>=1024px) and (width<=1279px){.courts-grid{grid-template-columns:repeat(var(--court-cols,4), minmax(0, 1fr));gap:var(--space-6)}.queue-layout{gap:var(--space-6);grid-template-columns:1fr auto}.next-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width>=1280px) and (width<=1535px){.queueing-tab{padding:calc(var(--space-6) * var(--space-multiplier-xl));gap:calc(var(--space-6) * var(--space-multiplier-xl))}.courts-grid{grid-template-columns:repeat(var(--court-cols,4), minmax(0, 1fr));gap:calc(var(--space-8) * var(--space-multiplier-xl))}.queue-layout{gap:calc(var(--space-8) * var(--space-multiplier-xl));grid-template-columns:1fr auto}.next-grid{gap:calc(var(--space-6) * var(--space-multiplier-xl));grid-template-columns:repeat(2,1fr)}}@media (width>=1536px) and (width<=1919px){.queueing-tab{padding:calc(var(--space-8) * var(--space-multiplier-2xl));gap:calc(var(--space-8) * var(--space-multiplier-2xl))}.courts-grid{grid-template-columns:repeat(var(--court-cols,4), minmax(0, 1fr));gap:calc(var(--space-10) * var(--space-multiplier-2xl))}.queue-layout{gap:calc(var(--space-10) * var(--space-multiplier-2xl));grid-template-columns:1fr auto}.next-grid{gap:calc(var(--space-8) * var(--space-multiplier-2xl));grid-template-columns:repeat(2,1fr)}}@media (width>=1920px){.queueing-tab{max-width:none;padding:calc(var(--space-10) * var(--space-multiplier-2xl));gap:calc(var(--space-10) * var(--space-multiplier-2xl));margin:0}.courts-grid{grid-template-columns:repeat(var(--court-cols,4), minmax(0, 1fr));gap:calc(var(--space-12) * var(--space-multiplier-2xl))}.queue-layout{gap:calc(var(--space-12) * var(--space-multiplier-2xl));grid-template-columns:1fr auto}.next-grid{gap:calc(var(--space-10) * var(--space-multiplier-2xl));grid-template-columns:repeat(2,1fr)}}@media (width>=2560px){.queueing-tab{max-width:none}.courts-grid{grid-template-columns:repeat(var(--court-cols,4), minmax(0, 1fr))}.queue-layout{grid-template-columns:1fr auto}}@media (orientation:landscape) and (width>=640px) and (width<=1023px){.queue-layout{grid-template-columns:2fr 1fr}.courts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.courts-grid[data-court-count="3"] .court-card:last-child,.courts-grid[data-court-count="5"] .court-card:last-child,.courts-grid[data-court-count="7"] .court-card:last-child{width:min(100%, calc((100% - var(--space-4,1rem)) / 2));grid-column:1/-1;justify-self:center}.next-grid{grid-template-columns:repeat(2,1fr)}}@media (orientation:portrait) and (width<=1023px){.queue-layout{grid-template-columns:1fr}.courts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.courts-grid[data-court-count="3"] .court-card:last-child,.courts-grid[data-court-count="5"] .court-card:last-child,.courts-grid[data-court-count="7"] .court-card:last-child{width:min(100%, calc((100% - var(--space-4,1rem)) / 2));grid-column:1/-1;justify-self:center}}@media (resolution>=1.5x){.queueing-tab{font-size:calc(var(--text-base) * 1.02)}.section-title{font-size:calc(var(--text-xl) * 1.02)}}@media print{.queueing-tab{gap:var(--space-4);max-width:none;padding:0}.controls-bar{display:none}.courts-grid,.next-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.queue-layout{grid-template-columns:1fr}.section-title{page-break-after:avoid;font-size:18px}}@media (prefers-reduced-motion:reduce){.courts-grid,.next-grid,.queue-layout{transition:none}.strategy-info-panel{animation:none;transform:none}}@media (prefers-contrast:high){.controls-bar{border-width:2px;border-color:var(--color-text-primary)}.section-title:before{background:var(--color-text-primary)}.waiting-players{border-width:2px;border-color:var(--color-text-primary)}}.waiting-players{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:var(--transition-base);height:fit-content;max-height:70vh;overflow-y:auto}.waiting-players.drag-over{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-primary)}.waiting-players h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-primary);display:flex}.waiting-players h3:before{content:"⏳";font-size:var(--text-base)}.waiting-players-list{gap:var(--space-2);flex-direction:column;display:flex}.waiting-empty{padding:var(--space-8) var(--space-4);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);color:var(--color-text-tertiary);background:var(--color-surface-tertiary);text-align:center;transition:var(--transition-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.waiting-empty:before{content:"👥";margin-bottom:var(--space-2);opacity:.5;font-size:2rem}.waiting-empty:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-600)}.waiting-players .player-card.swap-target{border-color:var(--color-info-500);background:var(--color-info-50);box-shadow:var(--shadow-info);transform:scale(1.02)}.waiting-players .player-card.dragging{opacity:.3;z-index:var(--z-dropdown);transform:rotate(5deg)scale(.95)}@media (width<=767px){.queue-layout{gap:var(--space-4)!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;display:flex!important}.next-section,.next-grid,.waiting-players,.waiting-players-grid{grid-template-columns:1fr!important;width:100%!important}.waiting-players{max-height:50vh;padding:var(--space-3)}.waiting-players h3{font-size:var(--text-base)}}@media (width>=768px) and (width<=1023px){.waiting-players{max-height:60vh}}@media (width>=480px) and (width<=767px){.courts-grid[data-court-count="3"] .court-card:last-child,.courts-grid[data-court-count="5"] .court-card:last-child,.courts-grid[data-court-count="7"] .court-card:last-child{width:min(100%, calc((100% - var(--space-4,1rem)) / 2));grid-column:1/-1;justify-self:center}}@media (width<=479px){.courts-grid[data-court-count] .court-card:last-child{grid-column:auto;justify-self:stretch;width:auto}}@media (prefers-contrast:high){.controls-bar{border-width:2px}.section-title:before{background:var(--color-text-primary)}.waiting-players{border-width:2px}}.status-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.025em;border:1px solid #0000;border-radius:9999px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.status-badge.status-active{background:linear-gradient(135deg, var(--color-success-50), var(--color-success-100));color:var(--color-success-700);border-color:var(--color-success-200)}.status-badge.status-ready{background:linear-gradient(135deg, var(--color-info-50), var(--color-info-100));color:var(--color-info-700);border-color:var(--color-info-200)}.status-badge.status-waiting{background:linear-gradient(135deg, var(--color-warning-50), var(--color-warning-100));color:var(--color-warning-700);border-color:var(--color-warning-200)}.status-badge.status-error{background:linear-gradient(135deg, var(--color-error-50), var(--color-error-100));color:var(--color-error-700);border-color:var(--color-error-200)}.status-badge.status-neutral{background:linear-gradient(135deg, var(--color-gray-50), var(--color-gray-100));color:var(--color-gray-700);border-color:var(--color-gray-200)}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-active .status-dot{background:var(--color-success-500)}.status-ready .status-dot{background:var(--color-info-500)}.status-waiting .status-dot{background:var(--color-warning-500)}.status-error .status-dot{background:var(--color-error-500)}.status-neutral .status-dot{background:var(--color-gray-500)}.player-count-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-gray-100);color:var(--color-gray-700);border-radius:var(--border-radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);border:1px solid var(--color-gray-200);display:inline-flex}.count-current{color:var(--color-primary-600)}.count-separator{color:var(--color-gray-400)}.count-total{color:var(--color-gray-500)}.skill-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);opacity:.9;border:1px solid;display:inline-flex}.skill-dot{border-radius:50%;flex-shrink:0;width:4px;height:4px}.system-status{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-gray-200);display:flex}.system-status-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.system-status-label{color:var(--color-gray-600);font-weight:var(--font-medium)}.system-status-value{color:var(--color-gray-900);font-weight:var(--font-semibold)}.game-status-indicator{align-items:center;gap:var(--space-2);display:inline-flex;position:relative}.game-status-indicator:before{content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.game-status-indicator.game-active:before{background:var(--color-success-500);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.game-status-indicator.game-ready:before{background:var(--color-info-500)}.game-status-indicator.game-waiting:before{background:var(--color-warning-500)}.priority-indicator{width:20px;height:20px;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.priority-high{background:var(--color-error-500)}.priority-medium{background:var(--color-warning-500)}.priority-low{background:var(--color-gray-500)}@media (width<=768px){.status-badge{padding:var(--space-1) var(--space-2);font-size:10px}.player-count-badge{padding:2px var(--space-1);font-size:10px}.system-status{gap:var(--space-2);flex-direction:column}}@media (prefers-contrast:high){.status-badge{border-width:2px}.status-dot{border:1px solid}}@media (prefers-reduced-motion:reduce){.status-dot,.game-status-indicator:before{animation:none}}.tooltip-container{display:inline-block;position:relative}.tooltip{z-index:1000;padding:var(--space-2) var(--space-3);background:var(--color-gray-900);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--border-radius-md);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;transform:translateY(4px);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f}.tooltip:before{content:"";border-style:solid;width:0;height:0;position:absolute}.tooltip.tooltip-top{margin-bottom:var(--space-2);bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip.tooltip-top:before{border-width:4px 4px 0;border-color:var(--color-gray-900) transparent transparent transparent;top:100%;left:50%;transform:translate(-50%)}.tooltip.tooltip-bottom{margin-top:var(--space-2);top:100%;left:50%;transform:translate(-50%)translateY(4px)}.tooltip.tooltip-bottom:before{border-width:0 4px 4px;border-color:transparent transparent var(--color-gray-900) transparent;bottom:100%;left:50%;transform:translate(-50%)}.tooltip.tooltip-left{margin-right:var(--space-2);top:50%;right:100%;transform:translateY(-50%)translate(-4px)}.tooltip.tooltip-left:before{border-width:4px 0 4px 4px;border-color:transparent transparent transparent var(--color-gray-900);top:50%;left:100%;transform:translateY(-50%)}.tooltip.tooltip-right{margin-left:var(--space-2);top:50%;left:100%;transform:translateY(-50%)translate(4px)}.tooltip.tooltip-right:before{border-width:4px 4px 4px 0;border-color:transparent var(--color-gray-900) transparent transparent;top:50%;right:100%;transform:translateY(-50%)}.tooltip-container:hover .tooltip,.tooltip-container:focus-within .tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tooltip-container:hover .tooltip.tooltip-bottom,.tooltip-container:focus-within .tooltip.tooltip-bottom{transform:translate(-50%)translateY(0)}.tooltip-container:hover .tooltip.tooltip-left,.tooltip-container:focus-within .tooltip.tooltip-left,.tooltip-container:hover .tooltip.tooltip-right,.tooltip-container:focus-within .tooltip.tooltip-right{transform:translateY(-50%)translate(0)}.tooltip.tooltip-info{background:var(--color-info-600)}.tooltip.tooltip-info:before{border-color:var(--color-info-600) transparent transparent transparent}.tooltip.tooltip-bottom.tooltip-info:before{border-color:transparent transparent var(--color-info-600) transparent}.tooltip.tooltip-left.tooltip-info:before{border-color:transparent transparent transparent var(--color-info-600)}.tooltip.tooltip-right.tooltip-info:before{border-color:transparent var(--color-info-600) transparent transparent}.tooltip.tooltip-success{background:var(--color-success-600)}.tooltip.tooltip-success:before{border-color:var(--color-success-600) transparent transparent transparent}.tooltip.tooltip-bottom.tooltip-success:before{border-color:transparent transparent var(--color-success-600) transparent}.tooltip.tooltip-left.tooltip-success:before{border-color:transparent transparent transparent var(--color-success-600)}.tooltip.tooltip-right.tooltip-success:before{border-color:transparent var(--color-success-600) transparent transparent}.tooltip.tooltip-warning{background:var(--color-warning-600)}.tooltip.tooltip-warning:before{border-color:var(--color-warning-600) transparent transparent transparent}.tooltip.tooltip-bottom.tooltip-warning:before{border-color:transparent transparent var(--color-warning-600) transparent}.tooltip.tooltip-left.tooltip-warning:before{border-color:transparent transparent transparent var(--color-warning-600)}.tooltip.tooltip-right.tooltip-warning:before{border-color:transparent var(--color-warning-600) transparent transparent}.tooltip.tooltip-error{background:var(--color-error-600)}.tooltip.tooltip-error:before{border-color:var(--color-error-600) transparent transparent transparent}.tooltip.tooltip-bottom.tooltip-error:before{border-color:transparent transparent var(--color-error-600) transparent}.tooltip.tooltip-left.tooltip-error:before{border-color:transparent transparent transparent var(--color-error-600)}.tooltip.tooltip-right.tooltip-error:before{border-color:transparent var(--color-error-600) transparent transparent}.tooltip.tooltip-multiline{white-space:normal;text-align:center;max-width:200px;line-height:1.4}.tooltip.tooltip-large{padding:var(--space-3) var(--space-4);font-size:var(--text-base);max-width:300px}.help-tooltip{background:var(--color-gray-400);color:#fff;width:16px;height:16px;font-size:10px;font-weight:var(--font-bold);cursor:help;margin-left:var(--space-1);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.help-tooltip:hover{background:var(--color-gray-500)}.tooltip-content{gap:var(--space-1);flex-direction:column;display:flex}.tooltip-title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.tooltip-description{font-size:var(--text-xs);opacity:.9}.tooltip-shortcut{font-size:var(--text-xs);opacity:.7;font-family:var(--font-mono);margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid #fff3}.tooltip-container:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--border-radius-sm)}@media (width<=768px){.tooltip{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);max-width:150px}.tooltip.tooltip-large{font-size:var(--text-sm);max-width:200px}.tooltip-container:active .tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}}@media (prefers-contrast:high){.tooltip{border:1px solid #fff}.help-tooltip{border:1px solid}}@media (prefers-reduced-motion:reduce){.tooltip{transition:opacity .1s;transform:translate(-50%)}.tooltip.tooltip-bottom{transform:translate(-50%)}.tooltip.tooltip-left,.tooltip.tooltip-right{transform:translateY(-50%)}}#root{min-height:100vh;font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--color-surface-secondary);overflow-y:auto}.animate-fade-in{animation:fadeIn var(--duration-300) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-300) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-200) var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.transition-all{transition:var(--transition-base)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:var(--transition-opacity)}.transition-shadow{transition:var(--transition-shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-warning{box-shadow:var(--shadow-warning)}.shadow-error{box-shadow:var(--shadow-error)}.focus-ring:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.focus-ring-error:focus-visible{box-shadow:var(--shadow-focus-error);outline:none}.focus-ring-success:focus-visible{box-shadow:var(--shadow-focus-success);outline:none}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:var(--shadow-primary)}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-slide-up,.animate-scale-in,.animate-pulse,.transition-all,.transition-colors,.transition-transform,.transition-opacity,.transition-shadow,.hover-lift,.hover-scale{transition:none!important;animation:none!important;transform:none!important}}@media (prefers-contrast:high){:root{--color-border-primary:#000;--color-text-primary:#000;--color-text-secondary:#000}}:root[data-theme=dark]{--color-surface-primary:var(--color-gray-900);--color-surface-secondary:var(--color-gray-800);--color-text-primary:var(--color-gray-100);--color-text-secondary:var(--color-gray-300);--color-border-primary:var(--color-gray-700)}:root[data-theme=grove]{--color-surface-primary:var(--color-dark-gray);--color-surface-secondary:var(--color-medium-gray);--color-text-primary:var(--color-dirty-white);--color-text-secondary:var(--color-dirty-white-darker);--color-text-inverse:var(--color-dark-gray);--color-border-primary:var(--color-light-gray-border);--color-primary-400:var(--color-lime-400);--color-primary-500:var(--color-lime-400);--color-primary-600:var(--color-lime-500);--color-primary-700:var(--color-lime-600);--color-secondary-400:var(--color-lime-400);--color-secondary-500:var(--color-lime-400)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}@media (prefers-contrast:high){:root{--color-text-primary:#000;--color-text-secondary:#1a1a1a;--color-border-primary:#000;--color-border-secondary:#333;--color-primary-500:#00f;--color-primary-600:#00c;--color-success-500:green;--color-error-500:#c00;--color-warning-500:#ff8c00}.card{border:2px solid var(--color-border-primary);background:var(--color-surface-primary)}.btn{border:2px solid var(--color-border-primary);font-weight:700}.btn-primary{background:var(--color-primary-500);color:var(--color-surface-primary);border-color:var(--color-primary-600)}.btn-secondary{background:var(--color-surface-primary);color:var(--color-text-primary);border-color:var(--color-border-primary)}.status-badge{border:2px solid var(--color-border-primary);font-weight:700}.status-active{background:var(--color-success-500);color:var(--color-surface-primary)}.status-ready{background:var(--color-info-500);color:var(--color-surface-primary)}.status-waiting{background:var(--color-warning-500);color:var(--color-text-primary)}:focus-visible{outline:4px solid var(--color-primary-500);outline-offset:2px}.text-muted{color:var(--color-text-secondary)!important}button:hover,[role=button]:hover{background:var(--color-gray-100);border-color:var(--color-border-primary)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:2px;box-shadow:0 0 0 1px var(--color-surface-primary);border-radius:3px}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:1px;border-color:var(--color-primary-500)}a:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:2px;text-decoration:underline}.card:focus-visible,.player-card:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:2px;box-shadow:0 0 0 1px var(--color-surface-primary), 0 4px 12px #667eea4d}.tab:focus-visible{outline:3px solid var(--color-primary-600);outline-offset:-2px;z-index:1}.skip-link{background:var(--color-primary-600);color:#fff;z-index:1000;border-radius:4px;padding:8px;text-decoration:none;position:absolute;top:-40px;left:6px}.skip-link:focus{top:6px}button,[role=button],input,select,textarea,a{min-width:44px;min-height:44px}.btn-sm{min-width:32px;min-height:32px}.text-muted{color:var(--color-gray-600)!important}[draggable=true]:focus-visible,.drop-zone:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:2px}[aria-live=polite],[aria-live=assertive]{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}[role=status]{font-weight:var(--font-medium)}label{margin-bottom:var(--space-1);font-weight:var(--font-medium);display:block}[required]{border-left:3px solid var(--color-primary-500)}[aria-invalid=true]{box-shadow:0 0 0 2px #ef444433;border-color:var(--color-error)!important}[aria-invalid=false]{border-color:var(--color-success)!important}.text-on-primary{color:var(--color-surface-primary);background:var(--color-primary-600)}.text-on-secondary{color:var(--color-surface-primary);background:var(--color-secondary-700)}.text-on-success{color:var(--color-surface-primary);background:var(--color-success-600)}.text-on-warning{color:var(--color-gray-900);background:var(--color-warning-400)}.text-on-error{color:var(--color-surface-primary);background:var(--color-error-600)}.text-on-info{color:var(--color-surface-primary);background:var(--color-info-600)}.text-primary-accessible{color:var(--color-primary-700)}.text-secondary-accessible{color:var(--color-gray-700)}.text-muted-accessible{color:var(--color-gray-600)}a{color:var(--color-primary-700);text-decoration:underline}a:hover{color:var(--color-primary-800);text-decoration:underline}a:visited{color:var(--color-secondary-700)}.form-error{color:var(--color-error-700);background:var(--color-error-50);border-color:var(--color-error-500)}.form-success{color:var(--color-success-700);background:var(--color-success-50);border-color:var(--color-success-500)}.form-warning{color:var(--color-warning-800);background:var(--color-warning-50);border-color:var(--color-warning-500)}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600}.status-active{color:var(--color-surface-primary);background:var(--color-success-600)}.status-ready{color:var(--color-surface-primary);background:var(--color-info-600)}.status-waiting{color:var(--color-gray-800);background:var(--color-warning-300)}.status-error{color:var(--color-surface-primary);background:var(--color-error-600)}.skill-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600}.skill-beginner{color:var(--color-gray-800);background:var(--color-gray-200)}.skill-intermediate{color:var(--color-surface-primary);background:var(--color-info-600)}.skill-advanced{color:var(--color-surface-primary);background:var(--color-error-600)}.drop-zone-active{box-shadow:0 0 0 2px var(--color-primary-200);border-color:var(--color-primary-500)!important;background:var(--color-primary-50)!important}.drag-preview{opacity:.8;transform:rotate(5deg);box-shadow:0 8px 25px #0000004d}.loading-state{color:var(--color-gray-600);position:relative}.loading-state:after{content:"";border:2px solid var(--color-gray-300);border-top-color:var(--color-primary-500);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}.keyboard-navigation-hint{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.keyboard-navigation-hint:focus{background:var(--color-primary-600);width:auto;height:auto;color:var(--color-surface-primary);z-index:1000;border-radius:4px;padding:8px 12px;font-size:14px;position:static}@media (pointer:coarse){button,[role=button],input,select,textarea,a{min-width:48px;min-height:48px;padding:12px}.btn-sm{min-width:40px;min-height:40px;padding:8px}}@media print{*{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}a,a:visited{text-decoration:underline}.sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-4);background:#0009;justify-content:center;align-items:center;animation:.3s cubic-bezier(.4,0,.2,1) modalOverlayFadeIn;display:flex;position:fixed;inset:0}.modal-overlay.closing{animation:.2s cubic-bezier(.4,0,.2,1) modalOverlayFadeOut}.modal{background:var(--color-surface-primary);transform-origin:50%;border-radius:1rem;width:100%;max-width:90vw;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}.modal.closing{animation:.2s cubic-bezier(.4,0,.2,1) modalSlideOut}.score-input-modal{max-width:480px}.score-input-modal .card-header{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));color:#fff;padding:var(--space-6);border-radius:1rem 1rem 0 0;position:relative;overflow:hidden}.score-input-modal .card-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"80\" cy=\"40\" r=\"1.5\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"40\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");position:absolute;inset:0}.score-input-modal .card-title{font-size:var(--text-xl);font-weight:var(--font-bold);align-items:center;gap:var(--space-3);z-index:1;margin:0;display:flex;position:relative}.score-input-modal .card-title:before{content:"🏆";font-size:var(--text-2xl)}.score-input-modal .card-body{padding:var(--space-8)}.score-input-modal .score-inputs{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.score-input-modal .input-group{margin-bottom:0;position:relative}.score-input-modal .input{width:100%;padding:var(--space-4) var(--space-4) var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);font-size:var(--text-lg);font-weight:var(--font-medium);text-align:center;background:var(--color-surface-primary);border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.score-input-modal .input:focus{border-color:var(--color-primary-500);outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #667eea1a,0 4px 6px #0000001a}.score-input-modal .input:invalid{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a,0 4px 6px #0000001a}.score-input-modal .floating-label{left:var(--space-4);color:var(--color-gray-500);font-size:var(--text-base);font-weight:var(--font-medium);pointer-events:none;background:var(--color-surface-primary);padding:0 var(--space-2);border-radius:.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translateY(-50%)}.score-input-modal .input:focus+.floating-label,.score-input-modal .input:not(:placeholder-shown)+.floating-label{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:var(--font-semibold);top:0}.team-score-section{text-align:center;padding:var(--space-4);background:linear-gradient(135deg, var(--color-gray-50), var(--color-gray-100));border:1px solid var(--color-gray-200);border-radius:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.team-score-section:hover{background:linear-gradient(135deg, var(--color-primary-50), var(--color-primary-100));border-color:var(--color-primary-200)}.team-score-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.score-input-modal .card-footer{padding:var(--space-6) var(--space-8);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200)}.score-input-modal .card-actions{gap:var(--space-3);justify-content:flex-end;display:flex}.meet-confirmation-overlay{-webkit-backdrop-filter:blur(12px);z-index:1100;padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.3s cubic-bezier(.4,0,.2,1) modalOverlayFadeIn;display:flex;position:fixed;inset:0}.meet-confirmation-modal{background:var(--color-surface-primary);border-radius:1.25rem;width:100%;max-width:520px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalBounceIn;overflow:hidden;box-shadow:0 25px 50px -12px #0000004d,0 0 0 1px #ffffff1a}.meet-confirmation-modal .confirmation-header{background:linear-gradient(135deg, var(--color-success), #38a169);color:#fff;padding:var(--space-8);text-align:center;position:relative;overflow:hidden}.meet-confirmation-modal .confirmation-header:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite shimmer;position:absolute;top:-50%;left:-50%}.meet-confirmation-modal .confirmation-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);z-index:1;margin:0;position:relative}.meet-confirmation-modal .confirmation-content{padding:var(--space-8)}.meet-confirmation-modal .confirmation-content h3{margin:0 0 var(--space-6) 0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-gray-900);text-align:center}.confirmation-details{background:var(--color-gray-50);padding:var(--space-6);margin-bottom:var(--space-6);border:1px solid var(--color-gray-200);border-radius:.75rem}.confirmation-details p{margin:0 0 var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.confirmation-details p:last-child{margin-bottom:0}.confirmation-details strong{color:var(--color-gray-700);font-weight:var(--font-semibold);min-width:100px}.confirmation-details .strategy-badge{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:capitalize;border-radius:.5rem}.confirmation-details .strategy-badge.strict{color:#0d4d4d;background:linear-gradient(135deg,#84fab0 0%,#8fd3f4 100%)}.confirmation-details .strategy-badge.semi-mix{color:#7c2d12;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%)}.confirmation-details .strategy-badge.mix{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));color:#fff}.confirmation-details .player-count{color:var(--color-primary-600);font-weight:var(--font-semibold)}.confirmation-details .scheduled-time{color:var(--color-gray-600);font-weight:var(--font-medium)}.confirmation-message{text-align:center;color:var(--color-gray-600);font-size:var(--text-base);margin:0;line-height:1.6}.confirmation-actions{gap:var(--space-4);padding:var(--space-6) var(--space-8);background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);display:flex}.confirmation-actions button{padding:var(--space-4) var(--space-6);font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer;border:2px solid #0000;border-radius:.75rem;flex:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.cancel-btn{background:var(--color-surface-primary);color:var(--color-gray-700);border-color:var(--color-gray-300)}.cancel-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400);transform:translateY(-1px)}.confirm-btn{background:linear-gradient(135deg, var(--color-success), #38a169);color:#fff;box-shadow:0 4px 6px #48bb7833}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #48bb784d}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(20px)}}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.3)translateY(50px)}50%{opacity:1;transform:scale(1.05)translateY(-10px)}70%{transform:scale(.98)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=640px){.modal-overlay{padding:var(--space-2)}.score-input-modal .score-inputs{gap:var(--space-4);grid-template-columns:1fr}.score-input-modal .card-body{padding:var(--space-6)}.score-input-modal .card-footer{padding:var(--space-4) var(--space-6)}.score-input-modal .card-actions{flex-direction:column}.confirmation-actions{padding:var(--space-4) var(--space-6);flex-direction:column}.meet-confirmation-modal .confirmation-content{padding:var(--space-6)}}.modal-overlay{outline:none}.modal-overlay:focus-within .modal{box-shadow:0 25px 50px -12px #00000040, 0 0 0 1px #ffffff1a, 0 0 0 3px var(--color-primary-500)}.modal:focus{outline:none}.score-input-modal .card-actions button:focus-visible,.confirmation-actions button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.confirmation-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.team-score-section:focus-within{background:linear-gradient(135deg, var(--color-primary-50), var(--color-primary-100));border-color:var(--color-primary-300);box-shadow:0 0 0 3px #667eea1a}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal,.score-input-modal .input,.confirmation-actions button{transition:none;animation:none}.meet-confirmation-modal .confirmation-header:before{animation:none}}@media (prefers-contrast:high){.modal{border:2px solid var(--color-gray-900)}.score-input-modal .input{border-width:3px}.confirmation-details{border-width:2px}}header.app-header-new{color:#fff;padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-sm);z-index:1000;justify-content:space-between;align-items:center;gap:var(--space-4);background:#1e3a5f 50%/cover no-repeat;width:100%;min-height:60px;display:flex;position:relative;overflow:visible}header.app-header-new:before{content:"";z-index:0;pointer-events:none;background:#1e3a5fa6;position:absolute;inset:0}.header-logo{z-index:1;flex:none;align-items:center;display:flex;position:relative}.logo-text{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff;letter-spacing:-.5px;white-space:nowrap}.header-actions-new{align-items:center;gap:var(--space-3);z-index:1;flex-wrap:wrap;flex:1;justify-content:flex-end;min-width:0;display:flex;position:relative}.action-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);text-overflow:clip;border:none;flex-shrink:0;min-width:fit-content;transition:all .2s;overflow:visible}.action-btn-red{background:var(--color-error-500)}.action-btn-red:hover:not(:disabled){background:var(--color-error-600);box-shadow:var(--shadow-md)}.action-btn-green{background:var(--color-success-500)}.action-btn-green:hover{background:var(--color-success-600);box-shadow:var(--shadow-md)}.action-btn-gray{background:var(--color-gray-600)}.action-btn-gray:hover{background:var(--color-gray-700);box-shadow:var(--shadow-md)}.action-btn:disabled{opacity:.6;cursor:not-allowed}.clear-screen-link{color:#fff;font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);white-space:nowrap;background:0 0;border:none;flex-shrink:0;min-width:fit-content;text-decoration:underline;transition:opacity .2s}.clear-screen-link:hover{opacity:.8}.header-status{margin-left:var(--space-4);flex:none;align-items:center;display:none}.tabs-status-container{padding:0 var(--space-4);flex-shrink:0;align-items:center;margin-left:auto;display:flex}.system-status-new{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-info-700);white-space:nowrap;display:flex}.system-status-label-new{color:var(--color-info-600);font-weight:var(--font-medium)}.system-status-value-new{font-weight:var(--font-semibold);color:var(--color-info-800)}@media (width<=1024px){.tabs-status-container{display:none}}div.tabs-new{border-bottom:1px solid var(--color-gray-200);-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;z-index:999;background:#fff;align-items:stretch;gap:0;width:100%;padding:0;display:flex;position:relative;overflow-x:auto}.tab-new{padding:var(--space-3) var(--space-4);color:var(--color-text-primary);white-space:nowrap;scroll-snap-align:start;background:#fff;flex-shrink:0}.tab-new.active{color:#fff;background:#000;border-bottom-color:#000}.tab-icon-circle{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;font-size:0;display:inline-block}.tab-new.active .tab-icon-circle{background:#fff}.tab-new:not(.active) .tab-icon-circle{background:var(--color-text-primary)}.tab-icon{font-size:var(--text-base);opacity:.9;flex-shrink:0}.app-main{background:var(--color-surface-secondary);padding:0;overflow:hidden auto}.queueing-tab{background:var(--color-surface-secondary);padding:var(--space-6)}.courts-section{margin-bottom:var(--space-2);padding-bottom:var(--space-6);position:relative;box-shadow:0 2px 8px #0000000f;border-bottom:none!important}.courts-section:after{content:"";background:linear-gradient(90deg, var(--color-border-primary,#e2e8f0) 0%, var(--color-secondary-500,#fdb927) 50%, var(--color-border-primary,#e2e8f0) 100%);z-index:1;background-size:200% 100%;border-radius:2px;width:100%;height:3px;animation:2s linear infinite separator-running-light;position:absolute;bottom:0;left:0;right:0}.courts-grid{grid-template-columns:repeat(var(--court-cols,4), minmax(0, 1fr));gap:var(--space-2);z-index:1;background:var(--color-surface-primary);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);display:grid}@media (width>=480px) and (width<=767px){.courts-grid[data-court-count="3"] .court-card:last-child,.courts-grid[data-court-count="5"] .court-card:last-child,.courts-grid[data-court-count="7"] .court-card:last-child{width:min(100%, calc((100% - var(--space-4,1rem)) / 2));grid-column:1/-1;justify-self:center}}.queue-layout{grid-template-columns:minmax(0, var(--next-flex,1fr)) minmax(0, var(--waiting-flex,1fr));gap:var(--space-6);align-items:start;display:grid;position:relative}.next-section{z-index:1;background:var(--color-surface-primary);min-width:0;padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border-primary);border-right:3px solid var(--color-secondary-400);box-shadow:var(--shadow-sm), 4px 0 12px #fdb92726;flex-direction:column;height:auto;display:flex;position:relative}.next-grid{grid-template-columns:repeat(var(--next-cols,2), minmax(0, 1fr));gap:var(--space-3);flex:1;align-items:start;display:grid}.next-card,.next-box{box-sizing:border-box;background:var(--color-surface-primary);border:2px solid var(--color-success-400);border-radius:var(--radius-lg);height:auto;min-height:200px;max-height:none;box-shadow:var(--shadow-md);flex-direction:column;flex-grow:0;flex-shrink:0;transition:all .2s;display:flex;overflow:visible}.next-card:hover{border-color:var(--color-success-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.next-card .card-body{min-height:0;padding:var(--space-4);flex-direction:column;flex:1;display:flex;overflow:visible}.next-card .next-players{gap:var(--space-3);flex:1;grid-template-columns:repeat(2,1fr);min-height:0;max-height:none;display:grid;overflow:visible}.next-card .next-empty{min-height:auto;padding:var(--space-5) var(--space-3);flex-shrink:1;grid-column:1/-1}.next-card .next-player-wrapper{flex-shrink:0}.next-card .next-slot-empty{min-height:auto;padding:var(--space-2);flex-shrink:0;grid-column:1/-1}.next-card .card-header{padding:var(--space-3)}.next-card:before{display:none}.court-card,.court-box{transition:all .3s cubic-bezier(.4,0,.2,1)}.court-card.is-paused{position:relative;box-shadow:0 0 15px #f59e0b33;border-color:var(--color-warning-500,#f59e0b)!important}.court-card.is-paused:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;background:#f59e0b08;position:absolute;inset:0}.court-card.is-paused .card-body{opacity:.85;filter:saturate(.8)}.court-card .card-body{padding:var(--space-4);flex:1;overflow:hidden auto}.court-card:hover,.court-box:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-500)}.waiting-players-grid{grid-template-columns:repeat(var(--waiting-cols,4), minmax(0, 1fr))!important;grid-auto-rows:max-content!important;align-content:start!important;align-items:stretch!important;gap:12px!important;height:auto!important;min-height:min-content!important;padding:4px 0 8px!important;display:grid!important}@media (width<=1180px){.waiting-players-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))!important}}@media (width<=900px){.waiting-players-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}}@media (width<=767px){.app-header-new{gap:var(--space-3)!important;padding:var(--space-3)!important;flex-direction:column!important;align-items:center!important}.header-actions-new{justify-content:center!important;gap:var(--space-2)!important;flex-wrap:wrap!important;width:100%!important}.header-actions-new .action-btn,.header-actions-new .brand-pill{max-width:100%;font-size:var(--text-xs)!important;min-height:42px!important;padding:8px 12px!important}.header-logo{max-width:100%}.brand-pill{text-overflow:ellipsis;overflow:hidden}.tabs-new{-webkit-overflow-scrolling:touch!important;width:100%!important;padding:var(--space-2)!important;gap:var(--space-2)!important;box-sizing:border-box!important;justify-content:flex-start!important;overflow-x:auto!important}.tab-new{min-height:44px;font-size:var(--text-sm)!important;white-space:nowrap!important;flex-shrink:0!important;padding:8px 14px!important}.queue-layout{gap:var(--space-4)!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;display:flex!important}.queue-layout:before{display:none!important}.next-section{border-right:1px solid var(--color-border-primary)!important;box-shadow:var(--shadow-sm)!important}.waiting-players-container{border-left:1px solid var(--color-gray-300)!important;box-shadow:var(--shadow-md)!important;height:auto!important;max-height:min(420px,55vh)!important;padding:var(--space-3)!important}.waiting-players-scroll{min-height:120px}.waiting-players-header .quick-add-input{height:40px;min-height:40px;font-size:16px}.next-section,.waiting-players,.waiting-players-container{grid-column:1/-1!important;width:100%!important}.courts-grid,.next-grid,.waiting-players-grid,.waiting-players{gap:var(--space-3)!important;grid-template-columns:1fr!important}.waiting-players-grid .sq-player-chip{min-height:44px}.waiting-players-title{font-size:var(--text-base);margin-bottom:var(--space-3)}.table-container,.database-table-container,.results-table-container,.stats-table-container,.archive-table-container{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.court-card .card-actions,.court-box .card-actions{gap:var(--space-2)!important;flex-direction:column!important}.court-card .btn,.court-box .btn{width:100%!important;min-height:44px!important}.queueing-app-layout,.main-content-new,.app-main{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.queueing-tab{transform-origin:initial;width:100%;min-height:0;padding:var(--space-3);transform:none}.court-card,.next-card,.next-box,.waiting-players-container{min-width:0;max-width:100%}.court-card-header,.court-card-header .court-title,.court-card-header .court-number{min-width:0}.court-card-header .court-number{gap:var(--space-2);flex-wrap:wrap}.court-card-header .court-timer-container{max-width:100%;margin-left:0!important}.court-actions{flex-wrap:wrap}.court-actions>*{min-height:44px}.player-card{min-width:0}}.waiting-players-container{background:var(--color-surface-primary);border:1px solid var(--color-gray-300);border-left:3px solid var(--color-secondary-400);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md), -4px 0 12px #fdb92726;z-index:1;box-sizing:border-box;flex-direction:column;align-self:start;width:100%;height:auto;min-height:0;max-height:none;transition:max-height .15s;display:flex;position:relative;overflow:hidden}.queue-layout[data-waiting-scroll=true] .waiting-players-container{max-height:var(--waiting-panel-height,min(420px, calc(100vh - 280px)))}.waiting-players-header{gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.waiting-search-toggle.active{box-shadow:0 0 0 2px #3b82f659}.waiting-players-search-panel{width:100%;animation:.15s ease-out waiting-search-in}@keyframes waiting-search-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.waiting-players-header .quick-add-container{box-shadow:none;z-index:40;background:0 0;border:none;border-radius:0;margin:0;padding:0}.waiting-players-header .quick-add-container:focus-within{box-shadow:none;border-color:#0000}.waiting-players-header .quick-add-form{gap:var(--space-2)}.waiting-players-header .quick-add-input{border-radius:var(--radius-md);box-sizing:border-box;height:36px;min-height:36px;padding:8px 12px;font-size:.875rem;line-height:1.25}.waiting-players-header .quick-add-input.has-clear{padding-right:2.25rem}.waiting-players-header .quick-add-clear-btn{width:1.5rem;height:1.5rem;font-size:.75rem;right:.4rem}.waiting-players-header .waiting-players-title{padding-bottom:var(--space-1);font-size:var(--text-base);gap:var(--space-2);margin-bottom:0}.waiting-players-scroll{flex:auto;min-height:56px;padding-right:2px;display:block;overflow:hidden auto}.waiting-players-scroll::-webkit-scrollbar{width:8px}.waiting-players-scroll::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.waiting-players-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.waiting-players-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.waiting-players-pairing-hint{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin:0;padding:8px;font-size:.9rem}:root[data-theme=dark] .waiting-players-pairing-hint{color:#93c5fd;background:#3b82f61f;border-color:#3b82f659}.waiting-players-container::-webkit-scrollbar{width:8px}.waiting-players-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}.waiting-players-container::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.waiting-players-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.waiting-players-container.drag-over{background-color:var(--color-primary-50);border-color:var(--color-success-500);box-shadow:var(--shadow-primary)}.waiting-players-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);text-align:left;border-bottom:2px solid var(--color-gray-200);padding-bottom:var(--space-2);align-items:center;gap:var(--space-2);margin:0;display:flex}.waiting-players-empty{padding:var(--space-8);text-align:center;color:var(--color-text-tertiary);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);background:var(--color-gray-50);font-size:var(--text-sm)}.app-header{display:none!important}.app-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.logo-section{z-index:1;flex:none}.logo{align-items:center;gap:var(--space-2);transition:transform .2s;display:flex}.logo:hover{transform:scale(1.02)}.logo svg{filter:drop-shadow(0 2px 4px #0003);width:24px;height:24px}.logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);font-family:var(--font-primary);letter-spacing:-.025em;text-shadow:0 2px 4px #0003;background:linear-gradient(135deg,#fff 0%,#f0f4ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.player-registration{align-items:center;gap:var(--space-2);z-index:1;max-width:500px;margin:0 var(--space-4);flex-direction:column;flex:1;display:flex}.meet-info{margin-bottom:var(--space-1)}.meet-date{font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;text-shadow:0 1px 2px #0003;opacity:.9}.registration-form{gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.player-name-input,.skill-level-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#fffffff2;border:1px solid #fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}.player-name-input{flex:1;min-width:160px;max-width:200px}.player-name-input:focus,.skill-level-select:focus{box-shadow:var(--shadow-md), 0 0 0 3px #fff3;background:#fff;border-color:#fffc;outline:none;transform:translateY(-1px)}.skill-level-select{cursor:pointer;min-width:100px}.header-actions{gap:var(--space-2);z-index:1;flex:none;align-items:center;display:flex}.add-player-btn{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg, var(--color-success) 0%, #059669 100%);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-1);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.add-player-btn:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px)}.add-player-btn:active{transform:translateY(0)}.mock-players-btn{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg, var(--color-warning) 0%, #d97706 100%);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-1);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.mock-players-btn:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-2px)}.mock-players-btn:active{transform:translateY(0)}.start-meet-btn{padding:var(--space-2) var(--space-3);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-1);background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.start-meet-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.start-meet-btn:hover:before{left:100%}.start-meet-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.start-meet-btn:active{transform:translateY(0)}.end-meet-btn{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg, var(--color-error) 0%, #dc2626 100%);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:var(--space-1);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.end-meet-btn:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px)}.end-meet-btn:active{transform:translateY(0)}.player-database-btn{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:var(--space-1);border:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.player-database-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.player-database-btn:active{transform:translateY(0)}.player-database-btn .btn-icon{font-size:var(--text-lg)}@media (width<=479px){.app-header{gap:calc(var(--space-3) * var(--space-multiplier-xs));padding:calc(var(--space-3) * var(--space-multiplier-xs));min-height:var(--touch-target-comfortable);flex-direction:column}.logo-section,.player-registration,.header-actions{flex:none;width:100%}.logo{justify-content:center}.logo-text{font-size:calc(var(--text-xl) * var(--text-multiplier-xs))}.player-registration{order:2;margin:0}.meet-date{font-size:calc(var(--text-base) * var(--text-multiplier-xs))}.registration-form{gap:var(--space-2);flex-direction:column;width:100%}.player-name-input,.skill-level-select{width:100%;max-width:none;min-height:var(--touch-target-comfortable);font-size:calc(var(--text-sm) * var(--text-multiplier-xs))}.header-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;order:3}.header-actions button{padding:calc(var(--space-2) * var(--space-multiplier-xs)) calc(var(--space-3) * var(--space-multiplier-xs));font-size:calc(var(--text-xs) * var(--text-multiplier-xs));min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);flex:1;max-width:150px}}@media (width>=480px) and (width<=639px){.app-header{gap:calc(var(--space-4) * var(--space-multiplier-sm));padding:calc(var(--space-4) * var(--space-multiplier-sm));flex-direction:column}.logo-section,.player-registration,.header-actions{flex:none;width:100%}.logo{justify-content:center}.logo-text{font-size:calc(var(--text-xl) * var(--text-multiplier-sm))}.player-registration{margin:0}.meet-date{font-size:calc(var(--text-lg) * var(--text-multiplier-sm))}.registration-form{justify-content:center;gap:var(--space-3);flex-flow:wrap}.player-name-input{min-width:200px;max-width:300px;min-height:var(--touch-target-comfortable);flex:1}.skill-level-select{min-width:140px;min-height:var(--touch-target-comfortable)}.header-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap}.header-actions button{min-height:var(--touch-target-comfortable);padding:var(--space-3) var(--space-4)}}@media (width>=640px) and (width<=767px){.app-header{gap:var(--space-4);padding:var(--space-5) var(--space-6);flex-flow:wrap}.logo-section{flex:none}.player-registration{margin:0 var(--space-4);flex:1;min-width:300px}.header-actions{gap:var(--space-3);flex:none}.registration-form{gap:var(--space-3)}}@media (width>=768px) and (width<=1023px){.app-header{padding:var(--space-5) var(--space-6)}.player-registration{margin:0 var(--space-4)}.registration-form,.header-actions{gap:var(--space-3)}.header-actions button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media (width>=1024px) and (width<=1279px){.app-header{padding:var(--space-6) var(--space-7)}.player-registration{margin:0 var(--space-5)}.registration-form,.header-actions{gap:var(--space-3)}}@media (width>=1280px) and (width<=1535px){.app-header{padding:calc(var(--space-6) * var(--space-multiplier-xl)) calc(var(--space-8) * var(--space-multiplier-xl))}.player-registration{margin:0 calc(var(--space-6) * var(--space-multiplier-xl))}.registration-form,.header-actions{gap:calc(var(--space-3) * var(--space-multiplier-xl))}}@media (width>=1536px){.app-header{padding:calc(var(--space-8) * var(--space-multiplier-2xl)) calc(var(--space-10) * var(--space-multiplier-2xl))}.player-registration{margin:0 calc(var(--space-8) * var(--space-multiplier-2xl));max-width:800px}.registration-form,.header-actions{gap:calc(var(--space-4) * var(--space-multiplier-2xl))}.logo-text{font-size:calc(var(--text-2xl) * var(--text-multiplier-2xl))}.meet-date{font-size:calc(var(--text-lg) * var(--text-multiplier-2xl))}}@media (orientation:landscape) and (width>=640px) and (width<=1023px){.app-header{padding:var(--space-4) var(--space-6);flex-direction:row}.logo-section{flex:none}.player-registration{margin:0 var(--space-4);flex:1}.header-actions{flex:none}}@media (orientation:portrait) and (width>=640px) and (width<=1023px){.app-header{gap:var(--space-4);flex-direction:column}.logo-section,.player-registration,.header-actions{width:100%}.logo,.header-actions{justify-content:center}}@media (resolution>=1.5x){.logo svg{width:36px;height:36px}.header-actions button{font-size:calc(var(--text-sm) * 1.02)}}.app-header button:focus-visible,.player-name-input:focus-visible,.skill-level-select:focus-visible{outline-offset:2px;outline:2px solid #fffc}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.app-header{animation:.6s cubic-bezier(.4,0,.2,1) headerSlideIn}.tabs{display:none!important}.tabs .system-status{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);background:#ffffff1a;border:1px solid #fff3}.tabs .system-status .system-status-label{color:#fffc}.tabs .system-status .system-status-value{color:#fffffff2;font-weight:var(--font-semibold)}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-2) var(--space-4);color:#fffffff2;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-lg) var(--radius-lg) 0 0;white-space:nowrap;background:0 0;border:none;outline:none;min-width:fit-content;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;top:1px}.tab:hover:not(.active){color:#fff;background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.tab.active{background:var(--color-surface-primary);color:var(--color-gray-800);z-index:1;transform:translateY(-2px);box-shadow:0 -2px 8px #0000001a,0 4px 8px #0000001a}.tab.active:before{content:"";background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);border-radius:var(--radius-full);height:3px;animation:.3s cubic-bezier(.4,0,.2,1) tabIndicatorSlide;position:absolute;bottom:-1px;left:0;right:0}@keyframes tabIndicatorSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tab:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.tab:active{transform:translateY(0)}.tab-content-enter{opacity:0;transform:translateY(10px)}.tab-content-enter-active{opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.tab-content-exit{opacity:1;transform:translateY(0)}.tab-content-exit-active{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px)}.tab-badge{background:var(--color-primary-500);color:#fff;min-width:20px;height:20px;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);margin-left:var(--space-2);padding:0 var(--space-1);justify-content:center;align-items:center;animation:2s infinite tabBadgePulse;display:inline-flex}.tab.active .tab-badge{background:var(--color-primary-600);animation:none}@keyframes tabBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tab-icon{margin-right:var(--space-2);font-size:var(--text-base);opacity:.8;transition:opacity .3s}.tab:hover .tab-icon,.tab.active .tab-icon{opacity:1}@media (width<=768px){.tabs{padding:0 var(--space-2);gap:0}.tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);text-align:center;flex:1;min-width:auto}.tab-icon,.tabs .system-status{display:none}}@media (width<=480px){.tabs{padding:0 var(--space-1)}.tab{padding:var(--space-1) var(--space-2);letter-spacing:.02em;font-size:10px}}.tab.loading{pointer-events:none;position:relative}.tab.loading:after{content:"";top:50%;right:var(--space-3);border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:12px;height:12px;animation:1s linear infinite tabSpinner;position:absolute;transform:translateY(-50%)}@keyframes tabSpinner{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.tab-separator{width:1px;margin:var(--space-2) 0;background:#fff3;align-self:stretch}.tab-content{animation:.4s cubic-bezier(.4,0,.2,1) tabContentFadeIn}@keyframes tabContentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tabSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.tab{animation:.4s cubic-bezier(.4,0,.2,1) tabSlideIn}.tab:first-child{animation-delay:.1s}.tab:nth-child(2){animation-delay:.2s}.tab:nth-child(3){animation-delay:.3s}.tab:nth-child(4){animation-delay:.4s}.tab:nth-child(5){animation-delay:.5s}@media (prefers-contrast:high){.tab{border:1px solid #ffffff4d}.tab.active{border-color:var(--color-gray-800)}.tab:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.tab,.tab-badge,.tab:before,.tab:after{transition:none;animation:none}.tab:hover:not(.active),.tab.active{transform:none}}.quick-add-container{margin-bottom:var(--space-6);background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md);z-index:50;transition:all var(--duration-300) var(--ease-out);position:relative}.quick-add-container:focus-within{box-shadow:var(--shadow-lg);border-color:var(--color-primary-400)}.quick-add-form{gap:var(--space-3);align-items:center;display:flex;position:relative}.quick-add-input-wrapper{flex:1;position:relative}.quick-add-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--duration-200) var(--ease-out)}.quick-add-input.has-clear{padding-right:2.5rem}.quick-add-input:focus{border-color:var(--color-primary-400);background:var(--color-surface-primary);outline:none;box-shadow:0 0 0 3px #a3e63526}.quick-add-clear-btn{border-radius:var(--radius-full);background:var(--color-surface-primary);width:1.75rem;height:1.75rem;color:var(--color-text-secondary);cursor:pointer;z-index:2;border:none;justify-content:center;align-items:center;font-size:.85rem;line-height:1;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.quick-add-clear-btn:hover{background:var(--color-error-500,#ef4444);color:#fff}.quick-add-clear-btn:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.search-results-dropdown{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:110;max-height:280px;animation:scaleIn var(--duration-200) var(--ease-out);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-result-item{padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;transition:background .2s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-surface-secondary)}.search-result-name{font-weight:var(--font-semibold);color:var(--color-text-primary)}.search-result-level{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-1) var(--space-2);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.search-result-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;padding-left:var(--space-3);margin-left:auto}.search-result-item.search-result-draggable{cursor:grab;gap:var(--space-2)}.search-result-item.search-result-draggable:active{cursor:grabbing}.search-result-item.search-result-draggable.dragging{opacity:.45}.search-result-item.search-result-busy{cursor:default;opacity:.75}.search-result-item.search-result-busy:hover{background:0 0}.search-result-item{gap:var(--space-2);flex-wrap:wrap}.create-new-option{padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--color-primary-400);font-weight:var(--font-bold);align-items:center;gap:var(--space-2);border-top:1px solid var(--color-border-primary);background:#a3e6350d;display:flex}.create-new-option:hover{color:var(--color-primary-400);background:#a3e6351a}.create-new-details{gap:var(--space-4);animation:slideDown var(--duration-300) var(--ease-out);flex-direction:column;display:flex}.form-grid-mini{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.form-group-mini{gap:var(--space-1);flex-direction:column;display:flex}.form-group-mini label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-left:var(--space-1)}.quick-add-input-mini{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);transition:all var(--duration-200)}.quick-add-input-mini:focus{border-color:var(--color-primary-400);background:var(--color-surface-primary);outline:none}.form-actions-mini{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border-primary);align-items:center;display:flex}.quick-add-level-select{padding:var(--space-2) var(--space-4);background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;min-width:140px}.quick-add-level-select:focus{border-color:var(--color-primary-400);outline:none}.quick-add-submit-btn{padding:var(--space-2) var(--space-6);background:var(--color-primary-500);color:var(--color-text-inverse);border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:all var(--duration-200);align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm);border:none;display:flex}.quick-add-submit-btn:hover{background:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-add-cancel-btn{padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);background:0 0;border:none;transition:all .2s}.quick-add-cancel-btn:hover{color:#ef4444;background:#ef44441a}.btn-modern-green{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;flex-shrink:0;box-shadow:0 4px 6px -1px #10b9814d,0 2px 4px -1px #10b98126}.btn-modern-green:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#059669 100%);transform:translateY(-1px);box-shadow:0 6px 10px -1px #10b98166}.btn-modern-purple{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;flex-shrink:0;box-shadow:0 4px 6px -1px #8b5cf64d,0 2px 4px -1px #8b5cf626}.btn-modern-purple:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%);transform:translateY(-1px);box-shadow:0 6px 10px -1px #8b5cf666}.btn-modern-yellow{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;flex-shrink:0;box-shadow:0 4px 6px -1px #f59e0b4d,0 2px 4px -1px #f59e0b26}.btn-modern-yellow:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);transform:translateY(-1px);box-shadow:0 6px 10px -1px #f59e0b66}.btn-modern-orange{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;flex-shrink:0;box-shadow:0 4px 6px -1px #f973164d,0 2px 4px -1px #f9731626}.btn-modern-orange:hover:not(:disabled){background:linear-gradient(135deg,#fb923c 0%,#ea580c 100%);transform:translateY(-1px);box-shadow:0 6px 10px -1px #f9731666}.btn-modern-gray{color:#fff;background:linear-gradient(135deg,#9ca3af 0%,#4b5563 100%);border:none;flex-shrink:0;box-shadow:0 4px 6px -1px #6b72804d,0 2px 4px -1px #6b728026}.btn-modern-gray:hover:not(:disabled){background:linear-gradient(135deg,#d1d5db 0%,#6b7280 100%);transform:translateY(-1px);box-shadow:0 6px 10px -1px #6b728066}.btn-modern-green.active{background:linear-gradient(135deg,#065f46 0%,#047857 100%);transform:translateY(1px);box-shadow:inset 0 2px 4px #0003}.btn-modern-blue{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;flex-shrink:0;box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f626}.btn-modern-blue:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 10px -1px #3b82f666}.sq-player-chip{box-sizing:border-box;border:1px solid var(--color-border-primary,#94a3b859);background:var(--color-surface-primary,#fff);width:100%;min-height:44px;color:var(--color-text-primary,#0f172a);cursor:grab;border-radius:10px;align-items:center;gap:8px;padding:8px 10px 8px 14px;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0f}.sq-player-chip:active{cursor:grabbing}.sq-drag-layer{pointer-events:none;z-index:200000;position:fixed;inset:0}.sq-drag-layer-item{will-change:transform;position:absolute;top:0;left:0}.sq-player-chip.sq-drag-preview{cursor:grabbing;background:var(--color-surface-primary,#1e293b);width:min(240px,70vw);min-height:48px;transform:rotate(2deg)scale(1.04);box-shadow:0 12px 28px #00000059,0 0 0 2px #f6d80373;opacity:1!important}.sq-player-chip.sq-drag-preview-group{border-color:#22c55e8c;width:min(200px,60vw);box-shadow:0 12px 28px #00000059,0 0 0 2px #22c55e66}:root[data-theme=dark] .sq-player-chip.sq-drag-preview,.dark-mode .sq-player-chip.sq-drag-preview{background:#1e293b;border-color:#fdb92773}body.is-dragging-player .sq-player-chip.dragging{opacity:.28;transform:none}body.is-dragging-player .waiting-players-container,body.is-dragging-player .waiting-players-scroll,body.is-dragging-player .next-section,body.is-dragging-player .court-card{overflow:visible!important}.sq-player-chip.swap-target,.sq-player-chip.drag-over{border-color:var(--color-info-500,#3b82f6);background:#3b82f61a;box-shadow:0 0 0 2px #3b82f633}.sq-player-chip.excluded{opacity:.55;cursor:default;border-style:dashed}.sq-player-chip.pairing-mode{cursor:pointer}.sq-player-chip.selected-for-pairing{border-color:var(--color-secondary-500,#f6d803);box-shadow:0 0 0 2px #f6d80359}.sq-player-chip-skill{background:var(--color-gray-500,#6b7280);width:4px;position:absolute;top:0;bottom:0;left:0}.sq-player-chip.skill-beginner .sq-player-chip-skill{background:var(--color-gray-500,#6b7280)}.sq-player-chip.skill-intermediate .sq-player-chip-skill{background:var(--color-info-500,#3b82f6)}.sq-player-chip.skill-advanced .sq-player-chip-skill{background:var(--color-error-500,#ef4444)}.sq-player-chip-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-text-primary,#0f172a);flex:1;font-size:.9rem;font-weight:600;line-height:1.25;overflow:hidden}.sq-player-chip-meta{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.sq-player-chip-rank{color:var(--color-text-tertiary,#94a3b8);letter-spacing:.02em;font-size:.7rem;font-weight:700}.sq-player-chip-games{text-align:center;min-width:1.5rem;color:var(--color-text-secondary,#475569);background:var(--color-surface-secondary,#f1f5f9);border:1px solid var(--color-border-primary,#94a3b840);border-radius:6px;padding:2px 6px;font-size:.75rem;font-weight:700}.sq-player-chip-games-btn{cursor:pointer;font:inherit;line-height:1.2;transition:background .15s,border-color .15s,color .15s}.sq-player-chip-games-btn:hover{color:var(--color-text-primary,#111827);background:#f6d8032e;border-color:#f6d80380}.sq-games-editor{background:var(--color-surface-primary,#fff);border:1px solid #f6d8038c;border-radius:8px;align-items:center;gap:2px;padding:1px;display:inline-flex;box-shadow:0 2px 8px #0f172a14}.sq-games-editor-btn{width:22px;height:22px;color:var(--color-text-primary,#0f172a);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0;font-size:14px;font-weight:700;line-height:1}.sq-games-editor-btn:hover{background:#f6d80333}.sq-games-editor-input{width:2.25rem;height:22px;color:var(--color-text-primary,#0f172a);text-align:center;-moz-appearance:textfield;background:0 0;border:none;border-radius:4px;padding:0 2px;font-size:.75rem;font-weight:700}.sq-games-editor-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sq-games-editor-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sq-games-editor-input:focus{background:#f6d8031f;outline:none}:root[data-theme=dark] .sq-games-editor{background:#0f172af2;box-shadow:0 2px 10px #00000059}:root[data-theme=dark] .sq-games-editor-input,:root[data-theme=dark] .sq-games-editor-btn{color:#f8fafc}.sq-player-chip-pause{width:28px;height:28px;color:var(--color-text-tertiary,#94a3b8);cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:opacity .15s,background .15s,color .15s;display:inline-flex}.sq-player-chip:hover .sq-player-chip-pause,.sq-player-chip:focus-within .sq-player-chip-pause,.sq-player-chip.excluded .sq-player-chip-pause{opacity:1}.sq-player-chip-pause:hover{color:var(--color-warning-500,#f59e0b);background:#f59e0b26}.sq-player-chip-pause.resume{color:var(--color-success-500,#10b981);opacity:1}.sq-player-chip-pair{color:#fff;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000040}.sq-player-chip-unpair{color:#fff;cursor:pointer;z-index:6;background:#ef4444;border:none;border-radius:50%;width:18px;height:18px;font-size:11px;line-height:1;position:absolute;top:-6px;right:-6px}:root[data-theme=dark] .sq-player-chip{color:#e2e8f0;background:#1e293beb;border-color:#94a3b838}:root[data-theme=dark] .sq-player-chip-name{color:#f1f5f9}:root[data-theme=dark] .sq-player-chip-games{color:#cbd5e1;background:#0f172ab3;border-color:#94a3b833}:root[data-theme=dark] .sq-player-chip.excluded{background:#0f172a73}.waiting-players-grid .sq-player-chip{align-items:flex-start;min-height:52px;padding-top:8px;padding-bottom:8px}.waiting-players-grid .sq-player-chip-main{flex-direction:column;flex:1;align-items:stretch;gap:4px;min-width:0;display:flex}.waiting-players-grid .sq-player-chip-name{white-space:normal;width:100%;text-overflow:unset;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:none;font-size:.875rem;display:-webkit-box;overflow:hidden}.waiting-players-grid .sq-player-chip-meta{align-self:flex-start}.waiting-players-grid .sq-player-chip-pause{flex-shrink:0;margin-top:2px}.queueing-app-layout .queue-header-actions{align-items:center;gap:.65rem}.queueing-app-layout .queue-header-cluster{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a59;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:.15rem;height:2.5rem;padding:.2rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.queueing-app-layout .queue-hdr-btn{color:#f1f5f9eb;letter-spacing:.01em;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:.35rem;height:2.1rem;padding:0 .9rem;font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.queueing-app-layout .queue-hdr-home:hover{color:#fff;background:#ffffff1a}.queueing-app-layout .queue-hdr-home:focus-visible,.queueing-app-layout .queue-hdr-more:focus-visible,.queueing-app-layout .queue-hdr-danger:focus-visible,.queueing-app-layout .queue-hdr-cta:focus-visible{outline-offset:2px;outline:2px solid #f6d803}.queueing-app-layout .queue-hdr-divider{background:#ffffff2e;flex:none;width:1px;height:1.15rem}.queueing-app-layout .queue-hdr-mode{color:#fef9c3;letter-spacing:.01em;white-space:nowrap;background:#f6d80329;border-radius:9px;align-items:center;gap:.4rem;height:2.1rem;padding:0 .95rem 0 .75rem;font-size:.8125rem;font-weight:700;line-height:1;display:inline-flex}.queueing-app-layout .queue-hdr-mode svg{opacity:.95;flex:none}.queueing-app-layout .queue-hdr-cta.btn,.queueing-app-layout .queue-hdr-cta{color:#111827;letter-spacing:.01em;background:linear-gradient(#ffe14a 0%,#f6d803 100%);border:none;border-radius:12px;justify-content:center;align-items:center;min-width:0;height:2.5rem;min-height:2.5rem;padding:0 1.15rem;font-family:inherit;font-size:.8125rem;font-weight:700;line-height:1;transition:transform .15s,box-shadow .18s,background .18s,opacity .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 4px 14px #f6d80347}.queueing-app-layout .queue-hdr-cta:hover:not(:disabled){color:#111827;background:linear-gradient(#ffe96a 0%,#fde047 100%);transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 6px 18px #f6d80361}.queueing-app-layout .queue-hdr-cta:active:not(:disabled){transform:translateY(0)}.queueing-app-layout .queue-hdr-cta:disabled{opacity:.45;box-shadow:none;transform:none}.queueing-app-layout .queue-hdr-danger{color:#fecaca;background:#ef44441f;border:1px solid #f8717173;height:2.5rem;padding:0 .95rem}.queueing-app-layout .queue-hdr-danger:hover:not(:disabled){color:#fee2e2;background:#ef444438;border-color:#f87171b3}.queueing-app-layout .queue-hdr-more{color:#e2e8f0;letter-spacing:.05em;background:#0f172a59;border:1px solid #ffffff29;width:2.5rem;height:2.5rem;padding:0;font-size:1.15rem;line-height:1}.queueing-app-layout .queue-hdr-more:hover,.queueing-app-layout .queue-hdr-more[aria-expanded=true]{color:#fff;background:#ffffff1f;border-color:#ffffff47}.header-more{position:relative}.header-more-menu{z-index:1200;background:#0f172a;border:1px solid #94a3b840;border-radius:12px;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #00000059}.header-more-item{color:#e2e8f0;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:.875rem;font-weight:560;display:flex}.header-more-item:hover{background:#94a3b824}@media (width<=767px){.queueing-app-layout .queue-header-actions{justify-content:center;gap:.5rem}.queueing-app-layout .queue-header-cluster{flex:auto;min-width:0;max-width:100%}.queueing-app-layout .queue-hdr-cta{flex:auto}.queueing-app-layout .queue-hdr-mode span:last-child{text-overflow:ellipsis;overflow:hidden}}.action-btn-primary{background:var(--color-secondary-500,#f6d803);color:#111827;font-weight:700}.action-btn-primary:hover:not(:disabled){background:var(--color-secondary-400,#fde047);box-shadow:var(--shadow-md);color:#111827}.action-btn-danger{color:#fca5a5;box-shadow:none;background:0 0;border:1px solid #ef44448c}.action-btn-danger:hover:not(:disabled){color:#fecaca;background:#ef444426;border-color:#ef4444}.action-btn-more{color:#e2e8f0;min-width:40px;box-shadow:none;background:#ffffff14;border:1px solid #ffffff2e;padding-left:.75rem;padding-right:.75rem}.action-btn-more:hover,.action-btn-more[aria-expanded=true]{background:#ffffff24;border-color:#ffffff47}.brand-pill-quiet{color:#e2e8f0!important;background:#ffffff14!important;border:1px solid #ffffff29!important}.waiting-players-actions .btn{font-weight:600;box-shadow:none!important;color:var(--color-text-secondary,#cbd5e1)!important;background:0 0!important;border:1px solid #94a3b859!important}.waiting-players-actions .btn:hover:not(:disabled){background:#94a3b81f!important;transform:none!important}.waiting-players-actions .btn.active,.waiting-players-actions .waiting-search-toggle.active{color:var(--color-secondary-400,#fde047)!important;box-shadow:none!important;background:#f6d8031f!important;border-color:#f6d8038c!important}.waiting-players-actions .btn:disabled{opacity:.45}.court-card .card-header.court-card-header,.court-card-header{border-bottom:1px solid var(--color-border-primary,#94a3b833);padding:var(--space-3) var(--space-4)!important;background:0 0!important}.court-card .court-title{color:var(--color-text-primary,#e2e8f0)!important;background:0 0!important;border-radius:0!important;padding:0!important}.court-card .card-body{padding:var(--space-3) var(--space-4)!important}.court-card .team-section{padding:var(--space-2);background:#94a3b80f;border:1px solid #94a3b81f;border-radius:10px}.court-card .team-label{letter-spacing:.06em;opacity:.75;margin-bottom:6px;font-size:.7rem}.court-card .team-players{gap:6px}.court-card .court-actions{padding-top:.75rem;margin-top:.75rem!important}.court-icon-btn{cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;color:var(--color-text-secondary,#cbd5e1)!important;box-shadow:none!important;background:#94a3b814!important;border:1px solid #94a3b84d!important;border-radius:8px!important;padding:0!important;display:inline-flex!important}.court-icon-btn:hover{background:#94a3b829!important}.court-icon-btn.is-warning{color:#fbbf24!important;border-color:#f59e0b73!important}.court-icon-btn.is-success{color:#34d399!important;border-color:#10b98173!important}.court-icon-btn.is-danger{color:#f87171!important;border-color:#ef444473!important}.court-card .court-actions .btn-primary,.court-card .court-actions .btn-success,.court-card .court-actions .btn-warning{font-weight:700;background:var(--color-secondary-500,#f6d803)!important;color:#111827!important;box-shadow:none!important;border-color:#0000!important}.court-card .court-actions .btn-primary:hover,.court-card .court-actions .btn-success:hover,.court-card .court-actions .btn-warning:hover{background:var(--color-secondary-400,#fde047)!important}.next-section,.waiting-players-container{min-height:0}.queue-layout[data-waiting-scroll=false] .waiting-players-container{background-image:linear-gradient(#0000 0%,#94a3b808 100%);align-self:stretch;min-height:100%}.next-card,.next-box{background:var(--color-surface-primary);border-color:#22c55e73!important}.queue-layout[data-next-count="1"] .next-box,.queue-layout[data-next-count="1"] .next-card{min-height:200px}.waiting-players-empty{padding:var(--space-5)!important}.data-tab{max-width:1200px;color:var(--color-text-primary,#0f172a);margin:0 auto;padding:24px 28px 40px}.data-tab .tab-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.data-tab .tab-header h2{letter-spacing:-.02em;color:var(--color-text-primary,#0f172a);margin:0 0 4px;font-size:1.55rem;font-weight:800}.data-tab .tab-subtitle{color:var(--color-text-secondary,#64748b);margin:0;font-size:.875rem}.data-tab .results-count,.data-tab .stats-count,.data-tab .archive-count,.data-tab .header-actions .stats-count,.data-tab .current-year-badge{color:var(--color-text-secondary,#64748b);background:var(--color-surface-secondary,#f1f5f9);box-shadow:none;border:1px solid #94a3b847;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:650}.data-tab .current-year-badge{color:var(--color-text-primary,#111827);background:#f6d8032e;border-color:#f6d80380}.data-tab .header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.data-empty,.data-tab .no-data,.top-gamer-tab .no-data{text-align:center;background:var(--color-surface-primary,#fff);color:var(--color-text-secondary,#64748b);border:1px solid #94a3b847;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:48px 24px;display:flex;box-shadow:0 1px 2px #0f172a0a}.data-empty-title,.data-tab .no-data,.top-gamer-tab .no-data p{color:var(--color-text-primary,#0f172a);margin:0;font-size:1rem;font-weight:700}.data-empty-desc{max-width:360px;color:var(--color-text-secondary,#64748b);margin:0;font-size:.875rem;font-weight:500;line-height:1.45}.data-empty-icon,.top-gamer-tab .no-data-icon{display:none}.data-loading,.data-error{background:var(--color-surface-primary,#fff);color:var(--color-text-secondary,#64748b);border:1px solid #94a3b847;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;font-size:.9rem;font-weight:600;display:flex}.data-loader{border:3px solid #94a3b840;border-top-color:var(--color-secondary-500,#f6d803);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite data-spin}@keyframes data-spin{to{transform:rotate(360deg)}}.data-error{color:#b91c1c;background:#ef44440d;border-color:#ef444447}.data-tab .results-table-container,.data-tab .stats-table-container,.data-tab .leaderboard-container,.data-tab .archive-table-wrap{background:var(--color-surface-primary,#fff);border:1px solid #94a3b847;border-radius:14px;overflow:auto;box-shadow:0 1px 2px #0f172a0a}.data-tab .results-table th,.data-tab .stats-table th,.data-tab .archive-matches-table th,.data-tab .archive-players-table th,.data-tab .leaderboard-table th{color:var(--color-text-secondary,#64748b);letter-spacing:.04em;background:#94a3b814;font-size:.7rem}.data-tab .rank-cell{color:var(--color-text-tertiary,#94a3b8);font-size:.9rem;font-weight:750}.data-tab .rank-cell.rank-top,.data-tab tr.top-rank.rank-1 .rank-cell,.data-tab tr.top-rank.rank-1 .player-name-cell,.data-tab tr.top-rank.rank-1 .games-count{color:#a16207}.data-tab .top-rank{background:#f6d8030f}.data-skill-chip{align-items:center;gap:6px;font-weight:650;display:inline-flex}.data-skill-rail{background:#6b7280;border-radius:999px;flex-shrink:0;width:3px;height:14px}.data-skill-rail.skill-beginner{background:#6b7280}.data-skill-rail.skill-intermediate{background:#3b82f6}.data-skill-rail.skill-advanced{background:#ef4444}.data-skill-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:750}.data-skill-badge.beginner{color:#047857;background:#d1fae5;border-color:#a7f3d0}.data-skill-badge.intermediate{color:#b45309;background:#fef3c7;border-color:#fde68a}.data-skill-badge.advanced{color:#be123c;background:#ffe4e6;border-color:#fecdd3}.data-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.data-pill-group{flex-wrap:wrap;gap:6px;display:inline-flex}.data-pill{min-height:32px;color:var(--color-text-secondary,#64748b);cursor:pointer;background:0 0;border:1px solid #94a3b859;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:650}.data-pill:hover{color:var(--color-text-primary,#0f172a);background:#94a3b81f}.data-pill.active{color:var(--color-text-primary,#111827);background:#f6d8032e;border-color:#f6d8038c}.data-score-edit{justify-content:center;align-items:center;gap:8px;display:inline-flex}.data-score-input{text-align:center;background:var(--color-surface-secondary,#f8fafc);width:52px;color:var(--color-text-primary,#0f172a);border:1px solid #94a3b866;border-radius:8px;padding:6px 4px;font-size:.875rem;font-weight:700}.data-score-input:focus{border-color:#f6d803a6;outline:none;box-shadow:0 0 0 3px #f6d8032e}.data-actions{align-items:center;gap:6px;display:inline-flex}.data-tab .actions-cell .btn,.data-tab .data-actions .btn{min-height:30px;box-shadow:none!important;border-radius:8px!important;font-weight:650!important}.data-tab .actions-cell .btn-primary,.data-tab .data-btn-primary.btn{background:var(--color-secondary-500,#f6d803)!important;color:#111827!important;border:1px solid #0000!important}.data-tab .actions-cell .btn-secondary,.data-tab .data-btn-ghost.btn,.data-tab .actions-cell .btn-ghost{color:var(--color-text-secondary,#64748b)!important;background:0 0!important;border:1px solid #94a3b859!important}.data-tab .actions-cell .btn-secondary:hover:not(:disabled),.data-tab .data-btn-ghost.btn:hover:not(:disabled),.data-tab .actions-cell .btn-ghost:hover:not(:disabled){color:var(--color-text-primary,#0f172a)!important;background:#94a3b81f!important}.data-tab .actions-cell .btn-primary:hover:not(:disabled),.data-tab .data-btn-primary.btn:hover:not(:disabled){background:var(--color-secondary-400,#fde047)!important}.data-tab .archive-layout{align-items:stretch;gap:14px;min-height:calc(100vh - 240px);display:flex}.data-tab .sessions-list,.data-tab .session-details{background:var(--color-surface-primary,#fff);border:1px solid #94a3b847;border-radius:14px;padding:16px;overflow-y:auto;box-shadow:0 1px 2px #0f172a0a}.data-tab .sessions-list{flex:0 0 300px}.data-tab .sessions-list h3,.data-tab .session-details h3{letter-spacing:-.01em;margin:0 0 12px;font-size:.95rem;font-weight:700}.data-tab .session-details h4{color:var(--color-text-secondary,#64748b);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 10px;font-size:.85rem;font-weight:700}.data-tab .session-item{cursor:pointer;background:0 0;border:1px solid #94a3b847;border-radius:10px;margin-bottom:8px;padding:12px;transition:border-color .15s,background .15s;transform:none}.data-tab .session-item:hover{background:#f6d8030f;border-color:#f6d80373;transform:none}.data-tab .session-item.selected{box-shadow:none;background:#f6d80324;border-color:#f6d8038c}.data-tab .session-date{margin-bottom:2px;font-size:.875rem;font-weight:700}.data-tab .session-summary{font-size:.78rem}.data-tab .session-info{background:#94a3b814;border:1px solid #94a3b838;border-radius:10px;margin-bottom:12px;padding:12px 14px}.data-tab .session-info p{margin:0 0 6px;font-size:.875rem}.data-tab .session-info p:last-child{margin-bottom:0}.data-tab .archive-placeholder{min-height:280px;color:var(--color-text-secondary,#64748b);text-align:center;background:#94a3b80d;border:1px dashed #94a3b859;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:32px;display:flex}.data-tab .archive-placeholder strong{color:var(--color-text-primary,#0f172a);font-size:.95rem}.data-tab .games-count{color:var(--color-text-primary,#0f172a)}.data-tab .progress-fill,.top-gamer-tab .progress-fill{background:linear-gradient(90deg,#f6d803,#fbbf24)!important}.top-gamer-tab .loader,.data-tab .loader{border-top-color:var(--color-secondary-500,#f6d803)!important}.top-gamer-tab .current-year-badge{border:1px solid #f6d80380;color:var(--color-text-primary,#111827)!important;box-shadow:none!important;background:#f6d8032e!important}.top-gamer-tab .top-rank{background-color:#f6d8030f!important}:root[data-theme=dark] .data-tab .results-table-container,:root[data-theme=dark] .data-tab .stats-table-container,:root[data-theme=dark] .data-tab .leaderboard-container,:root[data-theme=dark] .data-tab .sessions-list,:root[data-theme=dark] .data-tab .session-details,:root[data-theme=dark] .data-empty,:root[data-theme=dark] .data-tab .no-data,:root[data-theme=dark] .data-loading{box-shadow:none;background:#1e293b8c;border-color:#ffffff14}:root[data-theme=dark] .data-tab .session-item{background:0 0;border-color:#ffffff1a}:root[data-theme=dark] .data-tab .session-item.selected{background:#f6d8031f;border-color:#f6d80373}:root[data-theme=dark] .data-skill-badge.beginner{color:#34d399;background:#10b98126;border-color:#10b9814d}:root[data-theme=dark] .data-skill-badge.intermediate{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}:root[data-theme=dark] .data-skill-badge.advanced{color:#fb7185;background:#f43f5e26;border-color:#f43f5e4d}:root[data-theme=dark] .data-score-input{color:#f8fafc;background:#0f172ad9;border-color:#ffffff24}@media (width<=900px){.data-tab{padding:16px 16px 32px}.data-tab .archive-layout{flex-direction:column;min-height:0}.data-tab .sessions-list{flex:none;max-height:240px}}.app{background-color:#fff;flex-direction:column;height:100vh;display:flex}.app-main{background:var(--color-surface-secondary);flex:1;padding:0;overflow-y:auto}.controls-bar{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.smart-assign-controls{align-items:center;gap:10px;padding:15px;display:flex}.smart-assign-controls label{color:#555;font-weight:600}.strategy-select{cursor:pointer;border:2px solid #ddd;border-radius:6px;min-width:200px;padding:8px 12px;font-size:14px}.strategy-select:focus{border-color:#667eea;outline:none}.smart-assign-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.smart-assign-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.smart-assign-btn:disabled{cursor:not-allowed;opacity:.6;background:#ccc}.smart-assign-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.smart-assign-next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.smart-assign-next-btn:disabled{cursor:not-allowed;opacity:.6;background:#ccc}.btn-icon{font-size:16px}.info-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:8px 12px;font-size:14px;transition:all .3s;display:flex}.info-btn:hover{background:#1976d2;transform:scale(1.1)}.strategy-info-panel{background:#f9f9f9;border-top:2px solid #e0e0e0;padding:20px}.strategy-info-panel h4{color:#333;margin-bottom:12px;font-size:16px}.strategy-info-panel ul{padding:0;list-style:none}.strategy-info-panel li{background:#fff;border-left:4px solid #667eea;border-radius:4px;margin-bottom:12px;padding:12px;font-size:14px;line-height:1.6}.strategy-info-panel li:nth-child(2){border-left-color:#2196f3}.strategy-info-panel li:nth-child(3){border-left-color:#4caf50}.strategy-info-panel strong{color:#667eea;font-weight:600}.section-title{color:#333;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;font-size:18px;font-weight:600}.court-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.court-title{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:8px 16px;font-size:16px;font-weight:700}.start-match-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s}.start-match-btn:hover{background:#45a049;transform:scale(1.05)}.end-match-btn{color:#fff;cursor:pointer;background:#ff9800;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;animation:2s infinite pulse}.end-match-btn:hover{background:#f57c00}.court-empty{text-align:center;color:#999;border:2px dashed #ddd;border-radius:6px;padding:60px 20px;font-size:16px}.court-teams{gap:12px;display:flex}.team-section{background:#fff;border:2px solid #ddd;border-radius:8px;flex:1;min-height:150px;padding:12px;transition:all .3s}.team-section.drag-over{background:#f0f8f0;border-color:#4caf50;transform:scale(1.02)}.team-label{color:#666;text-align:center;background:#f0f0f0;border-radius:4px;margin-bottom:10px;padding:5px;font-size:12px;font-weight:700}.team-a .team-label{color:#1976d2;background:#e3f2fd}.team-b .team-label{color:#f57c00;background:#fff3e0}.team-players{flex-direction:column;gap:6px;width:calc(100% - 6px);margin:0 auto;padding:0 3px;display:flex}.player-slot-empty{text-align:center;color:#999;border:2px dashed #ccc;border-radius:4px;padding:20px 10px;font-size:12px}.next-box.drag-over{background:#e3f2fd;border-color:#2196f3;transform:scale(1.02)}.next-box.full{background:#f0f8f0;border-color:#4caf50}.next-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.next-title{color:#666;font-size:14px;font-weight:700}.player-count{color:#fff;background:#2196f3;border-radius:12px;padding:4px 8px;font-size:12px}.next-box.full .player-count{background:#4caf50}.next-players{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.next-empty{text-align:center;color:#999;border:2px dashed #ddd;border-radius:6px;padding:40px 10px;font-size:13px}.player-slot-indicator{text-align:center;color:#999;padding:10px;font-size:11px;font-style:italic}.waiting-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.waiting-header h3{color:#333;font-size:16px;font-weight:600}.help-icon-btn{cursor:pointer;background:linear-gradient(135deg,#ffc107 0%,#ffb300 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 2px 6px #ffc1074d}.help-icon-btn:hover{transform:scale(1.1);box-shadow:0 4px 10px #ffc10780}.player-count-badge{color:#fff;background:#667eea;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:600}.waiting-players-list{flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.draggable-player-card{-webkit-user-select:none;user-select:none}.draggable-player-card:active{cursor:grabbing!important}.no-players{text-align:center;color:#999;padding:40px 20px;font-size:14px}.player-card.dragging{opacity:.5}.player-card.highlight{background:#fff3e0;border-color:#ff9800}.court-player-card{position:relative}.court-player-card.swap-target{transform:scale(1.05);background:#f0f8f0!important;border-top-color:#4caf50!important;border-bottom-color:#4caf50!important;border-right-color:#4caf50!important;box-shadow:0 0 10px #4caf5080!important}.next-player-card{position:relative}.next-player-card.swap-target{transform:scale(1.05);background:#e3f2fd!important;border-top-color:#2196f3!important;border-bottom-color:#2196f3!important;border-right-color:#2196f3!important;box-shadow:0 0 10px #2196f380!important}.player-card-header{align-items:center;gap:10px;display:flex}.skill-level-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.player-name{color:var(--color-text-primary);font-size:16px;font-weight:600}.games-played{color:#666;margin-top:5px;font-size:12px}.tab-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tab-header h2{letter-spacing:-.02em;color:var(--color-text-primary,#0f172a);margin:0;font-size:26px;font-weight:800}.results-count,.stats-count,.archive-count{color:var(--color-text-secondary,#64748b);background:var(--color-surface-secondary,#f1f5f9);border:1px solid var(--color-border-primary,#cbd5e1);border-radius:9999px;padding:4px 14px;font-size:13px;font-weight:600}.no-data{text-align:center;color:var(--color-text-secondary,#64748b);background:var(--color-surface-primary,#fff);border:1px solid var(--color-border-primary,#e2e8f0);border-radius:14px;padding:60px 20px;font-size:16px;font-weight:600}.results-table-container,.stats-table-container{background:var(--color-surface-primary,#fff);border:1px solid #94a3b847;border-radius:14px;overflow:auto;box-shadow:0 1px 2px #0f172a0a}.results-table,.stats-table,.archive-matches-table,.archive-players-table{border-collapse:collapse;text-align:left;width:100%}.results-table th,.stats-table th,.archive-matches-table th,.archive-players-table th{background:var(--color-surface-secondary,#f8fafc);color:var(--color-text-secondary,#475569);text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--color-border-primary,#e2e8f0);padding:14px 18px;font-size:12px;font-weight:700}.results-table td,.stats-table td,.archive-matches-table td,.archive-players-table td{border-bottom:1px solid var(--color-border-primary,#e2e8f0);color:var(--color-text-primary,#0f172a);padding:14px 18px;font-size:14px}.results-table tbody tr:hover,.stats-table tbody tr:hover,.archive-matches-table tbody tr:hover,.archive-players-table tbody tr:hover{background:var(--color-surface-secondary,#f1f5f9)}.team-names{color:var(--color-text-secondary,#475569);font-weight:500}.score-cell{color:var(--color-text-primary,#0f172a);font-size:15px;font-weight:700}.winning-score{color:#059669;font-weight:800}.winner-cell{color:#059669;font-weight:700}.rank-cell{color:var(--color-text-tertiary,#94a3b8);font-size:15px;font-weight:750}.player-name-cell{color:var(--color-text-primary,#0f172a);align-items:center;gap:8px;font-weight:600;display:flex}.skill-dot-small{border-radius:50%;flex-shrink:0;width:10px;height:10px}.wins-cell{color:#059669;font-weight:700}.archive-layout{gap:20px;min-height:calc(100vh - 240px);display:flex}.sessions-list{background:var(--color-surface-primary,#fff);border:1px solid var(--color-border-primary,#e2e8f0);border-radius:14px;flex:0 0 320px;padding:20px;overflow-y:auto;box-shadow:0 2px 8px #0000000a}.sessions-list h3{color:var(--color-text-primary,#0f172a);margin-bottom:16px;font-size:18px;font-weight:700}.session-item{border:1.5px solid var(--color-border-primary,#e2e8f0);background:var(--color-surface-secondary,#f8fafc);cursor:pointer;border-radius:10px;margin-bottom:10px;padding:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.session-item:hover{background:#f6d8030f;border-color:#f6d80373;transform:none}.session-item.selected{box-shadow:none;background:#f6d80324;border-color:#f6d8038c}.session-date{color:var(--color-text-primary,#0f172a);margin-bottom:4px;font-size:14px;font-weight:700}.session-summary{color:var(--color-text-secondary,#64748b);font-size:13px}.session-details{background:var(--color-surface-primary,#fff);border:1px solid var(--color-border-primary,#e2e8f0);border-radius:14px;flex:1;padding:24px;overflow-y:auto;box-shadow:0 2px 8px #0000000a}.session-details h3{color:var(--color-text-primary,#0f172a);margin-bottom:16px;font-size:20px;font-weight:800}.session-details h4{color:var(--color-text-primary,#0f172a);margin-top:24px;margin-bottom:12px;font-size:16px;font-weight:700}.session-info{background:var(--color-surface-secondary,#f8fafc);border:1px solid var(--color-border-primary,#e2e8f0);border-radius:10px;margin-bottom:20px;padding:16px}.session-info p{color:var(--color-text-secondary,#475569);margin-bottom:8px;font-size:14px;font-weight:500}.session-info p strong{color:var(--color-text-primary,#0f172a);font-weight:700}:root[data-theme=dark] .results-table-container,:root[data-theme=dark] .stats-table-container,:root[data-theme=dark] .sessions-list,:root[data-theme=dark] .session-details,:root[data-theme=dark] .no-data{color:#f8fafc;background:#1e293b99;border-color:#ffffff14}:root[data-theme=dark] .results-table th,:root[data-theme=dark] .stats-table th,:root[data-theme=dark] .archive-matches-table th,:root[data-theme=dark] .archive-players-table th{color:#94a3b8;background:#0f172ab3;border-bottom-color:#ffffff14}:root[data-theme=dark] .session-item{background:#0f172a80;border-color:#ffffff14}:root[data-theme=dark] .session-info{background:#0f172a99;border-color:#ffffff14}.session-matches,.session-players{margin-top:20px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.score-modal{background:#fff;border-radius:8px;min-width:400px;padding:30px;box-shadow:0 4px 20px #0000004d}.score-modal h3{color:#333;margin-bottom:20px;font-size:20px}.score-inputs{gap:20px;margin-bottom:20px;display:flex}.score-input-group{flex:1}.score-input-group label{color:#555;margin-bottom:8px;font-weight:600;display:block}.score-input-group input{border:2px solid #ddd;border-radius:6px;width:100%;padding:12px;font-size:16px}.score-input-group input:focus{border-color:#667eea;outline:none}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.cancel-btn{color:#fff;cursor:pointer;background:#999;border:none;border-radius:6px;padding:10px 20px;transition:all .3s}.cancel-btn:hover{background:#777}.submit-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:10px 20px;transition:all .3s}.submit-btn:hover{background:#45a049}.meet-confirmation-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.meet-confirmation-modal{background:#fff;border-radius:16px;width:90%;max-width:500px;animation:.3s slideUp;box-shadow:0 10px 40px #0000004d}.confirmation-header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px 16px 0 0;padding:24px}.confirmation-header h2{margin:0;font-size:24px;font-weight:700}.confirmation-content{padding:24px}.confirmation-content h3{color:#333;margin:0 0 16px;font-size:20px}.confirmation-details{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:16px}.confirmation-details p{color:#555;margin:8px 0;font-size:14px}.confirmation-details strong{color:#333;font-weight:600}.confirmation-message{color:#666;margin:0;font-size:14px;line-height:1.6}.confirmation-actions{justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.confirmation-actions .cancel-btn{color:#333;cursor:pointer;background:#e0e0e0;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.confirmation-actions .cancel-btn:hover{background:#d0d0d0}.confirmation-actions .confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.confirmation-actions .confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.admin-layout{background-color:var(--color-surface-secondary);height:100dvh;color:var(--color-text-primary);display:flex;overflow:hidden}.admin-sidebar{background-color:var(--color-surface-primary);border-right:1px solid var(--color-border-primary);z-index:40;flex-direction:column;flex-shrink:0;width:260px;padding:20px;display:flex}.admin-sidebar-brand{margin-bottom:32px;padding:0 10px}.admin-sidebar-brand h1{background:linear-gradient(135deg, var(--color-primary-500) 0%, #764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:700}.admin-sidebar-brand span{color:var(--color-text-secondary);font-size:.75rem}.admin-sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.admin-nav-item{text-align:left;width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;min-height:44px;padding:12px 14px;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background .15s,color .15s}.admin-nav-item:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.admin-nav-item.is-active{background:var(--color-primary-50,#667eea1f);color:var(--color-primary-700,var(--color-primary-600));font-weight:600}.admin-sidebar-footer{border-top:1px solid var(--color-border-primary);flex-direction:column;gap:10px;padding-top:16px;display:flex}.admin-sidebar-email{color:var(--color-text-tertiary);word-break:break-all;padding:0 4px;font-size:.75rem}.admin-sign-out{text-align:left;width:100%;color:var(--color-error-500,#ef4444);cursor:pointer;background:0 0;border:none;border-radius:8px;min-height:44px;padding:10px 14px;font-family:inherit;font-size:.875rem;font-weight:600}.admin-sign-out:hover{background:#ef444414}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.admin-header{background-color:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);height:60px;padding:0 24px;padding-left:max(24px, env(safe-area-inset-left));padding-right:max(24px, env(safe-area-inset-right));flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-header-left{align-items:center;gap:12px;min-width:0;display:flex}.admin-header-title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.admin-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.admin-menu-btn,.admin-theme-btn{border:1px solid var(--color-border-primary);background:var(--color-surface-secondary);color:var(--color-text-primary);cursor:pointer;border-radius:8px;min-height:40px;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:600}.admin-menu-btn{display:none}.admin-body{padding:24px;padding-bottom:max(24px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.admin-backdrop{display:none}.admin-page{flex-direction:column;gap:24px;display:flex}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-page-header h2{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:700}.admin-page-header p{color:var(--color-text-secondary);max-width:40rem;margin:4px 0 0;font-size:.875rem;line-height:1.45}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.admin-btn:disabled{opacity:.65;cursor:not-allowed}.admin-btn-primary{background:var(--color-primary-600,#5a67d8);color:#fff}.admin-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.admin-btn-secondary{background:var(--color-surface-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}.admin-btn-secondary:hover:not(:disabled){background:var(--color-surface-secondary)}.admin-btn-accent{color:#fff;background:#0f766e}.admin-panel{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.admin-panel-flush{padding:0;overflow:hidden}.admin-panel h3{color:var(--color-text-primary);margin:0 0 8px;font-size:1.125rem}.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.admin-stat-card{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);border-radius:12px;padding:20px 24px}.admin-stat-card .admin-stat-label{color:var(--color-text-secondary);margin:0 0 8px;font-size:.875rem}.admin-stat-card .admin-stat-value{color:var(--color-text-primary);margin:0;font-size:1.75rem;font-weight:700}.admin-split{grid-template-columns:2fr 1fr;gap:20px;display:grid}.admin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px;font-size:.875rem}.admin-table th{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-primary);white-space:nowrap;padding:14px 16px;font-size:.75rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--color-border-primary);vertical-align:middle;padding:14px 16px}.admin-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.admin-filter-bar{background:var(--color-surface-primary);border:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.admin-input,.admin-select{border:1px solid var(--color-border-primary);background:var(--color-surface-secondary);width:100%;color:var(--color-text-primary);box-sizing:border-box;border-radius:8px;min-height:44px;padding:10px 12px;font-family:inherit;font-size:.875rem}.admin-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.admin-chip{cursor:pointer;background:var(--color-surface-secondary);color:var(--color-text-secondary);border:none;border-radius:999px;min-height:40px;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:500}.admin-chip.is-active{background:var(--color-primary-600,#5a67d8);color:#fff;font-weight:600}.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.admin-field{color:var(--color-text-secondary);flex-direction:column;gap:6px;font-size:.8125rem;display:flex}.admin-message{color:var(--color-text-primary);border-radius:8px;margin-top:16px;padding:12px 14px;font-size:.8125rem;line-height:1.5}.admin-message.is-success{background:#10b9811f}.admin-message.is-error{background:#ef44441f}.admin-message.is-info{background:#3b82f61f}.admin-list-row{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.admin-muted{color:var(--color-text-tertiary);font-size:.8125rem}@media (width<=900px){.admin-menu-btn{justify-content:center;align-items:center;min-width:44px;padding:8px 12px;display:inline-flex}.admin-sidebar{width:min(280px,86vw);box-shadow:none;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.admin-layout.is-nav-open .admin-sidebar{transform:translate(0);box-shadow:8px 0 24px #0000002e}.admin-backdrop{z-index:30;cursor:pointer;background:#0f172a73;border:none;padding:0;display:block;position:fixed;inset:0}.admin-header{height:auto;min-height:56px;padding:10px 16px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.admin-body{padding:16px}.admin-page-header h2{font-size:1.25rem}.admin-split{grid-template-columns:1fr}.admin-panel{padding:16px}.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.admin-stat-card{padding:16px}.admin-stat-card .admin-stat-value{font-size:1.35rem}.admin-filter-bar{padding:12px 14px}.admin-table{min-width:640px}}@media (width<=480px){.admin-toolbar{width:100%}.admin-toolbar .admin-btn{flex:auto}.admin-header-title{font-size:.9375rem}}