*{box-sizing:border-box}:root{color-scheme:light;--background: 220 24% 96%;--foreground: 224 20% 15%;--card: 0 0% 100%;--card-foreground: 224 20% 15%;--surface: 0 0% 100%;--surface-muted: 220 24% 97%;--popover: 0 0% 100%;--popover-foreground: 224 20% 15%;--primary: 211 100% 50%;--primary-foreground: 0 0% 100%;--secondary: 220 20% 92%;--secondary-foreground: 224 18% 28%;--muted: 218 20% 94%;--muted-foreground: 224 16% 40%;--accent: 220 20% 99%;--accent-foreground: 224 18% 25%;--destructive: 2 85% 55%;--destructive-foreground: 0 0% 100%;--border: 220 18% 82%;--input: 220 18% 80%;--ring: 211 100% 50%;--radius: .875rem;--shadow-soft: 0 28px 60px -40px rgba(15, 23, 42, .35);--success: 145 63% 46%;--warning: 34 94% 56%;--info: 210 90% 52%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;font-size:16px;line-height:1.65;color:hsl(var(--foreground));background-color:hsl(var(--background));font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.container{max-width:1120px;margin:0 auto;padding:clamp(24px,4vw,64px)}.main-content{display:flex;flex-direction:column;gap:clamp(40px,6vw,64px);position:relative}.main-content:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(120,125,130,.15) 20%,rgba(120,125,130,.25) 50%,rgba(120,125,130,.15) 80%,transparent 100%);transform:translate(-50%);pointer-events:none}.app-hero{position:relative;margin-bottom:clamp(24px,5vw,48px);border-radius:28px;padding:clamp(32px,5vw,72px);border:1px solid rgba(120,125,130,.14);background:linear-gradient(160deg,#ffffffeb,#f5f6fab8);box-shadow:var(--shadow-soft);overflow:hidden}@supports (backdrop-filter: blur(18px)){.app-hero{background:#ffffffbf;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px)}}.app-hero:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:24px;border:1px solid rgba(120,125,130,.1);pointer-events:none}.app-hero__content{position:relative;max-width:720px;margin:0 auto;text-align:center;display:grid;gap:12px}.app-hero__eyebrow{font-size:.875rem;letter-spacing:.16em;text-transform:uppercase;color:#1d1d1f99}.app-hero h1{margin:0;font-size:clamp(2.25rem,4vw,3rem);font-weight:700;letter-spacing:-.015em;color:#1d1d1f}.app-hero__subtitle{margin:0;font-size:clamp(1.05rem,2vw,1.25rem);color:#1d1d1fb8;line-height:1.6}.card{background:linear-gradient(180deg,#fffffff5,#fafbfdeb);color:hsl(var(--card-foreground));border-radius:calc(var(--radius) + .375rem);border:1px solid rgba(120,125,130,.12);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;position:relative}#uploadSection .card{background:linear-gradient(160deg,#3b82f60a,#fffffff5,#fafbfdeb);border-color:#3b82f626}#teamManagementSection .card{background:linear-gradient(160deg,#10b9810a,#fffffff5,#fafbfdeb);border-color:#10b98126}.results-container .card,section[aria-labelledby=resultsTitle] .card{background:linear-gradient(160deg,#8b5cf60a,#fffffff5,#fafbfdeb);border-color:#8b5cf626}.card-body{padding:clamp(24px,3vw,40px)}section+section{position:relative}section+section:before{content:"";position:absolute;top:calc(-1*clamp(20px,3vw,32px));left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(120,125,130,.15) 20%,rgba(120,125,130,.25) 50%,rgba(120,125,130,.15) 80%,transparent 100%)}.card-title{font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:640;margin:0 0 2rem;color:hsl(var(--foreground));letter-spacing:-.02em;position:relative;padding-bottom:.75rem}.card-title:after{content:"";position:absolute;bottom:0;left:0;width:2rem;height:2px;background:linear-gradient(90deg,#3b82f699,#3b82f633);border-radius:1px}#teamManagementSection .card-title:after{background:linear-gradient(90deg,#10b98199,#10b98133)}section[aria-labelledby=resultsTitle] .card-title:after{background:linear-gradient(90deg,#8b5cf699,#8b5cf633)}.upload-area{display:flex;flex-direction:column;align-items:center;gap:.75rem;border:2px dashed rgba(120,125,130,.35);border-radius:20px;padding:clamp(24px,4vw,40px);text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(180deg,#fafbfdeb,#f0f1f5cc);box-shadow:inset 0 1px #ffffff80;min-height:160px;min-width:44px}.upload-area:hover,.upload-area:focus-visible{border-color:#0a84ffa6;background:linear-gradient(180deg,#fffffff5,#e9f4ffe0);box-shadow:0 18px 40px -28px #0a84ff59;outline:none}.upload-area:focus-visible{box-shadow:0 0 0 4px #0a84ff2e}.upload-area--compact{min-height:80px;padding:clamp(16px,2vw,20px);flex-direction:row;text-align:left;gap:1rem}.upload-area *{transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-area--compact .upload-icon{width:1.75rem;height:1.75rem;flex-shrink:0}.upload-area--compact .upload-title{font-size:1rem;margin:0}.upload-area--compact .upload-hint{font-size:.875rem;margin:0;opacity:.8}.upload-area--compact .badge-group{margin-top:0;margin-left:auto;justify-content:flex-end}.upload-area--compact>*:not(.upload-icon):not(.badge-group){flex:1;min-width:0}.upload-area--compact .upload-hint{display:none}@media (max-width: 768px){.upload-area--compact{flex-direction:column;text-align:center;gap:.75rem;min-height:100px}.upload-area--compact .badge-group{margin-left:0;justify-content:center}.upload-area--compact .upload-hint{display:block;font-size:.8rem}}.upload-area--highlight{border-color:#0a84ffbf!important;background:linear-gradient(180deg,#fff,#e9f4ffeb)!important;box-shadow:0 20px 44px -28px #0a84ff73!important}.upload-icon{width:2.5rem;height:2.5rem;color:#0a84ff80}.upload-title{font-size:1.2rem;font-weight:600;margin:.5rem 0 0;color:hsl(var(--foreground));letter-spacing:-.01em}.upload-hint{margin:0;max-width:460px;color:#1d1d1fa6;font-size:1.05rem;line-height:1.5}.badge-group{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin-top:.5rem}.chip,.badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .65rem;border-radius:999px;font-size:.7rem;font-weight:500;letter-spacing:.01em;border:1px solid rgba(120,125,130,.18);background:#787d8214;color:#1d1d1fbf}.chip--primary,.badge-primary{background:#0a84ff1a;color:#0a84ff;border-color:#0a84ff2e}.chip--secondary,.badge-secondary{background:#30d1581f;color:#30d158;border-color:#30d1582e}.badge-accent{background:#ff95001f;color:#ff9500;border-color:#ff95002e}.icon-sm{width:1.25rem;height:1.25rem}.icon-md{width:2rem;height:2rem}.icon-lg{width:4rem;height:4rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.6rem 1.25rem;border:1px solid transparent;border-radius:calc(var(--radius) + .25rem);font-weight:600;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;gap:.5rem;white-space:nowrap;outline:none}.btn:disabled{pointer-events:none;opacity:.5}.btn-primary{background:linear-gradient(180deg,#0a84fff5,#0a84ffe0);color:hsl(var(--primary-foreground));box-shadow:0 12px 24px -18px #0a84ffbf}.btn-primary:hover{background:linear-gradient(180deg,#0a84ff,#0a84ffeb);transform:translateY(-1px)}.btn-secondary{background:#787d821f;color:#1d1d1fbf}.btn-secondary:hover{background:#787d822e}.btn-outline{border:1.5px solid rgba(10,132,255,.35);background:transparent;color:#0a84ff}.btn-outline:hover{background:#0a84ff1f;border-color:#0a84ff80}.btn-outline:disabled{border-color:hsl(var(--border));color:hsl(var(--muted-foreground));background:hsl(var(--muted) / .5)}.btn-outline:disabled:hover{background:hsl(var(--muted) / .5);color:hsl(var(--muted-foreground));border-color:hsl(var(--border))}.btn-subtle{background:#787d8214;color:#1d1d1fb3;border:1px solid rgba(120,125,130,.18)}.btn-subtle:hover:not(:disabled){background:#787d821f}.btn:focus-visible{outline:none;box-shadow:0 0 0 4px #0a84ff33}.btn-sm{min-height:44px;padding:.5rem 1rem;font-size:.9rem}.btn-lg{min-height:56px;padding:.85rem 1.75rem;font-size:1.1rem}.btn-destructive{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.btn-destructive:hover{background:hsl(var(--destructive) / .9)}.form-control{margin-bottom:1rem}.input{display:flex;width:100%;border-radius:var(--radius);border:1px solid hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--foreground));padding:.75rem 1rem;font-size:1rem;line-height:1.5;min-height:48px;transition:border-color .2s;outline:none}.input::placeholder{color:hsl(var(--muted-foreground))}.input[type=file]::file-selector-button{border:none;background:transparent;color:hsl(var(--foreground));font-size:.875rem;font-weight:500;margin-right:.75rem;cursor:pointer}.input:focus{outline:2px solid transparent;outline-offset:2px;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.input:disabled{cursor:not-allowed;opacity:.5}.select{display:flex;width:100%;border-radius:var(--radius);border:1px solid hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--foreground));padding:.75rem 1rem;font-size:1rem;line-height:1.5;min-height:48px;outline:none;cursor:pointer;transition:border-color .2s}.select:focus{outline:2px solid transparent;outline-offset:2px;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring) / .2)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-2{gap:.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-3>*+*{margin-top:.75rem}.team-section{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 4px);padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.separate-teams-container .team-section,.unified-results-container .team-section{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:clamp(24px,4vw,40px);box-shadow:none}.separate-teams-container .team-matches-list,.unified-results-container .match-list,.timeline-container .timeline-matches{display:flex;flex-direction:column;gap:clamp(12px,2.5vw,20px)}.separate-teams-container .team-section .section-header,.unified-results-container .format-unified-header,.timeline-container .section-header{margin-bottom:.75rem}.separate-teams-container .team-section .match-item{width:100%}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.team-controls{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,20px);align-items:flex-end;margin-bottom:clamp(20px,3vw,32px)}.control-stack{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media (max-width: 640px){.team-controls{flex-direction:column;align-items:stretch;gap:.75rem}.team-controls .autocomplete-wrapper,.control-stack{width:100%}.control-stack .btn,.control-stack .btn-subtle{flex:1}.preset-menu{left:1rem;right:1rem;width:auto;min-width:auto}}.managed-teams-list{min-height:120px;display:flex;flex-direction:column;gap:.75rem}.empty-teams-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(36px,5vw,56px);color:#1d1d1f8c;font-size:.95rem;text-align:center;background:#787d820d;border:1.5px dashed rgba(120,125,130,.2);border-radius:calc(var(--radius) + .5rem)}.team-item{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;background:linear-gradient(180deg,#fffffff0,#f5f6fae6);border:1px solid rgba(120,125,130,.18);border-radius:calc(var(--radius) + .25rem);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;gap:1rem}.team-item:hover{transform:translateY(-1px);border-color:#0a84ff59;box-shadow:0 18px 32px -28px #0f172a59}.team-info{flex:1;min-width:0}.team-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.team-name{font-weight:600;color:hsl(var(--foreground));margin-bottom:.25rem;font-size:.95rem;letter-spacing:-.01em}.team-meta{font-size:.8rem;color:#1d1d1f8c;margin-bottom:.35rem}.team-stats{font-size:.8125rem;color:hsl(var(--muted-foreground));line-height:1.4}.team-events{display:flex;gap:.375rem;margin-top:.5rem;flex-wrap:wrap}.event-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:calc(var(--radius) - 2px);font-size:.6875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.format-iq{background:hsl(var(--success) / .1);color:hsl(var(--success));border:1px solid hsl(var(--success) / .2)}.format-v5{background:hsl(var(--info) / .1);color:hsl(var(--info));border:1px solid hsl(var(--info) / .2)}.remove-team-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(235,66,89,.2);border-radius:50%;background:#eb425914;color:#eb4259e6;cursor:pointer;font-size:.9rem;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;flex-shrink:0}.remove-team-btn:hover{background:#eb425929;box-shadow:0 10px 18px -14px #eb425973;transform:translateY(-1px)}.remove-team-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #eb425938}.match-list{display:grid;gap:clamp(20px,3vw,32px)}.match-item{display:grid;gap:.75rem;padding:1rem 1.25rem;border-radius:calc(var(--radius) + .75rem);border:1px solid rgba(120,125,130,.12);background:linear-gradient(135deg,#fffffff2,#f8fafce6);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.match-item:hover{transform:translateY(-3px);border-color:#6366f140;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.match-item.timeline-mode{gap:.75rem;padding:1rem 1.25rem;border-radius:calc(var(--radius) + .75rem);border:1px solid rgba(120,125,130,.16);background:linear-gradient(180deg,#ffffffeb,#f5f6fae0);box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease}.match-item.timeline-mode:hover{transform:translateY(-1px);box-shadow:0 28px 60px -36px #0f172a80}.team-matches-list{display:flex;flex-direction:column;gap:1rem}.match-item.team-specific-match{margin-bottom:1rem!important}.match-item.team-specific-match:last-child{margin-bottom:0!important}.match-header{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(120,125,130,.1);margin-bottom:1rem}.match-header-top{display:flex;align-items:center;gap:.75rem}.match-header-bottom{display:flex;align-items:center;gap:.75rem;font-size:.85rem}.match-id{display:inline-flex;align-items:center;gap:.5rem;font-weight:650;color:#0a84ff;font-size:1rem;letter-spacing:-.01em}.match-time{display:inline-flex;align-items:center;gap:.35rem;color:#1d1d1fa6;font-size:.85rem;font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.match-details{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(12px,3vw,20px)}.team{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .95rem;border-radius:999px;font-size:.95rem;font-weight:600;letter-spacing:.01em;background:#787d8214;border:1px solid rgba(120,125,130,.16);color:#1d1d1fc7;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.team.highlight,.team.user-team{background:#0a84ff1f;border-color:#0a84ff59;color:#0a84ff;box-shadow:0 12px 22px -18px #0a84ff99}.v5-match-details .vs,.iq-match-details .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;font-weight:600;font-size:.75rem;letter-spacing:.08em;color:#1d1d1f8c;background:#fffffff2;border:2px solid rgba(120,125,130,.2);box-shadow:0 2px 8px #00000014;z-index:1}.v5-match-details{display:grid;gap:1rem;grid-template-columns:1fr 1fr;position:relative}.iq-cooperation-container{display:flex;align-items:stretch;justify-content:space-between;gap:.75rem;position:relative}.iq-cooperation-container .iq-team{flex:1 1 0;min-width:0}@media (max-width: 560px){.iq-cooperation-container{flex-wrap:nowrap;gap:.5rem;overflow:hidden}.iq-cooperation-container .iq-team{flex:1 1 0;min-width:0}.alliance-teams{flex-wrap:wrap;row-gap:.3rem;column-gap:.4rem;word-break:break-word}}.iq-team{--iq-accent-fill: rgba(64, 156, 255, .14);--iq-accent-shadow: rgba(15, 82, 186, .24);--iq-inner-stroke: rgba(255, 255, 255, .5);position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;border-radius:calc(var(--radius) + .25rem);border:1px solid rgba(120,125,130,.12);background:linear-gradient(180deg,#fffffff5,#f8f9fde6);box-shadow:0 10px 28px -26px #0f172a59;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .25s ease,border-color .2s ease}.iq-team:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:calc(var(--radius) + .2rem);background:linear-gradient(150deg,var(--iq-accent-fill) 0%,transparent 75%);opacity:0;transition:opacity .25s ease;pointer-events:none}.iq-team.has-user-team{transform:translateY(-.5px);box-shadow:0 16px 36px -28px var(--iq-accent-shadow)}.iq-team.has-user-team:before{opacity:.85}.iq-team>*{position:relative;z-index:1}.iq-team.red-position{--iq-accent-fill: rgba(255, 105, 97, .18);--iq-accent-shadow: rgba(201, 33, 45, .28);--iq-inner-stroke: rgba(255, 245, 245, .6)}.iq-team.blue-position{--iq-accent-fill: rgba(64, 156, 255, .16);--iq-accent-shadow: rgba(30, 92, 188, .28);--iq-inner-stroke: rgba(243, 248, 255, .6)}.position-label,.alliance-label{font-size:.8rem;font-weight:600;color:#1d1d1f80;text-transform:uppercase;letter-spacing:.05em}.alliance{--alliance-accent-fill: rgba(64, 156, 255, .12);--alliance-accent-shadow: rgba(15, 82, 186, .22);--alliance-inner-stroke: rgba(255, 255, 255, .48);position:relative;display:flex;flex-direction:column;gap:.5rem;padding:.85rem 1rem;border-radius:calc(var(--radius) + .25rem);border:1px solid rgba(120,125,130,.12);background:linear-gradient(180deg,#fffffff2,#f6f7fce6);color:#1d1d1fc7;box-shadow:0 8px 24px -24px #0f172a52;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .25s ease,border-color .2s ease}.alliance:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:calc(var(--radius) + .2rem);background:linear-gradient(150deg,var(--alliance-accent-fill) 0%,transparent 75%);opacity:0;transition:opacity .25s ease;pointer-events:none}.alliance.highlight{transform:translateY(-.5px);box-shadow:0 14px 32px -26px var(--alliance-accent-shadow)}.alliance.highlight:before{opacity:.85}.alliance>*{position:relative;z-index:1}.alliance.red-alliance{--alliance-accent-fill: rgba(255, 105, 97, .16);--alliance-accent-shadow: rgba(201, 33, 45, .26);--alliance-inner-stroke: rgba(255, 245, 245, .55)}.alliance.blue-alliance{--alliance-accent-fill: rgba(64, 156, 255, .14);--alliance-accent-shadow: rgba(30, 92, 188, .26);--alliance-inner-stroke: rgba(243, 248, 255, .55)}@media (prefers-reduced-motion: reduce){.iq-team,.alliance{transition:none}.iq-team.has-user-team,.alliance.highlight{transform:none}}.alliance-teams{display:flex;flex-wrap:wrap;gap:.4rem}@media (max-width: 560px){.alliance-teams .team{font-size:.8rem;padding:.35rem .6rem}}.cooperation-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;font-weight:600;font-size:.75rem;letter-spacing:.08em;color:#1d1d1f8c;background:#fffffff2;border:2px solid rgba(120,125,130,.2);box-shadow:0 2px 8px #00000014;z-index:1;pointer-events:none}.match-error{padding:1rem;background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:calc(var(--radius) + .25rem);color:#b91c1c;font-weight:500;text-align:center}.managed-teams-badge{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;flex-wrap:wrap}.field-info{display:inline-flex;align-items:center;gap:.35rem;font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#1d1d1f8c}.multi-team-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .65rem;border-radius:999px;background:#0a84ff1f;border:1px solid rgba(10,132,255,.2);color:#0a84ff;font-size:.75rem;font-weight:600;letter-spacing:.02em}.format-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:calc(var(--radius) - 2px);font-size:.6875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase;border:1px solid}.format-badge.iq{background:hsl(var(--success) / .1);color:hsl(var(--success));border-color:hsl(var(--success) / .2)}.format-badge.v5{background:hsl(var(--info) / .1);color:hsl(var(--info));border-color:hsl(var(--info) / .2)}.format-badge.large{padding:.375rem .875rem;font-size:.8125rem}.file-list{margin-top:1.5rem;display:grid;gap:1rem}.file-item{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + 2px);padding:0;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease-in-out;box-shadow:0 1px 3px hsl(var(--foreground) / .1)}.file-item:hover{box-shadow:0 4px 12px hsl(var(--foreground) / .15);transform:translateY(-1px)}.file-item.error{border-color:hsl(var(--destructive));background:hsl(var(--destructive) / .02)}.file-item.error .file-header{background:linear-gradient(180deg,hsl(var(--destructive) / .08),hsl(var(--destructive) / .15));border-bottom-color:#ef444414}.file-item.error .file-header:after{background:linear-gradient(90deg,transparent 0%,rgba(239,68,68,.2) 20%,rgba(239,68,68,.3) 50%,rgba(239,68,68,.2) 80%,transparent 100%)}.file-item.success{border-color:hsl(var(--success));background:hsl(var(--success) / .02)}.file-item.success .file-header{background:linear-gradient(180deg,hsl(var(--success) / .08),hsl(var(--success) / .15));border-bottom-color:#22c55e14}.file-item.success .file-header:after{background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.2) 20%,rgba(34,197,94,.3) 50%,rgba(34,197,94,.2) 80%,transparent 100%)}.file-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(180deg,hsl(var(--muted) / .15),hsl(var(--muted) / .25));border-bottom:1px solid rgba(120,125,130,.08);transition:all .2s ease;position:relative}.file-header:after{content:"";position:absolute;bottom:0;left:1.25rem;right:1.25rem;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(120,125,130,.15) 20%,rgba(120,125,130,.25) 50%,rgba(120,125,130,.15) 80%,transparent 100%)}.file-info{display:flex;align-items:center;gap:.75rem;flex:1}.file-icon{width:2rem;height:2rem;border-radius:calc(var(--radius) - 2px);background:hsl(var(--primary) / .1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon svg{width:1rem;height:1rem;color:hsl(var(--primary))}.file-details{flex:1;min-width:0}.file-name{font-weight:600;color:hsl(var(--foreground));font-size:.95rem;line-height:1.4;margin-bottom:.25rem;word-break:break-all}.file-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:hsl(var(--muted-foreground))}.file-actions{display:flex;align-items:center;gap:.5rem}.file-delete-btn{width:2rem;height:2rem;border:none;background:hsl(var(--destructive) / .1);color:hsl(var(--destructive));border-radius:calc(var(--radius) - 2px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:.7}.file-delete-btn:hover{background:hsl(var(--destructive) / .2);opacity:1;transform:scale(1.05)}.file-delete-btn svg{width:1rem;height:1rem}.status-indicator{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.status-indicator.processing{background:hsl(var(--warning));animation:pulse 2s infinite}.status-indicator.success{background:hsl(var(--success))}.status-indicator.error{background:hsl(var(--destructive))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-success{color:hsl(var(--success))}.status-error{color:hsl(var(--destructive))}.file-item:hover .file-header{background:linear-gradient(180deg,hsl(var(--muted) / .25),hsl(var(--muted) / .35))}.file-item.success:hover .file-header{background:linear-gradient(180deg,hsl(var(--success) / .12),hsl(var(--success) / .2))}.file-item.error:hover .file-header{background:linear-gradient(180deg,hsl(var(--destructive) / .12),hsl(var(--destructive) / .2))}.delete-file-btn{display:inline-flex;align-items:center;justify-content:center;background:#eb425914;color:#eb4259e6;border:1px solid rgba(235,66,89,.2);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px;margin-left:1rem;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.delete-file-btn:hover{background:#eb425929;box-shadow:0 10px 18px -14px #eb425973;transform:translateY(-1px)}.delete-file-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #eb425938}.autocomplete-wrapper{position:relative;flex:1}.autocomplete-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:hsl(var(--popover));color:hsl(var(--popover-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;max-height:300px;overflow-y:auto;z-index:50;display:none;animation:in .2s ease}@keyframes in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid hsl(var(--border));transition:all .15s ease;display:flex;align-items:center;justify-content:space-between}.suggestion-item:hover,.suggestion-item.highlighted{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.suggestion-item:last-child{border-bottom:none}.suggestion-name{font-weight:500;color:hsl(var(--foreground));font-size:.875rem}.suggestion-details{display:flex;gap:.375rem;align-items:center;margin-top:.25rem}.suggestion-count{font-size:.75rem;color:hsl(var(--muted-foreground));background:hsl(var(--muted));padding:.125rem .5rem;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border))}.view-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem!important;margin-top:1rem;padding:.85rem 1.1rem;background:#787d8214;border:1px solid rgba(120,125,130,.18);border-radius:calc(var(--radius) + .25rem)}.control-group{display:flex;align-items:center;gap:.5rem}.control-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));white-space:nowrap}.view-toggle-group{display:inline-flex;gap:.25rem;padding:.25rem;background:#787d821f;border-radius:999px;border:1px solid rgba(120,125,130,.2);flex-wrap:nowrap}.view-toggle{padding:.45rem .9rem;border:none;background:transparent;color:#1d1d1f99;cursor:pointer;font-size:.9rem;border-radius:999px;white-space:nowrap;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.view-toggle.active{background:#fff;color:#0a84ff;box-shadow:0 10px 18px -14px #0a84ff8c}.view-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #0a84ff33}.card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap}.card-actions{display:flex;flex-wrap:wrap;gap:.6rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:clamp(40px,6vw,64px);color:#1d1d1fa6;text-align:center}.empty-state__title{margin:0;font-size:1.25rem;font-weight:600;color:hsl(var(--foreground))}.empty-state__description{margin:0;font-size:.95rem;color:#1d1d1f8c;max-width:360px}.stats-panel{display:flex!important;flex-direction:row!important;justify-content:space-between;gap:clamp(12px,2vw,20px);padding:clamp(16px,2vw,20px) 0;margin:clamp(16px,3vw,28px) 0 0 0;background:none;border:none;box-shadow:none;width:100%}.stats-panel .stat{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon value" "icon label";align-items:center;gap:.3rem .85rem;padding:clamp(14px,1.8vw,18px);background:#fffffff0;border-radius:calc(var(--radius) + .3rem);border:1px solid rgba(120,125,130,.12);box-shadow:0 16px 28px -26px #0f172a52;flex:1;min-width:0}.stat-figure{grid-area:icon;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#0a84ff24;color:#0a84ff}.stat-figure svg{width:20px;height:20px}.stat-value{grid-area:value;font-size:1.45rem;font-weight:640;color:hsl(var(--foreground));letter-spacing:-.01em;margin:0}.stat-title{grid-area:label;font-size:.85rem;font-weight:500;color:#1d1d1f94;letter-spacing:.08em;text-transform:uppercase;margin:0}.text-secondary{color:#0a84ff99!important}.app-footer{margin-top:clamp(32px,5vw,56px);padding:24px;text-align:center;color:#1d1d1f80;border-top:1px solid rgba(120,125,130,.16);font-size:.9rem}.app-footer p{margin:.25rem 0}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem 1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:9999;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-20px);transition:all .3s ease;min-width:300px;max-width:500px;color:hsl(var(--foreground));font-weight:500;text-align:center}.toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.toast.success{border-left:4px solid hsl(var(--success))}.toast.error{border-left:4px solid hsl(var(--destructive))}.timeline-container{display:flex;flex-direction:column;gap:clamp(20px,3vw,32px)}.format-timeline-section{margin-bottom:clamp(24px,4vw,40px)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(120,125,130,.16);margin-bottom:1.5rem}@media (max-width: 480px){.section-header{align-items:flex-start;gap:.5rem}.section-header .section-title,.section-header .format-unified-title,.section-header h2,.section-header h3{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header .section-stats,.section-header .format-unified-stats{flex-shrink:0;margin-left:.5rem}}.section-title{display:flex;align-items:center;gap:.75rem;margin:0;font-weight:600;color:hsl(var(--foreground))}.section-title.level-1{font-size:1.5rem}.section-title.level-2{font-size:1.25rem}.section-stats{font-size:.9rem;color:#1d1d1f8c;background:#787d8214;padding:.35rem .75rem;border-radius:999px;flex-shrink:0}.format-timeline-content{display:flex;flex-direction:column;gap:1.5rem}.timeline-section{margin-bottom:1.5rem}.timeline-icon{font-size:1rem}.timeline-matches{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.timeline-match-content{display:flex;flex-direction:column;gap:.5rem}.timeline-alliance-label{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.timeline-alliance-label.red-alliance,.timeline-alliance-label.blue-alliance{color:#1d1d1f80}.timeline-alliance-teams{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.timeline-vs{font-weight:600;font-size:.8rem;color:#1d1d1f8c;padding:.5rem;background:#787d8214;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.timeline-item{display:grid;gap:.6rem;padding:1rem 1.25rem;border-radius:calc(var(--radius) + .25rem);border:1px solid rgba(120,125,130,.16);background:linear-gradient(180deg,#ffffffeb,#f5f6fae0);box-shadow:var(--shadow-soft);margin-bottom:.65rem}.timeline-time{display:inline-flex;align-items:center;gap:.35rem;color:#1d1d1fa6;font-size:.85rem;font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.timeline-field{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:#1d1d1f8c;font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (min-width: 769px){.stats-panel{display:flex!important;flex-direction:row!important;justify-content:space-between!important}}@media (max-width: 768px){.container{padding:clamp(20px,6vw,32px)}.app-hero{padding:32px 24px}.app-hero h1{font-size:2.25rem}.app-hero__subtitle{font-size:1.05rem}.card-body{padding:clamp(14px,4vw,20px)}.upload-area{padding:32px 20px}.v5-match-details{flex-direction:column;gap:1rem}.alliance{width:100%}.view-controls{flex-direction:column;align-items:stretch;gap:.85rem}.view-toggle-group{justify-content:center}.card-toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.card-actions{width:100%;justify-content:flex-start}.stats-panel{flex-direction:row!important;gap:10px;padding:12px 0}.toast{left:1rem;right:1rem;transform:none;min-width:auto;max-width:none}.toast.show{transform:translateY(0)}.match-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.container{padding:clamp(16px,6vw,24px)}.app-hero{padding:28px 20px}.app-hero h1{font-size:1.9rem}.app-hero__subtitle{font-size:1rem}.card-body{padding:14px 12px}.upload-area{padding:28px 16px}.match-teams{flex-direction:column;gap:.75rem}.team-item{flex-direction:column;align-items:flex-start;padding:1rem;gap:.75rem}.team-info{text-align:left}.team-events{justify-content:flex-start}.match-item{padding:1rem}.btn{width:100%;justify-content:center}.control-stack .btn,.control-stack .btn-subtle{flex:1 1 auto}.card-actions{flex-direction:column;align-items:stretch}.stats-panel{flex-direction:column!important;flex-wrap:nowrap!important;gap:12px}.stats-panel .stat{flex:1;min-width:100%;width:100%}.view-toggle-group{gap:.15rem;padding:.2rem;width:100%;flex-wrap:nowrap}.view-toggle{padding:.35rem .6rem;font-size:.8rem;flex:1;min-width:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--background: 230 12% 9%;--foreground: 0 0% 96%;--card: 228 16% 14%;--card-foreground: 0 0% 96%;--surface: 228 16% 16%;--surface-muted: 228 12% 12%;--popover: 228 16% 14%;--popover-foreground: 0 0% 96%;--primary: 211 100% 65%;--primary-foreground: 0 0% 5%;--secondary: 228 16% 18%;--secondary-foreground: 0 0% 92%;--muted: 228 16% 20%;--muted-foreground: 0 0% 70%;--accent: 228 16% 22%;--accent-foreground: 0 0% 90%;--destructive: 0 86% 62%;--destructive-foreground: 0 0% 98%;--border: 228 16% 26%;--input: 228 16% 28%;--ring: 211 100% 65%;--shadow-soft: 0 28px 60px -40px rgba(0, 0, 0, .6);--success: 145 63% 48%;--warning: 34 94% 58%;--info: 210 90% 65%}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.app-hero{background:linear-gradient(160deg,#242529e0,#141518e0);border:1px solid rgba(120,125,130,.24)}.app-hero:after{border-color:#787d822e}.app-hero h1{color:#ffffffeb}.app-hero__eyebrow{color:#ffffff8c}.app-hero__subtitle{color:#ffffffb8}.card{background:linear-gradient(180deg,#202024f5,#18181ceb);border-color:#787d823d}.upload-area{background:linear-gradient(180deg,#1e1e24e6,#18181ce6);border-color:#787d824d}.upload-area:hover,.upload-area:focus-visible{background:linear-gradient(180deg,#26282efa,#1e222af0);box-shadow:0 18px 40px -24px #0a84ff80}.upload-area--highlight{border-color:#76c9ffbf!important;background:linear-gradient(180deg,#30343cf5,#202228eb)!important;box-shadow:0 22px 46px -26px #5ac8fa8c!important}.upload-icon{color:#5ac8fab3}.upload-title{color:#ffffffe6}.upload-hint{color:#ffffffa6}.chip,.badge{background:#ffffff14;border-color:#ffffff24;color:#ffffffbf}.chip--primary,.badge-primary{background:#0a84ff2e;border-color:#0a84ff47;color:#76c9fff2}.chip--secondary,.badge-secondary{background:#30d1582e;border-color:#30d15847;color:#99ffbff2}.badge-accent{background:#ff9f0a33;border-color:#ff9f0a4d;color:#ffd699f2}.team-item{background:linear-gradient(180deg,#26272beb,#1b1c20e6);border-color:#ffffff14}.team-item:hover{border-color:#5ac8fa66}.team-meta{color:#fff9}.empty-teams-state{background:#ffffff0f;border-color:#ffffff1f;color:#ffffffa6}.view-controls{background:#28282dc7;border-color:#ffffff14}.view-toggle-group{background:#ffffff1a;border-color:#ffffff1f}.view-toggle{color:#ffffffa6}.view-toggle.active{background:#ffffff29;color:#76c9ff}.empty-state{color:#ffffffb3}.empty-state__title{color:#ffffffe6}.empty-state__description{color:#fff9}.stats-panel{background:none;border:none}.stats-panel .stat{background:linear-gradient(180deg,#24262ceb,#181920e0);border-color:#ffffff14;box-shadow:0 22px 40px -36px #0009}.stat-title{color:#ffffffa6}.stat-value{color:#fffffff2}.stat-figure{background:#76c9ff2e;color:#76c9fff2}.match-item,.match-item.timeline-mode{background:linear-gradient(180deg,#26272beb,#18191de6);border-color:#ffffff14}.match-time{background:#ffffff1a;color:#ffffffbf}.team{background:#ffffff14;border-color:#ffffff1f;color:#ffffffd1}.team.highlight,.team.user-team{background:#76c9ff33;border-color:#76c9ff59;color:#76c9ff}.v5-match-details .vs,.iq-match-details .vs,.cooperation-indicator{background:#ffffff21;border-color:#fff3;color:#ffffffd9}.alliance{background:#ffffff14;border-color:#ffffff1f}.alliance.red-alliance,.alliance.blue-alliance{background:#ffffff14;border-color:#ffffff1f;color:#ffffffb3}.alliance-teams .team{background:#ffffff24;color:inherit}.alliance-teams .team.user-team{background:#76c9ff4d;color:#76c9ff}.iq-team{--iq-accent-fill: rgba(64, 156, 255, .22);--iq-accent-shadow: rgba(15, 82, 186, .4);--iq-inner-stroke: rgba(255, 255, 255, .35);background:linear-gradient(180deg,#ffffff1f,#ffffff14);border-color:#ffffff2e;box-shadow:0 10px 28px -26px #00000080}.iq-team.red-position{--iq-accent-fill: rgba(255, 105, 97, .24);--iq-accent-shadow: rgba(201, 33, 45, .45);--iq-inner-stroke: rgba(255, 245, 245, .4)}.iq-team.blue-position{--iq-accent-fill: rgba(64, 156, 255, .24);--iq-accent-shadow: rgba(30, 92, 188, .45);--iq-inner-stroke: rgba(243, 248, 255, .4)}.alliance{background:linear-gradient(180deg,#ffffff1c,#ffffff14);border-color:#ffffff29;box-shadow:0 8px 24px -24px #0000007a;color:#ffffffd9}.alliance.highlight{--alliance-accent-fill: rgba(64, 156, 255, .2);--alliance-accent-shadow: rgba(15, 82, 186, .4);--alliance-inner-stroke: rgba(255, 255, 255, .32)}.alliance.red-alliance{--alliance-accent-fill: rgba(255, 105, 97, .22);--alliance-accent-shadow: rgba(201, 33, 45, .42);--alliance-inner-stroke: rgba(255, 245, 245, .38)}.alliance.blue-alliance{--alliance-accent-fill: rgba(64, 156, 255, .22);--alliance-accent-shadow: rgba(30, 92, 188, .42);--alliance-inner-stroke: rgba(243, 248, 255, .38)}.alliance.user-alliance{border-left-color:#a855f7;background:linear-gradient(135deg,#a855f71f,#8b5cf617)}.position-label,.alliance-label{color:#ffffff80}.match-footer{border-top-color:#ffffff1f;color:#fff9}.field-info{color:#ffffffb8}.multi-team-badge{background:#76c9ff38;border-color:#76c9ff59;color:#76c9ff}.format-timeline-section{border-color:#ffffff1f}.section-header{border-bottom-color:#ffffff1f}.section-title{color:#ffffffe6}.section-stats{background:#ffffff1a;color:#ffffffb3}.timeline-match-item{background:linear-gradient(180deg,#1e1f23eb,#16171be6);border-color:#ffffff14}.timeline-item{background:linear-gradient(180deg,#26272beb,#18191de6);border-color:#ffffff14}.timeline-alliance-label{color:#ffffffd9}.timeline-alliance-label.red-alliance,.timeline-alliance-label.blue-alliance{color:#ffffff80}.timeline-vs{background:#ffffff1f;color:#fffc}.timeline-time{color:#ffffffbf}.timeline-field{color:#fff9}.btn-subtle{background:#ffffff1a;border-color:#ffffff29;color:#ffffffd9}.btn-subtle:hover:not(:disabled){background:#ffffff29}.btn-outline{color:#76c9ff;border-color:#0a84ff73}.btn-outline:hover{background:#0a84ff38;border-color:#0a84ff99}.app-footer{color:#ffffff73;border-top-color:#ffffff1f}#loadingOverlay{background:#000000b3}#loadingOverlay>div{box-shadow:0 25px 50px -12px #00000080}}#loadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#loadingOverlay>div{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + .5rem);padding:2rem;text-align:center;box-shadow:0 25px 50px -12px #00000040;min-width:280px}.loading-spinner{width:48px;height:48px;border:4px solid hsl(var(--muted));border-top-color:hsl(var(--primary));border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}#loadingOverlay p:first-of-type{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0}#loadingOverlay p:last-of-type{font-size:.875rem;color:hsl(var(--muted-foreground));margin-top:.5rem}.cache-recovery-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.cache-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.cache-recovery-content{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + .5rem);padding:2rem;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cache-recovery-content h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:hsl(var(--foreground))}.cache-recovery-content p{margin:0 0 1.5rem;color:#1d1d1fb3;line-height:1.5}.cache-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.75rem;background:hsl(var(--muted) / .3)}.cache-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);transition:border-color .2s ease}.cache-item:hover{border-color:hsl(var(--ring))}.cache-info{flex:1;min-width:0}.cache-info strong{display:block;font-weight:600;color:hsl(var(--foreground));margin-bottom:.25rem}.cache-info small{display:block;font-size:.8125rem;color:#1d1d1f99;line-height:1.4}.cache-item label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:hsl(var(--foreground));cursor:pointer;flex-shrink:0}.cache-item input[type=checkbox]{width:1rem;height:1rem;accent-color:hsl(var(--primary))}.cache-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}@media (max-width: 640px){.cache-recovery-content{padding:1.5rem;margin:1rem;max-height:90vh}.cache-actions{flex-direction:column;gap:.5rem}.cache-actions .btn{width:100%;justify-content:center}.cache-item{flex-direction:column;align-items:flex-start;gap:.75rem}.cache-item label{align-self:flex-end}}@media (prefers-color-scheme: dark){.cache-overlay{background:#000c}.cache-recovery-content p{color:#ffffffb3}.cache-info small{color:#fff9}}.export-dropdown{position:relative;display:inline-block}@media (max-width: 560px){.export-dropdown{display:block;width:100%;margin-top:.5rem}#exportDropdownBtn{width:100%;justify-content:center;white-space:nowrap}}.export-menu{position:absolute;top:calc(100% + .5rem);right:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + .25rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:50;min-width:200px;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:hsl(var(--foreground));cursor:pointer;transition:background-color .2s ease;font-size:.95rem;text-align:left}.export-option:hover{background:hsl(var(--accent))}.export-option:focus{outline:none;background:hsl(var(--accent))}.export-option svg{flex-shrink:0;color:hsl(var(--muted-foreground))}.export-option:hover svg{color:hsl(var(--primary))}.format-desc{font-size:.8rem;color:hsl(var(--muted-foreground));margin-left:auto}.preset-dropdown{position:relative;display:inline-block}.preset-menu{position:absolute;top:calc(100% + .5rem);right:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + .25rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:50;min-width:280px;overflow:hidden;animation:slideDown .2s ease}.preset-section{padding:1rem;border-bottom:1px solid hsl(var(--border))}.preset-section h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:hsl(var(--foreground));text-transform:uppercase;letter-spacing:.05em}.preset-teams{display:flex;flex-direction:column;gap:.5rem}.preset-empty{color:hsl(var(--muted-foreground));font-size:.85rem;text-align:center;padding:1rem;margin:0;font-style:italic}.preset-team-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--muted) / .3);cursor:pointer;transition:all .2s ease}.preset-team-item:hover{background:hsl(var(--accent));border-color:hsl(var(--primary))}.preset-team-name{font-weight:600;color:hsl(var(--foreground));font-size:.9rem}.preset-team-count{font-size:.8rem;color:hsl(var(--muted-foreground));background:hsl(var(--muted));padding:.25rem .5rem;border-radius:calc(var(--radius) - 2px)}.preset-actions{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.preset-action-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;border:none;background:transparent;color:hsl(var(--foreground));cursor:pointer;transition:background-color .2s ease;font-size:.9rem;text-align:left;border-radius:var(--radius)}.preset-action-btn:hover{background:hsl(var(--accent))}.preset-action-btn:focus{outline:none;background:hsl(var(--accent))}.preset-action-btn svg{flex-shrink:0;color:hsl(var(--muted-foreground))}.preset-action-btn:hover svg{color:hsl(var(--primary))}.chevron{transition:transform .2s ease}.preset-dropdown[data-open=true] .chevron{transform:rotate(180deg)}.preset-manager-dialog{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:calc(var(--radius) + .5rem);padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@media (max-width: 768px){.preset-manager-dialog{padding:1rem;width:95%;max-height:85vh}.preset-manager-dialog h3{font-size:1.25rem;margin-bottom:1rem}.preset-manager-item{flex-direction:column;align-items:flex-start;gap:.75rem}.preset-info span{word-break:break-word;overflow-wrap:break-word}}.preset-manager-dialog h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:hsl(var(--foreground))}.preset-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.preset-manager-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:hsl(var(--muted) / .3);border:1px solid hsl(var(--border));border-radius:var(--radius)}.preset-info{flex:1;min-width:0}.preset-info strong{display:block;font-weight:600;color:hsl(var(--foreground));margin-bottom:.25rem}.preset-info span{font-size:.85rem;color:hsl(var(--muted-foreground));line-height:1.4}.match-time-container{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:120px}.match-time{font-size:1rem;font-weight:600;color:hsl(var(--foreground));letter-spacing:-.01em}.countdown-info{font-size:.8rem;font-weight:600;padding:.4rem .75rem;border-radius:6px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:#6366f1;border:1px solid rgba(99,102,241,.2);text-align:center;min-width:90px;box-shadow:0 2px 4px #6366f11a;transition:all .2s ease}.countdown-info.urgent{background:linear-gradient(135deg,#ff3b3026,#ff638426);color:#dc2626;border-color:#ff3b3059;box-shadow:0 4px 12px #ff3b3040,0 0 0 1px #ff3b301a;animation:pulse-urgent 2s infinite}.countdown-info.started{background:linear-gradient(135deg,#10b9811f,#34d3991f);color:#10b981;border-color:#10b98140;box-shadow:0 2px 8px #10b98126}.countdown-info.completed{background:linear-gradient(135deg,#64748b14,#94a3b814);color:#64748b;border-color:#94a3b833;box-shadow:none;opacity:.7}@keyframes pulse-urgent{0%,to{opacity:1;transform:scale(1);box-shadow:0 4px 12px #ff3b3040,0 0 0 1px #ff3b301a}50%{opacity:.9;transform:scale(1.02);box-shadow:0 6px 20px #ff3b3059,0 0 0 2px #ff3b3033}}.my-team-badge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.25rem .6rem;background:linear-gradient(135deg,#3b82f61a,#6366f11a);color:#3b82f6;border:1px solid rgba(59,130,246,.25);border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 2px 4px #3b82f61a;transition:all .2s ease}.user-team-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-left:.35rem;box-shadow:0 0 0 2px #22c55e33}.my-alliance-badge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.2rem .5rem;background:linear-gradient(135deg,#a855f71a,#8b5cf61a);color:#a855f7;border:1px solid rgba(168,85,247,.25);border-radius:10px;font-size:.65rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 2px 4px #a855f71a}.match-item.user-match{position:relative;border-left:3px solid rgb(59,130,246);background:linear-gradient(135deg,#3b82f60a,#6366f108);box-shadow:0 2px 8px #3b82f614,inset 0 1px #ffffff1a;transition:all .2s ease}.match-item.user-match:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f626,inset 0 1px #ffffff1a}.team.user-team{background:linear-gradient(135deg,#3b82f61f,#6366f114)!important;border:1.5px solid rgba(59,130,246,.3)!important;color:#3b82f6!important;font-weight:700;box-shadow:0 2px 8px #3b82f626;transform:scale(1.02);transition:all .2s ease}.alliance.user-alliance{position:relative;border-left:2px solid rgb(168,85,247);background:linear-gradient(135deg,#a855f70f,#8b5cf60a);box-shadow:inset 2px 0 #a855f71a}.alliance.user-alliance .team.user-team{background:linear-gradient(135deg,#a855f726,#8b5cf61f)!important;color:#a855f7!important;border-color:#a855f74d!important;font-weight:700}[hidden],.hidden{display:none!important}