:root{--color-red:#d62828;--color-red-dark:#a81f1f;--color-red-light:#fdeaea;--color-green:#157347;--color-green-dark:#0f5c38;--color-green-light:#e3f5ec;--black:#14171a;--bg:#fff;--surface:#fff;--border:#e3e5e8;--ink:#14171a;--ink-muted:#666e77;--accent:var(--color-red);--accent-hover:var(--color-red-dark);--accent-bg:var(--color-red-light);--success:var(--color-green);--success-bg:var(--color-green-light);--danger:var(--color-red-dark);--danger-bg:var(--color-red-light);--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow-sm:0 1px 2px #14171a0f;--shadow:0 1px 2px #14171a0d, 0 8px 24px #14171a14;--shadow-lg:0 4px 12px #14171a1a, 0 16px 40px #14171a24;--font-display:"Poppins", system-ui, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;font:400 16px/1.5 var(--font-body);color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:22px 22px;background-attachment:fixed;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-weight:700;line-height:1.25}h1{border-left:6px solid var(--color-red);padding-left:14px;font-size:1.85rem;font-weight:800}h2{font-size:1.3rem}h3{font-size:1.05rem}p{margin:0 0 8px}a{color:var(--accent);font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.container{flex:1;width:100%;max-width:960px;margin:0 auto;padding:20px 16px 48px}.stack{flex-direction:column;gap:14px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;transition:box-shadow .15s,border-color .15s,transform .15s}a.card:hover,.card.clickable:hover{box-shadow:var(--shadow);border-color:var(--accent);border-left-color:var(--accent);transform:translateY(-2px)}.card-status-setup{border-left-color:var(--ink-muted)}.card-status-in_progress{border-left-color:var(--color-red)}.card-status-completed{border-left-color:var(--color-green)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}button,.btn{font:700 .95rem var(--font-display);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;padding:10px 18px;transition:transform .1s,box-shadow .15s,border-color .15s,background-color .15s}button:hover,.btn:hover{border-color:var(--accent)}button:active,.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:var(--danger)}.btn-block{width:100%}.actions-menu{position:relative}.actions-menu-list{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:220px;box-shadow:var(--shadow-lg);flex-direction:column;padding:6px;animation:.12s dialog-in;display:flex;position:absolute;top:calc(100% + 6px);right:0}.actions-menu-item{text-align:left;border-radius:var(--radius-sm);width:100%;font:600 .9rem var(--font-body);color:var(--ink);white-space:nowrap;background:0 0;border:none;padding:10px 12px;text-decoration:none;display:block}.actions-menu-item:hover{background:var(--accent-bg);color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,select,textarea{font:500 .95rem var(--font-body);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--ink);width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}label{font:600 .82rem var(--font-body);color:var(--ink-muted);margin-bottom:4px;display:block}.field{margin-bottom:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:.95rem}th{color:var(--ink-muted);font:700 .78rem var(--font-display);text-transform:uppercase;letter-spacing:.04em}tbody tr{transition:background-color .1s}tbody tr:hover{background:var(--accent-bg)}.table-scroll{overflow-x:auto}.badge{font:700 .76rem var(--font-display);background:var(--accent-bg);color:var(--accent-hover);border-radius:999px;align-items:center;padding:3px 10px;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-muted{background:var(--border);color:var(--ink-muted)}.muted{color:var(--ink-muted);font-size:.9rem}.empty-state{text-align:center;color:var(--ink-muted);border:1px dashed var(--border);border-radius:var(--radius);padding:32px 16px}.empty-state .empty-icon{margin-bottom:6px;font-size:1.8rem;display:block}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--border) 30%, color-mix(in srgb, var(--border) 50%, var(--surface)) 50%, var(--border) 70%);background-size:200% 100%;animation:1.3s ease-in-out infinite skeleton-sheen}@keyframes skeleton-sheen{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.nav{background:var(--black);border-bottom:3px solid var(--color-red);z-index:10;position:sticky;top:0}.nav-inner{flex-wrap:wrap;align-items:center;gap:4px;max-width:960px;margin:0 auto;padding:12px 16px;display:flex}.nav-brand{font:800 1.2rem var(--font-display);color:#fff;align-items:center;gap:8px;margin-right:auto;text-decoration:none;display:inline-flex}.nav-link{color:#ffffffa6;font:700 .9rem var(--font-display);border-radius:999px;padding:7px 14px;text-decoration:none;transition:background-color .15s,color .15s}.nav-link.active,.nav-link:hover{background:var(--color-red);color:#fff}.nav-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.nav-toggle{background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:36px;padding:0;display:none}.nav-toggle span{background:#fff;border-radius:2px;width:22px;height:2px;display:block}.nav-mobile-menu{flex-direction:column;gap:2px;padding:8px 16px 14px;display:none}.nav-mobile-menu .nav-link{text-align:center}@media (width<=680px){.nav-links{display:none}.nav-toggle,.nav-mobile-menu{display:flex}}.overlay{z-index:100;background:#140f0a80;justify-content:center;align-items:center;padding:16px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;max-height:90vh;padding:22px;animation:.18s cubic-bezier(.2,.8,.3,1) dialog-in;overflow-y:auto}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.overlay,.dialog{animation:none}}.error-text{color:var(--danger);font-size:.88rem;font-weight:600}.error-banner{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem;font-weight:600}.bracket-scroll-wrap{position:relative}.bracket-scroll{padding-bottom:8px;overflow-x:auto}.bracket-nav-btn{z-index:5;background:var(--surface);width:36px;height:36px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.2rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.bracket-nav-left{left:-4px}.bracket-nav-right{right:-4px}@media (width<=640px){.bracket-nav-left{left:2px}.bracket-nav-right{right:2px}}.bracket-groups{flex-direction:column;gap:28px;min-width:0;display:flex}.de-bracket{align-items:stretch;gap:40px;display:flex;position:relative}.de-main{flex-direction:column;gap:36px;display:flex}.de-grandfinal{flex-direction:column;justify-content:center;display:flex}.de-converge-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bracket-group-label{font:700 .78rem var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:10px}.bracket-rounds{--match-h:56px;--pair-gap:24px;--round-gap:40px;gap:var(--round-gap);min-width:max-content;display:flex}.bracket-round{flex-direction:column;min-width:190px;display:flex}.bracket-round-label{font:600 .78rem var(--font-body);color:var(--ink-muted);text-align:center;margin-bottom:12px}.bracket-round-matches{justify-content:space-around;gap:var(--pair-gap);flex-direction:column;flex:1;display:flex}.bracket-pair{gap:var(--pair-gap);flex-direction:column;display:flex;position:relative}.bracket-pair:before{content:"";right:0;top:calc(var(--match-h) / 2);width:2px;height:calc(var(--match-h) + var(--pair-gap));background:var(--border);position:absolute}.bracket-pair:after{content:"";right:calc(var(--round-gap) * -1);top:calc(var(--match-h) + var(--pair-gap) / 2);width:var(--round-gap);background:var(--border);height:2px;position:absolute}.match-card.connector-straight{position:relative}.match-card.connector-straight:after{content:"";right:calc(var(--round-gap) * -1);top:calc(var(--match-h) / 2 - 1px);width:var(--round-gap);background:var(--border);height:2px;position:absolute}.match-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);height:var(--match-h,56px);flex-direction:column;transition:box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.match-slot{flex:1;justify-content:space-between;align-items:center;gap:8px;min-height:0;padding:0 12px;font-size:.85rem;font-weight:600;display:flex}.match-slot+.match-slot{border-top:1px solid var(--border)}.match-slot.winner{color:var(--success);background:var(--success-bg)}.match-slot.tbd{color:var(--ink-muted);font-style:italic;font-weight:500}.match-card.clickable{cursor:pointer}.match-card.clickable:hover{border-color:var(--accent);box-shadow:var(--shadow)}.play-in-list{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.play-in-card{width:210px}.play-in-label{font:700 .76rem var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin-bottom:6px}@media (width<=640px){.container{padding:16px 12px 40px}h1{font-size:1.4rem}.nav-inner{gap:2px}.nav-link{padding:6px 8px;font-size:.85rem}.dialog{padding:18px}}.tv-page{background:var(--black);color:#fff;min-height:100svh;padding:28px 40px}.tv-header{border-bottom:4px solid var(--color-red);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:16px;display:flex}.tv-header h1{color:#fff;border-left-color:var(--color-red);margin:0;font-size:2.4rem}.tv-header .muted{color:#fff9;font-size:1.1rem}.tv-page .bracket-rounds{--match-h:78px;--pair-gap:34px;--round-gap:56px}.tv-page .bracket-group-label,.tv-page .bracket-round-label{color:#ffffff8c;font-size:1rem}.tv-page .match-card{box-shadow:none;background:#1f2226;border-color:#33383e}.tv-page .bracket-nav-btn{color:#fff;box-shadow:none;background:#1f2226;border:1px solid #33383e}.tv-page .match-slot{padding:0 18px;font-size:1.15rem}.tv-page .match-slot.tbd{color:#fff6}.tv-page .match-slot:not(.winner):not(.tbd){color:#fff}.tv-page .bracket-pair:before,.tv-page .bracket-pair:after,.tv-page .match-card.connector-straight:after{background:#454b52}.tv-page .de-converge-svg path{stroke:#5a6169}