:root{font-family:system-ui,'Microsoft YaHei',sans-serif;color:#171a20;background:#f0f1f3;--blue:#086bff}*{box-sizing:border-box}body{margin:0}header{background:#101215;color:white;display:flex;align-items:center;gap:20px;padding:20px max(20px,calc((100vw - 1160px)/2));min-height:90px}header img{width:78px;height:auto}header span{font-weight:750}small{display:block;font-size:12px;font-weight:400;opacity:.65;margin-top:4px}header button{margin-left:auto;color:white;background:transparent;border:1px solid #525760}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;padding:10px 16px;border:1px solid #ccd1d8;background:white;color:#151921;border-radius:3px;font-weight:650}button:hover{border-color:var(--blue)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue);color:white;border-color:var(--blue)}#connection{padding:8px 20px;background:#e3ebf7;color:#314564;font-size:12px;text-align:center}#connection.error,#form-error{color:#ae2232}main{max-width:1160px;margin:auto;padding:28px 20px 110px}h1{font-size:32px;letter-spacing:-1px;margin:6px 0 24px}h2{font-size:22px}h3{margin:0 0 8px}p{line-height:1.6}.kicker{font-size:11px;letter-spacing:3px;color:var(--blue);font-weight:800}.hero{background:linear-gradient(90deg,#101215e8,#101215b0),url('/brand/arena_background.png') center/cover;color:white;padding:28px;border-top:4px solid var(--blue);margin-bottom:22px}.hero p{color:#c2c8d1;margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:white;border:1px solid #e0e3e8;padding:22px;margin-bottom:12px}.card p{color:#586171;font-size:14px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row .grow{flex:1;min-width:100px}.avatar{width:60px;height:60px;object-fit:cover;border-radius:50%;background:#edf0f5;display:grid;place-items:center;font-size:24px;color:#647083}.tag{font-size:12px;background:#eaf2ff;color:#1359bd;padding:4px 8px}.warning{background:#fff2cc;border-left:4px solid #bd8515;padding:16px;margin-bottom:16px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#11151b;padding:10px;gap:8px;z-index:10}nav button{color:#c7cdd6;border:0;background:transparent;min-width:110px}nav button.active{color:white;background:var(--blue)}[hidden]{display:none!important}dialog{width:min(620px,calc(100vw - 24px));border:0;box-shadow:0 16px 90px #0005;padding:24px;max-height:90vh}dialog::backdrop{background:#0008}label{display:block;font-size:14px;font-weight:650;margin:16px 0 6px}input,select,textarea{width:100%;border:1px solid #c4cad3;padding:12px;background:#fafbfc;border-radius:3px;min-height:46px}textarea{min-height:110px;resize:vertical}footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.scores{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.muted{color:#727c89;font-size:13px}.back{margin-bottom:18px}.empty{text-align:center;padding:40px 20px;background:white;color:#626c79}.login{max-width:440px;margin:30px auto}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}a{color:#086bff} @media(max-width:600px){header{padding:16px;gap:14px;min-height:76px}header img{width:62px}main{padding:20px 14px 100px}h1{font-size:28px}.hero{padding:22px}.card{padding:18px}nav{padding-bottom:max(10px,env(safe-area-inset-bottom))}nav button{min-width:0;flex:1;padding:10px 4px;font-size:13px}.grid{grid-template-columns:1fr}.scores{grid-template-columns:1fr}dialog{padding:20px}}@media print{header,nav,#connection,.actions,.back{display:none}main{padding:0}.card{break-inside:avoid}body{background:white}}
.grid.actions{display:grid;width:100%}
.weekdays{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #ccd1d8;margin-top:16px}.weekdays label{display:flex;align-items:center;gap:6px;margin:4px}.weekdays input{width:20px;min-height:20px;height:20px}

input.compact-check{width:20px;min-height:20px;height:20px;flex:none}
