@import "https://fonts.googleapis.com/css2?family=Anton&family=Work+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#26332e;background:#ebe0c8;font-family:Work Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;padding-bottom:50px}header{color:#ebe0c8;background:#26332e;border-bottom:4px solid #b8863b}.head{justify-content:space-between;align-items:center;gap:16px;max-width:980px;margin:auto;padding:20px 16px;display:flex}h1{letter-spacing:1px;margin:0;font-family:Anton,sans-serif;font-size:32px}.head p{text-transform:uppercase;letter-spacing:1.2px;color:#b9c4b0;margin:2px 0 0;font:11px Space Mono}.auth{align-items:center;gap:8px;display:flex}.auth button,.auth .role{color:#ebe0c8;background:0 0;border:1px solid #68756f;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.period{gap:8px;max-width:980px;margin:14px auto 8px;padding:0 16px;display:flex}.period select,select,input{color:#26332e;background:#f6efdf;border:1.5px solid #ddcfa8;border-radius:8px;padding:10px 12px;font:14px inherit}.period select:first-child{min-width:160px}nav{gap:7px;max-width:980px;margin:auto;padding:0 16px;display:flex;overflow:auto}nav button{white-space:nowrap;color:#776f5c;background:0 0;border:1.5px solid #ddcfa8;border-radius:8px;align-items:center;gap:6px;padding:9px 12px;font-weight:600;display:flex}nav button.active{color:#ebe0c8;background:#26332e;border-color:#26332e}main{max-width:980px;margin:20px auto;padding:0 16px}h2{letter-spacing:.4px;font-family:Anton,sans-serif;font-size:24px}h3{margin-top:24px}.msg{background:#fff8e8;border:1px solid #b8863b;border-radius:8px;justify-content:space-between;max-width:948px;margin:12px auto;padding:9px 12px;display:flex}.progressCard,.card{background:#fff;border:1.5px solid #ddcfa8;border-radius:12px;margin-bottom:15px;padding:16px}.progressCard>div:first-child{align-items:center;gap:8px;display:flex}.progressCard span{margin-left:auto;font-family:Space Mono}.bar{background:#ebe0c8;border-radius:10px;height:10px;margin:10px 0;overflow:hidden}.bar i{background:#5c6e3e;height:100%;display:block}.tableWrap,.matrix{background:#fff;border:1.5px solid #ddcfa8;border-radius:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:center;border-bottom:1px solid #ebe0c8;padding:10px 8px;font-size:13px}th{text-transform:uppercase;color:#776f5c;border-bottom:2px solid #ddcfa8;font:10px Space Mono}.left{text-align:left}.empty{color:#776f5c;font-style:italic}.accord{background:#fff;border:1px solid #ddcfa8;border-radius:9px;margin-bottom:7px;overflow:hidden}.accord>button{background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.accord>button span{background:#ebe0c8;border-radius:15px;margin-left:auto;padding:2px 9px}.pending{border-top:1px solid #ebe0c8;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;padding:9px 12px;display:grid}.pending button{color:#fff;background:#5b6672;border:0;border-radius:6px;padding:6px 9px}.matrix table{width:auto;min-width:max-content}.vertical{writing-mode:vertical-rl;min-width:44px;height:90px;transform:rotate(180deg)}.sticky{z-index:3;background:#fff;position:sticky}.sticky.name{text-align:left;min-width:120px;left:0}.sticky.s1{min-width:38px;left:120px}.sticky.s2{min-width:38px;left:158px}.sticky.s3{min-width:38px;left:196px}.sticky.s4{min-width:54px;left:234px}.edge{border-right:2px solid #ddcfa8}.win{background:#cfe3ec;font-weight:700}.matchgrid{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.matchgrid>div{flex-direction:column;gap:8px;display:flex}.matchgrid label{text-transform:uppercase;font:10px Space Mono}.matchgrid input{text-align:center;font:18px Space Mono}.vs{color:#b8863b;font-family:Anton}.primary{color:#fff;background:#5c6e3e;border:0;border-radius:8px;margin-top:12px;padding:10px 14px;font-weight:700}.secondary{background:0 0;border:1px solid #ddcfa8;border-radius:8px;margin:12px 0 0 8px;padding:10px 14px}.matchrow{background:#fff;border:1px solid #ddcfa8;border-radius:8px;grid-template-columns:1fr auto 1fr auto auto;align-items:center;gap:8px;margin:6px 0;padding:10px 12px;display:grid}.matchrow span:nth-child(3){text-align:right}.matchrow button,.players button{background:0 0;border:0}.bold{color:#5c6e3e;font-weight:700}.add{gap:8px;display:flex}.add input{flex:1}.add .primary{margin:0}.players>div{background:#fff;border:1px solid #ddcfa8;border-radius:8px;align-items:center;gap:8px;margin:7px 0;padding:10px 12px;display:flex}.players span{flex:1}.players small{background:#ddcfa8;border-radius:10px;padding:2px 7px}.players .inactive{opacity:.65}.modal{z-index:20;background:#0008;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal form{background:#fff;border-radius:14px;flex-direction:column;gap:8px;width:min(360px,100%);padding:22px;display:flex;position:relative}.modal .close{background:0 0;border:0;font-size:24px;position:absolute;top:10px;right:12px}.loading{background:#ebe0c8;place-items:center;min-height:100vh;display:grid}@media (width<=640px){.head{align-items:flex-start}.role{display:none!important}main{margin-top:14px}.matchgrid{grid-template-columns:1fr}.vs{text-align:center}.matchrow{grid-template-columns:1fr auto 1fr auto auto}.sticky.name{min-width:100px}.sticky.s1{left:100px}.sticky.s2{left:138px}.sticky.s3{left:176px}.sticky.s4{left:214px}}@media print{header,nav,.period,.msg,.noPrint{display:none!important}body,.app,main{background:#fff!important}main{max-width:100%!important;margin:0!important;padding:20px!important}.tableWrap{box-shadow:none!important;border:1px solid #ccc!important}table{width:100%!important}h2{margin-top:0!important}}:root{--unis-blue:#284f7a;--unis-blue-dark:#193653;--unis-blue-light:#eaf1f7;--unis-bg:#f3f6f9;--unis-white:#fff;--unis-text:#1d2a36;--unis-border:#cfdae5}body,.app{background:var(--unis-bg);color:var(--unis-text)}header{background:var(--unis-blue);border-bottom:4px solid var(--unis-blue-dark)}.brand{align-items:center;gap:14px;display:flex}.brandLogo{object-fit:cover;background:#fff;border-radius:10px;width:72px;height:72px}nav button.active,.primary{background:var(--unis-blue)!important;color:#fff!important;border-color:var(--unis-blue)!important}nav button:hover,button:hover{border-color:var(--unis-blue)}.card,.tableWrap,.progressCard,.players>div,.accord{border-color:var(--unis-border)}.winner{background:var(--unis-blue-light)!important}.role{border-color:#fff6}input:focus,select:focus{border-color:var(--unis-blue);outline:2px solid #284f7a40}.matrix td.win{background:#dceaf5!important}.msg{border-color:var(--unis-blue);color:var(--unis-blue-dark);background:#edf4fa}@media (width<=650px){.brandLogo{width:55px;height:55px}.brand h1{font-size:24px}}:root{--unis-blue:#2d5b88;--unis-blue-dark:#183a5a;--unis-blue-medium:#3f6f9d;--unis-blue-light:#eaf2f9;--unis-blue-soft:#f4f8fc;--unis-white:#fff;--unis-bg:#eef3f8;--unis-text:#172b3b;--unis-muted:#697b8b;--unis-border:#c7d5e2;--unis-border-light:#dce6ef;--unis-success:#31754e;--unis-danger:#a83d46;--unis-shadow:0 2px 10px #193a5a0f}html,body{background:var(--unis-bg)!important}body,.app{color:var(--unis-text)!important;background:var(--unis-bg)!important}main{background:0 0!important}header{box-shadow:0 2px 8px #0000001f;background:var(--unis-blue)!important;border-bottom:3px solid var(--unis-blue-dark)!important}.head h1{color:#fff!important}.head p{color:#dce9f5!important}.brandLogo{box-shadow:none!important;background:0 0!important;border-radius:8px!important}.role{color:#fff!important;background:#ffffff12!important;border:1px solid #ffffff47!important}.period select,select,input{color:var(--unis-text)!important;border:1px solid var(--unis-border)!important;box-shadow:none!important;background:#fff!important}select:hover,input:hover{border-color:var(--unis-blue-medium)!important}select:focus,input:focus{border-color:var(--unis-blue)!important;outline:none!important;box-shadow:0 0 0 3px #2d5b881f!important}nav{gap:8px!important}nav button{color:#526777!important;border:1px solid var(--unis-border)!important;box-shadow:none!important;background:#fff!important;border-radius:8px!important}nav button:hover{background:var(--unis-blue-light)!important;color:var(--unis-blue-dark)!important;border-color:#9eb7cc!important}nav button.active{background:var(--unis-blue)!important;color:#fff!important;border-color:var(--unis-blue)!important;box-shadow:0 2px 5px #2d5b8829!important}button{border-color:var(--unis-border)!important}button:not(.active):not(.primary){color:var(--unis-text)!important;background:#fff!important}button:not(.active):not(.primary):hover{background:var(--unis-blue-light)!important;border-color:#9db6cc!important}.primary{background:var(--unis-blue)!important;border-color:var(--unis-blue)!important;color:#fff!important}.primary:hover{background:var(--unis-blue-dark)!important;border-color:var(--unis-blue-dark)!important}.card,.progressCard,.tableWrap,.matrix,.accord{border:1px solid var(--unis-border-light)!important;box-shadow:var(--unis-shadow)!important;background:#fff!important}.card,.progressCard,.tableWrap{border-radius:12px!important}.accord{border-radius:9px!important;overflow:hidden!important}.accord>button{color:var(--unis-text)!important;background:#fff!important;border:none!important}.accord>button:hover{background:var(--unis-blue-soft)!important}.accord>button span:nth-last-child(2),.countBadge{background:var(--unis-blue-light)!important;color:var(--unis-blue-dark)!important;border:1px solid #cfdfec!important;font-weight:700!important}.accord>button span:last-child{color:var(--unis-blue-dark)!important;background:#edf4fa!important}.players>div{border:1px solid var(--unis-border-light)!important;box-shadow:none!important;background:#fff!important}.players>div:hover{background:var(--unis-blue-soft)!important}.players>div.inactive,.inactive{opacity:.82;color:#81909c!important;background:#f3f5f7!important}table{background:#fff!important}thead th{color:#607587!important;border-color:var(--unis-border-light)!important;background:#f5f8fb!important}tbody td{border-color:var(--unis-border-light)!important}tbody tr:hover td{background:#f7fafc!important}tr.winner,tr.winner td,.winner{background:#e4f0fa!important}.matrix td.win{color:var(--unis-blue-dark)!important;background:#d9eaf8!important;font-weight:700!important}.bar{background:#dce6ef!important}.bar i{background:var(--unis-blue)!important}.msg{color:var(--unis-blue-dark)!important;box-shadow:none!important;background:#edf5fb!important;border:1px solid #a9c3d8!important}h2,h3{color:var(--unis-text)!important}.empty{color:var(--unis-muted)!important}.modal{background:#0f22328c!important}.modal form{border:1px solid var(--unis-border)!important;background:#fff!important;box-shadow:0 20px 50px #0f223233!important}@media (width<=650px){nav{gap:5px!important}nav button{border-radius:7px!important}.card,.progressCard,.tableWrap{border-radius:10px!important}}main>.accord{width:100%}@media (width>=1000px){main:has(>.accord){grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;display:grid}main:has(>.accord)>h2{grid-column:1/-1;margin-bottom:6px}.accord{min-width:0;overflow:hidden;border-radius:10px!important;margin:0!important}.accord>button{min-height:46px!important;padding:10px 12px!important}.accord>button b{font-size:14px}.accord>button span:nth-last-child(2){text-align:center;min-width:30px}.accord>div{padding:6px!important}.pending{min-height:36px;gap:6px!important;padding:7px 8px!important}.pending span{font-size:12px}.pending small{font-size:10px}.pending button{padding:5px 8px!important;font-size:11px!important}}@media (width>=700px) and (width<=999px){main:has(>.accord){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:9px;display:grid}main:has(>.accord)>h2{grid-column:1/-1}.accord{margin:0!important}}@media (width<=699px){main:has(>.accord){display:block}.accord{margin-bottom:7px!important}.accord>button{min-height:48px!important;padding:10px 12px!important}}@media (width>=1200px){.head,.period,nav,main{max-width:1180px!important}}@media (width>=1500px){.head,.period,nav,main{max-width:1320px!important}}@media (width<=800px){nav{scrollbar-width:thin;padding-bottom:4px;display:flex;overflow-x:auto;flex-wrap:nowrap!important}nav button{white-space:nowrap;flex:none}}.tableWrap,.matrix{-webkit-overflow-scrolling:touch;overflow-x:auto!important}@media (width<=650px){.head{gap:10px}.brand{gap:8px}.brandLogo{width:46px!important;height:46px!important}.brand h1{font-size:20px!important}.brand p{font-size:9px!important}.role{font-size:10px}}