body{margin:0;padding:0;background-color:#111;color:#fff}.container{max-width:27.5em;margin:0 auto;padding:.5em;border:1px solid #444;border-radius:1em;background-color:#333;font-family:sans-serif}.login-spinner{width:100%;max-width:100px;position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);fill:#fff}.panel-head{margin-bottom:1em}.panel-title{text-align:center;font-size:20px}.btn{flex:1;align-items:center;height:1.8em;border:0;border-radius:.2rem;padding:0;text-align:center;font-size:1rem;color:#fff;text-shadow:1px 1px 1px #333;background-color:#444}.btn--primary{cursor:pointer}.btn--primary:hover{box-shadow:0 0 0 2px #fff3}.btn--selected{background-color:#ffb300}.btn--inactive{color:#5a5a5a;background-color:#363636;cursor:auto}.btn--inactive:hover{box-shadow:none}.btn-submit{display:flex;width:100%;align-items:center;justify-content:center;box-sizing:border-box;margin-top:1em;background-color:#999;transition:background-color .3s ease-in 0s;padding:1em;font-size:1.1em}.btn-submit[disabled]{background-color:#999}.btn-submit-active{background-color:#ffb300}.submit-spinner{width:1em;height:1em;fill:#fff;margin-left:.5em}.btn>input{display:none}.row{display:flex;justify-content:center;margin-bottom:.6em;gap:.6em}.fighter{position:relative;display:flex;justify-content:space-between;white-space:nowrap}.fighter+.fighter>.fighter-x2{order:3;right:0;border-radius:0 .2rem .2rem 0;box-shadow:inset 1px 1px #ffffff4d,-1px 0 #0006}.fighter+.fighter>.fighter-name{order:2;padding:0 2.1em 0 .1em}.fighter+.fighter>.fighter-rate{order:1}.fighter--chosen{background-color:#444;color:#fff;border:1px solid rgba(255,255,255,10%)}.fighter--winner.fighter--chosen{background-color:#0a0}.fighter--loser.fighter--chosen{background-color:#d00}.fighter--draw-nc.fighter--chosen{background-color:#fb0}.fighter-x2{position:absolute;top:0;width:2em;height:1.8em;background-color:#999;border-radius:.2rem 0 0 .2rem;box-shadow:inset 1px 1px #ffffff4d,1px 0 #0006;line-height:1.8em}.fighter-x2:hover,.fighter-x2--selected{background-color:#ffb300}.fighter-x2--hidden{display:none}.fighter-name{padding:0 .1em 0 2.1em;flex-basis:100%}.fighter-rate{padding:.1rem .4rem;font-size:.8rem}.event-points,.season-points{font-size:.8em;color:#969696;text-align:center}@media screen and (max-width:450px){html,body{height:100%}.container{height:100%;border:none;border-radius:0}.fighter-name{font-size:.9em}.btn-submit{position:fixed;bottom:0;left:0;right:0;margin:.5em;width:calc(100% - 1em)}}[x-cloak]{display:none!important}