:root{--sand: #f0e2bd;--amber: #d49a18;--sand-dark: var(--amber);--gold: #f3c703;--on-gold: #1a1200;--bg: #0a0a0a;--bg-glow: #1b1613;--panel: #141312;--panel-2: #1f1d1a;--sunken: #100f0e;--field: #0f0e0d;--row-hover: #191715;--hover: #2b2620;--btn-hover: #2a2622;--header-a: #171513;--header-b: #0d0c0b;--header-fg: #f5f1e8;--header-line: #38342e;--header-accent: #d49a18;--accent-fg: #d49a18;--on-a: #2a2521;--final-top: #2a2205;--semi-top: #191614;--line: #38342e;--line-soft: #262320;--text: #f5f1e8;--muted: #9c9287;--muted-2: #7d746a;--muted-3: #6f665c;--link: #e0b437;--court-fg: #f0d98a;--lb-accent: #8c6a2f;--silver: #9a948c;--bronze: #a4703c;--green: #46b97a;--green-deep: #152a1e;--win-border: #2f6b4a;--win-seed: #8fd9ae;--win-fg: #c6ecd6;--win-wash: rgba(70, 185, 122, .12);--red: #e0342b;--danger-line: #5e2320;--danger-fg: #ffb0a8;--danger-bg: #2b1210;--brand-wash: rgba(243, 199, 3, .2);--shadow: rgba(0, 0, 0, .4);--card-w: 252px;--card-h: 116px;--card-gap: 20px;--colgap: 64px}:root[data-theme=light]{--sand: #6b5410;--amber: #b4830f;--gold: #a97f06;--on-gold: #1a1200;--bg: #f2eee4;--bg-glow: #fffaf0;--panel: #ffffff;--panel-2: #f4efe3;--sunken: #f8f5ed;--field: #ffffff;--row-hover: #f8f4ea;--hover: #f3e9cf;--btn-hover: #ede6d5;--header-a: #14120f;--header-b: #211d17;--header-fg: #f5f1e8;--header-line: #464034;--header-accent: #e8b52a;--accent-fg: #7a5a04;--on-a: #f6ecd2;--final-top: #fdf3d2;--semi-top: #f4efe3;--line: #d9d1bd;--line-soft: #e9e2d1;--text: #1b1813;--muted: #6d6459;--muted-2: #857c70;--muted-3: #9d948a;--link: #8a6608;--court-fg: #6b5410;--lb-accent: #a07a2c;--silver: #7e7870;--bronze: #96652f;--green: #1f8d55;--green-deep: #e6f4ec;--win-border: #2f8f5e;--win-seed: #14663a;--win-fg: #114f30;--win-wash: rgba(31, 141, 85, .14);--red: #c62a22;--danger-line: #e0b3ae;--danger-fg: #96261e;--danger-bg: #fdeceb;--brand-wash: rgba(180, 131, 15, .28);--shadow: rgba(80, 66, 30, .16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 15% -10%,var(--bg-glow) 0%,transparent 60%),var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}a{color:var(--blue);text-decoration:none}button{font-family:inherit;font-size:14px;cursor:pointer;border-radius:9px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:9px 16px;transition:.15s}button:hover:not(:disabled){border-color:var(--sand-dark);background:var(--btn-hover)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(180deg,var(--gold),var(--amber));border-color:var(--amber);color:var(--on-gold);font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffd93b,#e2ad0d)}button.danger{border-color:var(--danger-line);color:var(--danger-fg)}button.ghost{background:transparent}button.sm{padding:5px 11px;font-size:13px}input,select,textarea{font-family:inherit;font-size:15px;background:var(--field);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:10px 12px;outline:none;width:100%}input:focus,select:focus{border-color:var(--sand-dark)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 26px;background:linear-gradient(90deg,var(--header-a),var(--header-b));border-bottom:2px solid var(--sand-dark);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:14px}.logo{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--sand-dark);background:#000;box-shadow:0 0 22px #f3c70338;flex:none}.logo.big{width:112px;height:112px;border-width:3px;box-shadow:0 0 40px #f3c70347}.app-header,.app-header .brand h1{color:var(--header-fg)}.app-header button{color:var(--header-fg);border-color:var(--header-line);background:transparent}.app-header button:hover{border-color:var(--header-accent);background:#ffffff0f}.brand small{color:var(--header-accent)}.brand h1{font-size:18px;margin:0;letter-spacing:.3px;line-height:1.15}.brand small{color:var(--sand-dark);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600}.container{max-width:1280px;margin:0 auto;padding:26px 26px 90px}.container.wide{max-width:1900px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:14px}.muted{color:var(--muted)}.error{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-fg);padding:11px 14px;border-radius:10px}.section-title{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent-fg);font-weight:700;margin:0 0 12px}.badge{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge.on{border-color:var(--win-border);color:var(--win-seed);background:var(--green-deep)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--sand-dark);border-radius:16px;padding:32px}.login-card h2{margin:0;font-size:21px}.login-brand{flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:8px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.cat-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--sand-dark);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;transition:.15s}.cat-card:hover{border-color:var(--sand-dark);transform:translateY(-2px)}.cat-card h3{margin:0;font-size:19px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border:none;background:transparent;border-radius:0;border-bottom:2px solid transparent;color:var(--muted);padding:11px 18px;font-weight:600;font-size:15px}.tabs button.active{color:var(--sand);border-bottom-color:var(--sand-dark)}.team-rows{display:flex;flex-direction:column;gap:7px}.team-row{display:grid;grid-template-columns:52px 1fr auto auto;gap:9px;align-items:center}.seed-chip{text-align:center;font-weight:700;background:var(--field);border:1px solid var(--line);border-radius:9px;padding:10px 0;color:var(--sand)}.phase-switch{display:flex;gap:10px;margin-bottom:18px}.phase-switch button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 20px;border-radius:12px;background:var(--panel);border:1px solid var(--line)}.phase-switch button b{font-size:15px}.phase-switch button small{font-size:11.5px;color:var(--muted);letter-spacing:.2px}.phase-switch button.on{border-color:var(--sand-dark);background:linear-gradient(180deg,var(--on-a),var(--panel-2));box-shadow:inset 0 0 0 1px #f3c70333}.phase-switch button.on b{color:var(--sand)}.bracket-wrap{min-width:0}.bracket-scroll{overflow:auto;height:calc(100vh - 250px);min-height:520px;padding:2px 18px 18px 2px;overscroll-behavior:contain;scrollbar-color:var(--line) transparent}@media(max-width:1200px){.bracket-scroll{height:calc(100vh - 200px)}}.bracket-scroll.dragging,.bracket-scroll.dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.bracket-scroll::-webkit-scrollbar{height:12px;width:12px}.bracket-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.bracket-inner{min-width:min-content}.bsec{margin-bottom:34px}.bsec-head{display:flex;align-items:baseline;gap:12px;padding:0 0 10px 14px;border-left:3px solid var(--sand-dark);margin-bottom:14px}.bsec-head.lb{border-left-color:var(--lb-accent)}.bsec-head h3{margin:0;font-size:17px;letter-spacing:.3px}.bsec-head span{font-size:12.5px;color:var(--muted)}.bcols{display:flex;gap:var(--colgap);align-items:flex-start;padding-top:34px;width:min-content}.bcol{--unit: calc(var(--card-h) + var(--card-gap));--pitch: calc(var(--pitch-mult) * var(--unit));position:relative;display:flex;flex-direction:column;flex:none;padding-top:calc((var(--pitch) - var(--unit)) / 2);gap:calc(var(--pitch) - var(--card-h))}.col-head{position:absolute;top:-30px;left:0;width:var(--card-w);font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line-soft);padding-bottom:7px;white-space:nowrap}.bmatch{position:relative;width:var(--card-w);height:var(--card-h);flex:none}.bcol.feeds .bmatch:after{content:"";position:absolute;left:100%;top:50%;width:calc(var(--colgap) / 2);height:2px;background:var(--line)}.bcol.takes .bmatch:before{content:"";position:absolute;right:100%;top:50%;width:calc(var(--colgap) / 2);height:2px;background:var(--line)}.bmatch .conn{position:absolute;left:calc(100% + var(--colgap) / 2 - 1px);width:2px;background:var(--line)}.bmatch.down .conn{top:50%;height:calc(var(--pitch) / 2)}.bmatch.up .conn{bottom:50%;height:calc(var(--pitch) / 2)}.match{height:100%;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.15s}.match.ready{border-color:var(--sand-dark);box-shadow:0 0 0 1px #f3c70324}.match.done{border-color:var(--win-border)}.match.idle{opacity:.72}.match-top{flex:none;height:30px;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 9px;background:var(--sunken);border-bottom:1px solid var(--line-soft);font-size:11px;color:var(--muted)}.match-no{color:var(--accent-fg);font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.v-label{font-style:normal;font-size:9.5px;letter-spacing:1.4px;color:var(--muted)}.match-tools{display:flex;align-items:center;gap:4px}.court-pick{width:auto;padding:1px 3px;font-size:10.5px;background:transparent;border:1px solid transparent;color:var(--muted);border-radius:6px}.court-pick:hover{border-color:var(--line)}.undo{padding:0 6px;font-size:11px;line-height:18px;border-radius:6px;background:transparent;border-color:transparent;color:var(--muted)}.undo:hover{color:var(--danger-fg);border-color:var(--danger-line)!important;background:transparent!important}.slot{flex:1;display:flex;align-items:center;gap:9px;padding:0 11px;border-top:1px solid var(--line-soft);min-width:0}.slot:first-of-type{border-top:none}.slot.clickable{cursor:pointer}.slot.clickable:hover{background:var(--hover)}.slot .sd{font-size:10.5px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:5px;min-width:22px;text-align:center;padding:1px 3px;flex:none}.slot .ghost-sd{opacity:.3}.slot .nm{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.slot .tick{color:var(--green);font-size:12px;flex:none}.slot .sc{font-weight:800;font-size:15px;min-width:20px;text-align:right;color:var(--sand);flex:none}.slot.win{background:linear-gradient(90deg,var(--win-wash),transparent 70%)}.slot.win .nm{font-weight:700;color:var(--win-fg)}.slot.win .sd{border-color:var(--win-border);color:var(--win-seed)}.slot.lose .nm{color:var(--muted-2);text-decoration:line-through}.slot.empty .nm,.slot.bye .nm{color:var(--muted-3);font-style:italic;font-size:13px}.court-tag{display:none;font-size:10px;border:1px solid var(--blue);color:var(--court-fg);border-radius:999px;padding:0 6px}.final-stage{display:flex;flex-direction:column;gap:26px}.fs-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.15fr);gap:34px;align-items:start;background:radial-gradient(700px 300px at 78% 0%,rgba(243,199,3,.09),transparent 70%),var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}@media(max-width:900px){.fs-grid{grid-template-columns:minmax(0,1fr)}}.fs-col{display:flex;flex-direction:column;gap:14px;min-width:0}.fs-head{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line-soft);padding-bottom:8px}.fs-head.gold{color:var(--accent-fg);border-bottom-color:#f3c70359}.fs-note{margin:-4px 0 2px;font-size:13px;color:var(--muted)}.fs-trophy{font-size:34px;line-height:1;text-align:center;filter:drop-shadow(0 4px 14px rgba(243,199,3,.35))}.fs-card{height:var(--card-h)}.fs-card.big{height:138px}.fs-card.big .match{border-color:var(--gold);box-shadow:0 0 0 1px #f3c70333,0 8px 30px var(--shadow)}.fs-card.big .match-top{background:linear-gradient(90deg,var(--final-top),var(--sunken))}.fs-card.big .slot .nm{font-size:16px}.v-semi .match-top,.v-third .match-top{background:var(--semi-top)}.fs-podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.pod{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.pod b{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.pod span{font-size:17px;font-weight:600}.pod.p1{border-color:var(--gold);background:linear-gradient(180deg,rgba(243,199,3,.12),var(--panel))}.pod.p1 b{color:var(--accent-fg)}.pod.p2{border-color:var(--silver)}.pod.p3{border-color:var(--bronze)}.bracket-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}@media(max-width:1200px){.bracket-layout{grid-template-columns:minmax(0,1fr)}.bracket-layout .next-panel{order:-1;position:static;max-height:430px}}.next-panel{position:sticky;top:86px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--sand-dark);border-radius:14px;padding:16px;max-height:calc(100vh - 110px);display:flex;flex-direction:column;gap:12px}.next-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.next-list{display:flex;flex-direction:column;gap:11px;overflow-y:auto;min-height:0;padding-right:5px}.nx{flex:0 0 auto;border:1px solid var(--line);border-radius:11px;background:var(--sunken);overflow:hidden}.nx.now{border-color:var(--sand-dark);box-shadow:0 0 0 1px #f3c70338}.nx-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border-bottom:1px solid var(--line-soft);font-size:11.5px}.nx-top select{width:auto;padding:2px 5px;font-size:10.5px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:7px}.nx-team{display:flex;align-items:center;gap:9px;padding:9px 11px;cursor:pointer;min-width:0}.nx-team:hover{background:var(--hover)}.nx-team .sd{font-size:10.5px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:5px;min-width:22px;text-align:center;padding:1px 3px;flex:none}.nx-team .nm{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nx-vs{text-align:center;font-size:10px;color:var(--muted);letter-spacing:2px;line-height:.6}table.games{width:100%;border-collapse:collapse}table.games th,table.games td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-soft);font-size:14px}table.games th{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}table.games tr:hover td{background:var(--row-hover)}table.games .win-name{color:var(--win-fg);font-weight:700}.score-in{width:58px;padding:6px;text-align:center}.court-sel{width:120px;padding:6px 8px;font-size:13px}.print-only{display:none}table.games td .pick{display:flex;align-items:center;gap:9px;width:100%;min-width:210px;padding:7px 11px;background:var(--sunken);border:1px solid var(--line-soft);border-radius:9px;text-align:left;font-size:14px}table.games td .pick:hover:not(:disabled){border-color:var(--sand-dark);background:var(--hover)}table.games td .pick:disabled{opacity:1;color:var(--muted);cursor:default;background:transparent;border-color:transparent}.pick .sd{font-size:10.5px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:5px;min-width:22px;text-align:center;padding:1px 3px;flex:none}.pick-nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick .tick{color:var(--green);flex:none}.pick.won{border-color:var(--win-border);background:linear-gradient(90deg,var(--win-wash),transparent 75%);color:var(--win-fg);font-weight:700}.pick.won .sd{border-color:var(--win-border);color:var(--win-seed)}.pick.lost{color:var(--muted-2);text-decoration:line-through;background:transparent;border-color:transparent}table.games td.vs{text-align:center;font-size:11px;letter-spacing:1px;padding:0 4px}.mode-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.mode-switch button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px 18px;border-radius:12px;background:var(--sunken);border:1px solid var(--line)}.mode-switch button b{font-size:15px}.mode-switch button small{font-size:12.5px;color:var(--muted);line-height:1.35}.mode-switch button.on{border-color:var(--sand-dark);background:linear-gradient(180deg,var(--on-a),var(--panel-2));box-shadow:inset 0 0 0 1px #f3c70333}.mode-switch button.on b{color:var(--sand)}.cat-title h2{margin:4px 0 0}.cat-title .desc{display:block}body.focus-table .app-header{position:static;padding:8px 20px;border-bottom-width:1px}body.focus-table .app-header .logo{width:30px;height:30px;border-width:1px;box-shadow:none}body.focus-table .brand{gap:10px}body.focus-table .brand small{display:none}body.focus-table .brand h1{font-size:14px;font-weight:600}body.focus-table .container{padding-top:14px;padding-bottom:20px}body.focus-table .cat-title h2{font-size:19px}body.focus-table .cat-title .desc{display:none}body.focus-table .tabs{margin-bottom:12px}body.focus-table .tabs button{padding:7px 14px}body.focus-table .phase-switch{margin-bottom:12px}body.focus-table .phase-switch button{padding:7px 16px}body.focus-table .phase-switch button small{display:none}body.focus-table .container{padding-bottom:0}body.focus-table .bracket-scroll{height:var(--fit-h, calc(100vh - 165px) )}body.focus-table .next-panel{top:14px;height:auto;max-height:var(--fit-panel-h, calc(100vh - 30px) )}@media(min-width:1201px){body.focus-table{overflow:hidden}}@media(max-width:1200px){body.focus-table .container{padding-bottom:24px}body.focus-table .bracket-scroll{height:calc(100vh - 140px)}body.focus-table .next-panel{height:auto;max-height:430px}}.theme-btn{white-space:nowrap}@media print{@page{size:A3 landscape;margin:8mm}:root{--card-w: 150px;--card-h: 62px;--card-gap: 8px;--colgap: 30px}body{background:#fff;color:#000;font-size:11px}.app-header,.tabs,.phase-switch,.next-panel,.court-pick,.undo,.no-print{display:none!important}.print-only{display:block}.container,.container.wide{max-width:none;padding:0}.bracket-layout{display:block}.bracket-scroll{height:auto;max-height:none;overflow:visible;padding:0;cursor:auto}.bracket-inner{min-width:0}.print-head{display:grid;grid-template-columns:42px 1fr;grid-template-areas:"logo titulo" "logo sub";column-gap:11px;align-items:center;border-bottom:2px solid #000;padding-bottom:6px;margin-bottom:12px}.print-logo{grid-area:logo;width:42px;height:42px;border-radius:50%;object-fit:cover}.print-head h1{grid-area:titulo;align-self:end}.print-head .sub{grid-area:sub;align-self:start}.print-head h1{margin:0;font-size:17px}.print-head .sub{font-size:11px;color:#333}.phase-title{font-size:14px;margin:0 0 10px;text-transform:uppercase;letter-spacing:1.5px}.print-break{break-before:page;page-break-before:always;padding-top:4mm}.bsec{break-inside:avoid;page-break-inside:avoid;margin-bottom:16px}.match,.card,.pod,.fs-grid,.nx{background:#fff!important;border-color:#888;box-shadow:none}.match.idle{opacity:1}.match-top{background:#f0f0f0!important;height:16px;font-size:8.5px;border-bottom-color:#bbb}.match-no{color:#000}.slot{padding:0 6px;gap:5px;border-top-color:#ddd}.slot .nm{font-size:10px;color:#000}.slot .sd{font-size:8px;min-width:15px;border-color:#999;color:#333}.slot.win{background:#e9f5ed!important}.slot.win .nm{color:#000}.slot.win .sd{color:#14663a;border-color:#14663a}.slot.lose .nm{color:#666}.slot .tick{color:#1a7a45}.conn,.bcol.feeds .bmatch:after,.bcol.takes .bmatch:before{background:#999}.col-head,.bsec-head h3,.bsec-head span,.fs-head,.fs-note,.pod b,.pod span,.section-title,.phase-title{color:#000}.bsec-head{border-left-color:#000}.fs-grid{padding:12px;gap:18px}.fs-card,.fs-card.big{height:var(--card-h)}.fs-trophy{display:none}.pod.p1{background:#fdf6e3!important;border-color:#000}.court-tag{display:inline;border-color:#666;color:#000}}
