:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #0a0f1d;--color-bg: var(--color-slate-950);--color-bg-elevated: #161e2d;--color-surface: rgba(255, 255, 255, .04);--color-surface-2: rgba(15, 23, 42, .4);--color-surface-hover: rgba(51, 65, 85, .6);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-border-muted: rgba(255, 255, 255, .05);--color-text: var(--color-slate-200);--color-text-strong: var(--color-slate-50);--color-text-muted: var(--color-slate-400);--color-text-faint: var(--color-slate-500);--color-primary: #38bdf8;--color-primary-hover: #0ea5e9;--color-primary-soft: rgba(56, 189, 248, .15);--color-primary-glow: rgba(56, 189, 248, .4);--color-accent: #3b82f6;--color-accent-strong: #2563eb;--color-accent-soft: rgba(59, 130, 246, .12);--color-success: #34d399;--color-warning: #facc15;--color-danger: #ef4444;--color-danger-soft: rgba(239, 68, 68, .18);--color-home: #fde047;--color-home-soft: rgba(234, 179, 8, .2);--color-guest: #93c5fd;--color-guest-soft: rgba(59, 130, 246, .2);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .2);--shadow-md: 0 8px 20px rgba(0, 0, 0, .2);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .35);--shadow-xl: 0 25px 70px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(56, 189, 248, .3);--shadow-card-hover: 0 25px 50px -12px rgba(0, 0, 0, .3), 0 20px 25px -5px rgba(23, 37, 84, .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--ease-out: cubic-bezier(.25, .8, .25, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--container-max: min(1720px, 95vw);--header-height: 88px;--app-bg-image: radial-gradient(circle at 15% 50%, rgba(59, 130, 246, .15) 0%, transparent 50%), radial-gradient(circle at 85% 30%, rgba(139, 92, 246, .15) 0%, transparent 50%);--badge-amber-bg: rgba(245, 158, 11, .18);--badge-amber-border: rgba(245, 158, 11, .55);--badge-amber-text: #fcd34d;--badge-violet-bg: rgba(139, 92, 246, .18);--badge-violet-border: rgba(139, 92, 246, .55);--badge-violet-text: #c4b5fd;--badge-blue-bg: rgba(59, 130, 246, .18);--badge-blue-border: rgba(59, 130, 246, .55);--badge-blue-text: #93c5fd;--badge-sky-bg: rgba(14, 165, 233, .18);--badge-sky-border: rgba(14, 165, 233, .55);--badge-sky-text: #7dd3fc;--badge-slate-bg: rgba(100, 116, 139, .2);--badge-slate-border: rgba(148, 163, 184, .45);--badge-slate-text: #cbd5e1;--tab-bl-border: rgba(59, 130, 246, .65);--tab-bl-bg: rgba(59, 130, 246, .18);--tab-bl-text: #93c5fd;--tab-nonbl-border: rgba(148, 163, 184, .75);--tab-nonbl-bg: rgba(148, 163, 184, .22);--tab-nonbl-text: #e2e8f0;--tab-idle-border: rgba(148, 163, 184, .35);--tab-idle-bg: rgba(148, 163, 184, .1);--tab-idle-text: #cbd5e1;--chip-active-border: rgba(203, 213, 225, .85);--chip-active-bg: rgba(203, 213, 225, .22);--chip-active-text: #f1f5f9;--chip-idle-border: rgba(148, 163, 184, .3);--chip-idle-bg: rgba(148, 163, 184, .08);--chip-idle-text: #cbd5e1;--color-bg-translucent: rgba(10, 15, 28, .82);--color-live: #ef4444}[data-theme=light]{--color-bg: #f5f7fb;--color-bg-elevated: #ffffff;--color-surface: rgba(15, 23, 42, .03);--color-surface-2: rgba(15, 23, 42, .05);--color-surface-hover: rgba(15, 23, 42, .08);--color-border: rgba(15, 23, 42, .08);--color-border-strong: rgba(15, 23, 42, .18);--color-border-muted: rgba(15, 23, 42, .04);--color-text: #0f172a;--color-text-strong: #020617;--color-text-muted: #475569;--color-text-faint: #64748b;--color-primary: #0284c7;--color-primary-hover: #0369a1;--color-primary-soft: rgba(2, 132, 199, .1);--color-primary-glow: rgba(2, 132, 199, .25);--app-bg-image: radial-gradient(circle at 15% 50%, rgba(2, 132, 199, .08) 0%, transparent 50%), radial-gradient(circle at 85% 30%, rgba(139, 92, 246, .08) 0%, transparent 50%);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);--shadow-md: 0 8px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .12);--shadow-xl: 0 25px 70px rgba(15, 23, 42, .18);--shadow-glow: 0 0 40px rgba(2, 132, 199, .18);--badge-amber-bg: rgba(245, 158, 11, .16);--badge-amber-border: rgba(180, 83, 9, .45);--badge-amber-text: #92400e;--badge-violet-bg: rgba(139, 92, 246, .14);--badge-violet-border: rgba(109, 40, 217, .4);--badge-violet-text: #5b21b6;--badge-blue-bg: rgba(59, 130, 246, .14);--badge-blue-border: rgba(29, 78, 216, .4);--badge-blue-text: #1e40af;--badge-sky-bg: rgba(14, 165, 233, .14);--badge-sky-border: rgba(3, 105, 161, .4);--badge-sky-text: #075985;--badge-slate-bg: rgba(100, 116, 139, .14);--badge-slate-border: rgba(71, 85, 105, .35);--badge-slate-text: #334155;--tab-bl-border: rgba(29, 78, 216, .5);--tab-bl-bg: rgba(59, 130, 246, .16);--tab-bl-text: #1e40af;--tab-nonbl-border: rgba(71, 85, 105, .45);--tab-nonbl-bg: rgba(100, 116, 139, .16);--tab-nonbl-text: #1e293b;--tab-idle-border: rgba(100, 116, 139, .3);--tab-idle-bg: transparent;--tab-idle-text: #475569;--chip-active-border: rgba(51, 65, 85, .55);--chip-active-bg: rgba(100, 116, 139, .18);--chip-active-text: #0f172a;--chip-idle-border: rgba(100, 116, 139, .28);--chip-idle-bg: transparent;--chip-idle-text: #475569;--color-bg-translucent: rgba(248, 250, 252, .85);--color-live: #dc2626}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 1ms;--duration-base: 1ms;--duration-slow: 1ms}}body.wbl-theme{--color-bg: #14171c;--color-bg-elevated: #1c222b;--color-surface-2: rgba(30, 35, 43, .45);--color-primary: #cbd5e1;--color-primary-hover: #e2e8f0;--color-primary-soft: rgba(203, 213, 225, .15);--color-primary-glow: rgba(203, 213, 225, .35);--color-accent: #94a3b8;--color-accent-strong: #64748b;--color-accent-soft: rgba(148, 163, 184, .16);--app-bg-image: radial-gradient(circle at 15% 50%, rgba(148, 163, 184, .16) 0%, transparent 50%), radial-gradient(circle at 85% 30%, rgba(203, 213, 225, .12) 0%, transparent 55%);--shadow-glow: 0 0 40px rgba(203, 213, 225, .25)}body.wbl-theme .app-modern-layout{background-image:var(--app-bg-image);background-attachment:fixed}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{line-height:var(--leading-relaxed, 1.5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary, #38bdf8);outline-offset:2px}:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse-ping{0%{transform:scale(1);opacity:.75}75%,to{transform:scale(2);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{display:block;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 37%,var(--color-surface) 63%);background-size:400px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:12px;width:100%;border-radius:var(--radius-xs)}.skeleton-title{height:20px;width:60%;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:50%}:where([data-sonner-toaster]){--normal-bg: var(--color-bg-elevated);--normal-text: var(--color-text);--normal-border: var(--color-border)}body{font-family:var(--font-sans);background-color:var(--color-bg);background-image:var(--app-bg-image);background-attachment:fixed;min-height:100vh;color:var(--color-text);line-height:var(--leading-relaxed)}.app-modern-layout{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:var(--font-sans);display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:50;padding:0 var(--space-6);border-bottom:1px solid var(--color-border-muted);background:var(--color-bg-translucent, rgba(10, 15, 28, .82));-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.app-header-inner{max-width:var(--container-max);margin:0 auto;min-height:60px;display:flex;align-items:center;gap:var(--space-5)}.app-brand{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.app-brand__mark{width:26px;height:26px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 14px var(--color-primary-glow)}.app-brand__name{margin:0;font-size:var(--font-size-lg);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-text-strong);white-space:nowrap}@media (max-width: 900px){.app-brand__word-optional{display:none}}.app-brand__pulse{width:7px;height:7px;border-radius:50%;background:var(--color-live, #ef4444);animation:brand-pulse 2s ease-in-out infinite}@keyframes brand-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.app-nav{display:flex;gap:var(--space-2);flex-shrink:0}.app-header-right{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}@media (max-width: 720px){.app-header-inner{flex-wrap:wrap;padding:var(--space-2) 0}.app-nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none}.app-nav::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion: reduce){.app-brand__pulse{animation:none}}.text-dsv-blue{color:var(--color-primary)}.app-subtitle-container{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.app-subtitle{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted)}@media (min-width: 768px){.app-subtitle{font-size:12px}}.app-dot-separator{width:4px;height:4px;background-color:var(--color-slate-600);border-radius:50%}.app-live-indicator{display:flex;align-items:center;gap:6px}.live-dot{width:6px;height:6px;background-color:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary)}.pulse-anim{animation:pulse-ping 2s cubic-bezier(0,0,.2,1) infinite}.live-text{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary)}@media (min-width: 768px){.live-text{font-size:12px}}.app-header-right{align-self:center;width:100%;display:flex;align-items:center;gap:var(--space-3)}@media (min-width: 768px){.app-header-right{align-self:flex-end;width:auto}}.app-dropdown-wrapper{position:relative;width:100%}@media (min-width: 768px){.app-dropdown-wrapper{width:288px}}.app-dropdown-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-strong);transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-sm);cursor:pointer}.app-dropdown-button:hover{background-color:var(--color-slate-800)}.app-dropdown-button:hover .dropdown-icon{color:var(--color-primary)}.dropdown-icon{color:var(--color-text-muted);transition:color var(--duration-base)}.app-dropdown-content{display:none;position:absolute;right:0;top:100%;margin-top:var(--space-2);width:100%;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:50;overflow:hidden}@media (min-width: 768px){.app-dropdown-content{width:288px}}.app-dropdown-wrapper:hover .app-dropdown-content,.app-dropdown-wrapper:focus-within .app-dropdown-content{display:block}.app-dropdown-scroll{padding:var(--space-2) 0;max-height:400px;overflow-y:auto;scrollbar-width:none}.app-dropdown-scroll::-webkit-scrollbar{display:none}.app-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--duration-fast)}.app-dropdown-item:hover{color:var(--color-text-strong);background-color:var(--color-slate-800)}.app-dropdown-item.active{color:var(--color-primary);background-color:var(--color-accent-soft);font-weight:500}.check-icon{font-size:1rem}.app-main-content{max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-10);width:100%;flex:1}.app-today-section{background-color:var(--color-surface-2);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-border-muted);position:relative;overflow:hidden}.bg-glow{position:absolute;top:-40px;right:-40px;width:160px;height:160px;background-color:var(--color-accent-soft);border-radius:50%;filter:blur(80px)}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-10)}.live-ping-wrapper{display:flex;position:relative;width:12px;height:12px}.ping-effect{position:absolute;display:inline-flex;height:100%;width:100%;border-radius:50%;background-color:#f87171;opacity:.75;animation:pulse-ping 1s cubic-bezier(0,0,.2,1) infinite}.ping-core{position:relative;display:inline-flex;border-radius:50%;height:12px;width:12px;background-color:var(--color-danger)}.section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-strong);margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) 0;text-align:center}.empty-icon-svg{width:64px;height:64px;opacity:.2;margin-bottom:var(--space-6);color:var(--color-text)}.waterpolo-svg{width:100%;height:100%}.empty-text{color:var(--color-text-faint);font-weight:500;font-size:var(--font-size-sm);margin:0}.app-past-section{display:flex;flex-direction:column;gap:var(--space-6)}.section-header-row{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1)}.section-header-left{display:flex;align-items:center;gap:var(--space-3)}.header-icon{color:var(--color-text-muted);display:inline-flex}.app-collapse-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:10px;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast)}.app-collapse-button:hover{color:var(--color-text-strong)}.icon-small{font-size:var(--font-size-sm);display:inline-flex}.app-grid-collapse{overflow:visible;transition:all var(--duration-slow) var(--ease-out)}.app-grid-collapse.expanded{max-height:none;opacity:1}.app-grid-collapse.collapsed{max-height:0;opacity:0;overflow:hidden}.app-grid-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-5)}@media (min-width: 860px){.app-grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1500px){.app-grid-container{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-match-card-wrapper{position:relative;z-index:1;transition:all .4s var(--ease-out)}.app-match-card-wrapper:hover{z-index:100}.app-match-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;transition:all var(--duration-base);cursor:pointer;z-index:2;position:relative}.app-match-card:hover{border-color:#38bdf84d;box-shadow:var(--shadow-card-hover)}.app-match-time{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-strong);margin-bottom:var(--space-8);letter-spacing:.025em;text-align:center}.app-match-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-4)}.app-match-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.app-logo-circle-wrapper{width:72px;height:72px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:var(--space-3);box-shadow:0 4px 10px #0003}.app-logo-img{width:100%;height:100%;object-fit:contain;transition:all var(--duration-base)}.grayscale-hover{filter:grayscale(100%)}.app-match-card:hover .grayscale-hover{filter:grayscale(0%)}.app-vs-text{font-size:10px;font-weight:900;color:var(--color-slate-600);text-transform:uppercase;letter-spacing:.1em;padding:0 var(--space-2);transition:color var(--duration-base)}.app-match-card:hover .app-vs-text{color:var(--color-primary)}.match-card-expand-top,.match-card-expand-bottom{position:absolute;left:0;right:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border-strong);padding:0 25px;max-height:0;overflow:hidden;opacity:0;transition:all .4s var(--ease-out);z-index:1}.match-card-expand-top{bottom:calc(100% - 20px);border-bottom:none;border-radius:25px 25px 0 0;box-shadow:0 -20px 40px #0000004d}.match-card-expand-bottom{top:calc(100% - 20px);border-top:none;border-radius:0 0 25px 25px;box-shadow:0 20px 40px #0000004d}.app-match-card-wrapper.expand-both:hover .match-card-expand-top{max-height:300px;opacity:1;padding:25px}.app-match-card-wrapper.expand-up:hover .match-card-expand-top{max-height:500px;opacity:1;padding:30px}.app-match-card-wrapper.expand-down:hover .match-card-expand-top{max-height:0;opacity:0;padding:0 25px}.app-match-card-wrapper.expand-both:hover .match-card-expand-bottom{max-height:200px;opacity:1;padding:25px}.app-match-card-wrapper.expand-down:hover .match-card-expand-bottom{max-height:500px;opacity:1;padding:30px}.app-match-card-wrapper.expand-up:hover .match-card-expand-bottom{max-height:0;opacity:0;padding:0 25px}.expand-teams{display:flex;align-items:center;justify-content:space-between;gap:15px}.expand-venue{text-align:center;font-size:.85rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.expand-team-name{flex:1;font-size:.95rem;font-weight:700;color:var(--color-text);line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:140px}.expand-team-name.home{text-align:left}.expand-team-name.guest{text-align:right}.expand-result{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-primary);min-width:60px;text-align:center;text-shadow:0 0 10px var(--color-primary-glow)}.loading-spinner{position:relative;width:60px;height:60px}.spinner{width:100%;height:100%;border:4px solid var(--color-accent-soft);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.detail-panel{background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:var(--space-10);margin-top:50px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-muted)}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-strong)}.detail-header h2{font-size:2rem;font-weight:800;color:var(--color-text-strong)}.match-detail section{margin-bottom:30px}.match-detail h3{font-size:1.3rem;font-weight:700;color:var(--color-slate-300);margin-bottom:15px}.match-detail ul{list-style:none;padding:0}.match-detail li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-muted)}.stats-comparison{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-5)}.stat-row{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;gap:var(--space-5);padding:15px var(--space-5);background:#0f172a80;border:1px solid var(--color-border-muted);border-radius:15px;box-shadow:var(--shadow-sm);transition:all var(--duration-base)}.stat-row:hover{transform:translate(5px);background:#1e293bcc;border-color:var(--color-border-strong)}.stat-value{font-size:1.3rem;font-weight:800;text-align:center;padding:var(--space-2) var(--space-3);border-radius:10px;background:#33415580;color:var(--color-text)}.stat-value.home{background:var(--color-home-soft);color:var(--color-home);box-shadow:0 0 10px #eab30833;border:1px solid rgba(253,224,71,.2)}.stat-value.guest{background:var(--color-guest-soft);color:var(--color-guest);box-shadow:0 0 10px #3b82f633;border:1px solid rgba(96,165,250,.2)}.stat-label{display:flex;flex-direction:column;gap:10px}.stat-name{font-size:1rem;font-weight:700;color:var(--color-slate-300);text-align:center;letter-spacing:.5px}.stat-bar-wrap{display:flex;height:12px;border-radius:20px;overflow:hidden;background:#0f172acc;box-shadow:inset 0 2px 4px #00000080}.stat-bar{height:100%;transition:width .6s var(--ease-in-out);position:relative}.stat-bar.home{background:linear-gradient(90deg,#ca8a04,#facc15);box-shadow:0 0 8px #facc1580}.stat-bar.guest{background:linear-gradient(90deg,var(--color-accent-strong) 0%,var(--color-accent) 100%);box-shadow:0 0 8px #3b82f680}.persons-list{list-style:none;padding:0;margin:15px 0;display:flex;flex-direction:column;gap:10px}.person-row{display:grid;grid-template-columns:60px 1fr 40px 90px;align-items:center;gap:12px;padding:12px 15px;background:#1e293b99;border:1px solid var(--color-border-muted);border-radius:12px;transition:all var(--duration-fast)}.person-row:hover{background:#334155cc;transform:translate(5px);border-color:var(--color-border-strong)}.person-row .cap{font-weight:700;color:var(--color-text-strong);font-size:1.1rem}.person-row .pname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--color-slate-300)}.person-row .goals{font-weight:700;text-align:center;color:var(--color-success);font-size:1.1rem}.person-row .fouls{display:flex;align-items:center;gap:6px}.dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-slate-600);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text);background:#0f172acc;transition:all var(--duration-fast)}.dot.red{border-color:var(--color-danger);background:var(--color-danger-soft);color:#fca5a5;box-shadow:0 0 8px #ef444466}.dot.x:after{content:"✕";line-height:1;transform:translateY(-1px)}.ticker-wrap{border-radius:15px;background:#0f172a99;border:1px solid var(--color-border-muted);overflow:hidden;box-shadow:0 5px 20px #00000080}.score-header{position:sticky;top:0;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:15px var(--space-5);background:#1e293bf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-strong);border-bottom:1px solid var(--color-border-strong)}.score-header .score{font-size:28px;font-weight:800;letter-spacing:.5px}.score-header .meta{font-size:15px;opacity:.9;font-weight:500}.ticker-row{display:grid;grid-template-columns:140px 1fr 120px;gap:15px;padding:12px var(--space-5);border-bottom:1px solid var(--color-border-muted);align-items:center;transition:background var(--duration-fast)}.ticker-row:hover{background:#33415599}.tick-time{font-weight:700;color:var(--color-text);font-size:.95rem}.tick-time .qtr{color:var(--color-text-muted);font-weight:500;margin-left:5px}.tick-event{font-size:15px}.tick-event .ev{font-weight:700;color:var(--color-slate-100)}.tick-event .pl{color:var(--color-text-muted);margin-left:var(--space-2)}.tick-score{font-weight:800;text-align:right;font-size:1.1rem;color:var(--color-primary);text-shadow:0 0 5px var(--color-primary-glow)}.list-scroll{max-height:500px;overflow:auto}.qsep{margin:15px 0;padding:10px 15px;font-weight:700;color:var(--color-text);background:#33415580;border:1px solid var(--color-border-strong);border-radius:12px;box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;margin-right:var(--space-2);box-shadow:0 2px 6px #0000004d}.badge-ev{background:var(--color-accent-soft);color:var(--color-guest);border:1px solid rgba(59,130,246,.3)}.badge-home{background:var(--color-home-soft);color:var(--color-home);border:1px solid rgba(234,179,8,.3)}.badge-guest{background:var(--color-danger-soft);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.yellow-ball{display:inline-block;filter:hue-rotate(-20deg) saturate(1.8) brightness(1.15)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{width:900px;max-width:calc(100vw - 60px);max-height:calc(100vh - 60px);background:var(--color-slate-900);border:1px solid var(--color-border-strong);border-radius:25px;box-shadow:var(--shadow-xl),0 0 30px var(--color-primary-soft);display:flex;flex-direction:column;overflow:hidden}.modal.detail-modal{width:1200px}.modal>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.modal-header,.modal-footer{padding:25px 30px;border-bottom:1px solid var(--color-border-strong);display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.modal-header h3{font-size:1.8rem;font-weight:800;color:var(--color-text-strong)}.modal-footer{border-top:1px solid var(--color-border-strong);border-bottom:none;background:#0f172a99}.modal-body{padding:30px;overflow:auto;flex:1 1 auto;min-height:0}.btn-close{width:40px;height:40px;border-radius:50%;background:var(--color-danger-soft);color:#fca5a5;font-size:var(--font-size-2xl);font-weight:700;cursor:pointer;transition:all var(--duration-base);display:flex;align-items:center;justify-content:center;border:1px solid rgba(239,68,68,.4);box-shadow:0 0 10px #ef444433}.btn-close:hover{transform:scale(1.1) rotate(90deg);background:#ef444466;color:var(--color-text-strong);box-shadow:0 0 15px #ef444480}.modal-grid{display:grid;grid-template-columns:55% 45%;gap:30px}@media (max-width: 900px){.modal-grid{grid-template-columns:1fr}}.form-section{background:#0f172a66;border:1px solid var(--color-border-muted);border-radius:20px;padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:inset 0 2px 10px #0003}.section-subtitle{font-size:1.1rem;font-weight:800;color:var(--color-primary);margin-bottom:15px;letter-spacing:.5px;display:flex;align-items:center;gap:10px}.section-subtitle:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--color-primary-soft) 0%,transparent 100%)}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group.full-width{grid-column:1 / -1}.input-group label{font-weight:600;color:var(--color-slate-300);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.modern-input{padding:12px var(--space-4);border:1px solid var(--color-border-strong);border-radius:12px;font-size:1rem;background:#0f172a99;color:var(--color-text-strong);transition:all var(--duration-base) var(--ease-in-out);box-shadow:inset 0 2px 4px #0003}.modern-input:focus{outline:none;border-color:var(--color-accent);background:#0f172ae6;box-shadow:0 0 0 3px #3b82f633,inset 0 2px 4px #0003}.modern-input:disabled{opacity:.6;cursor:not-allowed;background:#1e293b80;border-style:dashed}.modern-input[type=color]{height:46px;padding:5px;cursor:pointer}.modern-input[type=file]{font-size:.85rem;padding:10px;background:#1e293b66;border:1px dashed var(--color-border-strong);cursor:pointer}.modern-input[type=file]::file-selector-button{background:var(--color-accent-soft);border:1px solid rgba(59,130,246,.4);color:var(--color-guest);padding:6px 12px;border-radius:8px;margin-right:15px;font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.modern-input[type=file]::file-selector-button:hover{background:#3b82f666}.field-error{color:#fca5a5;font-size:.8rem;margin-top:4px}.premium-preview-container{position:sticky;top:var(--space-5)}.preview-label{font-size:.9rem;font-weight:700;color:var(--color-text-muted);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.broadcast-preview{border:1px solid var(--color-border-strong);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg),0 0 30px var(--color-primary-soft);background:var(--color-slate-900);position:relative}.broadcast-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.8),transparent);z-index:10}.preview-top-bar{background:linear-gradient(180deg,#1e293be6,#0f172ae6);color:var(--color-text);padding:15px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-muted);font-size:.9rem;font-weight:600;letter-spacing:.5px}.preview-teams{display:grid;grid-template-columns:1fr 1fr}.preview-team-panel{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px var(--space-5);position:relative;overflow:hidden}.preview-team-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.preview-logo-wrapper{width:110px;height:110px;background:#fffffff2;border-radius:20px;padding:15px;box-shadow:0 10px 25px #0000004d;display:flex;align-items:center;justify-content:center;z-index:2;border:1px solid rgba(255,255,255,.5);transition:transform .4s var(--ease-in-out)}.broadcast-preview:hover .preview-logo-wrapper{transform:scale(1.05) translateY(-5px)}.preview-logo-wrapper img{width:100%;height:100%;object-fit:contain}.preview-info{text-align:center;z-index:2}.preview-acr{font-weight:900;letter-spacing:3px;font-size:1.2rem;margin-bottom:5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.preview-name{font-weight:700;font-size:1.1rem;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.3)}.row{display:flex}.space-between{justify-content:space-between}.center{align-items:center}.btn{padding:14px 28px;border-radius:15px;border:1px solid var(--color-slate-700);background:var(--color-slate-800);color:var(--color-text);cursor:pointer;font-weight:700;font-size:1rem;transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-md)}.btn:hover{transform:translateY(-2px);background:var(--color-slate-700);box-shadow:var(--shadow-lg);border-color:var(--color-slate-600)}.btn.primary{background:linear-gradient(135deg,var(--color-accent-strong) 0%,#1d4ed8 100%);color:#fff;border:none;box-shadow:0 8px 20px #2563eb66}.btn.primary:hover{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);box-shadow:0 12px 28px #2563eb99;transform:translateY(-3px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.league-selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.league-selector-title{font-weight:700;color:var(--color-text-muted);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.league-selector-loading{font-size:.8rem;color:var(--color-primary);animation:pulse 1.5s infinite}.league-pills-container{display:flex;flex-wrap:wrap;gap:12px}.league-pill{background:#1e293b99;border:1px solid var(--color-border-muted);border-radius:30px;padding:10px var(--space-5);color:var(--color-text-muted);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all var(--duration-base) var(--ease-in-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px #0000001a}.league-pill:hover:not(:disabled){background:#334155cc;color:var(--color-text);transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:0 6px 15px #0003}.league-pill.active{background:linear-gradient(135deg,#3b82f6cc,#2563ebcc);color:#fff;border-color:#60a5fa66;box-shadow:0 0 20px #3b82f64d,inset 0 1px 1px #fff3}.league-pill.active:hover{transform:translateY(-2px);box-shadow:0 0 25px #3b82f680,inset 0 1px 1px #fff3}.league-pill:disabled{opacity:.5;cursor:not-allowed}.pill-check{font-size:.9rem;font-weight:700}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-slate-900);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-slate-700);border-radius:10px;border:2px solid var(--color-slate-900)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-600)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-base)}.theme-toggle:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.app-build-info{position:fixed;bottom:6px;right:8px;font-size:10px;color:var(--color-text-faint);opacity:.45;pointer-events:none;letter-spacing:.5px;font-variant-numeric:tabular-nums}.error-fallback{max-width:540px;margin:80px auto;padding:var(--space-8);background:var(--color-bg-elevated);border:1px solid var(--color-danger);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.error-fallback h2{color:#fca5a5;margin-bottom:var(--space-3)}.error-fallback pre{background:#ef444414;padding:var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:left;overflow:auto;color:#fca5a5;margin:var(--space-4) 0}.error{color:#fca5a5;background:var(--color-danger-soft);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.3);margin:var(--space-4)}.muted{color:var(--color-text-muted)}.sponsor-item{display:flex;align-items:center;justify-content:space-between;padding:10px;margin-bottom:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm)}.sponsor-item-left{display:flex;align-items:center;gap:10px}.sponsor-thumb{width:40px;height:40px;object-fit:contain;background:#00000080;padding:2px;border-radius:var(--radius-xs)}.sponsor-thumb-empty{width:40px;height:40px;background:var(--color-surface);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-text-faint)}.sponsor-name{font-weight:700;font-size:.9rem;color:var(--color-text)}.sponsor-slogan{font-size:.75rem;color:var(--color-text-muted)}.sponsor-confirm-box{background:var(--color-danger-soft);border:1px solid rgba(220,38,38,.3);border-radius:10px;padding:15px;margin-bottom:15px;display:flex;flex-direction:column;gap:10px;align-items:center}.sponsor-confirm-box p{margin:0;text-align:center}.sponsor-confirm-box .title{font-weight:700;color:#fca5a5}.text-xs{font-size:.75rem}.text-blue-400{color:#60a5fa}.ml-3{margin-left:.75rem}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.inline-flex{display:inline-flex}.items-center{align-items:center}.gap-2{gap:.5rem}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bg-dsv-dark{background-color:var(--color-bg)}.text-slate-200{color:var(--color-text)}.font-sans{font-family:var(--font-sans)}.min-h-screen{min-height:100vh}.match-list{display:flex;flex-direction:column;gap:var(--space-2)}.match-row{display:grid;grid-template-columns:100px 48px 1fr 48px 100px;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);cursor:pointer;align-items:center;transition:background var(--duration-fast)}.match-row:hover{background:var(--color-surface-hover)}.match-row .time{font-weight:600;color:var(--color-text-muted)}.match-row .teams{font-weight:600}.match-row .result{text-align:right;color:var(--color-primary);font-weight:700}.logo-cell{display:flex;align-items:center;justify-content:center}.team-logo{width:32px;height:32px;border-radius:6px;background:var(--color-surface)}.league-table{overflow:auto;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-muted)}.league-table table{width:100%;border-collapse:collapse}.league-table th,.league-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border-muted);font-size:var(--font-size-sm)}.league-table th{background:var(--color-surface-2);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs)}.app-match-card{align-items:stretch}.sc-badge{position:absolute;top:6px;left:6px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap}.sc-badge--amber{background:var(--badge-amber-bg);border-color:var(--badge-amber-border);color:var(--badge-amber-text)}.sc-badge--violet{background:var(--badge-violet-bg);border-color:var(--badge-violet-border);color:var(--badge-violet-text)}.sc-badge--blue{background:var(--badge-blue-bg);border-color:var(--badge-blue-border);color:var(--badge-blue-text)}.sc-badge--sky{background:var(--badge-sky-bg);border-color:var(--badge-sky-border);color:var(--badge-sky-text)}.sc-badge--slate{background:var(--badge-slate-bg);border-color:var(--badge-slate-border);color:var(--badge-slate-text)}.sc-teams{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);width:100%}.sc-team{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-width:0}.sc-team__logo.app-logo-circle-wrapper{width:34px;height:34px;padding:3px;box-shadow:none;flex-shrink:0}.sc-team__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sc-team__score{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:1.5ch;text-align:right}.sc-team.is-winner .sc-team__name{color:var(--color-text-strong);font-weight:700}.sc-team.is-winner .sc-team__score{color:var(--color-text-strong)}.sc-card__venue{margin:var(--space-3) 0 0;padding-top:var(--space-3);border-top:1px solid var(--color-border-muted);font-size:var(--font-size-xs);color:var(--color-text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--tab-idle-border);background:var(--tab-idle-bg);color:var(--tab-idle-text);font-weight:700;font-size:14px;letter-spacing:.02em;padding:8px 18px;border-radius:999px;transition:background .15s ease,border-color .15s ease,color .15s ease}.ss-tab:hover{color:var(--color-text-strong)}.ss-tab.is-active--bl{border-color:var(--tab-bl-border);background:var(--tab-bl-bg);color:var(--tab-bl-text)}.ss-tab.is-active--nonbl{border-color:var(--tab-nonbl-border);background:var(--tab-nonbl-bg);color:var(--tab-nonbl-text)}.ss-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:1px solid var(--chip-idle-border);background:var(--chip-idle-bg);color:var(--chip-idle-text);font-weight:600;font-size:12.5px;padding:5px 12px;border-radius:999px;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.ss-chip:hover{color:var(--color-text-strong)}.ss-chip.is-active{border-color:var(--chip-active-border);background:var(--chip-active-bg);color:var(--chip-active-text)}.hero-row{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);scrollbar-width:none}.hero-row::-webkit-scrollbar{display:none}.hero-card{position:relative;flex:0 0 auto;width:clamp(268px,24vw,420px);aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;scroll-snap-align:start;isolation:isolate;border:1px solid var(--color-border-muted);transition:transform .18s ease,box-shadow .18s ease}.hero-card:hover,.hero-card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-lg);outline:none}.hero-card:focus-visible{border-color:var(--color-accent)}.hero-card__split{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(100deg,var(--hero-home) 0%,var(--hero-home) 46%,rgba(255,255,255,.55) 46.6%,rgba(255,255,255,.55) 47.4%,var(--hero-guest) 48%,var(--hero-guest) 100%)}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,.1) 62%,transparent 82%)}.hero-card__status{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-card__status--live{background:#dc2626d9;border-color:#ffffff59}.hero-card__pulse{width:6px;height:6px;border-radius:50%;background:#fff;animation:hero-pulse 1.4s ease-in-out infinite}@keyframes hero-pulse{0%,to{opacity:1}50%{opacity:.25}}.hero-card__logos{position:absolute;top:30px;right:0;bottom:38%;left:0;display:flex;align-items:center;justify-content:space-around;padding:0 var(--space-6)}.hero-card__logo{width:30%;max-width:74px;aspect-ratio:1;display:grid;place-items:center}.hero-card__logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}.hero-card__foot{position:absolute;left:0;right:0;bottom:0;padding:var(--space-4)}.hero-card__title{margin:0;font-size:var(--font-size-base);font-weight:700;line-height:1.25;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card__vs{font-weight:500;opacity:.75}.hero-card__meta{margin:4px 0 0;font-size:var(--font-size-xs);color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (prefers-reduced-motion: reduce){.hero-card,.hero-card__pulse{transition:none;animation:none}}[data-reveal].reveal-armed{opacity:0;transform:translateY(18px);will-change:opacity,transform}[data-reveal]{transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}[data-reveal].reveal-armed.is-revealed{opacity:1;transform:none}.hero-row [data-reveal].reveal-armed{transform:translateY(18px) scale(.97)}.hero-row [data-reveal].reveal-armed.is-revealed{transform:none}.app-header{border-bottom-color:transparent;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}html[data-scrolled=true] .app-header{border-bottom-color:var(--color-border-muted);box-shadow:0 6px 24px #00000047}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-reveal],[data-reveal].reveal-armed,.hero-row [data-reveal].reveal-armed{opacity:1;transform:none;transition:none}.app-header{transition:none}}.overlay-status{margin-top:8px;font-size:.8rem;color:var(--color-text-muted)}.overlay-status .free{color:#86efac;font-weight:600}.overlay-status .busy{color:#fbbf24;font-weight:600}.overlay-status .hint{color:var(--color-text-muted)}.later-editable-hint{margin:-6px 0 18px;font-size:.8rem;color:var(--color-text-muted);text-align:center}.match-summary-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-summary-teams{font-size:1.05rem;font-weight:700;color:var(--color-text-strong)}.match-summary-teams em{font-style:normal;color:var(--color-text-muted);font-weight:500}.match-summary-meta{margin-top:4px;font-size:.85rem;color:var(--color-text-muted)}.match-summary-edit{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--color-border-muted);background:transparent;color:var(--color-text);font-size:.8rem;cursor:pointer;transition:transform .14s var(--ease-out),background .14s ease;white-space:nowrap}.match-summary-edit:hover{background:#ffffff0f}.match-summary-edit:active{transform:scale(.97)}.match-summary-details{margin-top:14px;border-top:1px solid var(--color-border-muted);padding-top:14px}.match-summary-details .form-section{background:transparent;border:none;box-shadow:none;padding:0;margin:14px 0 0}@media (min-width: 901px){.preview-column{position:sticky;top:0;align-self:start}}.preview-team-panel{transition:background-color .15s ease,color .15s ease}.preview-logo-wrapper{transition:outline-color .14s ease,transform .14s var(--ease-out);outline:2px dashed transparent;outline-offset:4px}.preview-logo-wrapper.dragging{outline-color:var(--color-accent-strong);transform:scale(1.04)}.cap-section{margin-top:16px;margin-bottom:0}.cap-swatch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}.cap-swatch-label{font-size:.85rem;color:var(--color-text-muted);font-weight:600}.cap-swatches{display:flex;gap:8px}.cap-swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0;transition:transform .14s var(--ease-out),box-shadow .14s ease}.cap-swatch:hover{transform:scale(1.1)}.cap-swatch:active{transform:scale(.95)}.cap-swatch.active{box-shadow:0 0 0 2px var(--color-slate-900),0 0 0 4px var(--color-accent-strong)}.cap-swatch.custom{display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:var(--color-text-muted);font-weight:700;position:relative;overflow:hidden}.cap-swatch.custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.select-match-footer{flex-direction:column;align-items:stretch;gap:12px}.select-match-actions{display:flex;justify-content:flex-end;gap:10px;width:100%}.preflight{display:flex;flex-wrap:wrap;gap:8px}.preflight-item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent}.preflight-item.ok{color:#86efac;background:#22c55e1a;border-color:#22c55e40}.preflight-item.warn{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}.preflight-item.clickable{cursor:pointer;transition:transform .14s var(--ease-out)}.preflight-item.clickable:hover{background:#f59e0b33}.preflight-item.clickable:active{transform:scale(.97)}.btn:active:not(:disabled){transform:scale(.97)}@media (prefers-reduced-motion: reduce){.cap-swatch,.preflight-item,.match-summary-edit,.preview-logo-wrapper,.btn{transition:none}}.app-brand__logo-chip{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:4px 8px;box-shadow:0 2px 8px #00000059}.app-brand__logo{height:26px;width:auto;display:block}.md-hero{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:22px 24px;border-radius:18px;background:linear-gradient(160deg,#1e3a8a59,#0f172ab3);border:1px solid var(--color-border-muted);margin-bottom:14px}.md-hero-team{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.md-hero-logo{width:64px;height:64px;object-fit:contain;border-radius:14px;background:#ffffffe6;padding:6px}.md-hero-name{font-weight:700;font-size:.95rem;color:var(--color-text-strong);line-height:1.3}.md-hero-center{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px}.md-hero-score{font-size:2.6rem;font-weight:800;color:var(--color-text-strong);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}.md-hero-colon{color:var(--color-text-muted);font-size:2rem}.md-hero-vs{font-size:1.4rem;color:var(--color-text-muted);font-weight:600}.md-hero-status{font-size:.72rem;font-weight:700;letter-spacing:.06em}.md-hero-status.live{color:#f87171;animation:pulse-live 1.6s ease-in-out infinite}.md-hero-status.meta{color:var(--color-text-muted);font-weight:600}@keyframes pulse-live{50%{opacity:.55}}.md-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.md-meta-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff0d;border:1px solid var(--color-border-muted);font-size:.8rem;color:var(--color-text)}.md-matchkey{margin-top:18px;font-size:.72rem;color:var(--color-text-muted);opacity:.7;text-align:right}.lastused-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:16px;background:#2563eb1f;border:1px solid rgba(37,99,235,.35);color:var(--color-text)}.lastused-banner.applied{background:#22c55e1a;border-color:#22c55e4d;color:#86efac}.lastused-text{flex:1;font-size:.85rem;line-height:1.4}.lastused-actions{display:flex;gap:8px}.btn.small{padding:8px 14px;font-size:.8rem;border-radius:10px}@media (max-width: 700px){.lastused-banner{flex-wrap:wrap}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}