@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}.winner{background:#fbf3e0}.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}}