@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-mono:"IBM Plex Mono","Consolas","Monaco","Courier New",monospace;--line-height-heading:1.2;--line-height-body:1.5;--line-height-data:1.1;--line-height-tight:1.25;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800}body{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.font-mono-legacy{font-family:var(--font-mono)}.font-data{font-family:var(--font-mono);line-height:var(--line-height-data);font-variant-numeric:tabular-nums}:root{--bg-primary:#0a0a0f;--bg-secondary:#0f0f23;--bg-card:#121217;--bg-surface:#ffffff08;--border-subtle:#1e1e24;--border-default:#ffffff1a;--border-focus:#8b5cf680;--accent-purple:#8b5cf6;--accent-purple-hover:#7c3aed;--accent-success:#10b981;--accent-danger:#ef4444;--accent-warning:#f59e0b;--accent-info:#3b82f6;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#0a0a0f;--color-background:var(--bg-secondary);--color-surface:var(--bg-surface);--color-border:var(--border-default);--color-text:var(--text-primary);--color-text-muted:var(--text-secondary);--color-primary:var(--accent-purple);--color-primary-hover:var(--accent-purple-hover);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--card-padding:.75rem;--card-padding-mobile:.5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1)}.btn,button,[role=button]{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.btn:hover:not(:disabled),button:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled),button:active:not(:disabled){transform:translateY(0) scale(.98)}.card,[class*=-card],.trophy-card,.stat-item,.feature-item{transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.card:hover,[class*=-card]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}tr,.match-row,[class*=-row]{transition:background-color var(--transition-fast),border-color var(--transition-fast)}.icon,[class*=-icon],.trophy-icon,.feature-icon{transition:transform var(--transition-base)}.icon:hover,[class*=-icon]:hover{transform:scale(1.1)}a{transition:color var(--transition-fast),opacity var(--transition-fast)}input,select,textarea{transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px #10b98133}.progress-bar,[class*=progress-fill],.trophy-progress-fill{transition:width var(--transition-slow)}.badge,[class*=-badge],.result-badge{transition:background-color var(--transition-base),transform var(--transition-fast)}.badge:hover,[class*=-badge]:hover{transform:scale(1.05)}.fade-in{animation:fadeIn var(--transition-slow) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton,.skeleton-loader{animation:shimmer 1.5s infinite linear;background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-loader{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:4px;display:inline-block}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-color-scheme:dark){.skeleton-loader{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}}.credit-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf626,#6366f126);border:1px solid rgba(139,92,246,.3);border-radius:2rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.credit-badge:hover{background:linear-gradient(135deg,#8b5cf640,#6366f140);border-color:#8b5cf680;transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf633}.credit-badge:active{transform:translateY(0)}.credit-icon{font-size:1.1rem;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.credit-value{display:flex;align-items:center}.credit-amount{font-size:1rem;font-weight:700;background:linear-gradient(90deg,#a78bfa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.credit-loading{font-size:1rem;color:#a1a1aa}.credit-error{font-size:1rem;color:#f87171;display:flex;align-items:center;gap:.25rem}.retry-btn{background:none;border:none;color:#a78bfa;font-size:1rem;cursor:pointer;padding:0 .25rem;transition:color .2s}.retry-btn:hover{color:#818cf8}.credit-label{font-size:.75rem;font-weight:500;color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em}@media(max-width:640px){.credit-badge{padding:.375rem .75rem}.credit-label{display:none}}.hud-bar{position:fixed;top:0;left:0;right:0;height:28px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);z-index:200;display:flex;align-items:center;justify-content:center}.hud-content{display:flex;align-items:center;gap:.75rem;padding:0 1rem;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;overflow-x:auto;max-width:100%}.hud-item{display:flex;align-items:center;gap:.375rem;white-space:nowrap}.hud-label{color:var(--text-muted);font-weight:500;letter-spacing:.05em}.hud-value{color:var(--text-secondary);font-weight:400}.hud-tokens{color:var(--accent-purple);font-weight:600}.hud-divider{color:var(--border-subtle);-webkit-user-select:none;user-select:none}@media(max-width:768px){.hud-engine{display:none}.hud-content{gap:.5rem;font-size:10px}}@media(max-width:480px){.hud-content,.hud-bar{justify-content:flex-start}}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary);padding-top:28px}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.header-brand .logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.25rem;font-weight:700;color:var(--accent-purple)}.header-nav{display:flex;gap:.5rem}.nav-link{padding:.5rem 1rem;border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .2s ease}.nav-link:hover{color:var(--text-primary);background:#ffffff0d}.nav-link.active{color:var(--accent-purple);background:#8b5cf61a}.header-actions,.user-menu{display:flex;align-items:center;gap:1rem}.user-email{font-size:.875rem;color:var(--text-secondary)}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;font-size:.875rem}.btn-primary{background:var(--accent-purple);color:var(--text-primary);border:1px solid var(--accent-purple)}.btn-primary:hover{background:var(--accent-purple-hover);border-color:var(--accent-purple-hover)}.btn-outline{background:transparent;border:1px solid var(--border-default);color:var(--text-primary)}.btn-outline:hover{background:#ffffff0d;border-color:var(--border-subtle)}.main-content{flex:1;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}@media(max-width:768px){.main-content{padding:var(--spacing-md)}}.footer{padding:1.5rem 2rem;text-align:center;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.875rem}.footer-links{margin-top:.5rem;display:flex;justify-content:center;gap:.5rem;font-size:.8rem}.footer-links a{color:var(--text-secondary, #a1a1aa);text-decoration:none}.footer-links a:hover{color:var(--accent-primary, #6366f1);text-decoration:underline}.footer-links span{color:var(--text-tertiary, #71717a)}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}.home-page{display:flex;flex-direction:column;gap:4rem}.hero{text-align:center;padding:4rem 0}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#a1a1aa;max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-actions{display:flex;justify-content:center;gap:1rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-ghost{background:transparent;color:#e4e4e7;border:none;cursor:pointer}.btn-ghost:hover{color:#818cf8}.features{padding:2rem 0}.section-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:#e4e4e7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;transition:all .3s ease}.feature-card:hover{background:#ffffff0d;border-color:#818cf84d;transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;margin-bottom:.5rem;color:#e4e4e7}.feature-card p{color:#a1a1aa;font-size:.9rem;line-height:1.5}.feature-card:nth-child(1){border-top:3px solid #10b981}.feature-card:nth-child(2){border-top:3px solid #f59e0b}.feature-card:nth-child(3){border-top:3px solid #6366f1}.feature-card:nth-child(4){border-top:3px solid #8b5cf6}.feature-badge{display:inline-block;font-size:.7rem;background:#f59e0b26;color:#f59e0b;padding:.25rem .5rem;border-radius:4px;margin-top:.75rem;font-weight:600}.oauth-hint{font-size:.85rem;color:#71717a;margin-top:1rem;text-align:center}.login-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.login-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2.5rem;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.75rem;margin-bottom:.5rem}.login-header p{color:#a1a1aa}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#e4e4e7}.form-group input{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#e4e4e7;font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf81a}.form-group input::placeholder{color:#71717a}.btn-full{width:100%;padding:.875rem;font-size:1rem}.btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.mock-mode-banner{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#22c55e26,#10b98126);border:1px solid rgba(34,197,94,.3);color:#86efac;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.mock-icon{font-size:1.1rem}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#a1a1aa;font-size:.875rem}.link{color:#818cf8;text-decoration:none}.link:hover{text-decoration:underline}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem;text-align:center}.auth-switch{text-align:center;color:var(--text-secondary, #a1a1aa);font-size:.9rem;margin-top:1.5rem}.auth-switch .link-btn{background:none;border:none;color:var(--accent-primary, #6366f1);font-weight:600;cursor:pointer;padding:0;font-size:inherit;text-decoration:underline}.auth-switch .link-btn:hover{color:var(--accent-primary-hover, #4f46e5)}.social-login{margin-top:1.5rem}.oauth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.oauth-loading{text-align:center;color:var(--text-secondary, #a1a1aa);font-size:.875rem;margin-top:1rem}.social-login .divider{display:flex;align-items:center;text-align:center;margin:1rem 0}.social-login .divider:before,.social-login .divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.15)}.social-login .divider span{padding:0 1rem;color:var(--text-secondary, #a1a1aa);font-size:.875rem;text-transform:lowercase}.oauth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.65rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;margin-bottom:.5rem}.oauth-btn:last-of-type{margin-bottom:0}.oauth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.oauth-btn img{width:18px;height:18px}.google-signin-btn{background:#fff;color:#1f1f1f;border:1px solid #dadce0}.google-signin-btn:hover:not(:disabled){background:#f8f9fa}.github-signin-btn{background:#24292f;color:#fff;border:1px solid #24292f}.github-signin-btn:hover:not(:disabled){background:#32383f}.discord-signin-btn{background:#5865f2;color:#fff;border:1px solid #5865F2}.discord-signin-btn:hover:not(:disabled){background:#4752c4}.x-signin-btn{background:#000;color:#fff;border:1px solid #000000}.x-signin-btn:hover:not(:disabled){background:#1a1a1a}.login-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.supabase-badge{font-size:.8rem;color:var(--text-secondary, #a1a1aa);margin-bottom:.5rem}.supabase-badge a{color:#3ecf8e;text-decoration:none}.supabase-badge a:hover{text-decoration:underline}.disclaimer{font-size:.75rem;color:var(--text-tertiary, #71717a);line-height:1.4}.stat-tile{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--card-padding);display:flex;flex-direction:column;gap:.25rem;min-width:120px}.stat-tile--clickable{cursor:pointer;transition:border-color .2s,background .2s}.stat-tile--clickable:hover{border-color:var(--accent-purple);background:#8b5cf60d}.stat-tile__label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.stat-tile__value{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.stat-tile__loading{color:var(--text-muted);animation:pulse 1s ease-in-out infinite}.stat-tile__error{color:var(--accent-danger);font-size:1rem}.stat-tile__sub{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);display:flex;gap:.5rem}.stat-tile__link{font-family:var(--font-ui);font-size:11px;color:var(--accent-purple);text-decoration:none;margin-top:.25rem}.stat-tile__link:hover{text-decoration:underline}.stat-tile--tokens .stat-tile__value{color:var(--accent-purple)}.stat-tile--success .stat-tile__value{color:var(--accent-success)}.stat-tile--warning .stat-tile__value{color:var(--accent-warning)}.stat-tiles-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.stat-tiles-row{flex-direction:column}.stat-tile{width:100%}}.recent-matchups{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--card-padding)}.matchups-header{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);margin:0 0 .75rem;text-transform:uppercase}.matchups-loading,.matchups-empty{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-align:center;padding:1.5rem}.matchups-empty{display:flex;flex-direction:column;gap:.75rem;align-items:center}.matchups-cta{font-family:var(--font-mono);font-size:12px;color:var(--accent-purple);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--accent-purple);border-radius:var(--radius-sm);transition:all .2s}.matchups-cta:hover{background:#8b5cf61a}.matchups-table-container{overflow-x:auto}.matchups-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.matchups-table thead{border-bottom:1px solid var(--border-subtle)}.matchups-table th{padding:.5rem .75rem;text-align:left;font-size:10px;font-weight:600;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.matchups-table td{padding:.625rem .75rem;color:var(--text-secondary);white-space:nowrap}.matchup-row{cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.03)}.matchup-row:hover{background:#ffffff08}.matchup-row:last-child{border-bottom:none}.matchup-row.matchup-win{background:#10b98108}.matchup-row.matchup-win:hover{background:#10b98114}.matchup-row.matchup-loss{background:#ef444408}.matchup-row.matchup-loss:hover{background:#ef444414}.matchup-date{color:var(--text-muted);font-size:11px}.matchup-team{color:var(--text-primary);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis}.matchup-vs{color:var(--text-secondary)}.matchup-return{font-variant-numeric:tabular-nums}.matchup-return.positive{color:var(--accent-success)}.matchup-return.negative{color:var(--accent-danger)}.result-badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:10px;font-weight:700;letter-spacing:.05em}.result-badge.win{color:var(--accent-success);background:#10b98126}.result-badge.loss{color:var(--accent-danger);background:#ef444426}@media(max-width:640px){.matchups-table th:nth-child(5),.matchups-table td:nth-child(5){display:none}.matchup-team{max-width:100px}}.rank-progress-chart{background:var(--surface-dark, #1a1a2e);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color, #333)}.rank-chart-title{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary, #fff);font-weight:600}.rank-chart-loading,.rank-chart-error,.rank-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;min-height:150px;color:var(--text-muted, #888);background:var(--surface-dark, #1a1a2e);border-radius:12px;border:1px solid var(--border-color, #333)}.rank-chart-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.rank-chart-empty p{margin:0;font-size:.9rem}.rank-chart-error{color:var(--error-color, #ef4444)}@media(max-width:768px){.rank-progress-chart{padding:1rem}.rank-chart-title{font-size:1rem}}.dashboard-page{padding:var(--spacing-lg);max-width:1000px;margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-lg)}.dashboard-header h1{margin:0 0 .25rem;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.dashboard-subtitle{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.quick-action-bar{margin-bottom:var(--spacing-lg)}.play-now-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-purple);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.05em;text-decoration:none;border:1px solid var(--accent-purple);border-radius:var(--radius-md);transition:all .2s}.play-now-btn:hover{background:var(--accent-purple-hover);border-color:var(--accent-purple-hover);transform:translateY(-1px)}.recent-jobs-section{margin-top:2rem}.recent-jobs-section h2{margin:0 0 1.5rem;color:#a78bfa}.loading-text{text-align:center;color:#fff9;padding:2rem}.empty-state{text-align:center;padding:3rem;background:#ffffff08;border:1px dashed rgba(255,255,255,.2);border-radius:12px}.empty-state p{margin:0 0 1rem;color:#fff9}.start-btn{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:8px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.jobs-table-container{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.jobs-table{width:100%;border-collapse:collapse}.jobs-table thead{background:#8b5cf61a}.jobs-table th{padding:1rem;text-align:left;font-weight:600;color:#a78bfa;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.jobs-table td{padding:1rem;border-top:1px solid rgba(255,255,255,.05);color:#fffc}.jobs-table tbody tr{transition:background-color .2s}.jobs-table tbody tr:hover{background:#8b5cf60d}.job-type{font-weight:500;text-transform:capitalize}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-completed{background:#10b98133;color:#10b981}.status-running{background:#f59e0b33;color:#f59e0b}.status-pending{background:#6b728033;color:#9ca3af}.status-failed{background:#ef444433;color:#ef4444}.progress-cell{font-family:Courier New,monospace;color:#ffffffb3}.date-cell{color:#fff9;font-size:.9rem}.view-link{color:#a78bfa;text-decoration:none;font-weight:500;transition:color .2s}.view-link:hover{color:#8b5cf6}@media(max-width:768px){.dashboard-page{padding:1rem}.dashboard-grid{grid-template-columns:1fr}.jobs-table-container{overflow-x:auto}.jobs-table{min-width:600px}}.trophy-room{background:var(--bg-card, rgba(15, 23, 42, .6));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 12px);padding:1.5rem;margin-bottom:1.5rem}.trophy-room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.trophy-room-title{display:flex;align-items:center;gap:.75rem}.trophy-room-icon{font-size:1.5rem}.trophy-room-title h2{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--text-primary, #f1f5f9);margin:0}.trophy-progress{display:flex;align-items:center;gap:.75rem}.trophy-progress-count{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--accent-success, #10b981)}.trophy-progress-bar{width:80px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.trophy-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-success, #10b981) 0%,#34d399 100%);border-radius:3px;transition:width .5s ease}.trophy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.trophy-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md, 8px);transition:all .2s ease;position:relative}.trophy-card--unlocked{background:#10b9810d;border-color:#10b98133}.trophy-card--unlocked:hover{background:#10b9811a;transform:translateY(-2px)}.trophy-card--locked{opacity:.6}.trophy-card--locked:hover{opacity:.8}.trophy-icon-container{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;flex-shrink:0}.trophy-icon{font-size:24px}.trophy-lock{position:absolute;bottom:-2px;right:-2px;font-size:12px}.trophy-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.trophy-name{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-primary, #f1f5f9);text-transform:uppercase;letter-spacing:.05em}.trophy-requirement{font-size:12px;color:var(--text-muted, #64748b)}.trophy-badge{position:absolute;top:8px;right:8px}.trophy-badge-text{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--accent-success, #10b981);padding:2px 6px;background:#10b98126;border-radius:3px}.trophy-room-empty{text-align:center;padding:2rem;color:var(--text-muted, #64748b)}@media(max-width:640px){.trophy-room{padding:1rem}.trophy-room-header{flex-direction:column;gap:1rem;align-items:flex-start}.trophy-grid{grid-template-columns:1fr}.trophy-card{padding:.875rem}.trophy-icon-container{width:40px;height:40px}.trophy-icon{font-size:20px}}.match-history{background:var(--bg-card, rgba(15, 23, 42, .6));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 12px);padding:1.5rem;margin-bottom:1.5rem}.match-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.match-history-title{display:flex;align-items:center;gap:.75rem}.match-history-icon{font-size:1.5rem}.match-history-title h2{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--text-primary, #f1f5f9);margin:0}.match-history-stats{display:flex;align-items:center;gap:1rem}.match-count{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-muted, #64748b);letter-spacing:.05em}.match-history-table-container{overflow-x:auto;margin:0 -.5rem;padding:0 .5rem}.match-history-table{width:100%;border-collapse:collapse;font-size:13px}.match-history-table th{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-muted, #64748b);text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));white-space:nowrap}.match-history-table td{padding:.875rem .5rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.col-date{width:100px}.col-roster{min-width:150px}.col-opponent{width:70px;text-align:center}.col-you,.col-opp{width:80px;text-align:right}.col-result{width:90px;text-align:center}.match-row{cursor:pointer;transition:all .2s ease}.match-row:hover{background:#ffffff08}.match-row--win{background:#10b98108}.match-row--win:hover{background:#10b98114}.match-row--loss{background:#ef444408}.match-row--loss:hover{background:#ef444414}.roster-preview{display:block;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary, #f1f5f9)}.roster-count{display:block;font-size:11px;color:var(--text-muted, #64748b);margin-top:2px}.col-you,.col-opp{font-family:var(--font-mono);font-weight:600}.positive{color:var(--accent-success, #10b981)}.negative{color:var(--accent-danger, #ef4444)}.result-badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.05em;padding:4px 8px;border-radius:4px}.result-badge--win{color:var(--accent-success, #10b981);background:#10b98126}.result-badge--loss{color:var(--accent-danger, #ef4444);background:#ef444426}.match-history-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.pagination-btn{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary, #f1f5f9);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-family:var(--font-mono);font-size:12px;color:var(--text-muted, #64748b)}.match-history-loading,.match-history-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted, #64748b)}@media(max-width:768px){.match-history{padding:1rem}.match-history-header{flex-direction:column;gap:.75rem;align-items:flex-start}.match-history-table{font-size:12px}.match-history-table th{font-size:10px;padding:.5rem .25rem}.match-history-table td{padding:.75rem .25rem}.col-roster{min-width:120px}.roster-preview{font-size:11px}.result-badge{font-size:10px;padding:3px 6px}.pagination-btn{padding:.4rem .75rem;font-size:11px}}@media(max-width:480px){.col-opponent{display:none}.col-you,.col-opp{width:60px;font-size:11px}}.career-stats{background:var(--bg-card, rgba(15, 23, 42, .6));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 12px);padding:1.5rem;margin-bottom:1.5rem}.career-stats-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.career-stats-icon{font-size:1.5rem}.career-stats-header h2{font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--text-primary, #f1f5f9);margin:0}.career-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md, 8px);transition:all .2s ease}.stat-item:hover{background:#ffffff0a;border-color:#ffffff14}.stat-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-muted, #64748b);margin-bottom:.5rem}.stat-value{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--text-primary, #f1f5f9);line-height:1}.stat-value.positive{color:var(--accent-success, #10b981)}.stat-value.negative{color:var(--accent-danger, #ef4444)}.stat-value--text{font-size:18px;letter-spacing:.05em}.stat-value--emoji{font-size:28px}.stat-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-muted, #64748b);margin-top:.375rem}.career-stats-loading,.career-stats-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted, #64748b)}@media(max-width:768px){.career-stats{padding:1rem}.career-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item{padding:.875rem .5rem}.stat-value{font-size:20px}.stat-value--text{font-size:16px}.stat-value--emoji{font-size:24px}}@media(max-width:480px){.career-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-label{font-size:9px}.stat-value{font-size:18px}.stat-sub{font-size:10px}}.profile-page{display:flex;flex-direction:column;gap:2rem}.profile-header h1{font-size:2rem;margin:0;color:var(--text-primary)}.profile-header p{color:var(--text-secondary);margin:.5rem 0 0}.profile-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.user-info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#a78bfa);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.user-details h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.user-details p{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted)}.streak-card{background:linear-gradient(135deg,#fb923c1a,#f9731626);border:1px solid rgba(251,146,60,.3);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem}.streak-icon{font-size:2.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.streak-info{flex:1}.streak-count{font-size:2.5rem;font-weight:700;color:#fb923c;line-height:1}.streak-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.streak-meta{font-size:.75rem;color:var(--text-muted)}.balance-card{background:linear-gradient(135deg,#818cf81a,#a78bfa1a);border:1px solid rgba(129,140,248,.3);border-radius:var(--radius-lg);padding:1.5rem;text-align:center}.balance-card h2{font-size:1rem;color:var(--text-secondary);margin:0 0 1rem}.balance-display{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:.5rem}.balance-number{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.balance-label{font-size:1rem;color:var(--text-muted)}.balance-error{display:flex;flex-direction:column;align-items:center;gap:.5rem}.retry-btn-inline{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:transform .2s}.retry-btn-inline:hover{transform:translateY(-1px)}.placeholder-text{font-size:.875rem;color:var(--text-muted);margin:0}.badges-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;grid-column:1 / -1}.badges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.badges-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.badges-progress{font-size:.875rem;color:var(--text-secondary);background:#ffffff0d;padding:.25rem .75rem;border-radius:999px}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.badge-item{position:relative;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;text-align:center;transition:transform .2s,border-color .2s}.badge-item.unlocked{background:linear-gradient(135deg,#10b9811a,#34d3990d);border-color:#10b9814d}.badge-item.unlocked:hover{transform:translateY(-2px);border-color:#10b98180}.badge-item.locked{opacity:.5;filter:grayscale(.8)}.badge-icon{font-size:2rem;margin-bottom:.5rem}.badge-name{font-size:.875rem;color:var(--text-primary);font-weight:500}.badge-lock{position:absolute;top:.5rem;right:.5rem;font-size:.75rem}.recent-games-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;grid-column:1 / -1}.recent-games-section h2{margin:0 0 1.5rem;font-size:1.25rem;color:var(--text-primary)}.games-list{display:flex;flex-direction:column;gap:.75rem}.game-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.game-row:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.game-info{display:flex;flex-direction:column;gap:.25rem}.game-assets{font-weight:500;font-size:.9375rem;color:var(--text-primary)}.game-date{font-size:.8125rem;color:var(--text-muted)}.game-verdict{font-weight:600;font-size:.875rem;padding:.375rem .875rem;border-radius:var(--radius-sm);white-space:nowrap}.game-verdict.win{color:#10b981;background:#10b9811a}.game-verdict.loss{color:#ef4444;background:#ef44441a}.recent-games-section .empty-text,.recent-games-section .loading-text{color:var(--text-secondary);font-size:.9375rem;margin:0;text-align:center;padding:2rem 0}.recent-games-section .empty-text a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:opacity .2s}.recent-games-section .empty-text a:hover{opacity:.8;text-decoration:underline}.signals-page.coming-soon-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem}.coming-soon-container{text-align:center;max-width:500px}.coming-soon-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.coming-soon-container h1{margin:0 0 .5rem;font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:.1em;color:var(--text-primary, #f1f5f9)}.coming-soon-badge{display:inline-block;padding:.5rem 1.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:6px;color:var(--accent-success, #10b981);font-family:var(--font-mono);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.coming-soon-description{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.coming-soon-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:left}.feature-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.feature-icon{font-size:1.25rem}.feature-item span:last-child{color:#fffc}.coming-soon-actions{display:flex;flex-direction:column;gap:.75rem}.coming-soon-actions .btn{padding:.875rem 1.5rem;font-size:1rem;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s}.coming-soon-actions .btn-primary{background:var(--accent-success, #10b981);color:#fff;border:none;font-family:var(--font-mono);font-weight:600}.coming-soon-actions .btn-primary:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.coming-soon-actions .btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary, #f1f5f9);font-family:var(--font-mono)}.coming-soon-actions .btn-outline:hover{border-color:#fff6;background:#ffffff0d}@media(max-width:480px){.coming-soon-container h1{font-size:2rem}.coming-soon-icon{font-size:3rem}}.signal-detail-page{display:flex;flex-direction:column;gap:2rem;padding:1rem 0;animation:fadeIn .3s ease-out}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.header-content h1{margin:0;font-size:2.5rem;color:var(--text-primary);display:flex;align-items:center;gap:1rem}.header-content p{margin:.5rem 0 0;color:var(--text-secondary);font-size:1.1rem}.signal-badge-lg{font-size:1rem;padding:.5rem 1rem;border-radius:999px;text-transform:uppercase;font-weight:700}.signal-badge-lg.buy{background:#10b98133;color:#34d399}.signal-badge-lg.sell{background:#ef444433;color:#f87171}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}}.detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.detail-card h2{margin:0;font-size:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.analysis-score{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;background:#ffffff05;border-radius:var(--radius-md)}.score-value{font-size:3rem;font-weight:700;color:var(--primary-color)}.score-label{color:var(--text-secondary);text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.metrics-list{display:flex;flex-direction:column;gap:1rem}.metric-row{display:flex;justify-content:space-between;padding:1rem;background:#ffffff05;border-radius:var(--radius-md)}.metric-row span:first-child{color:var(--text-muted)}.metric-row span:last-child{color:var(--text-primary);font-weight:500;font-family:var(--font-mono)}.transaction-info{font-size:.875rem;color:var(--text-muted);padding-top:1rem;border-top:1px solid var(--border-color)}.buy-credits-page{display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto}.buy-credits-header{text-align:center}.back-link{display:inline-block;margin-bottom:1rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.back-link:hover{color:var(--primary-color)}.buy-credits-header h1{font-size:2.5rem;margin:0;color:var(--text-primary)}.buy-credits-header p{margin:.5rem 0 0;color:var(--text-secondary);font-size:1.1rem}.buy-credits-page.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary)}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:1rem;display:flex;justify-content:space-between;align-items:center;color:#f87171}.error-banner button{background:none;border:none;color:#f87171;font-size:1.25rem;cursor:pointer;padding:0 .5rem}.value-proposition{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:1.5rem;background:#ffffff05;border-radius:var(--radius-lg)}.value-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.value-icon{font-size:1.25rem}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.package-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transition:transform .2s,box-shadow .2s}.package-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.package-card.popular{border-color:var(--primary-color);background:linear-gradient(135deg,#818cf80d,#a78bfa14)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--primary-color),#a78bfa);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem 1rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.package-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.package-description{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted)}.package-credits{display:flex;align-items:baseline;gap:.5rem}.credits-number{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.credits-label{font-size:1.25rem;color:var(--text-muted)}.package-price{display:flex;flex-direction:column;gap:.25rem}.price-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.price-per{font-size:.875rem;color:var(--text-muted)}.package-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;flex:1}.package-features li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.package-features .check{color:#34d399;font-weight:700}.buy-credits-footer{text-align:center;padding:1.5rem;border-top:1px solid var(--border-color)}.buy-credits-footer p{margin:0;font-size:.75rem;color:var(--text-muted)}.payment-result-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.result-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem;text-align:center;max-width:480px;width:100%}.result-icon{font-size:4rem;margin-bottom:1.5rem}.result-card h1{margin:0 0 1.5rem;font-size:1.75rem;color:var(--text-primary)}.payment-result-page.success .result-card{border-color:#10b9814d;background:linear-gradient(135deg,var(--bg-card),rgba(16,185,129,.05))}.payment-result-page.success h1{color:#34d399}.payment-result-page.cancel .result-card{border-color:#ef44444d;background:linear-gradient(135deg,var(--bg-card),rgba(239,68,68,.05))}.payment-result-page.cancel h1{color:#f87171}.result-details{margin-bottom:1.5rem}.credits-added{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:0}.credits-added .credits-number{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#34d399,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.credits-added .credits-label{font-size:1.25rem;color:var(--text-muted)}.package-info{margin:.5rem 0 0;color:var(--text-secondary);font-size:.875rem}.result-message{color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.result-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.result-actions .btn{min-width:140px}.season-selector{display:flex;flex-direction:column;gap:.75rem}.season-label{display:flex;flex-direction:column;gap:.5rem}.label-text{font-size:.875rem;font-weight:600;color:var(--text-primary, #e4e4e7)}.season-dropdown{padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;background:var(--surface-secondary, #1e1e2e);border:1px solid var(--border-primary, #3f3f46);border-radius:8px;color:var(--text-primary, #e4e4e7);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.season-dropdown:hover:not(:disabled){border-color:var(--accent-primary, #6366f1)}.season-dropdown:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f133}.season-dropdown:disabled{opacity:.5;cursor:not-allowed}.season-dates{display:flex;align-items:center;gap:.5rem}.date-badge{font-size:.75rem;padding:.25rem .75rem;background:var(--surface-tertiary, #27272a);border-radius:9999px;color:var(--text-secondary, #a1a1aa);font-family:JetBrains Mono,Fira Code,monospace}.ticker-search{position:relative;width:100%}.ticker-search.disabled{opacity:.6;pointer-events:none}.ticker-search-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s;min-height:44px}.ticker-search-trigger:hover{border-color:#8b5cf680}.selected-ticker{display:flex;align-items:center;gap:.5rem;overflow:hidden}.selected-ticker .ticker-symbol{font-weight:600;color:#a78bfa}.selected-ticker .ticker-name{color:#fff9;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placeholder{color:#fff6}.clear-btn,.search-clear-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:.25rem;font-size:.75rem;transition:color .2s}.clear-btn:hover,.search-clear-btn:hover{color:#ef4444}.dropdown-arrow{color:#fff6;font-size:.65rem}.ticker-dropdown{position:fixed;width:380px;max-width:90vw;background:var(--bg-card, #1e1e2e);border:1px solid rgba(139,92,246,.4);border-radius:var(--radius-lg, 12px);box-shadow:0 20px 60px #0009,0 0 0 1px #8b5cf61a;z-index:9999;max-height:420px;overflow:hidden;display:flex;flex-direction:column}.search-input-wrapper{position:relative;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.ticker-search-input{width:100%;padding:.5rem 2rem .5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.9rem}.ticker-search-input:focus{outline:none;border-color:#8b5cf6}.search-input-wrapper .search-clear-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.ticker-list{overflow-y:auto;max-height:300px;scroll-behavior:smooth;overscroll-behavior:contain}.ticker-list::-webkit-scrollbar{width:6px}.ticker-list::-webkit-scrollbar-track{background:#ffffff0d}.ticker-list::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.ticker-list::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.ticker-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;transition:background .15s}.ticker-option:hover:not(.used){background:#8b5cf626}.ticker-option.selected{background:#8b5cf633}.ticker-option.used{opacity:.4;cursor:not-allowed}.ticker-option .ticker-symbol{font-weight:600;color:#a78bfa;min-width:80px}.ticker-option .ticker-name{color:#ffffffb3;font-size:.85rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.used-badge{font-size:.7rem;padding:.15rem .4rem;background:#ffffff1a;border-radius:4px;color:#ffffff80}.no-results{padding:1.5rem 1rem;text-align:center;color:#ffffff80}.category-tabs{display:flex;flex-wrap:wrap;gap:.375rem;padding:.625rem .75rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.category-tab{padding:.5rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md, 6px);color:#ffffffb3;font-family:var(--font-mono, monospace);font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s;text-transform:uppercase;letter-spacing:.02em}.category-tab:hover{background:#8b5cf61a;border-color:#8b5cf64d}.category-tab.active{background:#8b5cf633;border-color:#8b5cf6;color:#a78bfa}.roster-table-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.roster-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.roster-title{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);margin:0;text-transform:uppercase}.roster-actions{display:flex;gap:.5rem}.roster-action-btn{font-family:var(--font-mono);font-size:11px;padding:.375rem .75rem;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s}.roster-action-btn:hover:not(:disabled){border-color:var(--accent-purple);color:var(--accent-purple)}.roster-action-btn:disabled{opacity:.4;cursor:not-allowed}.roster-action-btn--add{color:var(--accent-success);border-color:#10b9814d}.roster-action-btn--add:hover:not(:disabled){border-color:var(--accent-success);background:#10b9811a}.roster-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.roster-th{padding:.5rem .75rem;text-align:left;font-size:10px;font-weight:600;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-subtle)}.roster-th--num{width:40px;text-align:center}.roster-th--player{min-width:150px}.roster-th--weight{width:180px}.roster-th--status{width:80px;text-align:center}.roster-th--action{width:40px}.roster-row{border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.roster-row:hover{background:#ffffff05}.roster-row:last-child{border-bottom:none}.roster-row--empty{background:#ef444408}.roster-cell{padding:.625rem .75rem;vertical-align:middle}.roster-cell--num{text-align:center;color:var(--text-muted);font-size:11px}.roster-cell--status,.roster-cell--action{text-align:center}.weight-controls{display:flex;align-items:center;gap:.25rem}.weight-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s}.weight-btn:hover:not(:disabled){border-color:var(--accent-purple);color:var(--accent-purple)}.weight-btn:disabled{opacity:.3;cursor:not-allowed}.weight-input{width:50px;padding:.25rem .375rem;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;text-align:center;-moz-appearance:textfield}.weight-input::-webkit-outer-spin-button,.weight-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.weight-input:focus{outline:none;border-color:var(--accent-purple)}.weight-input:disabled{opacity:.5}.weight-suffix{color:var(--text-muted);font-size:11px}.status-badge{display:inline-block;padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:9px;font-weight:700;letter-spacing:.05em}.status-badge--ready{color:var(--accent-success);background:#10b98126}.status-badge--empty{color:var(--accent-warning);background:#f59e0b26}.status-badge--weight{color:var(--accent-purple);background:#8b5cf626}.roster-table .remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s}.roster-table .remove-btn:hover:not(:disabled){border-color:var(--accent-danger);color:var(--accent-danger);background:#ef44441a}.roster-table .remove-btn:disabled{opacity:.3;cursor:not-allowed}.roster-footer{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--border-subtle);font-family:var(--font-mono)}.roster-footer--valid{background:#10b9810d}.roster-footer--invalid{background:#ef44440d}.roster-total-label{font-size:10px;color:var(--text-muted);letter-spacing:.05em}.roster-total-value{font-size:14px;font-weight:700;color:var(--text-primary)}.roster-footer--valid .roster-total-value{color:var(--accent-success)}.roster-footer--invalid .roster-total-value{color:var(--accent-danger)}.roster-total-status{font-size:10px;margin-left:auto}.roster-footer--valid .roster-total-status{color:var(--accent-success)}.roster-footer--invalid .roster-total-status{color:var(--accent-warning)}@media(max-width:640px){.roster-header{flex-direction:column;gap:.5rem;align-items:flex-start}.roster-th--status,.roster-cell--status{display:none}.weight-controls{flex-wrap:wrap}}.match-cost-preview{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem;margin-top:1rem}.preview--valid{border-color:#10b9814d}.preview--invalid{border-color:#ef44444d}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.preview-title{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);margin:0;text-transform:uppercase}.preview-status{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;border-radius:var(--radius-sm)}.status--ready{color:var(--accent-success);background:#10b98126}.status--blocked{color:var(--accent-danger);background:#ef444426}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.preview-stat{display:flex;flex-direction:column;gap:.25rem}.preview-stat--highlight{background:#8b5cf61a;padding:.5rem;border-radius:var(--radius-sm);margin:-.5rem}.stat-label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.stat-value{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--text-primary)}.stat-value--cost{color:var(--accent-purple);font-weight:700}.stat-value--ok{color:var(--accent-success)}.stat-value--error{color:var(--accent-danger)}.preview-errors{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.5rem}.error-item{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:11px;padding:.375rem .5rem;border-radius:var(--radius-sm);background:#ef44441a;color:var(--accent-danger)}.error-icon{font-size:12px}.error-message{flex:1}.preview-ready{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:11px;padding:.375rem .5rem;border-radius:var(--radius-sm);background:#10b9811a;color:var(--accent-success)}.ready-icon{font-size:12px}@media(max-width:640px){.preview-grid{grid-template-columns:repeat(2,1fr)}.preview-stat--highlight{grid-column:1 / -1}}.opponent-selector{margin-top:1rem}.opponent-title{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);margin:0 0 .75rem;text-transform:uppercase}.opponent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.opponent-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.875rem;cursor:pointer;transition:all .15s;text-align:left;display:flex;flex-direction:column;gap:.375rem}.opponent-card:hover:not(:disabled){border-color:var(--accent-purple);transform:translateY(-2px)}.opponent-card:disabled{opacity:.5;cursor:not-allowed}.opponent-card--selected{border-color:var(--accent-purple);background:#8b5cf61a}.opponent-card--standard{border-left:3px solid var(--accent-success)}.opponent-card--hard{border-left:3px solid var(--accent-warning)}.opponent-card--legendary{border-left:3px solid var(--accent-purple)}.opponent-header{display:flex;justify-content:space-between;align-items:center}.opponent-symbol{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-primary)}.opponent-difficulty{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.05em;padding:.125rem .375rem;border-radius:var(--radius-sm);text-transform:uppercase}.opponent-name{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-secondary)}.opponent-description{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);line-height:1.4}.opponent-bonus{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--accent-success);margin-top:.25rem}.opponent-selected{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px}.selected-label{color:var(--text-muted)}.selected-value{color:var(--accent-purple);font-weight:600}@media(max-width:640px){.opponent-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:420px;margin:1rem;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle)}.modal-title{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--accent-purple);margin:0;text-transform:uppercase}.modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;cursor:pointer;transition:all .15s}.modal-close:hover:not(:disabled){border-color:var(--border-subtle);color:var(--text-primary)}.modal-close:disabled{opacity:.3;cursor:not-allowed}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}.confirm-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.confirm-row--highlight{background:#8b5cf61a;margin:0 -1.25rem;padding:.875rem 1.25rem}.confirm-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;flex-shrink:0}.confirm-value{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.confirm-value--cost{font-size:14px;font-weight:700;color:var(--accent-purple)}.difficulty-badge{font-size:9px;font-weight:700;letter-spacing:.05em;padding:.125rem .375rem;border-radius:var(--radius-sm);text-transform:uppercase}.difficulty--standard{color:var(--accent-success);background:#10b98126}.difficulty--hard{color:var(--accent-warning);background:#f59e0b26}.difficulty--legendary{color:var(--accent-purple);background:#8b5cf626}.season-range{font-size:10px;color:var(--text-muted)}.modal-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-subtle)}.modal-btn{flex:1;padding:.75rem 1rem;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.05em;border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn--cancel{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.modal-btn--cancel:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary)}.modal-btn--confirm{background:var(--accent-purple);border:1px solid var(--accent-purple);color:#fff}.modal-btn--confirm:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed}@media(max-width:480px){.modal-content{margin:.5rem}.confirm-row{flex-direction:column;gap:.25rem}.confirm-value{align-items:flex-start}}.frozen-container{position:relative}.frozen-content{pointer-events:none;opacity:.4;filter:grayscale(50%)}.frozen-overlay{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.frozen-message{text-align:center;padding:2rem;max-width:300px}.frozen-icon{font-size:3rem;display:block;margin-bottom:1rem}.frozen-message h3{color:var(--text-primary, #fff);font-size:1.5rem;margin-bottom:.5rem}.frozen-message p{color:var(--text-muted, #999);margin-bottom:1.5rem}.frozen-cta{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.frozen-cta:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6);transform:translateY(-2px);box-shadow:0 4px 12px #9333ea66}.frozen-loading{opacity:.6}.portfolio-builder{max-width:800px;margin:0 auto;padding:2rem}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary, #3f3f46)}.builder-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary, #e4e4e7);margin:0}.credit-display{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--surface-secondary, #1e1e2e);border-radius:8px;border:1px solid var(--border-primary, #3f3f46)}.credit-label{font-size:.875rem;color:var(--text-secondary, #a1a1aa)}.credit-value{font-size:1rem;font-weight:600;color:var(--accent-success, #10b981);font-family:JetBrains Mono,monospace}.credit-value.insufficient{color:var(--accent-error, #ef4444)}.cost-badge{font-size:.75rem;padding:.25rem .5rem;background:var(--surface-tertiary, #27272a);border-radius:4px;color:var(--text-secondary, #a1a1aa)}.builder-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:var(--surface-secondary, #1e1e2e);border-radius:12px;padding:1.5rem;border:1px solid var(--border-primary, #3f3f46)}.form-section h2{font-size:1rem;font-weight:600;color:var(--text-primary, #e4e4e7);margin:0 0 1rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0}.section-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem .75rem;font-size:.75rem;font-weight:500;background:var(--surface-tertiary, #27272a);border:1px solid var(--border-primary, #3f3f46);border-radius:6px;color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all .2s ease}.action-btn:hover:not(:disabled){background:var(--surface-primary, #0f0f12);color:var(--text-primary, #e4e4e7)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.add-btn{background:var(--accent-primary, #6366f1);border-color:transparent;color:#fff}.action-btn.add-btn:hover:not(:disabled){background:var(--accent-primary-hover, #4f46e5)}.assets-list{display:flex;flex-direction:column;gap:.75rem}.asset-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface-tertiary, #27272a);border-radius:8px;border:1px solid var(--border-secondary, #52525b)}.asset-number{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--accent-primary, #6366f1);border-radius:50%;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.symbol-select{flex:1;min-width:120px;padding:.5rem .75rem;font-size:.875rem;background:var(--surface-secondary, #1e1e2e);border:1px solid var(--border-primary, #3f3f46);border-radius:6px;color:var(--text-primary, #e4e4e7);cursor:pointer}.symbol-select:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.symbol-select:disabled{opacity:.5;cursor:not-allowed}.weight-input-group{display:flex;align-items:center;gap:.25rem;min-width:80px}.weight-input{width:60px;padding:.5rem;font-size:.875rem;text-align:right;background:var(--surface-secondary, #1e1e2e);border:1px solid var(--border-primary, #3f3f46);border-radius:6px;color:var(--text-primary, #e4e4e7);font-family:JetBrains Mono,monospace}.weight-input:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.weight-input:disabled{opacity:.5;cursor:not-allowed}.weight-suffix{font-size:.875rem;color:var(--text-secondary, #a1a1aa)}.remove-btn{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-primary, #3f3f46);border-radius:4px;color:var(--text-secondary, #a1a1aa);cursor:pointer;font-size:.75rem;transition:all .2s ease;flex-shrink:0}.remove-btn:hover:not(:disabled){background:var(--accent-error, #ef4444);border-color:transparent;color:#fff}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.weight-total{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-weight:600}.weight-total.valid{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.weight-total.invalid{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.total-label{font-size:.875rem;color:var(--text-secondary, #a1a1aa)}.total-value{font-size:1.125rem;font-family:JetBrains Mono,monospace}.weight-total.valid .total-value{color:var(--accent-success, #10b981)}.weight-total.invalid .total-value{color:var(--accent-error, #ef4444)}.total-hint{font-size:.75rem;color:var(--accent-error, #ef4444)}.total-check{font-size:1rem;color:var(--accent-success, #10b981)}.benchmark-section{padding:1rem 1.5rem}.benchmark-display{display:flex;align-items:center;gap:.75rem}.benchmark-symbol{font-size:1.125rem;font-weight:700;color:var(--accent-primary, #6366f1);font-family:JetBrains Mono,monospace}.benchmark-name{font-size:.875rem;color:var(--text-secondary, #a1a1aa)}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--accent-error, #ef4444)}.error-icon{font-size:1.25rem}.error-text{flex:1;font-size:.875rem}.error-dismiss{padding:.25rem .5rem;background:transparent;border:none;color:var(--accent-error, #ef4444);cursor:pointer;opacity:.7}.error-dismiss:hover{opacity:1}.submit-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.run-btn{width:100%;max-width:400px;padding:1rem 2rem;font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #6366f14d}.run-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.run-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--surface-tertiary, #27272a);box-shadow:none}.run-btn.retry-btn{background:var(--accent-warning, #f59e0b);box-shadow:0 4px 16px #f59e0b4d}.running-state{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.5rem}.progress-bar{height:8px;background:var(--surface-tertiary, #27272a);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;color:var(--text-secondary, #a1a1aa);text-align:center}.validation-summary{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--surface-secondary, #1e1e2e);border-radius:8px;border:1px solid var(--border-primary, #3f3f46)}.check-item{font-size:.75rem;font-family:JetBrains Mono,monospace}.check-item.pass{color:var(--accent-success, #10b981)}.check-item.fail{color:var(--accent-error, #ef4444)}@media(max-width:640px){.portfolio-builder{padding:1rem}.builder-header{flex-direction:column;gap:1rem;text-align:center}.asset-row{flex-wrap:wrap}.symbol-select{min-width:100%}.section-header{flex-direction:column;gap:.75rem;align-items:flex-start}}.progress-bar.indeterminate .progress-fill{width:30%;animation:indeterminate 1.5s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.daily-limit-modal{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:2rem;text-align:center}.daily-limit-modal .modal-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.daily-limit-modal .modal-icon{font-size:2.5rem}.daily-limit-modal h3{font-size:1.25rem;font-weight:600;color:var(--accent-error, #ef4444);margin:0}.daily-limit-modal p{font-size:.875rem;color:var(--text-secondary, #a1a1aa);margin:0}.insufficient-credits-banner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;background:linear-gradient(135deg,#ef44441a,#dc262626);border:1px solid rgba(239,68,68,.3);border-radius:16px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.credits-banner-icon{font-size:3rem;line-height:1}.credits-banner-content h3{font-size:1.25rem;font-weight:700;color:var(--accent-error, #ef4444);margin:0 0 .5rem}.credits-banner-content p{font-size:.9rem;color:var(--text-secondary, #a1a1aa);margin:0;max-width:320px}.buy-credits-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d}.buy-credits-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}.buy-credits-btn:active{transform:translateY(0)}@media(max-width:640px){.insufficient-credits-banner{padding:1.5rem}.credits-banner-content h3{font-size:1.1rem}.buy-credits-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem}}.backtest-page{min-height:100vh;padding:2rem 1rem;background:var(--surface-primary, #0f0f12)}@media(min-width:768px){.backtest-page{padding:2rem}}@media(min-width:1024px){.backtest-page{padding:3rem}}.job-detail-page{max-width:900px;margin:0 auto;padding:2rem}.job-header{margin-bottom:2rem}.job-header h1{margin:1rem 0 0;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-link{display:inline-block;color:#a78bfa;text-decoration:none;font-weight:500;transition:color .2s}.back-link:hover{color:#8b5cf6}.job-info-card{padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item .label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.info-item .value{font-size:1.1rem;font-weight:500;color:#ffffffe6}.info-item .value.mono{font-family:Courier New,monospace;font-size:.9rem;word-break:break-all}.status-completed{color:#10b981!important}.status-running{color:#f59e0b!important}.status-pending{color:#6b7280!important}.status-failed{color:#ef4444!important}.job-section{margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.job-section h2{margin:0 0 1rem;color:#a78bfa;font-size:1.2rem}.code-block{background:#0006;border-radius:8px;padding:1rem;overflow-x:auto}.code-block pre{margin:0;font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;color:#ffffffe6}.error-section{border-color:#ef44444d}.error-section h2{color:#ef4444}.error-content{padding:1rem;background:#ef44441a;border-radius:8px}.error-content p{margin:0;color:#ef4444}.job-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.action-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #8b5cf64d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.loading-state,.error-state,.not-found-state{padding:3rem;text-align:center}.loading-state{color:#fff9}.error-state h2,.not-found-state h2{color:#ef4444;margin-bottom:1rem}.error-state p{color:#ffffffb3;margin-bottom:1.5rem}@media(max-width:768px){.job-detail-page{padding:1rem}.info-grid{grid-template-columns:1fr}}.metrics-panel{background:var(--surface-secondary, #1e1e2e);border:1px solid var(--border-primary, #3f3f46);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.metrics-panel-title{font-size:1rem;font-weight:600;color:var(--text-primary, #e4e4e7);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-secondary, #27272a)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.metric-card{background:var(--surface-tertiary, #27272a);border:1px solid var(--border-secondary, #3f3f46);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.375rem}.metric-label{font-size:.6875rem;font-weight:500;color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.375rem;font-weight:700;font-family:JetBrains Mono,SF Mono,Consolas,monospace}.metric-value.positive{color:var(--accent-success, #10b981)}.metric-value.negative{color:var(--accent-error, #ef4444)}.metric-value.neutral{color:var(--text-primary, #e4e4e7)}.metric-unit{font-size:.625rem;color:var(--text-tertiary, #71717a);text-transform:uppercase;letter-spacing:.05em}.metric-card.skeleton{position:relative;overflow:hidden}.metric-label-skeleton{display:block;width:60%;height:.75rem;background:var(--surface-tertiary, #3f3f46);border-radius:3px}.metric-value-skeleton{display:block;width:80%;height:1.5rem;background:var(--surface-tertiary, #3f3f46);border-radius:4px;margin-top:.25rem}.metric-card.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.metrics-error-state{border-color:var(--accent-error, #ef4444)}.metrics-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;gap:.75rem}.error-icon{font-size:1.5rem;color:var(--accent-error, #ef4444)}.error-message{color:var(--text-secondary, #a1a1aa);font-size:.875rem;margin:0;max-width:300px}@media(max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-panel{padding:1rem}.metric-value{font-size:1.125rem}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr 1fr;gap:.75rem}.metric-card{padding:.75rem}.metric-label{font-size:.625rem}.metric-value{font-size:1rem}}.metrics-stack{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.metrics-stack-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.metrics-columns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2rem}.metrics-column{display:flex;flex-direction:column;gap:.5rem}.metrics-stack .metric-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.metrics-stack .metric-row:last-child{border-bottom:none}.metrics-stack .metric-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.metrics-stack .metric-value{font-family:var(--font-mono);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.metrics-stack .metric-positive{color:var(--accent-success)}.metrics-stack .metric-negative{color:var(--accent-danger)}.metrics-stack .metric-neutral{color:var(--text-secondary)}.metrics-stack--loading .skeleton{animation:metricsStackPulse 1.5s ease-in-out infinite}.metrics-stack .metric-label-skeleton{width:60px;height:10px;background:var(--border-subtle);border-radius:var(--radius-sm)}.metrics-stack .metric-value-skeleton{width:50px;height:14px;background:var(--border-subtle);border-radius:var(--radius-sm)}@keyframes metricsStackPulse{0%,to{opacity:1}50%{opacity:.5}}.metrics-stack--error .metrics-error{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;color:var(--text-muted)}.metrics-stack--error .error-icon{font-size:24px}.metrics-stack--error p{margin:0;font-size:13px}@media(max-width:480px){.metrics-stack{padding:1rem}.metrics-columns{grid-template-columns:1fr;gap:.25rem}.metrics-column{gap:.25rem}.metrics-stack .metric-row{padding:.25rem 0}.metrics-stack .metric-value{font-size:13px}}:root{--chart-portfolio-color: #6366f1;--chart-benchmark-color: #94a3b8;--chart-grid-color: rgba(255, 255, 255, .08);--chart-axis-color: #64748b;--chart-bg: rgba(15, 23, 42, .6);--chart-border: rgba(99, 102, 241, .2);--tooltip-bg: rgba(15, 23, 42, .95);--tooltip-border: rgba(99, 102, 241, .3)}.equity-chart-container{background:var(--chart-bg);border:1px solid var(--chart-border);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.equity-chart-title{font-size:1.125rem;font-weight:600;color:#f1f5f9;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.equity-chart-wrapper{width:100%;height:400px}.equity-chart-tooltip{background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 20px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.equity-chart-tooltip .tooltip-date{font-size:.875rem;font-weight:600;color:#f1f5f9;margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.equity-chart-tooltip p{font-size:.875rem;margin:.25rem 0;font-family:SF Mono,Monaco,Inconsolata,monospace}.tooltip-status-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.tooltip-difference{font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace}.tooltip-status{font-size:9px;font-weight:700;letter-spacing:.1em;padding:2px 6px;border-radius:3px;text-transform:uppercase}.tooltip-status.status-leading{background:#10b98133;color:#10b981}.tooltip-status.status-trailing{background:#ef444433;color:#ef4444}.tooltip-status.status-even{background:#94a3b833;color:#94a3b8}.equity-chart-skeleton{width:100%;height:400px;display:flex;align-items:center;justify-content:center}.skeleton-chart-area{width:100%;height:100%;background:linear-gradient(90deg,#6366f10d,#6366f11a,#6366f10d);border-radius:8px;overflow:hidden;position:relative}.skeleton-pulse{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.15) 50%,transparent 100%);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{left:-100%}to{left:100%}}.equity-chart-empty{width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#6366f108;border:1px dashed rgba(99,102,241,.2);border-radius:8px}.equity-chart-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.equity-chart-empty .empty-message{font-size:.9375rem;color:#94a3b8;margin:0;text-align:center}.recharts-legend-wrapper{padding-top:1rem!important}.recharts-legend-item-text{color:#e2e8f0!important;font-size:.875rem!important}.recharts-active-dot{filter:drop-shadow(0 0 4px rgba(99,102,241,.5))}@media(max-width:768px){.equity-chart-container{padding:1rem;margin-top:1rem}.equity-chart-title{font-size:1rem}.equity-chart-wrapper{min-height:300px}.equity-chart-skeleton,.equity-chart-empty{height:300px}}@media(max-width:480px){.equity-chart-wrapper{min-height:250px}.equity-chart-skeleton,.equity-chart-empty{height:250px}.equity-chart-tooltip{padding:.5rem .75rem}.equity-chart-tooltip p{font-size:.75rem}}.verdict-banner{border-radius:.75rem;padding:2rem;margin-bottom:1.5rem;text-align:center;transition:all .3s ease}.verdict-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.verdict-headline{font-size:1.75rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.verdict-delta{font-size:1.25rem;font-weight:500;margin:0;font-family:SF Mono,Monaco,Inconsolata,monospace}.verdict-win{background:linear-gradient(135deg,#10b98133,#064e3b4d);border:1px solid rgba(16,185,129,.4);box-shadow:0 0 30px #10b98133,inset 0 1px #ffffff1a}.verdict-win .verdict-headline{color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.3)}.verdict-win .verdict-delta{color:#34d399}.verdict-lose{background:linear-gradient(135deg,#ef444426,#7f1d1d40);border:1px solid rgba(239,68,68,.3);box-shadow:0 0 20px #ef44441a,inset 0 1px #ffffff0d}.verdict-lose .verdict-headline{color:#ef4444}.verdict-lose .verdict-delta{color:#f87171;opacity:.9}.verdict-inconclusive{background:linear-gradient(135deg,#94a3b81a,#94a3b80d);border:1px solid rgba(148,163,184,.25)}.verdict-inconclusive .verdict-headline{color:#94a3b8}.verdict-inconclusive .verdict-delta{color:#64748b}@media(max-width:768px){.verdict-banner{padding:1.25rem 1.5rem;margin-bottom:1rem}.verdict-headline{font-size:1.375rem}.verdict-delta{font-size:1rem}}@media(max-width:480px){.verdict-banner{padding:1rem;border-radius:8px}.verdict-headline{font-size:1.125rem;letter-spacing:.03em}.verdict-delta{font-size:.875rem}}.scoreboard{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;text-align:center}.scoreboard--win{border-color:#10b98166;background:linear-gradient(180deg,rgba(16,185,129,.08) 0%,var(--bg-card) 100%)}.scoreboard--loss{border-color:#ef444466;background:linear-gradient(180deg,rgba(239,68,68,.08) 0%,var(--bg-card) 100%)}.scoreboard--pending{border-color:var(--border-subtle)}.scoreboard-verdict{margin-bottom:1rem}.verdict-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:.375rem 1rem;border-radius:var(--radius-sm)}.scoreboard--win .verdict-label{color:var(--accent-success);background:#10b98126}.scoreboard--loss .verdict-label{color:var(--accent-danger);background:#ef444426}.scoreboard--pending .verdict-label{color:var(--text-muted);background:#ffffff0d}.scoreboard-scores{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1.5rem 0}.score-column{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:100px}.score-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.score-value{font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1}.score-column--team .score-value{color:var(--text-primary)}.scoreboard--win .score-column--team .score-value{color:var(--accent-success)}.scoreboard--loss .score-column--team .score-value{color:var(--accent-danger)}.score-column--opponent .score-value{color:var(--text-secondary)}.score-divider{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-subtle)}.vs-text{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-muted)}.scoreboard-excess{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-top:1rem;border-top:1px solid var(--border-subtle);margin-top:.5rem}.excess-label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.excess-value{font-family:var(--font-mono);font-size:18px;font-weight:700}.excess-value.positive{color:var(--accent-success)}.excess-value.negative{color:var(--accent-danger)}@media(max-width:480px){.scoreboard{padding:1rem}.scoreboard-scores{gap:.75rem}.score-column{min-width:80px}.score-value{font-size:22px}.score-divider{width:36px;height:36px}.vs-text{font-size:10px}.excess-value{font-size:16px}}.asset-contributions{background:var(--color-surface, rgba(255, 255, 255, .03));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;width:100%}.asset-contributions__title{font-size:1.125rem;font-weight:600;color:var(--color-text, #e4e4e7);margin-bottom:.25rem}.asset-contributions__subtitle{font-size:.75rem;color:var(--color-text-muted, #a1a1aa);margin-bottom:1rem}.asset-contributions__list{display:flex;flex-direction:column;gap:.75rem}.asset-contributions__item{width:100%}.asset-contributions__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.asset-contributions__ticker-info{display:flex;align-items:center;gap:.5rem}.asset-contributions__ticker{font-family:monospace;font-size:.875rem;font-weight:500;color:var(--color-text, #e4e4e7)}.asset-contributions__weight{font-size:.75rem;color:var(--color-text-muted, #a1a1aa)}.asset-contributions__values{display:flex;align-items:center;gap:.75rem}.asset-contributions__return{font-size:.75rem}.asset-contributions__return.positive{color:var(--accent-success, #10b981)}.asset-contributions__return.negative{color:var(--accent-error, #ef4444)}.asset-contributions__contribution{font-size:.875rem;font-weight:600}.asset-contributions__contribution.positive{color:var(--accent-success, #10b981)}.asset-contributions__contribution.negative{color:var(--accent-error, #ef4444)}.asset-contributions__bar-container{width:100%;height:.5rem;background:var(--color-border, rgba(255, 255, 255, .1));border-radius:.25rem;overflow:hidden}.asset-contributions__bar{height:100%;border-radius:.25rem;transition:width .3s ease}.asset-contributions__bar.positive{background:var(--accent-success, #10b981)}.asset-contributions__bar.negative{background:var(--accent-error, #ef4444)}.asset-contributions__summary{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border, rgba(255, 255, 255, .1));display:flex;justify-content:space-between;align-items:center}.asset-contributions__summary-label{font-size:.875rem;color:var(--color-text-muted, #a1a1aa)}.asset-contributions__summary-value{font-size:.875rem;font-weight:600}.asset-contributions__summary-value.positive{color:var(--accent-success, #10b981)}.asset-contributions__summary-value.negative{color:var(--accent-error, #ef4444)}.asset-contributions__unavailable{font-size:.875rem;color:var(--color-text-muted, #a1a1aa)}.player-impact-bars{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.player-impact-title{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.player-impact-legend{display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem}.legend-item{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.legend-item.negative{color:var(--accent-danger)}.legend-item.neutral{color:var(--text-muted)}.legend-item.positive{color:var(--accent-success)}.player-impact-list{display:flex;flex-direction:column;gap:.5rem}.impact-bar-row{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;gap:.75rem}.impact-bar-info{display:flex;flex-direction:column;gap:.125rem}.impact-ticker{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text-primary)}.impact-weight{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.impact-bar-container{display:flex;align-items:center;height:20px}.impact-bar-side{flex:1;height:100%;display:flex;align-items:center}.impact-bar-side.negative-side{justify-content:flex-end}.impact-bar-side.positive-side{justify-content:flex-start}.impact-bar-center{width:2px;height:100%;background:var(--border-subtle);flex-shrink:0}.impact-bar{height:12px;border-radius:2px;transition:width .3s ease-out}.impact-bar.positive{background:linear-gradient(90deg,rgba(16,185,129,.3) 0%,var(--accent-success) 100%)}.impact-bar.negative{background:linear-gradient(270deg,rgba(239,68,68,.3) 0%,var(--accent-danger) 100%)}.impact-bar-value{text-align:right}.impact-value{font-family:var(--font-mono);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.impact-value.positive{color:var(--accent-success)}.impact-value.negative{color:var(--accent-danger)}.player-impact-summary{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.summary-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-muted)}.summary-value{font-family:var(--font-mono);font-size:16px;font-weight:700}.summary-value.positive{color:var(--accent-success)}.summary-value.negative{color:var(--accent-danger)}.player-impact-bars--empty{text-align:center}.player-impact-unavailable{font-size:13px;color:var(--text-muted);margin:1rem 0 0}@media(max-width:480px){.player-impact-bars{padding:1rem}.impact-bar-row{grid-template-columns:60px 1fr 50px;gap:.5rem}.impact-ticker,.impact-value{font-size:11px}}.audit-log-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-top:1.5rem;overflow:hidden}.audit-log-header{width:100%;display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:background .15s}.audit-log-header:hover{background:#ffffff05}.audit-log-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.audit-icon{font-size:14px}.audit-date{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.audit-toggle{font-size:10px;color:var(--text-muted);margin-left:.5rem}.audit-log-content{padding:0 1.25rem 1.25rem;border-top:1px solid var(--border-subtle);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.audit-timeline{display:flex;flex-direction:column;gap:0;padding-top:1rem}.audit-event{display:grid;grid-template-columns:70px 20px 1fr;gap:.5rem;align-items:flex-start;min-height:40px}.event-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-align:right;padding-top:2px}.event-marker{position:relative;width:8px;height:8px;background:var(--accent-purple);border-radius:50%;margin-top:4px;justify-self:center}.audit-event:not(:last-child) .event-marker:after{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:1px;height:calc(100% + 24px);background:var(--border-subtle)}.event-content{display:flex;flex-direction:column;gap:.125rem}.event-label{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary)}.event-details{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}@media(max-width:480px){.audit-event{grid-template-columns:60px 16px 1fr}.event-time{font-size:9px}.event-label{font-size:11px}.event-details{font-size:10px}}.results-page{max-width:900px;margin:0 auto;padding:2rem;min-height:100vh}.results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--surface-tertiary, #27272a);border-top-color:var(--accent-primary, #6366f1);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-error{text-align:center;padding:3rem;background:var(--surface-secondary, #1e1e2e);border-radius:12px;border:1px solid var(--accent-error, #ef4444)}.results-error h2{color:var(--accent-error, #ef4444);margin-bottom:1rem}.back-link{display:inline-block;margin-top:1.5rem;color:var(--accent-primary, #6366f1);text-decoration:none}.back-link:hover{text-decoration:underline}.results-error.failed-job{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;border-color:#ef44444d}.results-error .error-icon{font-size:4rem;margin-bottom:1rem}.results-error .error-details{color:#fff9;max-width:400px;margin-bottom:1rem;font-size:.9rem}.results-error .credits-refunded{color:#22c55e;font-weight:500;margin-bottom:2rem;font-size:1.1rem}.results-error .try-again-btn{padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.results-error .try-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary, #3f3f46)}.results-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary, #e4e4e7);margin:0}.job-id{font-size:.75rem;color:var(--text-secondary, #a1a1aa);font-family:JetBrains Mono,monospace;padding:.25rem .5rem;background:var(--surface-tertiary, #27272a);border-radius:4px}.benchmark-section{background:var(--surface-secondary, #1e1e2e);border:1px solid var(--border-primary, #3f3f46);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.benchmark-section h2{font-size:1rem;font-weight:600;color:var(--text-primary, #e4e4e7);margin-bottom:1rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.comparison-item{display:flex;justify-content:space-between;padding:.75rem;background:var(--surface-tertiary, #27272a);border-radius:8px}.comparison-item .label{font-size:.875rem;color:var(--text-secondary, #a1a1aa)}.comparison-item .value{font-size:.875rem;font-weight:600;color:var(--text-primary, #e4e4e7);font-family:JetBrains Mono,monospace}.raw-data{background:var(--surface-secondary, #1e1e2e);border:1px solid var(--border-primary, #3f3f46);border-radius:8px;margin-bottom:2rem}.raw-data summary{padding:1rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary, #a1a1aa)}.raw-data pre{padding:1rem;overflow-x:auto;font-size:.75rem;color:var(--text-secondary, #a1a1aa);font-family:JetBrains Mono,monospace;border-top:1px solid var(--border-primary, #3f3f46);max-height:300px}.results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;padding:1.5rem;background:var(--bg-card, rgba(15, 23, 42, .6));border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:var(--radius-lg, 12px)}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.05em;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s ease;position:relative}.action-icon{font-size:16px}.action-label{text-transform:uppercase}.action-btn--replay{background:var(--accent-primary, #6366f1);color:#fff;border-color:var(--accent-primary, #6366f1)}.action-btn--replay:hover{background:var(--accent-primary-hover, #4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.action-btn--share{background:transparent;color:var(--accent-success, #10b981);border-color:var(--accent-success, #10b981)}.action-btn--share:hover{background:#10b9811a;transform:translateY(-1px)}.share-toast{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--bg-elevated, #1e293b);color:var(--accent-success, #10b981);padding:4px 10px;border-radius:4px;font-size:11px;white-space:nowrap;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(5px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}.action-btn--home{background:transparent;color:var(--text-secondary, #94a3b8);border-color:var(--border-subtle, rgba(255, 255, 255, .2))}.action-btn--home:hover{background:#ffffff0d;color:var(--text-primary, #f1f5f9);border-color:var(--text-secondary, #94a3b8)}@media(max-width:768px){.results-page{padding:1rem}.results-header{flex-direction:column;gap:.5rem;text-align:center}.comparison-grid{grid-template-columns:1fr}.results-actions{flex-direction:column;padding:1rem}.action-btn{width:100%;justify-content:center}}.bonus-celebration{background:linear-gradient(135deg,#9333ea,#7c3aed);border-radius:12px;padding:2rem;text-align:center;margin-bottom:1.5rem;animation:bonus-pulse 2s ease-in-out infinite;box-shadow:0 8px 32px #9333ea66}@keyframes bonus-pulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #9333ea66}50%{transform:scale(1.02);box-shadow:0 12px 48px #9333ea99}}.bonus-content{color:#fff}.bonus-icon{font-size:3rem;display:block;margin-bottom:.5rem;animation:bonus-bounce .6s ease-out}@keyframes bonus-bounce{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.bonus-celebration h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:2px}.bonus-celebration p{margin:.25rem 0;opacity:.9}.bonus-amount{font-size:1.5rem;font-weight:700;color:#fbbf24;margin-top:.75rem!important}.bonus-dismiss{margin-top:1rem;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);padding:.5rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.bonus-dismiss:hover{background:#ffffff4d;border-color:#fff9}.results-disclaimer{margin-top:2rem;padding:1rem 1.5rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;text-align:center}.results-disclaimer p{font-size:.85rem;color:#fbbf24;line-height:1.5;margin:0}.results-disclaimer strong{font-weight:600}.legal-page{min-height:100vh;padding:2rem;background:var(--bg-primary, #0a0a0f)}.legal-container{max-width:800px;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2.5rem}.legal-container h1{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary, #ffffff)}.legal-updated{color:var(--text-secondary, #a1a1aa);font-size:.9rem;margin-bottom:2rem}.legal-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem}.legal-warning p{color:#fbbf24;margin:0;font-size:.95rem;line-height:1.5}.legal-container section{margin-bottom:2rem}.legal-container h2{font-size:1.25rem;color:var(--text-primary, #ffffff);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.legal-container p{color:var(--text-secondary, #a1a1aa);line-height:1.7;margin-bottom:.75rem}.legal-container ul{color:var(--text-secondary, #a1a1aa);line-height:1.7;padding-left:1.5rem;margin-bottom:.75rem}.legal-container li{margin-bottom:.5rem}.legal-container strong{color:var(--text-primary, #ffffff)}.legal-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;display:flex;justify-content:center;gap:1rem}.legal-footer a{color:var(--accent-primary, #6366f1);text-decoration:none}.legal-footer a:hover{text-decoration:underline}.legal-footer span{color:var(--text-tertiary, #71717a)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);line-height:var(--line-height-body);color:#e4e4e7;background:#0f0f23}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#818cf84d}