:root{--color-base-bg: #0a0e14;--color-base-bg-elevated: #14181f;--color-base-bg-hover: #1a1f26;--color-base-bg-active: #202530;--color-base-border: #252a33;--color-base-border-strong: #3d4452;--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-tertiary: #6e7681;--color-text-inverse: #0a0e14;--color-primary: #58a6ff;--color-primary-hover: #79c0ff;--color-primary-active: #4a8dd4;--color-primary-subtle: #1f4d7a;--color-success: #3fb950;--color-success-hover: #56d364;--color-success-subtle: #1a4d2e;--color-warning: #d29922;--color-warning-hover: #e5a84e;--color-warning-subtle: #4d3a1a;--color-danger: #f85149;--color-danger-hover: #ff6b6b;--color-danger-subtle: #4d1a1a;--color-info: #56d4dd;--color-info-hover: #79e6ed;--color-info-subtle: #1a4d50;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-ui);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-base-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;margin:0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover)}code,pre,.mono{font-family:var(--font-mono)}code{font-size:.9em;padding:.125rem .25rem;background-color:var(--color-base-bg-elevated);border-radius:var(--radius-sm)}pre{padding:var(--spacing-4);background-color:var(--color-base-bg-elevated);border-radius:var(--radius-base);overflow-x:auto}pre code{padding:0;background:none}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-subtle);color:var(--color-text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-base-bg)}::-webkit-scrollbar-thumb{background:var(--color-base-border-strong);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-3);font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-base-bg-elevated);border:1px solid var(--color-base-border);border-radius:var(--radius-base);transition:all var(--transition-base)}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--color-base-border-strong)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.mono{font-family:var(--font-mono)}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-8);text-align:center;color:var(--color-text-secondary)}.empty-state p{margin:0}:root{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f7f8fa;background-color:#0d0f12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}a{font-weight:500;color:#5a6cff;text-decoration:none;transition:color .2s ease}a:hover{color:#7c3aed}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;color:#f7f8fa}p{margin:0}button{font-family:inherit;cursor:pointer;outline:none}button:focus-visible{outline:2px solid #5a6cff;outline-offset:2px}input,textarea,select{font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-base-bg)}.app-shell-header{position:sticky;top:0;z-index:100;background-color:var(--color-base-bg-elevated);border-bottom:1px solid var(--color-base-border);box-shadow:var(--shadow-sm)}.app-shell-body{display:flex;flex:1;overflow:hidden}.app-shell-sidebar{width:240px;background-color:var(--color-base-bg-elevated);border-right:1px solid var(--color-base-border);overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.app-shell-main{flex:1;overflow-y:auto;padding:var(--spacing-6);width:100%}@media(max-width:768px){.app-shell-sidebar{position:fixed;top:0;left:-240px;height:100vh;z-index:200;transition:left var(--transition-base)}.app-shell-sidebar.open{left:0}.app-shell-main{padding:var(--spacing-4)}}.navigation{display:flex;flex-direction:column;flex:1;min-height:100%;padding:var(--spacing-4)}.navigation-brand{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-base-border)}.navigation-brand-link{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--color-text-primary);transition:opacity var(--transition-base)}.navigation-brand-link:hover{opacity:.8}.navigation-brand-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-family:var(--font-mono);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm)}.navigation-brand-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.navigation-list{flex:1;list-style:none;margin:0;padding:0}.navigation-item{margin-bottom:var(--spacing-1)}.navigation-link{display:block;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-base);background:none;border:none;width:100%;text-align:left;cursor:pointer}.navigation-link:hover{color:var(--color-text-primary);background-color:var(--color-base-bg-hover)}.navigation-link-active{color:var(--color-primary);background-color:var(--color-primary-subtle)}.navigation-link-active:hover{background-color:var(--color-primary-subtle)}.navigation-footer{padding-top:var(--spacing-4);border-top:1px solid var(--color-base-border)}.navigation-footer .navigation-link{margin-bottom:var(--spacing-1)}.navigation-team-selector{position:relative;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-base-border)}.team-selector-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-base-bg-hover);border:1px solid var(--color-base-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.team-selector-button:hover{background-color:var(--color-base-interactive);border-color:var(--color-text-disabled)}.team-selector-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-selector-chevron{flex-shrink:0;color:var(--color-text-secondary);transition:transform var(--transition-base)}.team-selector-chevron-open{transform:rotate(180deg)}.team-selector-dropdown{position:absolute;top:calc(100% + var(--spacing-1));left:0;right:0;z-index:50;background-color:#121418;border:1px solid var(--color-base-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto}.team-selector-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;text-align:left;text-decoration:none;transition:all var(--transition-base)}.team-selector-option:hover{background-color:var(--color-base-bg-hover);color:var(--color-text-primary)}.team-selector-option-active{color:var(--color-primary);background-color:var(--color-primary-subtle)}.team-selector-option-active:hover{background-color:var(--color-primary-subtle)}.team-selector-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-selector-check{flex-shrink:0;color:var(--color-primary)}.team-selector-divider{height:1px;margin:var(--spacing-1) 0;background-color:var(--color-base-border)}.team-selector-manage{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.navigation-no-team{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-base-border)}.navigation-create-team-link{display:block;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;border:1px dashed var(--color-base-border);border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-base)}.navigation-create-team-link:hover{background-color:var(--color-primary-subtle);border-color:var(--color-primary)}.home-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0d0f12}.loading-spinner{width:48px;height:48px;border:4px solid #1f242b;border-top-color:#5a6cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-page{background:#0d0f12;min-height:100vh;color:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.home-navbar{position:sticky;top:0;z-index:100;background:#0d0f12cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1f242b}.navbar-container{max-width:1440px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:12px;cursor:pointer}.brand-logo-icon{height:36px;width:auto;flex-shrink:0;transition:all .2s ease;object-fit:contain}.navbar-brand:hover .brand-logo-icon{transform:scale(1.05);filter:brightness(1.1) drop-shadow(0 0 8px rgba(90,108,255,.4))}.brand-logo{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#5a6cff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:13px;color:#9198a1;font-weight:500;padding-left:12px;border-left:1px solid #1f242b}.navbar-actions{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-hero-primary,.btn-hero-secondary,.btn-cta-primary,.btn-cta-secondary,.btn-view-deck,.btn-view-team{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#5a6cff,#7c3aed);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #5a6cff4d}.btn-secondary{background:transparent;color:#c2c7cf;border:1px solid #1f242b}.btn-secondary:hover{background:#1b1f24;color:#f7f8fa;border-color:#2a3038}.hero-section{position:relative;padding:120px 24px 80px;background:linear-gradient(180deg,#0d0f12,#121418);overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1200px;height:600px;background:radial-gradient(circle,rgba(90,108,255,.08) 0%,transparent 70%);pointer-events:none}.hero-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:56px;font-weight:700;line-height:1.1;margin:0 0 24px;color:#f7f8fa}.hero-accent{background:linear-gradient(135deg,#5a6cff,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:20px;line-height:1.6;color:#c2c7cf;max-width:600px;margin:0 auto 40px}.hero-cta{display:flex;gap:16px;justify-content:center;margin-bottom:64px}.btn-hero-primary{background:linear-gradient(135deg,#5a6cff,#7c3aed);color:#fff;padding:14px 32px;font-size:16px}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5a6cff66}.btn-hero-secondary{background:#5a6cff1a;color:#5a6cff;padding:14px 32px;font-size:16px;border:1px solid rgba(90,108,255,.2)}.btn-hero-secondary:hover{background:#5a6cff26;border-color:#5a6cff4d}.hero-stats{display:flex;align-items:center;justify-content:center;gap:48px;padding:32px;background:#1b1f2480;border:1px solid #1f242b;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{text-align:center}.stat-value{font-size:32px;font-weight:700;color:#f7f8fa;margin-bottom:4px}.stat-label{font-size:14px;color:#9198a1;font-weight:500}.stat-divider{width:1px;height:40px;background:#1f242b}.features-section{padding:80px 24px;background:#121418}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:40px;font-weight:700;margin:0 0 16px;color:#f7f8fa}.section-header p{font-size:18px;color:#9198a1;margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature-card{background:#1b1f24;border:1px solid #1f242b;border-radius:12px;padding:32px;transition:all .25s cubic-bezier(.4,0,.2,1)}.feature-card:hover{background:#1f242b;border-color:#5a6cff33;transform:translateY(-4px);box-shadow:0 8px 24px #0003}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon{font-size:48px;margin-bottom:16px;transition:transform .2s ease;display:inline-block}.feature-card h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#f7f8fa}.feature-card p{font-size:15px;line-height:1.6;color:#9198a1;margin:0}.browse-section{padding:80px 24px;background:#0d0f12}.browse-container{max-width:1200px;margin:0 auto}.section-header-with-filter{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;flex-wrap:wrap;gap:24px}.game-filter{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1b1f24;border:1px solid #1f242b;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:180px}.dropdown-trigger:hover{background:#1f242b;border-color:#2a3038}.dropdown-label{font-size:14px;font-weight:600;color:#f7f8fa;flex:1}.dropdown-arrow{font-size:10px;color:#9198a1;transition:transform .2s ease}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#1b1f24;border:1px solid #1f242b;border-radius:8px;padding:8px;box-shadow:0 8px 24px #0006;z-index:50}.dropdown-item{padding:10px 12px;font-size:14px;color:#c2c7cf;cursor:pointer;border-radius:6px;transition:all .15s ease}.dropdown-item:hover{background:#1f242b;color:#f7f8fa}.dropdown-item.active{background:#5a6cff1a;color:#5a6cff;font-weight:600}.browse-subsection{margin-bottom:64px}.subsection-title{font-size:28px;font-weight:600;margin:0 0 32px;color:#f7f8fa;display:flex;align-items:center;gap:12px}.subsection-badge{font-size:14px;font-weight:600;color:#9198a1;background:#1b1f24;padding:4px 12px;border-radius:12px}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.deck-card{background:#1b1f24;border:1px solid #1f242b;border-radius:12px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.deck-card:hover{border-color:#5a6cff4d;transform:translateY(-4px);box-shadow:0 12px 32px #0006,0 0 0 1px #5a6cff1a}.deck-card-header{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #1f242b}.deck-name{font-size:18px;font-weight:600;margin:0 0 8px;color:#f7f8fa}.deck-meta{font-size:13px;color:#9198a1;display:flex;align-items:center;gap:8px}.deck-game{font-family:JetBrains Mono,Courier New,monospace;font-size:12px}.deck-divider{color:#4b5563}.deck-archetype{color:#c2c7cf}.deck-winrate-badge{font-size:20px;font-weight:700;color:#4ade80;font-family:JetBrains Mono,monospace;transition:transform .2s ease}.deck-card:hover .deck-winrate-badge{transform:scale(1.05)}.deck-card-body{padding:20px}.deck-team{font-size:14px;color:#c2c7cf;margin-bottom:16px;display:flex;align-items:center;gap:8px}.team-icon{font-size:16px}.deck-stats-row{display:flex;gap:24px}.deck-stat{flex:1}.deck-stat .stat-label{display:block;font-size:12px;color:#9198a1;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.deck-stat .stat-value{display:block;font-size:16px;font-weight:600;color:#f7f8fa}.deck-card-footer{padding:20px;border-top:1px solid #1f242b}.btn-view-deck{width:100%;background:#5a6cff1a;color:#5a6cff;border:1px solid rgba(90,108,255,.2);transition:all .2s ease}.btn-view-deck:hover{background:#5a6cff33;border-color:#5a6cff66;transform:translateY(-1px)}.btn-view-deck:active{transform:translateY(0)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.team-card{background:#1b1f24;border:1px solid #1f242b;border-radius:12px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.team-card:hover{border-color:#5a6cff4d;transform:translateY(-4px);box-shadow:0 12px 32px #0006,0 0 0 1px #5a6cff1a}.team-card:hover .team-avatar{transform:scale(1.05);box-shadow:0 4px 12px #5a6cff4d}.team-card-header{padding:20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #1f242b}.team-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#5a6cff,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0;transition:all .2s ease}.team-info{flex:1;min-width:0}.team-name{font-size:18px;font-weight:600;margin:0 0 6px;color:#f7f8fa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-meta{font-size:13px;color:#9198a1}.team-card-body{padding:20px}.team-stats{display:flex;justify-content:space-around;gap:16px}.team-stat{text-align:center}.team-stat-value{font-size:24px;font-weight:700;color:#f7f8fa;margin-bottom:4px}.team-stat-label{font-size:12px;color:#9198a1;text-transform:uppercase;letter-spacing:.5px}.team-card-footer{padding:20px;border-top:1px solid #1f242b}.btn-view-team{width:100%;background:#5a6cff1a;color:#5a6cff;border:1px solid rgba(90,108,255,.2);transition:all .2s ease}.btn-view-team:hover{background:#5a6cff33;border-color:#5a6cff66;transform:translateY(-1px)}.btn-view-team:active{transform:translateY(0)}.cta-section{padding:80px 24px;background:linear-gradient(180deg,#121418,#1b1f24);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(circle,rgba(90,108,255,.1) 0%,transparent 70%);pointer-events:none}.cta-container{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.cta-title{font-size:40px;font-weight:700;margin:0 0 16px;color:#f7f8fa}.cta-description{font-size:18px;color:#c2c7cf;margin:0 0 32px;line-height:1.6}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.btn-cta-primary{background:linear-gradient(135deg,#5a6cff,#7c3aed);color:#fff;padding:14px 32px;font-size:16px}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5a6cff66}.btn-cta-secondary{background:transparent;color:#c2c7cf;border:1px solid #1f242b;padding:14px 32px;font-size:16px}.btn-cta-secondary:hover{background:#1b1f24;color:#f7f8fa;border-color:#2a3038}.cta-note{font-size:14px;color:#9198a1;margin:0}.home-footer{background:#0d0f12;border-top:1px solid #1f242b;padding:64px 24px 32px}.footer-container{max-width:1200px;margin:0 auto 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.footer-brand h3{font-size:20px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#5a6cff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{font-size:14px;color:#9198a1;margin:0}.footer-column h4{font-size:14px;font-weight:600;margin:0 0 16px;color:#f7f8fa;text-transform:uppercase;letter-spacing:.5px}.footer-column a{display:block;font-size:14px;color:#9198a1;text-decoration:none;margin-bottom:12px;transition:color .2s ease}.footer-column a:hover{color:#5a6cff}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid #1f242b;text-align:center}.footer-bottom p{font-size:14px;color:#9198a1;margin:0}@media(max-width:1024px){.hero-title{font-size:48px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.footer-container{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:768px){.brand-tagline{display:none}.hero-section{padding:80px 24px 60px}.hero-title{font-size:36px}.hero-description{font-size:18px}.hero-cta{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%}.hero-stats{flex-direction:column;gap:24px}.stat-divider{width:60%;height:1px}.section-header h2{font-size:32px}.section-header-with-filter{flex-direction:column;align-items:stretch}.game-filter,.dropdown-trigger{width:100%}.dropdown-menu{left:0;right:0}.decks-grid,.teams-grid{grid-template-columns:1fr}.cta-title{font-size:32px}.cta-buttons{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%}.footer-container{grid-template-columns:1fr;gap:32px}}@media(max-width:480px){.navbar-container{padding:12px 16px}.brand-logo-icon{height:28px}.brand-logo{font-size:20px}.navbar-actions{gap:8px}.btn-primary,.btn-secondary{padding:8px 16px;font-size:13px}.hero-title{font-size:28px}.hero-description{font-size:16px}.subsection-title{font-size:24px}}.pricing-page{background:#0d0f12;min-height:100vh;color:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.pricing-navbar{position:sticky;top:0;z-index:100;background:#0d0f12cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #1f242b}.pricing-navbar .navbar-container{max-width:1440px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.pricing-navbar .navbar-brand{display:flex;align-items:center;gap:12px;cursor:pointer}.pricing-navbar .brand-logo-icon{height:36px;width:auto;flex-shrink:0;transition:all .2s ease;object-fit:contain}.pricing-navbar .navbar-brand:hover .brand-logo-icon{transform:scale(1.05);filter:brightness(1.1) drop-shadow(0 0 8px rgba(90,108,255,.4))}.pricing-navbar .brand-logo{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#5a6cff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-navbar .brand-tagline{font-size:13px;color:#9198a1;font-weight:500;padding-left:12px;border-left:1px solid #1f242b}.pricing-navbar .navbar-actions{display:flex;gap:12px}.pricing-page .btn-primary,.pricing-page .btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.pricing-page .btn-primary{background:linear-gradient(135deg,#5a6cff,#7c3aed);color:#fff}.pricing-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #5a6cff4d}.pricing-page .btn-secondary{background:transparent;color:#c2c7cf;border:1px solid #1f242b}.pricing-page .btn-secondary:hover{background:#1b1f24;color:#f7f8fa;border-color:#2a3038}.pricing-hero{padding:80px 24px 48px;text-align:center;background:linear-gradient(180deg,#0d0f12,#121418);position:relative;overflow:hidden}.pricing-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1000px;height:400px;background:radial-gradient(circle,rgba(90,108,255,.08) 0%,transparent 70%);pointer-events:none}.pricing-hero-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.pricing-title{font-size:48px;font-weight:700;margin:0 0 16px;line-height:1.1}.pricing-accent{background:linear-gradient(135deg,#5a6cff,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:20px;color:#9198a1;margin:0;line-height:1.5}.pricing-cards-section{padding:48px 24px 80px;background:#121418}.pricing-cards-container{max-width:900px;margin:0 auto}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:64px}.pricing-card{background:#1b1f24;border:1px solid #1f242b;border-radius:16px;padding:0;display:flex;flex-direction:column;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.pricing-card.featured{border-color:#5a6cff66;box-shadow:0 0 0 1px #5a6cff33,0 8px 32px #5a6cff26}.pricing-card.featured:hover{box-shadow:0 0 0 1px #5a6cff4d,0 16px 48px #5a6cff33}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#5a6cff,#8b5cf6);color:#fff;font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.pricing-card-header{padding:32px 32px 24px;border-bottom:1px solid #1f242b;text-align:center}.plan-name{font-size:24px;font-weight:600;margin:0 0 16px;color:#f7f8fa}.plan-price{margin-bottom:12px}.price-amount{font-size:48px;font-weight:700;color:#f7f8fa}.price-period{font-size:16px;color:#9198a1}.plan-description{font-size:14px;color:#9198a1;margin:0;line-height:1.5}.pricing-card-body{padding:24px 32px;flex:1}.feature-list{list-style:none;margin:0;padding:0}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:15px;color:#c2c7cf}.feature-item.included .feature-icon{color:#4ade80}.feature-item.excluded{color:#9198a1}.feature-item.excluded .feature-icon{color:#4b5563}.feature-item.highlight{color:#f7f8fa;font-weight:500}.feature-icon{font-size:16px;flex-shrink:0;width:20px}.pricing-card-footer{padding:24px 32px 32px}.btn-plan{width:100%;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-plan-primary{background:linear-gradient(135deg,#5a6cff,#7c3aed);color:#fff}.btn-plan-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5a6cff66}.btn-plan-secondary{background:#5a6cff1a;color:#5a6cff;border:1px solid rgba(90,108,255,.2)}.btn-plan-secondary:hover{background:#5a6cff26;border-color:#5a6cff4d}.pricing-examples{background:#1b1f24;border:1px solid #1f242b;border-radius:12px;padding:32px;text-align:center}.examples-title{font-size:18px;font-weight:600;color:#f7f8fa;margin:0 0 24px}.examples-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.example-item{display:flex;flex-direction:column;gap:8px}.example-label{font-size:14px;color:#9198a1}.example-value{font-size:24px;font-weight:700;color:#f7f8fa;font-family:JetBrains Mono,monospace}.pricing-faq{padding:80px 24px;background:#0d0f12}.faq-container{max-width:1000px;margin:0 auto}.faq-title{font-size:32px;font-weight:700;color:#f7f8fa;text-align:center;margin:0 0 48px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.faq-item{background:#1b1f24;border:1px solid #1f242b;border-radius:12px;padding:24px;transition:all .2s ease}.faq-item:hover{border-color:#5a6cff33}.faq-question{font-size:16px;font-weight:600;color:#f7f8fa;margin:0 0 12px}.faq-answer{font-size:14px;color:#9198a1;margin:0;line-height:1.6}.pricing-cta{padding:80px 24px;background:linear-gradient(180deg,#121418,#1b1f24);position:relative;overflow:hidden}.pricing-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(circle,rgba(90,108,255,.1) 0%,transparent 70%);pointer-events:none}.pricing-cta .cta-container{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.pricing-cta .cta-title{font-size:40px;font-weight:700;margin:0 0 16px;color:#f7f8fa}.pricing-cta .cta-description{font-size:18px;color:#c2c7cf;margin:0 0 32px;line-height:1.6}.pricing-cta .cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.pricing-cta .btn-cta-primary{padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;background:linear-gradient(135deg,#5a6cff,#7c3aed);color:#fff}.pricing-cta .btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5a6cff66}.pricing-cta .cta-note{font-size:14px;color:#9198a1;margin:0}.pricing-footer{background:#0d0f12;border-top:1px solid #1f242b;padding:64px 24px 32px}.pricing-footer .footer-container{max-width:1200px;margin:0 auto 48px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.pricing-footer .footer-brand h3{font-size:20px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#5a6cff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-footer .footer-brand p{font-size:14px;color:#9198a1;margin:0}.pricing-footer .footer-column h4{font-size:14px;font-weight:600;margin:0 0 16px;color:#f7f8fa;text-transform:uppercase;letter-spacing:.5px}.pricing-footer .footer-column a{display:block;font-size:14px;color:#9198a1;text-decoration:none;margin-bottom:12px;transition:color .2s ease}.pricing-footer .footer-column a:hover{color:#5a6cff}.pricing-footer .footer-bottom{max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid #1f242b;text-align:center}.pricing-footer .footer-bottom p{font-size:14px;color:#9198a1;margin:0}@media(max-width:1024px){.pricing-footer .footer-container{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:768px){.pricing-navbar .brand-tagline{display:none}.pricing-title{font-size:36px}.pricing-subtitle{font-size:18px}.pricing-cards{grid-template-columns:1fr;gap:48px}.pricing-card.featured{order:-1}.examples-grid{flex-direction:column;gap:24px}.faq-grid{grid-template-columns:1fr}.pricing-cta .cta-title{font-size:32px}.pricing-footer .footer-container{grid-template-columns:1fr;gap:32px}}@media(max-width:480px){.pricing-navbar .navbar-container{padding:12px 16px}.pricing-navbar .brand-logo-icon{height:28px}.pricing-navbar .brand-logo{font-size:20px}.pricing-navbar .navbar-actions{gap:8px}.pricing-page .btn-primary,.pricing-page .btn-secondary{padding:8px 16px;font-size:13px}.pricing-title{font-size:28px}.pricing-card-header{padding:24px 20px 20px}.pricing-card-body{padding:20px}.pricing-card-footer{padding:20px 20px 24px}.price-amount{font-size:40px}}.page{width:100%;margin:0 auto}.page-max-width-sm{max-width:640px}.page-max-width-md{max-width:768px}.page-max-width-lg{max-width:1024px}.page-max-width-xl{max-width:1440px}.page-max-width-full{max-width:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-6);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-base-border)}.page-header-content{flex:1}.page-header-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0;line-height:1.2}.page-header-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}.page-section{margin-bottom:var(--spacing-8)}.page-section:last-child{margin-bottom:0}.page-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.page-section-header-content{flex:1}.page-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.page-section-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.page-section-actions{display:flex;align-items:center;gap:var(--spacing-3);flex-shrink:0}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.page-header-title{font-size:var(--font-size-2xl)}.page-header-actions{width:100%;justify-content:flex-start}.page-section-header{flex-direction:column;align-items:stretch}.page-section-title{font-size:var(--font-size-xl)}.page-section-actions{width:100%;justify-content:flex-start}}.card{background-color:var(--color-base-bg-elevated);border:1px solid var(--color-base-border);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-hoverable:hover{border-color:var(--color-base-border-strong);box-shadow:var(--shadow-base)}.card-clickable{cursor:pointer}.card-padding-none{padding:0}.card-padding-sm{padding:var(--spacing-3)}.card-padding-md{padding:var(--spacing-4)}.card-padding-lg{padding:var(--spacing-6)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-content{color:var(--color-text-primary)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-base-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-ui);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);line-height:1.25}.btn-md{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);line-height:1.5}.btn-lg{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-lg);line-height:1.5}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn-secondary{background-color:var(--color-base-bg-elevated);color:var(--color-text-primary);border-color:var(--color-base-border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--color-base-bg-hover);border-color:var(--color-text-tertiary)}.btn-secondary:active:not(:disabled){background-color:var(--color-base-bg-active)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-danger:active:not(:disabled){opacity:.9}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-base-bg-hover);color:var(--color-text-primary)}.btn-ghost:active:not(:disabled){background-color:var(--color-base-bg-active)}.btn-full-width{width:100%}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.badge-sm{padding:.125rem var(--spacing-2);font-size:var(--font-size-xs)}.badge-md{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}.badge-default{background-color:var(--color-base-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-base-border-strong)}.badge-primary{background-color:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary)}.badge-success{background-color:var(--color-success-subtle);color:var(--color-success);border:1px solid var(--color-success)}.badge-warning{background-color:var(--color-warning-subtle);color:var(--color-warning);border:1px solid var(--color-warning)}.badge-danger{background-color:var(--color-danger-subtle);color:var(--color-danger);border:1px solid var(--color-danger)}.badge-info{background-color:var(--color-info-subtle);color:var(--color-info);border:1px solid var(--color-info)}.invitations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-4)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2) 0}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-mono)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.matches-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.match-row{display:flex;align-items:center;gap:var(--spacing-4)}.match-decks{flex:1;display:flex;align-items:center;gap:var(--spacing-2)}.deck-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.match-vs{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.match-result{flex-shrink:0}.match-meta{flex-shrink:0;min-width:80px;text-align:right}@media(max-width:768px){.invitations-grid,.teams-grid,.quick-actions-grid,.decks-grid{grid-template-columns:1fr}.match-row{flex-wrap:wrap}.match-decks{width:100%}}.tabs{display:flex;flex-direction:column;gap:var(--spacing-4)}.tabs-list{display:flex;gap:var(--spacing-2);border-bottom:1px solid var(--color-base-border);overflow-x:auto;scrollbar-width:thin}.tabs-trigger{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.tabs-trigger:hover{color:var(--color-text-primary);background-color:var(--color-base-bg-hover)}.tabs-trigger-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs-trigger-active:hover{background-color:transparent}.tabs-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--spacing-2);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:var(--font-weight-semibold);background-color:var(--color-base-bg-elevated);border:1px solid var(--color-base-border-strong);border-radius:var(--radius-sm)}.tabs-trigger-active .tabs-badge{background-color:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.tabs-content{min-height:200px}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-base-border);border-radius:var(--radius-base);background-color:var(--color-base-bg-elevated)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table-header{background-color:var(--color-base-bg-active);border-bottom:1px solid var(--color-base-border-strong)}.table-head{padding:var(--spacing-3) var(--spacing-4);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.table-body .table-row{border-bottom:1px solid var(--color-base-border);transition:background-color var(--transition-fast)}.table-body .table-row:last-child{border-bottom:none}.table-body .table-row:hover{background-color:var(--color-base-bg-hover)}.table-row-clickable{cursor:pointer}.table-cell{padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-primary);vertical-align:middle}.table-align-left{text-align:left}.table-align-center{text-align:center}.table-align-right{text-align:right}.table-empty{padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.matchup-matrix-container{width:100%;display:flex;flex-direction:column;gap:var(--spacing-4);border:1px dashed var(--color-primary)}.matchup-matrix-scroll{overflow-x:auto;overflow-y:auto;max-height:70vh;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.matchup-matrix{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm);font-family:var(--font-mono)}.matrix-corner{position:sticky;left:0;top:0;z-index:3;background:var(--color-bg);border-right:2px solid var(--color-border);border-bottom:2px solid var(--color-border);padding:var(--spacing-2);min-width:180px;max-width:180px}.corner-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.matrix-header-col{position:sticky;top:0;z-index:2;background:var(--color-bg);border-bottom:2px solid var(--color-border);padding:var(--spacing-2);min-width:80px;max-width:80px;vertical-align:bottom;transition:background-color .15s ease}.matrix-header-col.hovered{background:var(--color-surface-hover)}.deck-name-vertical{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);height:160px;justify-content:flex-end}.deck-name-vertical .deck-name{font-weight:600;color:var(--color-text-primary)}.deck-name-vertical .deck-archetype{font-size:var(--text-xs);color:var(--color-text-tertiary)}.matrix-header-row{position:sticky;left:0;z-index:1;background:var(--color-bg);border-right:2px solid var(--color-border);padding:var(--spacing-2);text-align:left;min-width:180px;max-width:180px;transition:background-color .15s ease}.matrix-header-row .deck-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.matrix-header-row .deck-name{font-weight:600;color:var(--color-text-primary)}.matrix-header-row .deck-archetype{font-size:var(--text-xs);color:var(--color-text-tertiary)}.matrix-header-row:hover{background:var(--color-surface-hover)}.matrix-header-stats{position:sticky;top:0;z-index:2;background:var(--color-bg);border-bottom:2px solid var(--color-border);border-left:2px solid var(--color-border);padding:var(--spacing-2);min-width:80px;font-weight:600;color:var(--color-text-secondary);text-align:center}.matrix-cell{padding:var(--spacing-2);text-align:center;border:1px solid var(--color-border-subtle);cursor:pointer;transition:all .15s ease;position:relative}.matrix-cell.has-data{font-weight:600}.matrix-cell.has-data:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--color-primary);z-index:4}.matrix-cell.no-data{background:var(--color-surface);color:var(--color-text-tertiary);cursor:default}.matrix-cell.crosshair{box-shadow:inset 0 0 0 1px var(--color-primary-muted)}.matrix-cell-diagonal{background:var(--color-surface);color:var(--color-text-tertiary);text-align:center;padding:var(--spacing-2);border:1px solid var(--color-border-subtle)}.cell-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1)}.win-rate{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary)}.game-count{font-size:var(--text-xs);color:var(--color-text-secondary)}.no-data-indicator{color:var(--color-text-tertiary)}.matrix-stats-cell{padding:var(--spacing-2);text-align:center;border:1px solid var(--color-border-subtle);border-left:2px solid var(--color-border);background:var(--color-surface);font-weight:600}.matrix-stats-cell .positive{color:var(--color-success)}.matrix-stats-cell .negative{color:var(--color-danger)}tr.hovered .matrix-header-row{background:var(--color-surface-hover)}.matchup-matrix-legend{display:flex;gap:var(--spacing-4);align-items:center;padding:var(--spacing-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-2)}.legend-color{width:24px;height:16px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.matchup-matrix-empty{padding:var(--spacing-8);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(max-width:768px){.matchup-matrix-scroll{max-height:50vh}.matrix-corner,.matrix-header-row{min-width:120px;max-width:120px}.matrix-header-col{min-width:60px;max-width:60px}.deck-name-vertical{height:120px}.matchup-matrix-legend{flex-wrap:wrap;gap:var(--spacing-2)}.legend-item{font-size:var(--text-xs)}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s ease}.modal-close:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-body .form-group{margin-bottom:1.25rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:.5rem}.modal-body .form-label-required:after{content:" *";color:var(--color-danger)}.modal-body .form-help{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:.375rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid var(--color-border)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{animation:modal-fade-in .2s ease}.modal-content{animation:modal-slide-up .2s ease}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary);font-size:var(--font-size-lg)}.error-state{color:var(--color-danger)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.stat-card{text-align:center;padding:var(--spacing-4)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-2)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.gauntlet-meta{display:flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-3)}.decks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-4)}.deck-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-3)}.member-cell{display:flex;align-items:center;gap:var(--spacing-3)}.member-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-base-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8);text-align:center}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-base)}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.gauntlets-grid,.decks-grid{grid-template-columns:1fr}}.decks-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.deck-card{display:block;padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s}.deck-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.deck-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.deck-card-header h3{margin:0;font-size:1.25rem}.deck-archetype{display:inline-block;padding:.25rem .75rem;background:#f0f0f0;border-radius:12px;font-size:.875rem;color:#666}.deck-description{margin:.75rem 0;color:#666;font-size:.9375rem;line-height:1.5}.deck-card-footer{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0;font-size:.875rem;color:#999}.deck-form{max-width:700px;margin:2rem 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px}.form-hint{display:block;margin-top:.5rem;font-size:.875rem;color:#666}.required{color:#dc3545}.form-actions{display:flex;gap:1rem;margin-top:2rem}.error-banner{padding:1rem;margin-bottom:1.5rem;background:#fff3f3;border:1px solid #ffdddd;border-radius:4px;color:#c33}.deck-description-block{padding:1rem;background:#f8f9fa;border-radius:4px;margin:1rem 0}.deck-description-block p{margin:0;color:#666}.deck-content{display:grid;grid-template-columns:250px 1fr;gap:2rem;margin-top:2rem}.versions-sidebar{border-right:1px solid #e0e0e0;padding-right:2rem}.versions-sidebar h3{margin:0 0 1rem}.versions-list{list-style:none;padding:0;margin:0}.versions-list li{margin-bottom:.5rem}.versions-list li.active .version-button{background:#007bff;color:#fff}.version-button{display:flex;flex-direction:column;width:100%;padding:.75rem;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;text-align:left;transition:all .2s}.version-button:hover{background:#e9ecef}.version-number{font-weight:600;margin-bottom:.25rem}.version-date{font-size:.875rem;color:#666}.versions-list li.active .version-date{color:#ffffffe6}.version-notes{margin:.5rem 0 0;padding:.5rem;font-size:.875rem;color:#666;font-style:italic}.decklist-display{min-height:400px}.decklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.decklist-header h3{margin:0;display:flex;align-items:center;gap:.5rem}.latest-badge{display:inline-block;padding:.25rem .5rem;background:#28a745;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.card-count{font-size:.875rem;color:#666}.version-notes-display{padding:1rem;background:#f8f9fa;border-radius:4px;margin-bottom:1.5rem}.cards-list{margin-bottom:2rem}.card-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid #f0f0f0}.card-item:hover{background:#f8f9fa}.card-quantity{font-weight:600;min-width:2rem;text-align:center}.card-name{flex:1;font-weight:500}.card-type{padding:.25rem .5rem;background:#f0f0f0;border-radius:4px;font-size:.875rem;color:#666}.card-cost{font-size:.875rem;color:#999}.decklist-raw{margin-top:2rem;padding-top:2rem;border-top:2px solid #e0e0e0}.decklist-raw h4{margin:0 0 1rem}.decklist-raw pre{padding:1rem;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-header h1{margin:.5rem 0 0}.back-link{display:inline-block;margin-bottom:.5rem;color:#007bff;text-decoration:none}.back-link:hover{text-decoration:underline}.button{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.button.primary{background:#007bff;color:#fff}.button.primary:hover:not(:disabled){background:#0056b3}.button.secondary{background:#f8f9fa;color:#333;border:1px solid #ddd}.button.secondary:hover:not(:disabled){background:#e9ecef}.button:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:4rem 2rem;color:#666}.error{text-align:center;padding:2rem;color:#dc3545}.match-form{max-width:800px;margin:0 auto}.match-sides{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.match-side{padding:16px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9}.match-side h3{margin-top:0;margin-bottom:16px;color:#333}.radio-group{display:flex;gap:16px}.radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.matches-list{display:flex;flex-direction:column;gap:16px}.match-card{border:1px solid #ddd;border-radius:8px;padding:16px;background:#fff}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #eee}.match-format{font-weight:700;font-size:12px;padding:4px 8px;background:#007bff;color:#fff;border-radius:4px}.match-date{color:#666;font-size:14px}.match-content{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.match-deck{display:flex;flex-direction:column;gap:4px}.deck-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.deck-archetype{font-size:12px;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:3px}.deck-version{font-size:12px;color:#007bff;font-weight:700}.player-info{font-size:14px;color:#666}.sideboarded-badge{font-size:11px;background:#28a745;color:#fff;padding:2px 6px;border-radius:3px}.match-score{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700}.match-score .score{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;border-radius:50%}.match-score .score.winner{border-color:#28a745;background:#d4edda;color:#155724}.match-score .vs{font-size:14px;color:#999;font-weight:400}.match-notes{margin-top:12px;padding:12px;background:#f9f9f9;border-left:3px solid #007bff;font-size:14px}.match-meta{margin-top:12px;padding-top:8px;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:12px;color:#666}@media(max-width:768px){.match-sides{grid-template-columns:1fr}.match-content{grid-template-columns:1fr;gap:12px}.match-score{justify-content:center}.match-meta{flex-direction:column;gap:4px}}.gauntlets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4)}.gauntlet-stats{display:flex;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-2)}.archived-card{opacity:.7}@media(max-width:768px){.gauntlets-grid{grid-template-columns:1fr}}