.mvc-demo{--s50:#f8fafc;--s100:#f1f5f9;--s200:#e2e8f0;--s300:#cbd5e1;--s400:#94a3b8;--s500:#64748b;--s600:#475569;--s700:#334155;--s800:#1e293b;--s900:#0f172a;--b50:#eff6ff;--b200:#bfdbfe;--b500:#3b82f6;--b600:#2563eb;--b700:#1d4ed8;--e50:#ecfdf5;--e100:#d1fae5;--e500:#10b981;--e600:#059669;--e700:#047857;--a50:#fffbeb;--a100:#fef3c7;--a300:#fcd34d;--a500:#f59e0b;--a700:#b45309;--r100:#fee2e2;--r300:#fca5a5;--r600:#dc2626;--r700:#b91c1c;--sky100:#e0f2fe;--sky300:#7dd3fc;--sky700:#0369a1;--sans:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;margin:0;font-family:var(--sans);line-height:1.4;color:var(--s900);text-align:left;font-size:13px;border-radius:12px;overflow:hidden;border:1px solid var(--s300);box-shadow:0 12px 28px rgba(15,23,42,.12);background:var(--s100)}.mvc-demo *{box-sizing:border-box}.mvc-demo button{border:0;background:0 0;font:inherit;cursor:pointer;line-height:1.3}.mvc-demo b,.mvc-demo strong{font-weight:600}.mvc-demo p{margin:0}.mvc-demo .demo-bar{display:flex;align-items:stretch;gap:10px;padding:0 12px;height:46px;background:#fff;border-bottom:1px solid var(--s200);box-shadow:0 1px 2px rgba(15,23,42,5%)}.mvc-demo .demo-bar .brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.mvc-demo .demo-bar .brand img{width:30px;height:30px;border-radius:50%;display:block}.mvc-demo .demo-bar .cup{display:inline-flex;align-items:center;gap:6px;align-self:center;padding:4px 9px;border-radius:6px;background:var(--s100);font-size:12px;color:var(--s700);white-space:nowrap}.mvc-demo .demo-bar .cup i{width:6px;height:6px;border-radius:50%;background:var(--b500)}.mvc-demo .demo-bar .cup small{color:var(--s500);font-size:11px}.mvc-demo .demo-tabs{margin-left:auto;display:flex;gap:2px;align-items:stretch}.mvc-demo .demo-tabs span{display:inline-flex;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:500;color:var(--s600);border-bottom:2px solid transparent;white-space:nowrap}.mvc-demo .demo-tabs span.on{color:var(--b700);border-bottom-color:var(--b600)}.mvc-demo .nbadge{display:none;font-style:normal;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:99px;background:var(--r600);color:#fff;font-size:10px;font-weight:700;transform:scale(0);transition:transform .25s}.mvc-demo.has-badge .nbadge{display:inline-flex;animation:mvc-pop .25s ease-out both}@keyframes mvc-pop{from{transform:scale(0)}to{transform:scale(1)}}.mvc-demo .demo-stage{position:relative;height:344px;overflow:hidden}.mvc-demo .scene{position:absolute;inset:0;padding:14px 16px;opacity:0;transition:opacity .35s;pointer-events:none}.mvc-demo[data-scene="0"] .s-season,.mvc-demo[data-scene="1"] .s-enter,.mvc-demo[data-scene="2"] .s-confirm,.mvc-demo[data-scene="3"] .s-table,.mvc-demo[data-scene="4"] .s-hist{opacity:1}.mvc-demo .hd{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mvc-demo .hd .t{flex:1;min-width:0}.mvc-demo .hd b{display:block;font-size:16px;font-weight:700;color:var(--s800);line-height:1.2}.mvc-demo .hd .sub{display:block;font-size:11.5px;color:var(--s500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mvc-demo .card{background:#fff;border:1px solid var(--s200);border-radius:8px;box-shadow:0 1px 2px rgba(15,23,42,5%)}.mvc-demo .lgi{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:#fff;border:1px solid var(--s200);border-radius:4px;overflow:hidden;padding:1px}.mvc-demo .lgi img{display:block;max-width:100%;max-height:100%;object-fit:contain}.mvc-demo .lgi.png{background:0 0;border:0;padding:0}.mvc-demo .lgi.big{width:40px;height:40px}.mvc-demo .btnP{background:var(--b600);color:#fff;border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:600;white-space:nowrap;transition:transform .12s,background-color .12s}.mvc-demo .btnP.press{transform:scale(.95);background:var(--b700)}.mvc-demo .btnG{background:var(--e600);color:#fff;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:transform .12s,background-color .12s}.mvc-demo .btnG.press{transform:scale(.95);background:var(--e700)}.mvc-demo .btnO{border:1px solid var(--r300);color:var(--r700);background:#fff;border-radius:6px;padding:5px 12px;font-size:12.5px;font-weight:500}.mvc-demo .bdg{display:inline-block;padding:2px 6px;border-radius:4px;font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transition:background-color .3s,color .3s}.mvc-demo .b-home{background:var(--e100);color:var(--e700)}.mvc-demo .b-away{background:var(--s100);color:var(--s600)}.mvc-demo .b-sched{background:var(--sky100);color:var(--sky700)}.mvc-demo .b-wait{background:var(--a100);color:var(--a700)}.mvc-demo .b-ok{background:var(--e100);color:var(--e700)}.mvc-demo .b-open{background:var(--s100);color:var(--s600)}.mvc-demo .tlist{position:relative;padding:0}.mvc-demo .tlist .lhd{padding:7px 12px;font-size:11px;color:var(--s500);background:var(--s50);border-bottom:1px solid var(--s200);border-radius:8px 8px 0 0}.mvc-demo .tbox{position:relative;height:192px}.mvc-demo .trow{position:absolute;left:0;right:0;height:32px;display:flex;align-items:center;gap:9px;padding:0 12px;border-bottom:1px solid var(--s100);background:#fff;opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s,box-shadow .2s}.mvc-demo .trow.in{opacity:1}.mvc-demo .trow .grip{width:10px;height:12px;flex-shrink:0;background:radial-gradient(circle,var(--s400) 1.2px,transparent 1.4px)0 0/5px 4px}.mvc-demo .trow .pos{width:16px;font-weight:700;color:var(--s700);text-align:right}.mvc-demo .trow .nm{flex:1;font-weight:500;color:var(--s800)}.mvc-demo .trow .pts{font-size:11px;color:var(--s500)}.mvc-demo .trow.drag{z-index:2;box-shadow:0 8px 20px rgba(15,23,42,.18);border-radius:6px;background:var(--b50)}.mvc-demo .sfoot{display:flex;align-items:center;gap:10px;margin-top:10px}.mvc-demo .sfoot .ok{font-size:12px;color:var(--e700);font-weight:600;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.mvc-demo.drawn .sfoot .ok{opacity:1;transform:none}.mvc-demo .sfoot .btnP{margin-left:auto}.mvc-demo .mcard{border-width:1px;transition:border-color .3s,box-shadow .3s}.mvc-demo .mcard.hl-sky{border:2px solid var(--sky300)}.mvc-demo .mcard.hl-amber{border:2px solid var(--a300)}.mvc-demo .mtop{display:flex;gap:12px;padding:10px 12px}.mvc-demo .rd{text-align:center;flex-shrink:0;width:48px;white-space:nowrap}.mvc-demo .rd b{display:block;font-size:11px;color:var(--s500);text-transform:uppercase}.mvc-demo .rd span{font-size:11px;color:var(--s400)}.mvc-demo .mmain{flex:1;min-width:0}.mvc-demo .badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:4px}.mvc-demo .teams{font-size:13px;font-weight:500;color:var(--s800)}.mvc-demo .teams .vs{color:var(--s400);font-weight:400;margin:0 3px}.mvc-demo .when{font-size:11px;color:var(--s500);margin-top:1px}.mvc-demo .form{border-top:1px solid var(--s100);padding:9px 12px 11px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.mvc-demo .fr{display:flex;align-items:center;gap:6px}.mvc-demo .fr label{font-size:11px;color:var(--s600);min-width:82px;white-space:nowrap;flex-shrink:0;margin:0;font-weight:500}.mvc-demo .inp{display:inline-flex;align-items:center;width:40px;height:26px;padding:0 7px;border:1px solid var(--s300);border-radius:5px;background:#fff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.mvc-demo .inp.focus{border-color:var(--b500);box-shadow:0 0 0 3px var(--b200)}.mvc-demo .inp.focus::after{content:'';width:1px;height:14px;background:var(--s800);margin-left:1px;animation:mvc-blink 1s steps(1)infinite}.mvc-demo .colon{color:var(--s400);font-weight:600}.mvc-demo .tsp{font-size:13px;font-weight:700;color:var(--s400);padding:3px 8px;border-radius:5px;background:var(--s50);border:1px dashed var(--s300);transition:all .3s}.mvc-demo .tsp.on{color:var(--b700);background:var(--b50);border:1px solid var(--b200)}.mvc-demo .lineup{grid-column:1/-1;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.mvc-demo .lineup label{font-size:11px;color:var(--s600);width:82px;margin:0;font-weight:500}.mvc-demo .pl{padding:3px 7px;border-radius:4px;background:var(--s50);border:1px solid var(--s200);font-size:11px;color:var(--s700);opacity:0;transform:scale(.9);transition:opacity .25s,transform .25s}.mvc-demo .pl.in{opacity:1;transform:none}.mvc-demo .fsave{grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:flex-end}.mvc-demo .fsave .note{font-size:11px;color:var(--s500);margin-right:auto}.mvc-demo .ghost{margin-top:8px;opacity:.55}.mvc-demo .res{display:flex;align-items:center;gap:14px;padding:10px 12px;border-top:1px solid var(--s100)}.mvc-demo .res .big{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--s900);line-height:1}.mvc-demo .res .big i{font-style:normal;color:var(--s300);margin:0 3px}.mvc-demo .res .det{font-size:11px;color:var(--s500);line-height:1.5}.mvc-demo .res .det b{color:var(--s700)}.mvc-demo .acts{display:flex;align-items:center;gap:8px;padding:0 12px 11px;justify-content:flex-end;transition:opacity .3s}.mvc-demo .acts .by{font-size:11px;color:var(--s500);margin-right:auto}.mvc-demo .done-note{display:flex;align-items:center;gap:7px;margin:0 12px 11px;padding:7px 10px;border-radius:6px;background:var(--e50);border:1px solid var(--e100);color:var(--e700);font-size:12px;font-weight:500;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;display:none}.mvc-demo.confirmed .done-note{display:flex;opacity:1;transform:none}.mvc-demo.confirmed .s-confirm .acts{display:none}.mvc-demo .prog{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:7px;background:var(--b50);border:1px solid var(--b200);color:#1e3a8a;font-size:12px;margin-bottom:9px;flex-wrap:wrap}.mvc-demo .prog .dots{display:flex;gap:4px}.mvc-demo .prog .dots i{width:10px;height:10px;border-radius:50%;background:var(--s300);transition:background-color .3s}.mvc-demo .prog .dots i.on{background:var(--e500)}.mvc-demo .prog .pre{margin-left:auto;font-size:10.5px;color:var(--a700);background:var(--a50);border:1px solid var(--a100);padding:1px 7px;border-radius:99px;transition:opacity .3s}.mvc-demo.round-done .prog .pre{opacity:0}.mvc-demo .stand{overflow:hidden}.mvc-demo .sh,.mvc-demo .sr{display:grid;grid-template-columns:24px 14px 1fr 30px 22px 22px 22px 40px 44px 54px;align-items:center;gap:0 4px;padding:0 10px}.mvc-demo .sh{height:28px;background:var(--s50);border-bottom:1px solid var(--s200);font-size:10px;text-transform:uppercase;color:var(--s500);font-weight:600}.mvc-demo .sh span,.mvc-demo .sr span{text-align:center}.mvc-demo .sh span:nth-child(3),.mvc-demo .sr span:nth-child(3){text-align:left}.mvc-demo .sh .tsh{color:var(--b700);background:var(--b50);align-self:stretch;display:flex;align-items:center;justify-content:center;margin-right:-10px}.mvc-demo .sbox{position:relative;height:180px}.mvc-demo .sr{position:absolute;left:0;right:0;height:30px;border-bottom:1px solid var(--s100);font-size:12px;background:#fff;transition:transform .7s cubic-bezier(.2,.8,.2,1),background-color .4s}.mvc-demo .sr.lead{background:#fffcf2}.mvc-demo .sr .rk{font-weight:700;color:var(--s700)}.mvc-demo .sr .tr{font-size:9px;line-height:1}.mvc-demo .sr .tr.up{color:var(--e600)}.mvc-demo .sr .tr.dn{color:var(--r600)}.mvc-demo .sr .tr.eq{color:var(--s300)}.mvc-demo .sr .club{display:flex!important;align-items:center;gap:6px;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden}.mvc-demo .sr .club em{font-style:normal;overflow:hidden;text-overflow:ellipsis}.mvc-demo .cup-ic{width:11px;height:11px;flex-shrink:0;fill:var(--a500)}.mvc-demo .sr .w{color:var(--e700);font-weight:500}.mvc-demo .sr .m{color:var(--s500)}.mvc-demo .sr .pos{color:var(--e700);font-weight:500}.mvc-demo .sr .neg{color:var(--r700);font-weight:500}.mvc-demo .sr .ts{font-weight:700;color:var(--b700);background:rgba(239,246,255,.7);align-self:stretch;display:flex;align-items:center;justify-content:center;margin-right:-10px;transition:color .3s}.mvc-demo .sr.flash .ts{color:var(--e600)}.mvc-demo .legend{margin-top:7px;font-size:10.5px;color:var(--s500)}.mvc-demo .hist{padding:8px 10px 4px}.mvc-demo .hist svg{display:block;width:100%;height:auto;max-height:210px}.mvc-demo .hist .grid line{stroke:var(--s200);stroke-width:1}.mvc-demo .hist text{font-family:var(--sans);font-size:10px;fill:var(--s500)}.mvc-demo .hist .ln{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:520;stroke-dashoffset:520;transition:stroke-dashoffset 1.8s ease-out}.mvc-demo .hist .ln.thin{stroke-width:1.6;opacity:.75}.mvc-demo[data-scene="4"] .hist .ln{stroke-dashoffset:0}.mvc-demo .hist .lab{opacity:0;transition:opacity .4s 1.6s}.mvc-demo[data-scene="4"] .hist .lab{opacity:1}.mvc-demo .winner{display:flex;align-items:center;gap:8px;margin-top:9px;padding:7px 11px;border-radius:7px;background:var(--e50);border:1px solid var(--e100);font-size:12px;color:var(--e700);opacity:0;transform:translateY(4px);transition:opacity .4s 2s,transform .4s 2s}.mvc-demo[data-scene="4"] .winner{opacity:1;transform:none}.mvc-demo .winner .cup-ic{width:14px;height:14px}.mvc-demo .demo-steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--s200);background:var(--s50)}.mvc-demo .demo-steps button{display:flex;align-items:center;gap:7px;padding:9px 10px;font-size:11.5px;color:var(--s500);text-align:left;border-right:1px solid var(--s200)}.mvc-demo .demo-steps button:last-child{border-right:0}.mvc-demo .demo-steps button i{width:7px;height:7px;border-radius:50%;background:var(--s300);flex-shrink:0}.mvc-demo .demo-steps button.on{color:var(--s900);background:#fff}.mvc-demo .demo-steps button.on i{background:var(--b600)}@keyframes mvc-blink{50%{opacity:0}}@media(min-width:992px) and (max-width:1250px){.mvc-demo .demo-bar .cup{display:none}}@media(max-width:640px){.mvc-demo .demo-stage{height:380px}.mvc-demo .hist text{font-size:13px}.mvc-demo .demo-bar .cup{display:none}.mvc-demo .demo-tabs span{padding:0 5px;font-size:11px}.mvc-demo .demo-tabs span.t-hist{display:none}.mvc-demo .scene{padding:12px}.mvc-demo .form{grid-template-columns:1fr}.mvc-demo .fr label,.mvc-demo .lineup label{min-width:104px;width:104px}.mvc-demo .lineup{display:grid;grid-template-columns:104px max-content max-content;gap:5px;justify-content:start}.mvc-demo .lineup .pl:nth-of-type(3){grid-column-start:2}.mvc-demo .sh,.mvc-demo .sr{grid-template-columns:22px 12px 1fr 38px 46px}.mvc-demo .sh span:nth-child(4),.mvc-demo .sr span:nth-child(4),.mvc-demo .sh span:nth-child(5),.mvc-demo .sr span:nth-child(5),.mvc-demo .sh span:nth-child(6),.mvc-demo .sr span:nth-child(6),.mvc-demo .sh span:nth-child(7),.mvc-demo .sr span:nth-child(7),.mvc-demo .sh span:nth-child(9),.mvc-demo .sr span:nth-child(9){display:none}.mvc-demo .demo-steps button{flex-direction:column;justify-content:center;gap:4px;min-height:44px;padding:6px 2px;font-size:10px;line-height:1.2;text-align:center}.mvc-demo .sr .club{gap:5px}.mvc-demo .sr .club .cup-ic+.cup-ic{margin-left:-8px}.mvc-demo .res .big{font-size:19px}}@media(max-width:400px){.mvc-demo .demo-tabs span.t-plan{display:none}}@media(prefers-reduced-motion:reduce){.mvc-demo .scene,.mvc-demo .trow,.mvc-demo .sr,.mvc-demo .hist .ln,.mvc-demo .hist .lab,.mvc-demo .winner,.mvc-demo .pl{transition:none}.mvc-demo .inp.focus::after{animation:none}}